body{margin:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0f1117;color:#e2e8f0;min-height:100vh}.navbar{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#1a1d27;border-bottom:1px solid #2d3148;flex-wrap:wrap}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:#7c8cf8;text-decoration:none;white-space:nowrap}.brand-icon{font-size:1.3rem}.navbar-links{display:flex;gap:.25rem}.nav-link{padding:.4rem .9rem;border-radius:6px;text-decoration:none;color:#94a3b8;font-size:.9rem;transition:background .15s,color .15s}.nav-link:hover{background:#2d3148;color:#e2e8f0}.nav-link.active{background:#3730a3;color:#c7d2fe}.navbar-key{margin-left:auto}.api-key-input{display:flex;align-items:center;gap:.4rem}.api-key-input input{padding:.35rem .65rem;border-radius:6px;border:1px solid #3d4266;background:#0f1117;color:#e2e8f0;font-size:.8rem;width:180px}.api-key-input input:focus{outline:none;border-color:#7c8cf8}.btn-save,.btn-clear{padding:.35rem .7rem;border-radius:6px;border:none;cursor:pointer;font-size:.8rem;transition:background .15s}.btn-save{background:#3730a3;color:#c7d2fe}.btn-save:hover{background:#4338ca}.btn-clear{background:#374151;color:#9ca3af}.btn-clear:hover{background:#4b5563}.mode-chip{font-size:.7rem;font-weight:700;padding:.2rem .45rem;border-radius:999px;border:1px solid transparent;white-space:nowrap}.mode-chip.readonly{color:#fcd34d;background:#3f2f05;border-color:#92400e}.mode-chip.write{color:#86efac;background:#052e16;border-color:#166534}.main-content{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between}h1{font-size:1.6rem;color:#c7d2fe}h2{font-size:1.2rem;color:#a5b4fc;margin-bottom:.5rem}.mode-toggle{display:flex;gap:0;border:1px solid #3d4266;border-radius:8px;overflow:hidden;width:fit-content}.mode-toggle button{padding:.45rem 1.2rem;border:none;background:#1a1d27;color:#94a3b8;cursor:pointer;font-size:.875rem;transition:background .15s,color .15s}.mode-toggle button.active{background:#3730a3;color:#c7d2fe}.search-form{display:flex;flex-direction:column;gap:.9rem;background:#1a1d27;padding:1.5rem;border-radius:10px;border:1px solid #2d3148}.form-row{display:flex;flex-direction:column;gap:.3rem}.form-row label{font-size:.8rem;color:#94a3b8;font-weight:500}.form-row input,.form-row textarea,.form-row select{padding:.5rem .75rem;border-radius:6px;border:1px solid #3d4266;background:#0f1117;color:#e2e8f0;font-size:.9rem;width:100%}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:#7c8cf8}.loading-hint{display:inline-flex;align-items:center;gap:.45rem;color:#94a3b8}.loading-spinner{width:.85rem;height:.85rem;border-radius:999px;border:2px solid #334155;border-top-color:#7c8cf8;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.date-selector{position:relative;display:flex;align-items:center;gap:.5rem}.date-selector input[type=text]{flex:1}.date-picker-btn{min-width:2.6rem;padding:.45rem .6rem}.date-native-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.checkbox-row{flex-direction:row;align-items:center}.checkbox-row label{display:flex;align-items:center;gap:.5rem;color:#e2e8f0}.btn-primary{padding:.55rem 1.4rem;border-radius:7px;border:none;background:#3730a3;color:#c7d2fe;cursor:pointer;font-size:.9rem;font-weight:600;width:fit-content;transition:background .15s}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.4rem 1rem;border-radius:7px;border:1px solid #3d4266;background:transparent;color:#94a3b8;cursor:pointer;font-size:.875rem;width:fit-content;transition:background .15s}.btn-secondary:hover:not(:disabled){background:#2d3148}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.error-banner{padding:.65rem 1rem;border-radius:7px;background:#450a0a;border:1px solid #991b1b;color:#fca5a5;font-size:.875rem}.success-banner{padding:.65rem 1rem;border-radius:7px;background:#052e16;border:1px solid #166534;color:#86efac;font-size:.875rem}.readonly-banner{padding:.65rem 1rem;border-radius:7px;background:#172554;border:1px solid #1d4ed8;color:#bfdbfe;font-size:.875rem}.results-header{font-size:.875rem;color:#64748b}.result-row{background:#1a1d27;border:1px solid #2d3148;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.result-meta{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.8rem}.nick{color:#7c8cf8;font-weight:700}.channel{color:#34d399}.network{color:#f59e0b}.date{color:#64748b;margin-left:auto}.result-message{font-size:.95rem;color:#e2e8f0;line-height:1.5}.permalink{font-size:.78rem;color:#7c8cf8;text-decoration:none;width:fit-content}.permalink:hover{text-decoration:underline}.highlight-form{margin-bottom:.5rem}.highlights-list{display:flex;flex-direction:column;gap:1rem}.highlight-card{background:#1a1d27;border:1px solid #2d3148;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.highlight-title{font-weight:700;color:#c7d2fe;font-size:1rem}.highlight-event{display:flex;gap:.75rem;align-items:baseline;flex-wrap:wrap}.highlight-message{color:#cbd5e1;font-size:.9rem;flex:1}.empty-state{color:#64748b;font-size:.9rem}.docs-page{gap:0}.docs-intro{color:#94a3b8;margin:.5rem 0 1.5rem}.docs-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #2d3148}.docs-section:last-child{border-bottom:none}.docs-section p,.docs-section ul{color:#94a3b8;font-size:.9rem;margin:.5rem 0}.docs-section ul{padding-left:1.25rem}.docs-section li{margin:.25rem 0}.docs-section h3{color:#7c8cf8;font-size:.875rem;margin:1rem 0 .4rem}pre{background:#0f1117;border:1px solid #2d3148;border-radius:8px;padding:1rem;overflow-x:auto;margin:.5rem 0}pre code{font-family:Consolas,Monaco,monospace;font-size:.8rem;color:#a5b4fc;white-space:pre}code{background:#1a1d27;padding:.1em .35em;border-radius:4px;font-family:monospace;font-size:.85em;color:#a5b4fc}.method{display:inline-block;padding:.15em .5em;border-radius:4px;font-size:.75rem;font-weight:700;font-family:monospace;margin-right:.5rem}.method.get{background:#064e3b;color:#6ee7b7}.method.post{background:#1e3a5f;color:#93c5fd}.params-table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.875rem}.params-table th{text-align:left;padding:.5rem .75rem;background:#1a1d27;color:#7c8cf8;border-bottom:1px solid #2d3148}.params-table td{padding:.5rem .75rem;color:#94a3b8;border-bottom:1px solid #1a1d27}.params-table td:first-child{color:#e2e8f0;font-family:monospace}