@font-face{font-family:whyte;src:url(/_next/static/media/5804a28dba3acd02-s.p.otf) format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:whyte;src:url(/_next/static/media/d6686fedd7f9951b-s.p.otf) format("opentype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:whyte Fallback;src:local("Arial");ascent-override:92.52%;descent-override:24.92%;line-gap-override:0.00%;size-adjust:103.55%}.__className_6fd9aa{font-family:whyte,whyte Fallback}.__variable_6fd9aa{--font-whyte:"whyte","whyte Fallback"}@font-face{font-family:whyteInktrap;src:url(/_next/static/media/96a9cdc783ba5f82-s.p.otf) format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:whyteInktrap;src:url(/_next/static/media/39726cacc0f69619-s.p.otf) format("opentype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:whyteInktrap Fallback;src:local("Arial");ascent-override:92.52%;descent-override:24.92%;line-gap-override:0.00%;size-adjust:103.55%}.__className_0cf2e5{font-family:whyteInktrap,whyteInktrap Fallback}.__variable_0cf2e5{--font-whyte-inktrap:"whyteInktrap","whyteInktrap Fallback"}@font-face{font-family:fraktion;src:url(/_next/static/media/457f2e9721b05ee2-s.p.otf) format("opentype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:fraktion;src:url(/_next/static/media/7e4a0927b2613e26-s.p.otf) format("opentype");font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:fraktion;src:url(/_next/static/media/0a0c94622a4820fa-s.p.otf) format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:fraktion;src:url(/_next/static/media/fff91f8622ced841-s.p.otf) format("opentype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:fraktion;src:url(/_next/static/media/755774d3d018eef6-s.p.otf) format("opentype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:fraktion;src:url(/_next/static/media/0cd047503b50862e-s.p.otf) format("opentype");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:fraktion Fallback;src:local("Arial");ascent-override:76.51%;descent-override:14.75%;line-gap-override:21.75%;size-adjust:131.49%}.__className_fb62b5{font-family:fraktion,fraktion Fallback}.__variable_fb62b5{--font-fraktion:"fraktion","fraktion Fallback"}:root{--dark-800:203 26% 96%;--dark-900:180 100% 99%;--dark-950:180 100% 99%;--light-100:30 13% 9%;--light-150:32 14% 15%;--light-200:30 13% 9%;--light-300:32 14% 15%;--light-400:36 14% 18%;--light-600:38 50% 80%;--light-900:38 50% 80%;--accent:216 100% 59%;--color-error:0 100% 64%;--color-warning:32 90% 68%;--color-success:101 20% 45%;--tx-primary:hsl(var(--dark-800));--tx-body:hsl(var(--dark-800)/0.95);--tx-secondary:hsl(var(--dark-800)/0.75);--tx-tertiary:hsl(var(--dark-800)/0.5);--tx-disabled:hsl(var(--dark-800)/0.22);--tx-accent:hsl(var(--accent)/0.95);--bg-base:hsl(var(--light-100));--bg-card:hsl(var(--light-150));--bg-menu:hsl(var(--light-200));--bg-primary:hsl(var(--dark-800)/0.08);--bg-hover:hsl(var(--dark-800)/0.12);--bg-accent:hsl(var(--accent)/0.08);--bg-accent-opaque:hsl(var(--accent));--bg-error:hsl(var(--color-error)/0.08);--bg-warning:hsl(var(--color-warning)/0.08);--bg-success:hsl(var(--color-success)/0.08);--bd-primary:hsl(var(--dark-800)/0.15);--bd-secondary:hsl(var(--dark-800)/0.08);--bd-hover:hsl(var(--dark-800)/0.17);--bd-accent:hsl(var(--accent)/0.35);--fontSize-xs:0.813rem;--lineHeight-xs:1rem;--fontSize-sm:1rem;--lineHeight-sm:1.5rem;--fontSize-md:1.25rem;--lineHeight-md:2rem;--fontSize-lg:1.625rem;--lineHeight-lg:2.625rem;--fontSize-xl:2.063rem;--lineHeight-xl:3.25rem;--letterSpacing:0.02rem;--radius:0.5rem;--elevation-1:0px 0px 4px -2px rgba(24,39,75,0.08),0px 0px 4px -2px rgba(24,39,75,0.12);--font-sans:var(--font-whyte),system-ui,sans-serif;--font-display:var(--font-whyte-inktrap),var(--font-whyte),system-ui,sans-serif;--font-mono:var(--font-fraktion),monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);color:var(--tx-body);font-family:var(--font-sans);font-size:var(--fontSize-sm);line-height:var(--lineHeight-sm);letter-spacing:var(--letterSpacing)}a{color:var(--tx-accent);text-decoration:none}a:hover{text-decoration:underline}.layout{overflow:hidden}.layout,.sidebar{display:flex;height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--bd-secondary);padding:1.5rem 0;flex-direction:column;position:-webkit-sticky;position:sticky;top:0}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 1.25rem;margin-bottom:2rem}.sidebar-title{font-family:var(--font-display);font-size:var(--fontSize-md);line-height:var(--lineHeight-md);color:var(--tx-primary);margin-bottom:.25rem}.sidebar-subtitle{font-family:var(--font-mono);font-size:var(--fontSize-xs);line-height:var(--lineHeight-xs);color:var(--tx-tertiary)}.connection-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:999px;font-family:var(--font-mono);font-size:.6875rem;line-height:1;white-space:nowrap;margin-top:.25rem}.connection-dot{width:6px;height:6px;border-radius:50%}.connection-online{background:var(--bg-success);color:hsl(var(--color-success)/.95)}.connection-online .connection-dot{background:hsl(var(--color-success))}.connection-offline{background:var(--bg-error);color:hsl(var(--color-error)/.95)}.connection-offline .connection-dot{background:hsl(var(--color-error))}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:block;padding:.5rem 1.25rem;font-size:var(--fontSize-xs);line-height:var(--lineHeight-xs);color:var(--tx-secondary);text-decoration:none;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:var(--bg-hover);color:var(--tx-primary);text-decoration:none}.sidebar-link.active{background:var(--bg-accent);color:var(--tx-accent)}.sidebar-sub-nav{display:flex;flex-direction:column;gap:1px}.sidebar-sub-link{display:block;padding:.375rem 1.25rem .375rem 2rem;font-size:.75rem;line-height:var(--lineHeight-xs);color:var(--tx-tertiary);text-decoration:none;transition:background .15s ease,color .15s ease}.sidebar-sub-link:hover{background:var(--bg-hover);color:var(--tx-primary);text-decoration:none}.sidebar-sub-link.active{color:var(--tx-accent)}.main{flex:1 1;min-width:0;padding:2rem 2.5rem;overflow-y:auto}.page-title{font-family:var(--font-display);font-size:var(--fontSize-lg);line-height:var(--lineHeight-lg);color:var(--tx-primary);margin-bottom:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--elevation-1)}.stat-label{font-size:var(--fontSize-xs);line-height:var(--lineHeight-xs);color:var(--tx-tertiary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06rem}.stat-value{font-size:var(--fontSize-lg);line-height:var(--lineHeight-lg);color:var(--tx-primary)}.stat-detail,.stat-value{font-family:var(--font-mono)}.stat-detail{font-size:var(--fontSize-xs);line-height:var(--lineHeight-xs);color:var(--tx-secondary);margin-top:.25rem}.table-container{overflow-x:auto;margin-bottom:2rem}.section-title{font-family:var(--font-display);font-size:var(--fontSize-md);line-height:var(--lineHeight-md);color:var(--tx-primary);margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:var(--fontSize-xs);line-height:var(--lineHeight-xs)}thead th{text-align:left;color:var(--tx-tertiary);font-weight:400;text-transform:uppercase;letter-spacing:.06rem;border-bottom:1px solid var(--bd-primary)}tbody td,thead th{padding:.625rem 1rem;white-space:nowrap}tbody td{border-bottom:1px solid var(--bd-secondary)}tbody tr:nth-child(2n){background:var(--bg-primary)}tbody tr:hover{background:var(--bg-hover)}.badge,.mono{font-family:var(--font-mono)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.688rem;line-height:1rem;font-weight:400}.badge-draft{background:var(--bg-primary);color:var(--tx-secondary);border:1px solid var(--bd-primary)}.badge-accent{background:var(--bg-accent);color:var(--tx-accent);border:1px solid var(--bd-accent)}.badge-success{background:var(--bg-success);color:hsl(var(--color-success)/.95);border:1px solid hsl(var(--color-success)/.35)}.badge-warning{background:var(--bg-warning);color:hsl(var(--color-warning)/.95);border:1px solid hsl(var(--color-warning)/.35)}.badge-error{background:var(--bg-error);color:hsl(var(--color-error)/.95);border:1px solid hsl(var(--color-error)/.35)}.clickable-row{cursor:pointer}.empty{color:var(--tx-tertiary);font-style:italic;padding:2rem;text-align:center}.compose-form{display:flex;flex-direction:column;gap:1rem}.compose-subject{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);padding:.625rem 1rem;font-family:var(--font-sans);font-size:var(--fontSize-sm);color:var(--tx-primary);outline:none;width:100%}.compose-subject:focus{border-color:var(--bd-accent)}.compose-subject::placeholder{color:var(--tx-tertiary)}.compose-editor{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;min-height:400px}.compose-textarea{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);padding:1rem;font-family:var(--font-mono);font-size:var(--fontSize-xs);line-height:1.6;color:var(--tx-primary);resize:vertical;outline:none;min-height:400px}.compose-textarea:focus{border-color:var(--bd-accent)}.compose-textarea::placeholder{color:var(--tx-tertiary)}.compose-preview{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);padding:1rem;overflow-y:auto;min-height:400px;color:var(--tx-body);font-size:var(--fontSize-xs);line-height:1.6}.compose-preview h1,.compose-preview h2,.compose-preview h3{color:var(--tx-primary);margin:1rem 0 .5rem}.compose-preview h1:first-child,.compose-preview h2:first-child,.compose-preview h3:first-child{margin-top:0}.compose-preview p{margin:.5rem 0}.compose-preview a{color:var(--tx-accent)}.compose-preview ol,.compose-preview ul{padding-left:1.5rem;margin:.5rem 0}.compose-schedule{display:flex;align-items:center;gap:1rem}.compose-schedule label{display:flex;align-items:center;gap:.375rem;font-size:var(--fontSize-xs);color:var(--tx-secondary);cursor:pointer}.compose-schedule input[type=datetime-local]{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:4px;padding:.35rem .6rem;font-family:var(--font-mono);font-size:var(--fontSize-xs);color:var(--tx-primary);outline:none}.compose-actions{display:flex;gap:.75rem}.btn{padding:.5rem 1.25rem;border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--fontSize-xs);font-weight:400;cursor:pointer;border:none;transition:opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--bg-accent-opaque);color:white}.btn-primary:hover:not(:disabled){opacity:.85}.btn-secondary{background:var(--bg-primary);color:var(--tx-secondary);border:1px solid var(--bd-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.steps{display:flex;gap:.5rem;margin-bottom:2rem}.step{display:flex;align-items:center;gap:.375rem;font-size:var(--fontSize-xs);color:var(--tx-tertiary)}.step-active{color:var(--tx-accent)}.step-done{color:hsl(var(--color-success)/.95)}.step-separator{color:var(--tx-disabled);font-size:var(--fontSize-xs)}.recipient-toggle{display:flex;gap:1rem;margin-bottom:1rem}.recipient-toggle label{display:flex;align-items:center;gap:.375rem;font-size:var(--fontSize-xs);color:var(--tx-secondary);cursor:pointer}.recipient-filters{display:flex;gap:.5rem;margin-bottom:.75rem}.recipient-list{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);max-height:400px;overflow-y:auto}.recipient-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--bd-secondary);font-size:var(--fontSize-xs);cursor:pointer}.recipient-row:last-child{border-bottom:none}.recipient-row:hover{background:var(--bg-hover)}.recipient-row input[type=checkbox]{accent-color:hsl(var(--accent))}.recipient-email{font-family:var(--font-mono);color:var(--tx-primary)}.recipient-source{font-family:var(--font-mono);color:var(--tx-tertiary);font-size:.688rem}.recipient-actions{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.recipient-count{font-family:var(--font-mono);font-size:var(--fontSize-xs);color:var(--tx-secondary)}.review-card{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.review-row{display:flex;gap:1rem;margin-bottom:.75rem;font-size:var(--fontSize-xs)}.review-row:last-child{margin-bottom:0}.review-label{color:var(--tx-tertiary);min-width:6rem;text-transform:uppercase;letter-spacing:.06rem}.review-value{color:var(--tx-primary)}.review-recipients{font-family:var(--font-mono);font-size:.688rem;color:var(--tx-secondary);max-height:200px;overflow-y:auto;margin-top:.25rem}.skeleton-bar{background:var(--bg-primary);border-radius:4px;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-title{height:1.5rem;width:180px}.skeleton-label{height:.75rem;width:60%;margin-bottom:.5rem}.skeleton-value{height:1.25rem;width:40%;margin-bottom:.375rem}.skeleton-detail{height:.625rem;width:50%}.skeleton-cell{height:.75rem;width:80%}@keyframes skeleton-shimmer{0%,to{opacity:.3}50%{opacity:.6}}.workbench-topbar{align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);margin-bottom:1.5rem;flex-wrap:wrap}.workbench-mode-toggle,.workbench-topbar{display:flex;border:1px solid var(--bd-secondary);border-radius:var(--radius)}.workbench-mode-toggle{overflow:hidden}.workbench-mode-btn{padding:.375rem .75rem;font-family:var(--font-mono);font-size:var(--fontSize-xs);background:transparent;color:var(--tx-secondary);border:none;cursor:pointer;transition:background .15s ease,color .15s ease}.workbench-mode-btn:hover{background:var(--bg-hover)}.workbench-mode-btn.active{background:var(--bg-accent);color:var(--tx-accent)}.workbench-date-input{background:var(--bg-base);border:1px solid var(--bd-secondary);border-radius:4px;padding:.35rem .6rem;font-family:var(--font-mono);font-size:var(--fontSize-xs);color:var(--tx-primary);outline:none}.workbench-date-input:focus{border-color:var(--bd-accent)}.workbench-panels{display:grid;grid-template-columns:340px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.param-panel{display:flex;flex-direction:column;gap:.5rem}.param-section{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);overflow:hidden}.param-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease}.param-section-header:hover{background:var(--bg-hover)}.param-section-title{font-family:var(--font-mono);font-size:var(--fontSize-xs);text-transform:uppercase;letter-spacing:.06rem;color:var(--tx-tertiary)}.param-section-title.active{color:var(--tx-accent)}.param-section-title.done{color:hsl(var(--color-success)/.95)}.param-section-chevron{font-size:.75rem;color:var(--tx-disabled);transition:transform .2s ease}.param-section-chevron.open{transform:rotate(90deg)}.param-section-body{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.param-group-label{font-family:var(--font-mono);font-size:.688rem;color:var(--tx-tertiary);text-transform:uppercase;letter-spacing:.06rem;margin-top:.25rem}.param-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.param-label{font-size:var(--fontSize-xs);color:var(--tx-secondary);white-space:nowrap}.param-slider{flex:1 1;min-width:80px;accent-color:hsl(var(--accent));height:4px}.param-value{font-family:var(--font-mono);font-size:var(--fontSize-xs);color:var(--tx-primary);min-width:2rem;text-align:right}.param-checkboxes{display:flex;flex-wrap:wrap;gap:.375rem .75rem}.param-checkbox-label{display:flex;align-items:center;gap:.25rem;font-size:var(--fontSize-xs);color:var(--tx-secondary);cursor:pointer}.param-checkbox-label input{accent-color:hsl(var(--accent))}.param-actions{display:flex;gap:.5rem;margin-top:.25rem}.results-panel{display:flex;flex-direction:column;gap:1.5rem}.results-empty{padding:3rem;text-align:center;color:var(--tx-tertiary);font-style:italic}.results-empty,.timeline-container{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius)}.timeline-container{padding:1.25rem}.event-type-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.cluster-card{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);padding:1rem 1.25rem}.cluster-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.cluster-card-title{font-family:var(--font-display);font-size:var(--fontSize-sm);color:var(--tx-primary)}.cluster-score{font-family:var(--font-mono);font-size:var(--fontSize-xs);color:var(--tx-accent)}.cluster-link-tag{display:inline-block;padding:.125rem .375rem;background:var(--bg-primary);border-radius:4px;font-family:var(--font-mono);font-size:.625rem;color:var(--tx-secondary);margin:.125rem}.focal-breakdown{display:grid;grid-template-columns:1fr auto;grid-gap:.25rem 1rem;gap:.25rem 1rem;font-size:var(--fontSize-xs)}.focal-bar-track{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.focal-bar-fill{height:100%;border-radius:3px;background:hsl(var(--accent));transition:width .3s ease}.arc-card{background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);padding:1.25rem}.arc-card-title{font-family:var(--font-display);font-size:var(--fontSize-md);color:var(--tx-primary);margin-bottom:.75rem}.arc-config-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.5rem 1rem;gap:.5rem 1rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--bd-secondary);font-size:var(--fontSize-xs)}.arc-config-row:last-child{border-bottom:none}.arc-config-fingerprint{font-family:var(--font-mono);color:var(--tx-primary)}.arc-config-relationship{color:var(--tx-tertiary);font-style:italic}.history-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--bg-card);border:1px solid var(--bd-secondary);border-right:none;border-radius:var(--radius) 0 0 var(--radius);padding:.75rem .375rem;cursor:pointer;color:var(--tx-tertiary);font-size:var(--fontSize-xs);writing-mode:vertical-rl;z-index:10}.history-toggle:hover{background:var(--bg-hover);color:var(--tx-primary)}.history-drawer{position:fixed;right:0;top:0;width:360px;height:100vh;background:var(--bg-card);border-left:1px solid var(--bd-secondary);padding:1.5rem;overflow-y:auto;z-index:20;transform:translateX(100%);transition:transform .25s ease}.history-drawer.open{transform:translateX(0)}.history-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:19}.history-entry{padding:.75rem;border:1px solid var(--bd-secondary);border-radius:var(--radius);margin-bottom:.75rem;cursor:pointer;transition:border-color .15s ease}.history-entry:hover{border-color:var(--bd-accent)}.history-timestamp{font-family:var(--font-mono);font-size:var(--fontSize-xs);color:var(--tx-secondary);margin-bottom:.25rem}.history-meta{font-size:.688rem;color:var(--tx-tertiary)}.spectrogram-container{display:flex;flex-direction:column;gap:.75rem}.spectrogram-main{position:relative}.spectrogram-canvas-wrapper{position:relative;display:flex;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.spectrogram-y-axis{position:relative;width:40px;flex-shrink:0}.spectrogram-y-label{position:absolute;right:8px;font-size:var(--fontSize-xs);color:var(--tx-tertiary);transform:translateY(-50%)}.spectrogram-x-axis{position:relative;height:24px;margin-top:4px}.spectrogram-x-label{position:absolute;font-size:var(--fontSize-xs);color:var(--tx-tertiary);transform:translateX(-50%)}.spectrogram-hover-tooltip{position:absolute;background:hsl(0 0% 10%/.9);border:1px solid hsl(0 0% 100%/.12);border-radius:4px;padding:2px 8px;font-size:var(--fontSize-xs);color:var(--tx-primary);pointer-events:none;white-space:nowrap;z-index:10}.spectrogram-loading{position:absolute;top:8px;right:8px;font-size:var(--fontSize-xs);color:var(--tx-tertiary);font-family:var(--font-mono)}.spectrogram-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.spectrogram-filter-group{display:flex;align-items:center;gap:.25rem}.spectrogram-filter-separator{width:1px;height:16px;background:var(--bd-secondary)}.spectrogram-filter-btn{background:none;border:1px solid transparent;border-radius:4px;padding:2px 6px;cursor:pointer;font-size:var(--fontSize-xs);color:var(--tx-secondary);display:flex;align-items:center;gap:.25rem;transition:opacity .15s}.spectrogram-filter-btn:hover{background:hsl(0 0% 100%/.05)}.spectrogram-filter-btn.dimmed{opacity:.3}.spectrogram-class-filter{border-width:1px;border-style:solid}.spectrogram-clear-btn{color:var(--tx-tertiary);font-style:italic}.spectrogram-detail-wrapper{margin-top:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.spectrogram-detail-empty{padding:1rem;color:var(--tx-tertiary);font-size:var(--fontSize-sm)}.spectrogram-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.spectrogram-band-summary{display:flex;gap:.75rem;margin-bottom:.75rem}.spectrogram-band-count{display:flex;align-items:center;gap:.25rem;font-size:var(--fontSize-xs)}.spectrogram-band-label{color:var(--tx-tertiary);text-transform:uppercase;font-size:.625rem;letter-spacing:.05em}.spectrogram-event-card,.spectrogram-event-list{display:flex;flex-direction:column;gap:.375rem}.spectrogram-event-card{padding:.5rem .75rem;background:var(--bg-primary);border-radius:4px;border-left:3px solid transparent}.spectrogram-event-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.spectrogram-event-name{display:flex;align-items:center;gap:.5rem;font-size:var(--fontSize-sm);color:var(--tx-primary)}.spectrogram-class-badge{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:3px;white-space:nowrap}.spectrogram-event-timing{display:flex;align-items:center;gap:.75rem}.spectrogram-event-peak{font-size:var(--fontSize-xs);color:var(--tx-tertiary);white-space:nowrap}.spectrogram-event-bottom{display:flex;align-items:center;justify-content:space-between}.spectrogram-band-indicator{font-size:var(--fontSize-xs);color:var(--tx-tertiary)}.spectrogram-event-actions{display:flex;gap:.25rem}.spectrogram-action-btn{background:none;border:1px solid hsl(0 0% 100%/.1);border-radius:4px;padding:2px 4px;cursor:pointer;display:flex;align-items:center;color:var(--tx-tertiary);transition:background .15s}.spectrogram-action-btn:hover{background:hsl(0 0% 100%/.05)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:360px;background:var(--bg-card);border:1px solid var(--bd-secondary);border-radius:var(--radius);padding:2rem}.login-brand{margin-bottom:1.5rem}.login-title{font-family:var(--font-display);font-size:var(--fontSize-lg);line-height:var(--lineHeight-lg);color:var(--tx-primary)}.login-subtitle{font-family:var(--font-mono);font-size:var(--fontSize-xs);color:var(--tx-tertiary);text-transform:lowercase;letter-spacing:var(--letterSpacing)}.login-error{margin-bottom:1rem;padding:.625rem .75rem;background:var(--bg-error);border:1px solid hsl(var(--color-error)/.35);border-radius:var(--radius);color:hsl(var(--color-error));font-size:var(--fontSize-xs);line-height:var(--lineHeight-xs)}.login-form{display:flex;flex-direction:column;gap:.5rem}.login-label{color:var(--tx-secondary)}.login-input,.login-label{font-size:var(--fontSize-xs)}.login-input{padding:.625rem .75rem;background:var(--bg-base);border:1px solid var(--bd-primary);border-radius:var(--radius);color:var(--tx-primary);font-family:var(--font-mono)}.login-input:focus{outline:none;border-color:var(--bd-accent)}.login-button{margin-top:.5rem;padding:.625rem .75rem;background:var(--bg-accent-opaque);border:none;border-radius:var(--radius);color:hsl(var(--dark-950));font-family:var(--font-sans);font-size:var(--fontSize-xs);cursor:pointer;transition:opacity .15s ease}.login-button:hover{opacity:.9}.sidebar-logout{margin-top:auto;padding-top:1rem}.sidebar-logout-button{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit}