.spectral-dialog{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;color:var(--ink,#e6e7e4);background:#060b0e;font-family:'DM Mono',ui-monospace,monospace;overflow:hidden;z-index:30}.spectral-dialog::backdrop{background:#030608}.spectral-dialog:not([open]){display:none}.spectral-shell{height:100%;display:flex;flex-direction:column;min-height:0}.spectral-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 32px 18px;flex-shrink:0}.spectral-header h1{font:500 25px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.7px;margin:9px 0 0}.spectral-close{font-size:11px;padding:12px;border:1px solid var(--line);border-radius:3px;min-height:42px}.spectral-close span{margin-left:20px;color:var(--muted);font-size:18px}.spectral-toolbar{display:flex;justify-content:space-between;gap:16px;padding:0 32px 15px;align-items:center;flex-shrink:0}.spectral-recipes{display:flex;border:1px solid var(--line);padding:4px;border-radius:3px;gap:3px}.spectral-recipes button{font-size:10px;padding:10px 13px;border-radius:2px;color:var(--muted);min-height:36px}.spectral-recipes button[aria-pressed=true]{background:#a8dce01c;color:#d6eeee}.spectral-navigation{display:flex;align-items:center;gap:7px}.spectral-navigation span{font-size:9px;color:var(--cyan);margin-right:12px}.spectral-navigation button{border:1px solid var(--line);border-radius:3px;min-width:36px;min-height:36px;font-size:14px;padding:7px}.spectral-navigation button[data-zoom=reset]{font-size:9px;padding:10px}.spectral-navigation button:disabled{opacity:.35;cursor:default}.spectral-status{font-size:9px;color:var(--muted);margin:0;padding:0 32px 13px;min-height:26px}.spectral-retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;padding:14px 20px;border:1px solid var(--cyan);border-radius:3px;background:#101e25;font-size:12px}.spectral-retry[hidden]{display:none}.spectral-pair{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:1px;background:#728b922d}.spectral-pair figure{margin:0;position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;background:#030608}.spectral-pair figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0c151a;padding:12px 19px;flex-shrink:0;min-height:42px;font-size:10px;z-index:2}.spectral-pair figcaption span{color:#789099;font-size:8px;text-transform:uppercase;letter-spacing:1px}.spectral-pair time{font-variant-numeric:tabular-nums;white-space:nowrap}.spectral-viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab;background:#030608;outline-offset:-4px!important}.spectral-viewport:active{cursor:grabbing}.spectral-viewport img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;transform-origin:center;will-change:transform;visibility:hidden}.spectral-dialog[data-ready=true] .spectral-viewport img{visibility:visible}.spectral-dialog[data-loading=true] .spectral-viewport{opacity:.45}.spectral-footer{position:relative;flex-shrink:0;padding:13px 32px 17px;max-height:27dvh;overflow:auto;scrollbar-width:thin;background:#080e12}.spectral-hint{font-size:8px;color:#718892;margin:0 0 9px}.spectral-recipe-note{font-size:9px;color:#a6bbc3;line-height:1.7;margin:0;max-width:780px}.spectral-evidence{margin-top:12px;font-size:9px;line-height:1.8;color:#869fa9}.spectral-evidence summary{cursor:pointer;min-height:28px;color:#b3d4dc;list-style:none}.spectral-evidence summary:after{content:' +';color:var(--muted)}.spectral-evidence[open] summary:after{content:' −'}.spectral-evidence-body{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}.spectral-evidence-body>p{grid-column:1/-1;max-width:1000px;margin:6px 0}.spectral-source-scene{border-top:1px solid var(--line);padding-top:12px;overflow-wrap:anywhere}.spectral-source-scene strong{font-weight:400;color:#c6d9df;font-size:10px}.spectral-source-scene p{font-size:8px;line-height:1.9;margin:7px 0}.spectral-source-scene a{display:inline-block;color:var(--cyan);min-height:32px;padding:5px 0}.spectral-launch{white-space:nowrap}.spectral-dialog button:focus-visible,.spectral-dialog summary:focus-visible,.spectral-dialog a:focus-visible,.spectral-viewport:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:800px){.spectral-header{padding:18px 18px 15px}.spectral-header h1{font-size:21px}.spectral-header .eyebrow{font-size:8px}.spectral-close{padding:8px;font-size:9px}.spectral-close span{margin-left:12px}.spectral-toolbar{padding:0 18px 12px;gap:8px;flex-wrap:wrap}.spectral-recipes button{font-size:9px;padding:9px 10px}.spectral-navigation span{font-size:8px;margin-right:4px}.spectral-status{padding:0 18px 11px;font-size:8px}.spectral-pair figcaption{padding:10px;font-size:9px;flex-direction:column;align-items:flex-start;gap:5px;min-height:52px}.spectral-pair figcaption span{font-size:7px;letter-spacing:.4px}.spectral-footer{padding:11px 18px 14px;max-height:25dvh}.spectral-recipe-note{font-size:8px}.spectral-hint{font-size:7px}.spectral-evidence-body{gap:8px 16px}.spectral-source-scene strong{font-size:8px}}
@media(max-width:500px) and (orientation:portrait){.spectral-pair{grid-template-columns:1fr 1fr}.spectral-pair figure{min-height:0}.spectral-pair figcaption{flex-direction:column;align-items:flex-start;background:#0c151a;min-height:48px;padding:8px 10px;gap:5px}.spectral-pair figcaption span{font-size:7px}.spectral-toolbar{gap:8px}.spectral-navigation{margin-left:auto}.spectral-navigation span{display:none}.spectral-navigation button{min-height:33px;min-width:31px;padding:5px}.spectral-recipes button{padding:7px;font-size:8px;min-height:31px}.spectral-recipes{padding:3px}.spectral-header h1{font-size:19px}.spectral-evidence-body{grid-template-columns:1fr}.spectral-footer{max-height:24dvh}.spectral-status{min-height:22px;padding-bottom:9px}}
@media(prefers-reduced-motion:reduce){.spectral-dialog *{scroll-behavior:auto}}
@media(max-width:440px){.masthead:has(#spectral-toggle) .brand strong,.masthead:has(#spectral-toggle) .brand-divider{display:none}.masthead:has(#spectral-toggle){gap:4px}.masthead:has(#spectral-toggle) .icon-button{padding:8px 5px;font-size:8px}.masthead:has(#spectral-toggle) .icon-button span{margin-left:2px}.masthead:has(#spectral-toggle) .explorer-launch{margin-left:auto}}