@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{color-scheme:light;--bg: #F5F0EB;--bg-deep: #EDE7E0;--bg-surface: #FAF8F5;--fg: #1A1A1A;--fg-muted: #6B6560;--fg-dim: #9B9490;--fg-ghost: #C8C0B8;--accent: #1A1A1A;--accent-glow: rgba(26, 26, 26, .08);--accent-subtle: rgba(26, 26, 26, .03);--green: #2D6A4F;--green-dim: rgba(45, 106, 79, .15);--chrome: #E8E2DA;--chrome-light: #F5F0EB;--chrome-dark: #C8C0B8;--chrome-darker: #A8A098;--border: #D8D0C8;--border-bright: #C8C0B8;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--bg-fade: rgba(245, 240, 235, .5);--bg-fade-strong: rgba(245, 240, 235, .6);--crt-shadow-end: #7A7268;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1)}[data-theme=dark]{color-scheme:dark;--bg: #1A1816;--bg-deep: #131210;--bg-surface: #222019;--fg: #E8E2DA;--fg-muted: #A8A098;--fg-dim: #7A746C;--fg-ghost: #4A4540;--accent: #E8E2DA;--accent-glow: rgba(232, 226, 218, .08);--accent-subtle: rgba(232, 226, 218, .03);--green: #6BCB9B;--green-dim: rgba(107, 203, 155, .15);--chrome: #2A2720;--chrome-light: #332F28;--chrome-dark: #1E1C18;--chrome-darker: #151310;--border: #3A3530;--border-bright: #4A4540;--bg-fade: rgba(26, 24, 22, .5);--bg-fade-strong: rgba(26, 24, 22, .6);--crt-shadow-end: #0E0D0B;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #1A1816;--bg-deep: #131210;--bg-surface: #222019;--fg: #E8E2DA;--fg-muted: #A8A098;--fg-dim: #7A746C;--fg-ghost: #4A4540;--accent: #E8E2DA;--accent-glow: rgba(232, 226, 218, .08);--accent-subtle: rgba(232, 226, 218, .03);--green: #6BCB9B;--green-dim: rgba(107, 203, 155, .15);--chrome: #2A2720;--chrome-light: #332F28;--chrome-dark: #1E1C18;--chrome-darker: #151310;--border: #3A3530;--border-bright: #4A4540;--bg-fade: rgba(26, 24, 22, .5);--bg-fade-strong: rgba(26, 24, 22, .6);--crt-shadow-end: #0E0D0B;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4)}}*{box-sizing:border-box}button,a,input{touch-action:manipulation}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-mono)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-switcher:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.theme-switcher-option:focus-visible{outline:none}@media(pointer:coarse){.mode-toggle-option,.theme-switcher-option,.win-btn,.view-toggle-btn,.button{min-height:44px;min-width:44px}}body{min-height:100vh}main{max-width:1200px;margin:0 auto;padding:0 40px 120px}h1,h2,h3,p{margin-top:0}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.win-titlebar{padding:12px 40px;display:flex;align-items:center;justify-content:space-between;height:auto}.win-titlebar-text{font-family:var(--font-serif);font-weight:400;font-size:16px;color:var(--fg);letter-spacing:0}.win-titlebar-text a{color:inherit}.win-titlebar-controls{display:flex;gap:8px}.win-btn{width:28px;height:28px;background:transparent;border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:11px;line-height:1;color:var(--fg-dim);cursor:pointer;display:grid;place-items:center;padding:0;position:relative;transition:background .2s ease,border-color .2s ease}.win-btn:before{content:"";position:absolute;inset:-8px}.win-btn:active{background:var(--bg-deep)}.win-btn-close{background:transparent}.view-toggle{display:flex;gap:4px;margin-left:auto}.view-toggle-btn{font-family:var(--font-mono);font-size:10px;padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;transition:background .2s ease,color .2s ease}.view-toggle-btn:active{background:var(--bg-deep)}.view-toggle-btn.active{background:var(--fg);color:var(--bg-surface);border-color:var(--fg)}.theme-switcher{display:inline-flex;align-items:center;position:relative;background:var(--chrome);border:1px solid var(--border);border-radius:6px;padding:2px}.theme-switcher-indicator{position:absolute;top:2px;left:2px;width:calc(100% / 3 - 1.33px);height:calc(100% - 4px);background:var(--bg);border-radius:4px;border:1px solid var(--border-bright);box-shadow:0 1px 2px #0000000f;transition:transform .2s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.theme-switcher-option{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:24px;border:none;background:none;cursor:pointer;color:var(--fg-dim);transition:color .2s ease;padding:0}.theme-switcher-option.active{color:var(--fg)}.theme-switcher-option:hover:not(.active){color:var(--fg-muted)}.hero{width:100%;background:var(--bg);position:relative;min-height:85vh;overflow:hidden}.hero-inner{max-width:1200px;margin:0 auto;padding:80px 40px 60px;position:relative;min-height:85vh;display:flex;align-items:center}.hero-text{position:relative;z-index:10;display:flex;flex-direction:column;max-width:480px}.hero-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 30%,var(--bg-fade) 50%,transparent 70%);z-index:5;pointer-events:none}.hero-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 20px}.hero-title{font-family:var(--font-serif);font-size:clamp(36px,4.5vw,64px);font-weight:400;line-height:1.1;color:var(--fg);margin:0 0 24px}.hero-title em{font-style:italic}.hero-body{font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--fg-muted);margin:0 0 28px;max-width:440px}.hero-actions{display:flex;align-items:center;gap:16px;margin-bottom:40px}.hero-count{font-family:var(--font-mono);font-size:13px;color:var(--fg-dim);letter-spacing:.02em;padding-left:16px;border-left:1px solid var(--border)}.hero-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;padding-top:28px;border-top:1px solid var(--border)}.spec-label{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:4px}.spec-value{display:block;font-family:var(--font-mono);font-size:14px;color:var(--fg)}.hero-crt{position:absolute;inset:0;z-index:1}.hero-crt .mac-3d-container{width:100%;height:100%}.hero-crt-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.hero-crt-screen canvas{max-width:100%;max-height:100%}.categories-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-surface)}.categories-bar-inner{max-width:1200px;margin:0 auto;padding:14px 40px;display:flex;flex-wrap:wrap;gap:8px 28px}.sev-cat{font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.sev-cat-count{color:var(--fg);margin-left:6px;font-weight:600}.era-header{display:flex;align-items:center;gap:8px;padding:8px 0;margin:32px 0 16px;border-bottom:1px solid var(--border)}.era-header span{font-family:var(--font-mono);font-size:10px;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-weight:700}.sev-grid{display:flex;flex-direction:column;gap:12px}.sev-specimen{position:relative;display:flex;align-items:center;height:100px;padding:0 20px 0 0;background:transparent;transition:background .2s ease}.sev-specimen-row{position:absolute;inset:8px 0;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease;z-index:0}@media(hover:hover)and (pointer:fine){.sev-specimen:hover .sev-specimen-row{border-color:var(--border-bright);box-shadow:var(--shadow-md)}.sev-specimen:hover .sev-specimen-preview{transform:scale(1.03);box-shadow:var(--shadow-lg)}.sev-specimen:hover .sev-specimen-preview img{opacity:1}.sev-specimen:hover .sev-specimen-name{color:var(--fg)}.sev-specimen:hover .sev-specimen-arrow{opacity:1}}.sev-specimen-preview{position:relative;z-index:1;width:160px;height:96px;flex-shrink:0;margin-left:20px;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--bg-deep);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.sev-specimen-preview img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .2s ease}.sev-specimen-empty{height:100%;display:grid;place-items:center;color:var(--fg-ghost);font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;background:var(--bg-deep)}.sev-specimen-info{position:relative;z-index:1;flex:1;min-width:0;padding:0 24px;display:flex;flex-direction:column;gap:2px}.sev-specimen-name{font-size:15px;font-weight:600;color:var(--fg);letter-spacing:.02em;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sev-specimen-desc{font-size:12px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sev-specimen-meta{position:relative;z-index:1;display:flex;align-items:center;gap:16px;flex-shrink:0}.sev-specimen-meta span{font-size:12px;color:var(--fg-dim)}.sev-specimen-id{font-family:var(--font-mono);font-size:10px;color:var(--fg-ghost);letter-spacing:.1em}.sev-specimen-status{display:flex;align-items:center;gap:6px;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.playable{background:var(--green)}.status-dot.archive{background:var(--fg-ghost)}.status-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.status-label.playable{color:var(--green)}.status-label.archive{color:var(--fg-ghost)}.sev-specimen-arrow{position:relative;z-index:1;font-size:16px;color:var(--accent);opacity:0;transition:opacity .2s ease;margin-left:12px}.sev-specimen.archive-only{opacity:.45}.sev-specimen.archive-only .sev-specimen-preview{filter:grayscale(1)}.sev-specimen-iterations{position:absolute;top:4px;right:4px;font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--bg-surface);background:var(--fg);padding:2px 6px;border-radius:3px;z-index:2}.curation-controls{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;border-bottom:1px solid var(--border)}.curation-actions-inline{display:flex;gap:8px}.curation-selected{opacity:1}.curation-selected .sev-specimen-row{border-color:var(--accent)!important}.curation-unselected{opacity:.2}.curation-checkbox{position:absolute;top:0;left:0;width:20px;height:20px;border:2px solid var(--fg);background:var(--bg-surface);border-radius:3px;display:grid;place-items:center;z-index:10}.curation-check{color:var(--fg);font-size:12px;font-weight:700}.curation-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:0 -4px 12px #0000000f;padding:10px 24px;display:flex;align-items:center;justify-content:space-between}.curation-count{font-family:var(--font-mono);font-size:11px;color:var(--fg);letter-spacing:.06em}.curation-bar-actions{display:flex;gap:8px}.museum-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:8px 40px;display:flex;align-items:center;gap:8px}.toolbar-btn{font-family:var(--font-mono);font-size:11px;padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;transition:background .2s ease}.toolbar-btn:active{background:var(--bg-deep)}.toolbar-btn.active{background:var(--fg);color:var(--bg-surface);border-color:var(--fg)}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.museum-statusbar{background:var(--bg-surface);border-top:1px solid var(--border);padding:10px 40px;display:flex;align-items:center}.statusbar-text{font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);letter-spacing:.04em}.statusbar-sep{margin:0 12px;color:var(--border)}.sev-variants-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.sev-variants-section h2{font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.sev-variants-count{font-size:10px;color:var(--accent);margin-left:8px}.sev-variants-grid{display:flex;flex-direction:column;gap:8px}.sev-variant-card{display:flex;align-items:center;position:relative;height:64px;transition:opacity .2s ease}.sev-variant-card-bg{position:absolute;inset:8px 0;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}@media(hover:hover)and (pointer:fine){.sev-variant-card:hover .sev-variant-card-bg{border-color:var(--border-bright)}.sev-variant-card:hover .sev-variant-name{color:var(--fg)}}.sev-variant-preview{position:relative;z-index:1;width:80px;height:48px;flex-shrink:0;margin-left:12px;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--bg-deep);box-shadow:var(--shadow-sm)}.sev-variant-preview img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.sev-variant-card:hover .sev-variant-preview img{opacity:.9}}.sev-variant-meta{position:relative;z-index:1;padding:0 16px;display:flex;flex-direction:column;gap:2px}.sev-variant-name{font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;transition:color .2s ease}.sev-variant-date{font-family:var(--font-mono);font-size:9px;color:var(--fg-dim);letter-spacing:.06em}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:100%;min-height:calc(100vh - 60px)}.detail-info{padding:40px 40px 80px;max-width:640px;margin-left:auto}.detail-exhibit{background:var(--bg-deep);border-left:1px solid var(--border);padding:0;display:flex;align-items:stretch;overflow:hidden;position:relative;z-index:1}.detail-exhibit-sticky{position:sticky;top:60px;width:100%;height:calc(100vh - 60px)}.detail-tab-bar{position:sticky;top:46px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.detail-tab-back{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);text-decoration:none;white-space:nowrap;transition:color .2s ease}.detail-tab-back:hover{color:var(--fg)}.detail-tab-title{font-family:var(--font-serif);font-size:15px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:center}.detail-back{margin-bottom:24px;color:var(--fg-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.detail-back:hover{color:var(--fg)}}.detail-prose{max-width:100%;padding-top:0}.detail-header{margin-bottom:32px}.detail-header h1{font-family:var(--font-serif);font-size:clamp(24px,4vw,36px);font-weight:400;letter-spacing:0;text-transform:none;margin-bottom:8px;line-height:1.2}.kicker{margin:0 0 12px;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:400;font-family:var(--font-mono)}.subtitle{color:var(--fg-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.muted{color:var(--fg-muted)}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin:28px 0;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}.detail-meta div{padding:14px 16px;background:var(--bg-surface)}.detail-meta span{display:block;color:var(--fg-dim);font-size:9px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono)}.detail-meta strong{font-weight:400;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{border:1px solid var(--border-bright);color:var(--fg-dim);padding:3px 8px;font-family:var(--font-mono);font-size:9px;background:transparent;text-transform:uppercase;letter-spacing:.08em;transition:border-color .2s ease,color .2s ease}@media(hover:hover)and (pointer:fine){.chip:hover{border-color:var(--accent);color:var(--accent)}}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.button{padding:8px 18px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);cursor:pointer;transition:background .1s ease,box-shadow .1s ease}.button:active{background:var(--bg-deep)}.button.primary{background:var(--fg);color:var(--bg-surface);border-color:var(--fg)}.button.disabled{opacity:.3;cursor:default}.preview-fallback{height:100%;display:grid;place-items:center;color:var(--fg-ghost);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:var(--bg-deep)}.preview-fallback.large{min-height:360px}.recollection-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.recollection-section h2{font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.timeline{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}.timeline-entry{padding:16px;background:var(--bg-surface)}.timeline-topline{display:flex;align-items:center;gap:12px;margin-bottom:8px}.timeline-date{font-family:var(--font-mono);font-size:9px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.1em}.timeline-title{font-family:var(--font-mono);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.stars{display:inline-flex;gap:2px;font-size:12px}.star{color:var(--fg-dim)}.star.filled{color:var(--accent)}.timeline-body{color:var(--fg-muted);font-size:13px;line-height:1.7}.timeline-body h1,.timeline-body h2,.timeline-body h3{margin-top:16px;margin-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.timeline-body p{margin-bottom:12px}.timeline-body ul,.timeline-body ol{margin:8px 0;padding-left:20px}.timeline-body li{margin-bottom:4px}.timeline-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.recollection-skeleton{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}.skeleton-block{height:100px;background:var(--bg-surface);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.sev-grid.card-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.sev-grid.card-view .sev-specimen{height:auto;flex-direction:column;padding:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sev-grid.card-view .sev-specimen-row{display:none}.sev-grid.card-view .sev-specimen-preview{width:100%;height:auto;aspect-ratio:16 / 10;margin:0;border-radius:0;border:none;border-bottom:1px solid var(--border);box-shadow:none}.sev-grid.card-view .sev-specimen-info{padding:12px 14px 4px}.sev-grid.card-view .sev-specimen-meta{padding:0 14px 8px;gap:12px}.sev-grid.card-view .sev-specimen-status{padding:0 14px 12px}.sev-grid.card-view .sev-specimen-arrow{display:none}.sev-grid.card-view .sev-specimen-iterations{top:8px;right:8px}@media(hover:hover)and (pointer:fine){.sev-grid.card-view .sev-specimen:hover{border-color:var(--border-bright);box-shadow:var(--shadow-md)}.sev-grid.card-view .sev-specimen:hover .sev-specimen-preview{transform:none;box-shadow:none}.sev-grid.card-view .sev-specimen:hover .sev-specimen-preview img{opacity:1}}.crt-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.crt-machine{--crt-body: #C9C0B1;--crt-body-light: #DAD2C6;--crt-body-dark: #A89E8F;--crt-body-shadow: #8A8278;--crt-side: #B8AFA2;--crt-screen-bezel: #2C2926;--crt-screen-inner: #1A2420;--crt-depth: 10px}[data-theme=dark] .crt-machine{--crt-body: #3A3530;--crt-body-light: #4A4540;--crt-body-dark: #2A2520;--crt-body-shadow: #1E1C18;--crt-side: #332F28;--crt-screen-bezel: #0E0D0B;--crt-screen-inner: #0A1210}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .crt-machine{--crt-body: #3A3530;--crt-body-light: #4A4540;--crt-body-dark: #2A2520;--crt-body-shadow: #1E1C18;--crt-side: #332F28;--crt-screen-bezel: #0E0D0B;--crt-screen-inner: #0A1210}}.crt-machine{max-width:100%;margin:0 auto;background:linear-gradient(180deg,var(--crt-body-light) 0%,var(--crt-body) 25%,var(--crt-body-dark) 100%);border-radius:18px 18px 10px 10px;padding:0;position:relative;box-shadow:0 1px #fff6 inset,0 -2px 0 var(--crt-body-shadow) inset}.crt-depth-left{position:absolute;top:8px;bottom:8px;left:-8px;width:8px;background:linear-gradient(180deg,var(--crt-side) 0%,var(--crt-body-shadow) 100%);border-radius:4px 0 0 4px;transform:perspective(200px) rotateY(20deg);transform-origin:right center}.crt-depth-right{position:absolute;top:8px;bottom:8px;right:-8px;width:8px;background:linear-gradient(180deg,var(--crt-body-shadow) 0%,var(--crt-shadow-end) 100%);border-radius:0 4px 4px 0;transform:perspective(200px) rotateY(-20deg);transform-origin:left center}.crt-depth-top{position:absolute;top:-5px;left:12px;right:12px;height:5px;background:linear-gradient(90deg,var(--crt-side),var(--crt-body-light),var(--crt-side));border-radius:8px 8px 0 0}.crt-top-vent{display:flex;justify-content:center;gap:5px;padding:14px 0 0}.crt-top-vent span{width:28px;height:2px;background:var(--crt-body-shadow);border-radius:1px;box-shadow:0 1px 0 var(--crt-body-light)}.crt-screen-bezel{margin:12px 28px;padding:12px;background:var(--crt-screen-bezel);border-radius:14px;box-shadow:0 6px 12px #00000080 inset,0 -2px 4px #ffffff0a inset,3px 0 8px #0000004d inset,-3px 0 8px #0000004d inset}.crt-screen{background:var(--crt-screen-inner);border-radius:8px;overflow:hidden;aspect-ratio:4 / 3;position:relative;box-shadow:0 0 80px #0006 inset,0 0 30px #b4c8be0f inset}.crt-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:2;border-radius:8px}.crt-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:3;border-radius:8px}.crt-screen iframe,.crt-screen img,.crt-screen>*{width:100%;height:100%;display:block;border:none;object-fit:cover;position:relative;z-index:1}.crt-chin{display:flex;align-items:center;padding:12px 32px 20px;gap:16px}.crt-apple-logo{display:flex;flex-direction:column;width:12px;gap:0;flex-shrink:0}.crt-apple-logo span{height:3px;border-radius:1px}.apple-green{background:#61bb46}.apple-yellow{background:#fdb827}.apple-orange{background:#f5821f}.apple-red{background:#e03a3e}.apple-purple{background:#963d97}.apple-blue{background:#009ddc}.crt-chin-center{flex:1}.crt-badge{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--crt-body-dark)}.crt-floppy-slot{width:64px;height:8px;background:var(--crt-body-shadow);border-radius:2px;box-shadow:0 1px 0 var(--crt-body-light),0 -2px 3px #00000040 inset;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crt-floppy-opening{width:48px;height:2px;background:#5a5248;border-radius:1px}.crt-desk-shadow{width:85%;height:20px;margin-top:-4px;background:radial-gradient(ellipse at center,rgba(0,0,0,.15) 0%,transparent 70%);filter:blur(4px)}.mac-3d-container{width:100%;height:100%;min-height:500px;position:relative;z-index:1}.mac-3d-container canvas{outline:none}.mac-3d-fallback{display:flex;align-items:center;justify-content:center;height:100%}.mode-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:var(--chrome);border:1px solid var(--border);border-radius:6px;padding:2px;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 1px 2px #0000000f,0 1px #fff6}.mode-toggle-option{position:relative;z-index:1;padding:5px 14px;color:var(--fg-dim);transition:color .25s ease;-webkit-user-select:none;user-select:none;text-align:center}.mode-toggle-option.active{color:var(--fg)}.mode-toggle-indicator{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background:var(--bg);border-radius:4px;border:1px solid var(--border-bright);box-shadow:0 1px 3px #00000014;transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.mode-toggle.workbench .mode-toggle-indicator{transform:translate(calc(100% + 2px))}.mode-toggle:active .mode-toggle-indicator{box-shadow:inset 0 1px 2px #0000001a}.workbench-layout{min-height:calc(100vh - 100px);background:var(--bg-deep);display:flex;flex-direction:column;align-items:center}.workbench-stage{flex:1;display:flex;align-items:stretch;justify-content:center;padding:0;width:100%}.crt-wrapper.crt-large{width:100%;flex:1}.crt-wrapper.crt-large .crt-machine{width:100%;max-width:none;border-radius:0;display:flex;flex-direction:column;flex:1}.crt-wrapper.crt-large .crt-screen-bezel{flex:1;display:flex;flex-direction:column}.crt-wrapper.crt-large .crt-screen{flex:1;height:auto;aspect-ratio:auto}.crt-wrapper.crt-large .crt-screen>*{width:100%;height:100%}.crt-wrapper.crt-large .crt-depth-left,.crt-wrapper.crt-large .crt-depth-right,.crt-wrapper.crt-large .crt-depth-top,.crt-wrapper.crt-large .crt-desk-shadow,.crt-wrapper.crt-large .crt-top-vent{display:none}@media(max-width:920px){.hero-inner{padding:60px 24px 40px;min-height:70vh}.hero-inner:before{background:linear-gradient(180deg,var(--bg) 25%,var(--bg-fade-strong) 45%,transparent 65%)}.hero-text{max-width:100%}.hero-title{font-size:clamp(28px,6vw,40px)}.sev-specimen{height:auto;min-height:72px}.sev-specimen-preview{width:80px;height:48px}.crt-machine{border-radius:12px 12px 6px 6px}.crt-screen-bezel{margin:8px 12px;padding:8px}.detail-layout{grid-template-columns:1fr}.detail-info{order:2;padding:24px 24px 40px;max-width:100%;margin-left:0}.detail-exhibit{order:1;border-left:none;border-bottom:1px solid var(--border);padding:0}.detail-exhibit-sticky{position:static;height:60vh;min-height:360px}.detail-tab-bar{position:static;padding:8px 16px}.detail-tab-title{font-size:13px}.workbench-stage{padding:0}.crt-wrapper.crt-large .crt-screen{height:60vh;min-height:300px}.categories-bar-inner{padding:12px 24px}}@media(max-width:768px){main{padding:0 24px 80px}.hero-inner{padding:48px 20px 32px;min-height:60vh}.hero-title{font-size:clamp(24px,5.5vw,36px)}.hero-subtitle{font-size:13px}.hero-cta{flex-wrap:wrap;gap:10px}.hero-specs{grid-template-columns:repeat(2,1fr);gap:12px}.sev-grid.card-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.detail-meta{grid-template-columns:repeat(2,1fr)}.workbench-stage{padding:0}.mode-toggle{font-size:10px}.mode-toggle-option{padding:4px 10px}.theme-switcher-option{width:24px;height:22px}}@media(max-width:480px){main{padding:0 16px 60px}.site-header{position:sticky;top:0}.win-titlebar{padding:8px 12px}.win-titlebar-text{font-size:12px}.win-titlebar-controls{gap:4px}.hero-inner{padding:36px 16px 24px;min-height:50vh}.hero-title{font-size:clamp(22px,6vw,32px)}.hero-text{max-width:100%}.hero-specs{grid-template-columns:1fr 1fr;gap:8px}.hero-specs dt{font-size:9px}.hero-specs dd{font-size:13px}.categories-bar-inner{padding:10px 16px;gap:12px;flex-wrap:wrap}.sev-specimen-preview{width:72px;height:44px}.sev-grid.card-view{grid-template-columns:1fr}.detail-info{padding:16px 16px 32px}.detail-header h1{font-size:22px}.detail-meta{grid-template-columns:1fr 1fr}.chips{gap:4px}.chip{font-size:10px;padding:2px 6px}.actions{flex-wrap:wrap}.detail-tab-bar{padding:6px 12px}.detail-tab-title{font-size:12px}.crt-wrapper.crt-large .crt-screen{min-height:250px}.crt-wrapper.crt-large .crt-chin{padding:6px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms;animation-duration:.01ms}}html.theme-switching,html.theme-switching *,html.theme-switching *:before,html.theme-switching *:after{transition-duration:0s}