:root{font-family:Consolas,Monaco,Courier New,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#e6edf3;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #58a6ff;--color-success: #3fb950;--color-warning: #d29922;--color-error: #f85149;--color-debug: #a371f7;--color-text: #e6edf3;--color-text-secondary: #8b949e;--color-data: #ffffff;--color-foc: var(--color-debug);--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background-color:var(--bg-primary)}#app{width:100%;height:100vh;display:flex;flex-direction:column}.logger-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary)}header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}header h1{font-size:1.5rem;margin:0;color:var(--color-text);font-weight:600;display:flex;align-items:center;gap:.75rem}.logo{height:2rem;width:auto}.controls{display:flex;gap:.5rem}.input-section{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;display:flex;gap:.75rem;flex-shrink:0}#log-datetime{padding:.5rem .75rem;background-color:var(--bg-tertiary);color:var(--color-text);border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;font-family:inherit;cursor:pointer;min-width:220px}#log-datetime:hover{background-color:var(--border-color)}#log-datetime:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #58a6ff33}#log-datetime::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}#log-level{padding:.5rem .75rem;background-color:var(--bg-tertiary);color:var(--color-text);border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;font-family:inherit;cursor:pointer;min-width:120px}#log-level:hover{background-color:var(--border-color)}#log-input,#tezos-address{flex:1;padding:.5rem .75rem;background-color:var(--bg-primary);color:var(--color-text);border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;font-family:inherit}#log-input:focus,#tezos-address:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #58a6ff33}button{padding:.5rem 1rem;background-color:var(--color-text);color:#0d1117;border:none;border-radius:6px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s;white-space:nowrap}button:hover{background-color:#caffd0}#clear-logs{background-color:var(--color-text)}#clear-logs:hover{background-color:#ffceca}.logs-display{flex:1;overflow-y:auto;padding:1rem .75rem 1rem 1.5rem;background-color:var(--bg-primary)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:2rem;font-size:1rem}.log-entry{display:flex;gap:1rem;padding:.5rem .75rem;margin-bottom:.25rem;border-left:3px solid;background-color:var(--bg-secondary);border-radius:3px;font-size:.85rem;line-height:1.6;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-time{color:var(--color-text-secondary);min-width:180px;font-weight:500;white-space:nowrap}.log-level{min-width:70px;font-weight:700;text-transform:uppercase}.log-message{flex:1;color:var(--color-text);word-wrap:break-word}.log-link{color:var(--color-primary);text-decoration:underline;text-decoration-style:dotted;cursor:pointer;transition:color .2s}.log-link:hover{color:var(--color-text);text-decoration-style:solid}.log-link:visited{color:var(--color-text-secondary)}.log-info{border-left-color:var(--color-primary)}.log-info .log-level{color:var(--color-primary)}.log-success{border-left-color:var(--color-success)}.log-success .log-level{color:var(--color-success)}.log-warning{border-left-color:var(--color-warning)}.log-warning .log-level{color:var(--color-warning)}.log-error{border-left-color:var(--color-error)}.log-error .log-level{color:var(--color-error)}.log-data{border-left-color:var(--color-data)}.log-data .log-level{color:var(--color-data)}.log-foc{border-left-color:var(--color-foc)}.log-foc .log-level{color:var(--color-foc)}.logs-display::-webkit-scrollbar{width:6px}.logs-display::-webkit-scrollbar-track{background-color:transparent;margin:.5rem 0}.logs-display::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px;border-left:2px solid transparent;background-clip:padding-box}.logs-display::-webkit-scrollbar-thumb:hover{background-color:#484f58}@media(max-width:768px){header{padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:flex-start}header h1{font-size:1.25rem}.controls{width:100%;justify-content:flex-end}.input-section{padding:.75rem 1rem;flex-direction:column;gap:.5rem}#log-input,#tezos-address{width:100%}button{width:100%;padding:.625rem 1rem}.logs-display{padding:.75rem 1rem}.log-entry{flex-direction:column;gap:.5rem;font-size:.8rem;padding:.625rem}.log-time,.log-level{min-width:auto;font-size:.75rem}.log-message{font-size:.85rem}}@media(max-width:480px){header h1{font-size:1.1rem}.input-section,.logs-display{padding:.5rem}.log-entry{font-size:.75rem;padding:.5rem}button{font-size:.85rem}}