:root{--color-paper: #f5f0e8;--color-paper-warm: #ede7d9;--color-paper-dark: #ede7d9;--color-paper-deep: #e0d8c8;--color-paper-darker: #d4c8b4;--color-sepia: #c4a882;--color-sepia-light: #d4bc9a;--color-sepia-dark: #9a7c5a;--color-ink: #1a1714;--color-ink-soft: #2e2a25;--color-ink-muted: #5a5248;--color-ink-light: #3e3a35;--color-ink-faint: #8a8278;--color-slate: #4a5568;--color-slate-light: #718096;--color-slate-muted: #a0aab4;--color-warm-gray: #8a8278;--color-warm-gray-light: #b4aca0;--color-blue-archive: #2c4a6e;--color-blue-muted: #4a7090;--color-blue-faint: #e8edf4;--color-rust: #8b4513;--color-rust-light: #c4693a;--color-sage: #5a7a5a;--color-sage-light: #7a9a7a;--color-gold: #b8860b;--color-gold-light: #d4a820;--color-surface: #ffffff;--color-surface-warm: #faf8f4;--color-border: #d4c8b4;--color-border-light: #e8e0d0;--color-border-dark: #b4a890;--color-overlay: rgba(26, 23, 20, .6);--color-shadow-warm: rgba(90, 70, 40, .12);--color-shadow-deep: rgba(26, 23, 20, .2);--color-software: #8b4513;--color-audio: #4a7090;--color-film: #5a7a5a;--color-web: #2c4a6e;--color-print: #9a7c5a;--color-mixed: #4a5568;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Courier Prime", "Courier New", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--text-6xl: 4.5rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .12em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px var(--color-shadow-warm);--shadow-sm: 0 2px 6px var(--color-shadow-warm), 0 1px 2px var(--color-shadow-deep);--shadow-md: 0 4px 12px var(--color-shadow-warm), 0 2px 4px var(--color-shadow-deep);--shadow-lg: 0 8px 24px var(--color-shadow-warm), 0 4px 8px var(--color-shadow-deep);--shadow-xl: 0 16px 48px rgba(90, 70, 40, .18), 0 6px 16px var(--color-shadow-deep);--shadow-lifted: 0 8px 24px rgba(90, 70, 40, .15), 0 4px 8px rgba(26, 23, 20, .15);--shadow-inset: inset 0 1px 3px rgba(90, 70, 40, .08);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s;--transition-fast: .15s cubic-bezier(.25, .46, .45, .94);--transition-base: .25s cubic-bezier(.25, .46, .45, .94);--transition-slow: .4s cubic-bezier(.25, .46, .45, .94);--z-overlay: 100;--z-modal: 200;--max-width: 1280px;--max-width-prose: 72ch;--sidebar-width: 520px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink-soft);background-color:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--color-ink);font-weight:600}p{line-height:var(--leading-normal)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}@media (max-width: 640px){.container{padding-inline:var(--space-4)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-paper-deep)}::-webkit-scrollbar-thumb{background:var(--color-sepia);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-sepia-dark)}:focus-visible{outline:2px solid var(--color-blue-archive);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-sepia-light);color:var(--color-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.root-layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);mix-blend-mode:multiply}.crt-on{filter:contrast(1.05) brightness(.97)}.crt-on .app-main{animation:crt-flicker 8s infinite}@keyframes crt-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.97}94%{opacity:1}96%{opacity:.98}97%{opacity:1}}@media (prefers-reduced-motion: reduce){.crt-on .app-main{animation:none}}.chrome-bar{background:var(--color-paper-warm);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-overlay);box-shadow:var(--shadow-xs)}.chrome-bar__inner{display:flex;align-items:center;gap:var(--space-4);height:52px}.chrome-brand{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink);flex-shrink:0;transition:opacity var(--transition-fast)}.chrome-brand:hover{opacity:.75}.chrome-brand__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);white-space:nowrap}@media (max-width: 600px){.chrome-brand__name{display:none}}.address-bar{flex:1;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);height:32px;padding:0 var(--space-3);gap:var(--space-2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.address-bar:focus-within{border-color:var(--color-blue-archive);box-shadow:0 0 0 2px #2c4a6e1f}.address-bar__lock{color:var(--color-ink-faint);display:flex;flex-shrink:0}.address-bar__input{flex:1;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted);min-width:0}.address-bar__input:focus{color:var(--color-ink)}.address-bar__go{display:flex;align-items:center;color:var(--color-ink-faint);flex-shrink:0;transition:color var(--transition-fast)}.address-bar__go:hover{color:var(--color-blue-archive)}.crt-toggle{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-faint);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px var(--space-2);white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0}.crt-toggle:hover{border-color:var(--color-sepia);color:var(--color-ink-muted)}.crt-toggle--on{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.crt-toggle__dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5;transition:opacity var(--transition-fast)}.crt-toggle--on .crt-toggle__dot{opacity:1;box-shadow:0 0 4px currentColor}.app-nav{background:var(--color-paper);border-bottom:1px solid var(--color-border-light)}.app-nav__inner{display:flex;align-items:center;gap:0;height:44px}.app-nav__link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);padding:0 var(--space-4);height:100%;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast);letter-spacing:var(--tracking-wide);text-transform:uppercase;position:relative}.app-nav__link:hover{color:var(--color-ink)}.app-nav__link.active{color:var(--color-blue-archive);border-bottom-color:var(--color-blue-archive)}.app-nav__badge{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-blue-archive);color:var(--color-surface);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);font-family:var(--font-body);letter-spacing:0}.page-wrapper,.app-main{flex:1;display:flex;flex-direction:column}.app-footer{background:var(--color-paper-dark);border-top:1px solid var(--color-border);margin-top:auto}.app-footer__inner{display:flex;align-items:center;gap:var(--space-8);padding-block:var(--space-6);flex-wrap:wrap}.app-footer__brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink-muted)}.app-footer__note{font-size:var(--text-xs);color:var(--color-ink-faint);font-style:italic;flex:1}.app-footer__links{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-ink-faint);letter-spacing:var(--tracking-wide);text-transform:uppercase}.app-footer__links a:hover{color:var(--color-ink-muted)}.easter-egg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.egg-page{background:silver;border:2px solid #fff;border-right-color:gray;border-bottom-color:gray;box-shadow:2px 2px #000;min-width:340px;max-width:480px;width:100%;font-family:Arial,sans-serif;font-size:12px;color:#000}.egg-page--aol{background:#003380;color:#fff}.egg-page--geocities{background:navy;color:#0f0;font-family:Times New Roman,serif}.egg-page--altavista{background:#fff;color:#000}.egg-page--netscape{background:silver}.egg-toolbar{display:flex;align-items:center;justify-content:space-between;padding:3px 4px;background:navy;color:#fff;font-size:11px;font-weight:700}.egg-page--aol .egg-toolbar{background:#f60}.egg-page--geocities .egg-toolbar{background:navy}.egg-page--altavista .egg-toolbar{background:#c00}.egg-toolbar__close{color:#fff;font-size:11px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:silver;border:1px solid #000;color:#000;padding:0;line-height:1;cursor:pointer}.egg-content{padding:var(--space-4) var(--space-6)}.egg-aol-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-4);gap:var(--space-2);font-size:18px;font-weight:700;color:#fc0}.egg-body{margin-bottom:var(--space-2);line-height:1.5}.egg-marquee{background:#005;color:#ff0;padding:4px;overflow:hidden;white-space:nowrap;margin:var(--space-3) 0;font-size:10px}.egg-marquee span{display:inline-block;animation:marquee-scroll 8s linear infinite}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.egg-marquee span{animation:none}}.egg-footer{font-size:11px;color:#aac;margin-top:var(--space-3)}.egg-geo-title{color:#ff0;font-size:18px;text-shadow:2px 2px #ff00ff;margin-bottom:var(--space-3);font-family:inherit}.egg-under-construction{background:#000;color:#ff0;padding:var(--space-2);margin:var(--space-3) 0;text-align:center;font-size:11px}.egg-guestbook{color:#0ff;text-decoration:underline;cursor:pointer;margin-top:var(--space-2)}.egg-av-logo{font-size:28px;font-weight:700;color:#c00;font-family:Times New Roman,serif;margin-bottom:var(--space-3)}.egg-av-search{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.egg-av-input{flex:1;border:1px solid #999;padding:3px 6px;font-size:12px;background:#fff;color:#000}.egg-av-btn{background:#ddd;border:1px solid #999;border-right-color:#fff;border-bottom-color:#fff;padding:3px 10px;font-size:12px;cursor:pointer}.egg-av-results{font-size:11px;color:#666;margin-bottom:var(--space-3)}.egg-av-result{border-top:1px solid #eee;padding-top:var(--space-2)}.egg-av-link{color:#00c;font-size:13px;text-decoration:underline;cursor:pointer;display:block;margin-bottom:2px}.egg-av-url{color:#060;font-size:10px}.egg-ns-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.egg-ns-n{font-size:40px;font-weight:700;color:#039;font-family:Times New Roman,serif}.egg-ns-name{font-size:16px;font-weight:700;color:#039}.egg-ns-status{display:flex;align-items:center;gap:var(--space-2);background:gray;color:#fff;padding:2px 6px;font-size:11px;margin-top:var(--space-3)}.egg-ns-dot{width:8px;height:8px;background:#0c0;border-radius:50%}.capsule-card{background:var(--card-bg, var(--color-surface-warm));border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;cursor:default;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);overflow:hidden}.capsule-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--color-sepia));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.capsule-card:hover{box-shadow:var(--shadow-md)}.capsule-card__header{display:flex;align-items:center;justify-content:space-between}.capsule-card__decade{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--card-accent, var(--color-sepia-dark));letter-spacing:var(--tracking-wider);text-transform:uppercase}.capsule-card__save{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-ink-faint);transition:color var(--transition-fast),background var(--transition-fast)}.capsule-card__save:hover{color:var(--card-accent, var(--color-sepia-dark));background:#0000000d}.capsule-card__save--saved{color:var(--card-accent, var(--color-sepia-dark))}.capsule-card__art{width:100%;height:120px;overflow:hidden;border-radius:var(--radius-md);background:var(--card-bg, var(--color-surface-warm));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.capsule-card__art svg{width:100%;height:100%}.capsule-card__type{display:flex;align-items:center;gap:var(--space-2)}.capsule-card__type-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--card-accent, var(--color-ink-muted));background:#0000000f;padding:2px 8px;border-radius:var(--radius-full)}.capsule-card__featured{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-gold);background:#b8860b1a;padding:2px 8px;border-radius:var(--radius-full)}.capsule-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--card-text, var(--color-ink));line-height:var(--leading-snug)}.capsule-card__description{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.capsule-card__meta{display:flex;align-items:center;gap:var(--space-3)}.capsule-card__items{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--color-ink-faint)}.capsule-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2)}.capsule-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.capsule-card__tag{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-faint)}.capsule-card__open{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--card-accent, var(--color-blue-archive));white-space:nowrap;flex-shrink:0;transition:gap var(--transition-fast)}.capsule-card__open:hover{gap:8px}.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-blue-archive);color:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:background var(--transition-fast),transform var(--transition-fast)}.btn-primary:hover{background:var(--color-blue-muted);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover{border-color:var(--color-sepia);color:var(--color-ink)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-16);color:var(--color-ink-faint);font-style:italic}.home-hero{padding:var(--space-20) 0 var(--space-16);background:linear-gradient(180deg,var(--color-paper) 0%,var(--color-paper-warm) 100%);border-bottom:1px solid var(--color-border-light)}.home-hero__inner{max-width:680px}.home-hero__eyebrow{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:var(--space-5)}.home-hero__dot{width:6px;height:6px;border-radius:50%;background:var(--color-blue-archive);display:inline-block}.home-hero__title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--weight-bold);color:var(--color-ink);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6)}.home-hero__sub{font-size:var(--text-md);color:var(--color-ink-muted);line-height:var(--leading-relaxed);max-width:56ch;margin-bottom:var(--space-8)}.home-hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.timeline-section{padding:var(--space-16) 0}.timeline-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.timeline-section__controls{display:flex;gap:var(--space-2)}.timeline-nav-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-ink-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.timeline-nav-btn:hover{border-color:var(--color-sepia);color:var(--color-ink);background:var(--color-paper-warm)}.timeline-track{overflow-x:auto;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}.timeline-track::-webkit-scrollbar{display:none}.timeline-track__inner{display:flex;align-items:flex-start;gap:0;padding:var(--space-8) var(--space-6);position:relative;min-width:max-content}.timeline-track__line{position:absolute;top:calc(var(--space-8) + 12px);left:var(--space-6);right:var(--space-6);height:1px;background:var(--color-border);pointer-events:none}.timeline-stop{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0 var(--space-8);position:relative;background:none;border:none;cursor:pointer;transition:all var(--transition-base)}.timeline-stop__dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-paper);transition:all var(--transition-base);flex-shrink:0;position:relative;z-index:1}.timeline-stop--active .timeline-stop__dot{border-color:var(--color-blue-archive);background:var(--color-blue-archive);box-shadow:0 0 0 4px #2c4a6e26}.timeline-stop:hover:not(.timeline-stop--active) .timeline-stop__dot{border-color:var(--color-sepia)}.timeline-stop__decade{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-ink-muted);white-space:nowrap;transition:color var(--transition-fast)}.timeline-stop--active .timeline-stop__decade{color:var(--color-blue-archive)}.timeline-stop__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-faint)}.decade-panel{padding-top:var(--space-8)}.decade-panel__meta{display:flex;align-items:baseline;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.decade-panel__label{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink);flex-shrink:0}.decade-panel__blurb{font-size:var(--text-sm);color:var(--color-ink-muted);font-style:italic;flex:1;min-width:200px}.decade-panel__link{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-blue-archive);white-space:nowrap;flex-shrink:0;transition:gap var(--transition-fast)}.decade-panel__link:hover{gap:8px}.decade-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.featured-section{padding:var(--space-16) 0;background:var(--color-paper-warm);border-top:1px solid var(--color-border-light)}.featured-card{background:var(--featured-bg, var(--color-surface-warm));border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-10);display:grid;grid-template-columns:1fr auto;gap:var(--space-10);align-items:start;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.featured-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--featured-accent, var(--color-sepia));border-radius:var(--radius-xl) 0 0 var(--radius-xl)}@media (max-width: 640px){.featured-card{grid-template-columns:1fr;padding:var(--space-6)}}.featured-card__eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.featured-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-gold);background:#b8860b1a;padding:2px 10px;border-radius:var(--radius-full)}.featured-decade{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-faint);letter-spacing:var(--tracking-wider)}.featured-card__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-4);line-height:var(--leading-snug)}.featured-card__description{font-size:var(--text-base);color:var(--color-ink-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);max-width:60ch}.featured-card__curator{font-size:var(--text-sm);color:var(--color-ink-faint);line-height:var(--leading-relaxed);border-left:2px solid var(--featured-accent, var(--color-sepia));padding-left:var(--space-4);margin-bottom:var(--space-6)}.featured-card__stats{display:flex;flex-direction:column;gap:var(--space-6);padding-left:var(--space-10);border-left:1px solid var(--color-border-light)}@media (max-width: 640px){.featured-card__stats{flex-direction:row;border-left:none;border-top:1px solid var(--color-border-light);padding-left:0;padding-top:var(--space-4)}}.featured-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.featured-stat__num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);line-height:1}.featured-stat__label{font-size:var(--text-xs);color:var(--color-ink-faint);letter-spacing:var(--tracking-wider);text-transform:uppercase}.decade-page{padding:var(--space-10) 0 var(--space-16)}.decade-page__back{margin-bottom:var(--space-8)}.decade-page__header{margin-bottom:var(--space-10);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-8)}.decade-page__title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);color:var(--color-ink);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.decade-page__blurb{font-size:var(--text-md);color:var(--color-ink-muted);line-height:var(--leading-relaxed);max-width:60ch;margin-bottom:var(--space-3)}.decade-page__count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-faint)}.decade-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.empty-state-full{text-align:center;padding:var(--space-24) 0;color:var(--color-ink-faint)}.btn-ghost-link{display:inline-block;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-blue-archive)}.btn-ghost-link:hover{text-decoration:underline}.browse-page{padding:var(--space-10) 0 var(--space-16)}.browse-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.browse-page__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-1)}.browse-page__sub{font-size:var(--text-sm);color:var(--color-ink-faint)}.filters-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0}.filters-toggle:hover,.filters-toggle--open{border-color:var(--color-sepia);color:var(--color-ink);background:var(--color-paper-warm)}.filters-panel__inner{display:flex;gap:var(--space-5);flex-wrap:wrap;align-items:flex-end;padding:var(--space-5);background:var(--color-paper-warm);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:160px}.filter-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-faint)}.search-field{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-field:focus-within{border-color:var(--color-blue-archive);box-shadow:0 0 0 2px #2c4a6e1a}.search-field__icon{color:var(--color-ink-faint);flex-shrink:0}.search-field__input{flex:1;font-size:var(--text-sm);color:var(--color-ink);min-width:0}.search-field__input::placeholder{color:var(--color-ink-faint)}.search-field__clear{color:var(--color-ink-faint);display:flex;align-items:center;flex-shrink:0;transition:color var(--transition-fast)}.search-field__clear:hover{color:var(--color-ink-muted)}.filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-ink);cursor:pointer;transition:border-color var(--transition-fast);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:100%}.filter-select:focus{outline:2px solid var(--color-blue-archive);outline-offset:2px;border-color:var(--color-blue-archive)}.clear-filters{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-faint);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);white-space:nowrap;align-self:flex-end;transition:all var(--transition-fast)}.clear-filters:hover{color:var(--color-ink-muted);border-color:var(--color-sepia)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.filter-chip{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-blue-archive);background:#2c4a6e14;border:1px solid rgba(44,74,110,.2);border-radius:var(--radius-full);padding:3px 10px;cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{background:#2c4a6e24}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.browse-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-24) 0;color:var(--color-ink-faint);text-align:center}.browse-empty h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink-muted)}.browse-empty p{font-size:var(--text-sm)}.clear-filters-btn{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-blue-archive);border:1px solid var(--color-blue-archive);border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);transition:all var(--transition-fast)}.clear-filters-btn:hover{background:var(--color-blue-archive);color:var(--color-surface)}.detail-page{padding:var(--space-10) 0 var(--space-16)}.detail-not-found{padding:var(--space-16) 0}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-faint);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-ink-muted)}.detail-page__back{margin-bottom:var(--space-8)}.detail-header{display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:start;margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-light)}@media (max-width: 600px){.detail-header{grid-template-columns:1fr}}.detail-header__eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.detail-header__decade{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--capsule-accent, var(--color-sepia-dark));letter-spacing:var(--tracking-wider);text-transform:uppercase}.detail-header__type-badge{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--capsule-accent, var(--color-ink-muted));background:#0000000f;padding:3px 10px;border-radius:var(--radius-full)}.detail-featured{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-gold);background:#b8860b1a;padding:3px 10px;border-radius:var(--radius-full)}.detail-header__title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--weight-bold);color:var(--color-ink);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.detail-header__description{font-size:var(--text-md);color:var(--color-ink-muted);line-height:var(--leading-relaxed);max-width:64ch;margin-bottom:var(--space-5)}.detail-header__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-faint);background:var(--color-paper-deep);padding:3px 8px;border-radius:var(--radius-sm)}.detail-save-btn{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);white-space:nowrap;transition:all var(--transition-fast)}.detail-save-btn:hover{border-color:var(--capsule-accent, var(--color-sepia));color:var(--capsule-accent, var(--color-sepia-dark))}.detail-save-btn--saved{background:var(--capsule-bg, var(--color-paper-warm));border-color:var(--capsule-accent, var(--color-sepia));color:var(--capsule-accent, var(--color-sepia-dark))}.detail-curator{background:var(--capsule-bg, var(--color-paper-warm));border-left:3px solid var(--capsule-accent, var(--color-sepia));padding:var(--space-5) var(--space-6);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-10)}.detail-curator p{font-family:var(--font-display);font-size:var(--text-md);color:var(--capsule-text, var(--color-ink-muted));line-height:var(--leading-relaxed);font-style:italic;margin-bottom:var(--space-2)}.detail-curator__footer{font-size:var(--text-xs);color:var(--color-ink-faint);letter-spacing:var(--tracking-wide);text-transform:uppercase}.detail-capsule-section{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.detail-capsule-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--capsule-bg, var(--color-paper-warm));border-bottom:1px solid var(--color-border-light);gap:var(--space-4)}.detail-capsule-section__meta{display:flex;align-items:center;gap:var(--space-3);color:var(--capsule-accent, var(--color-sepia-dark))}.detail-capsule-section__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink)}.open-capsule-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--capsule-accent, var(--color-blue-archive));color:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.open-capsule-btn:hover{opacity:.85}.close-capsule-btn{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-faint);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.close-capsule-btn:hover{border-color:var(--color-sepia);color:var(--color-ink-muted)}.capsule-sealed{display:flex;align-items:center;justify-content:center;padding:var(--space-20);transform-origin:top}.capsule-sealed__interior{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-ink-faint);text-align:center}.capsule-sealed__interior p{font-size:var(--text-sm);font-style:italic}.capsule-items{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.capsule-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.capsule-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border)}.capsule-item__body{flex:1;min-width:0}.capsule-item__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.capsule-item__type{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--capsule-accent, var(--color-sepia-dark));background:#0000000a;padding:1px 6px;border-radius:var(--radius-sm)}.capsule-item__year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-faint)}.capsule-item__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-item__note{font-size:var(--text-xs);color:var(--color-ink-faint);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-item__play{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--capsule-accent, var(--color-blue-archive));border:1px solid currentColor;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast);opacity:.7}.capsule-item:hover .capsule-item__play{opacity:1}.capsule-item__play:hover{background:var(--capsule-accent, var(--color-blue-archive));color:var(--color-surface);border-color:var(--capsule-accent, var(--color-blue-archive))}.media-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-viewer{background:#1a1a1a;border-radius:var(--radius-lg);width:100%;max-width:480px;overflow:hidden;box-shadow:0 24px 80px #0009}.media-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0d0d0d;border-bottom:1px solid #2a2a2a}.media-viewer__rec{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:#f44;letter-spacing:.1em}.media-viewer__rec-dot{width:6px;height:6px;border-radius:50%;background:#f44;animation:rec-blink 1.2s ease infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.2}}@media (prefers-reduced-motion: reduce){.media-viewer__rec-dot{animation:none}}.media-viewer__title-bar{font-family:var(--font-mono);font-size:10px;color:#888;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px;letter-spacing:.05em}.media-viewer__close{display:flex;align-items:center;color:#666;transition:color .15s}.media-viewer__close:hover{color:#ccc}.media-viewer__display{padding:var(--space-4);background:#0d0d0d}.media-viewer__screen{aspect-ratio:16/9;background:#050505;border:1px solid #2a2a2a;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden}.media-viewer__screen-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);z-index:1}.media-viewer__screen-type{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:#4aff8a;opacity:.8}.media-viewer__screen-year{font-family:var(--font-mono);font-size:32px;font-weight:700;color:#4aff8a;opacity:.15;letter-spacing:.1em}.media-viewer__screen-note{font-family:var(--font-mono);font-size:10px;color:#444;text-align:center;padding:0 16px;position:absolute;bottom:12px;left:0;right:0}.media-viewer__art-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.media-viewer__art-screen svg{width:100%;height:100%;opacity:.9}.media-viewer__screen-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.detail-header__right{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4)}.detail-header__art{width:240px;border-radius:var(--radius-lg);overflow:hidden;background:var(--capsule-bg, var(--color-surface-warm))}.detail-header__art svg{width:100%;height:auto;display:block}@media (max-width: 600px){.detail-header__art{width:100%}}.media-viewer__scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.25) 2px,rgba(0,0,0,.25) 4px);pointer-events:none;animation:scanline-scroll 8s linear infinite}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100%}}.media-viewer__scrubber{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#111;border-top:1px solid #222}.media-viewer__time{font-family:var(--font-mono);font-size:11px;color:#666;white-space:nowrap;flex-shrink:0}.media-viewer__progress{flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:2px;cursor:pointer;outline:none}.media-viewer__progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#4aff8a;cursor:pointer}.media-viewer__progress::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#4aff8a;cursor:pointer;border:none}.media-viewer__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#111}.media-ctrl-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#888;transition:color var(--transition-fast),background var(--transition-fast)}.media-ctrl-btn:hover{color:#ccc;background:#ffffff0d}.media-ctrl-btn--play{width:48px;height:48px;background:#4aff8a;color:#000;border-radius:50%}.media-ctrl-btn--play:hover{background:#6bffaa;color:#000}.media-ctrl-btn--mute{margin-left:auto}.media-viewer__meta{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#0d0d0d;border-top:1px solid #1a1a1a;font-family:var(--font-mono);font-size:10px;color:#444;overflow:hidden}.media-viewer__meta-note{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.shelf-page{padding:var(--space-10) 0 var(--space-16)}.shelf-page__header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-light)}.shelf-page__title-row{display:flex;align-items:center;gap:var(--space-3);color:var(--color-ink);margin-bottom:var(--space-2)}.shelf-page__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);letter-spacing:var(--tracking-tight)}.shelf-page__sub{font-size:var(--text-sm);color:var(--color-ink-faint)}.shelf-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-24) 0;text-align:center}.shelf-empty__icon{color:var(--color-border)}.shelf-empty__heading{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink-muted)}.shelf-empty__body{font-size:var(--text-base);color:var(--color-ink-faint);max-width:40ch;line-height:var(--leading-relaxed)}.shelf-empty__cta{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-blue-archive);color:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:background var(--transition-fast)}.shelf-empty__cta:hover{background:var(--color-blue-muted)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a;z-index:9999;display:flex;align-items:center;justify-content:center}.boot-screen__content{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;max-width:480px;width:100%;padding:2rem}.boot-screen__logo{opacity:.9}.boot-screen__terminal{font-family:Courier Prime,Courier New,monospace;font-size:.8125rem;color:#4aff8a;line-height:1.8;min-height:11em}.boot-line{opacity:.9;animation:boot-fade-in .1s ease both}@keyframes boot-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:.9;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.boot-line{animation:none}}.boot-prompt{color:#4aff8a;opacity:.5}.boot-cursor{display:inline-block;color:#4aff8a;animation:cursor-blink .8s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion: reduce){.boot-cursor{animation:none}}