@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";:root{--bg-deep:#000;--bg-panel:#121218d1;--bg-panel-hover:#1a1a22e6;--bg-input:#08080af2;--accent-cyan:#00f3ff;--accent-cyan-rgb:0, 243, 255;--accent-amber:#f97316;--accent-amber-rgb:249, 115, 22;--accent-violet:#d946ef;--accent-violet-rgb:217, 70, 239;--accent-green:#10b981;--accent-green-rgb:16, 185, 129;--border-subtle:#ffffff14;--border-focus:#00f3ff73;--border-focus-amber:#f9731673;--text-main:#f4f4f5;--text-muted:#a1a1aa;--text-dark:#52525b;--text-white:#fff;--font-heading:"Archivo Black", "Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--glass-shadow:0 12px 40px 0 #000000a6;--glow-cyan:0 0 15px #00f3ff59;--glow-amber:0 0 15px #f9731659;--radius-lg:4px;--radius-md:3px;--radius-sm:2px;--transition-fast:.1s ease;--transition-smooth:.25s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.app-container{background-image:radial-gradient(circle at 10% 20%,#00f3ff08 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ffaa3308 0%,#0000 45%);grid-template-rows:70px 1fr 90px;width:100vw;height:100vh;display:grid;position:relative}.header-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:10;background:#000000d9;justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.logo-section{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-symbol{font-family:var(--font-heading);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-amber));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.logo-text{font-family:var(--font-heading);letter-spacing:.5px;color:var(--text-white);font-size:1.15rem;font-weight:600}.logo-subtitle{color:var(--text-muted);font-size:.75rem;display:block}.nav-links{gap:1.5rem;display:flex}.nav-item{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem 1rem;font-size:.95rem;font-weight:500;position:relative}.nav-item:hover{color:var(--text-white);background:#ffffff08}.nav-item.active{color:var(--accent-cyan)}.nav-item.active:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-cyan) 50%, transparent);height:3px;box-shadow:0 0 8px var(--accent-cyan);border-radius:3px;position:absolute;bottom:-2px;left:10%;right:10%}.main-viewport{scroll-behavior:smooth;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 2rem;overflow-y:auto}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border var(--transition-fast), transform var(--transition-smooth), box-shadow var(--transition-smooth);background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-size:20px 20px}.glass-panel:hover{border-color:#00f3ff33;box-shadow:0 12px 40px #00000073,0 0 15px #00f3ff0d}.page-title{font-family:var(--font-heading);color:var(--text-white);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;font-weight:300}.equalizer-icon{align-items:flex-end;gap:3px;width:20px;height:18px;display:flex}.eq-bar{background-color:var(--accent-cyan);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.8s ease-in-out infinite alternate bounce}.eq-bar:nth-child(2){background-color:var(--accent-amber);animation-delay:.2s}.eq-bar:nth-child(3){animation-delay:.4s}.eq-bar:nth-child(4){background-color:var(--accent-amber);animation-delay:.1s}@keyframes bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-bar{gap:1rem;min-width:0}.logo-text,.logo-subtitle{white-space:nowrap}.nav-links{scrollbar-width:none;min-width:0;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;flex-shrink:0}@media (width<=1280px) and (width>=1051px){.nav-links{gap:.25rem}.nav-item{padding:.45rem .55rem;font-size:.8rem}.logo-subtitle,.equalizer-icon{display:none!important}}@media (width<=1050px){.app-container{grid-template-rows:60px 1fr 90px!important}.header-bar{justify-content:space-between;align-items:center;height:60px;padding:0 1rem;display:flex}.main-viewport{padding:1rem .5rem!important;padding-bottom:calc(var(--player-h,90px) + 20px)!important;overflow-y:auto!important}.mobile-bottom-nav{bottom:calc(var(--player-h,90px) + 8px);-webkit-backdrop-filter:blur(20px);z-index:1000;background:#090a0fd9;border:1px solid #ffffff14;border-radius:20px;justify-content:space-around;align-items:center;width:calc(100% - 16px);max-width:480px;padding:.4rem .5rem;animation:.3s ease-out slideUp;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000000b3,inset 0 1px #ffffff0d}.mobile-nav-item{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.3rem .6rem;font-weight:500;display:flex}.mobile-nav-item span:first-child{font-size:1.15rem;line-height:1.2}.mobile-nav-item span:last-child{letter-spacing:.3px;font-size:.6rem}.mobile-nav-item.active{color:var(--accent-cyan);text-shadow:0 0 8px #00f3ff4d}.mobile-nav-item.active span:first-child{transition:transform var(--transition-fast);transform:scale(1.1)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.app-container.crt-monitor{position:relative}.app-container.crt-monitor:after{content:" ";z-index:9999;pointer-events:none;opacity:.18;will-change:opacity;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px;display:block;position:fixed;inset:0}.app-container.crt-monitor:before{content:" ";z-index:9998;pointer-events:none;background:radial-gradient(circle,#0000 40%,#0000008c 130%);display:block;position:fixed;inset:0}.photocopy-grain:before{content:" ";opacity:.35;z-index:10000;pointer-events:none;background-image:repeating-radial-gradient(circle,#ffffff04 0,#00000005 1px,#0000 2px);background-size:4px 4px;display:block;position:fixed;inset:0}h1,h2,h3,.logo-text,.logo-symbol{line-height:.95;font-family:var(--font-heading)!important;text-transform:uppercase!important;letter-spacing:-2px!important;font-weight:900!important}.abel-glow-cyan{text-shadow:0 0 8px #00f3ffa6,0 0 15px #00f3ff40;color:var(--accent-cyan)!important}.abel-glow-amber{text-shadow:0 0 8px #f97316a6,0 0 15px #f9731640;color:var(--accent-amber)!important}.abel-glow-violet{text-shadow:0 0 8px #d946efa6,0 0 15px #d946ef40;color:var(--accent-violet)!important}.glass-panel{position:relative;border:1px solid #ffffff17!important;box-shadow:0 10px 30px #000c,inset 0 0 0 1px #ffffff05!important}.glass-panel:before{content:"MODEL: DELTA-8X // UNIT-90 // SYSTEM.ONLINE";font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.5px;opacity:.75;z-index:10;background:#000;border:1px solid #00f3ff40;border-radius:2px;padding:1px 4px;font-size:.45rem;position:absolute;top:-8px;left:12px}.glass-panel:after{content:"SIGNAL PROCESSOR // MEMORY BLOCK RD-90 // WARNING: HOT INTEGRATION";font-family:var(--font-mono);color:var(--text-dark);letter-spacing:.5px;opacity:.45;z-index:10;pointer-events:none;font-size:.45rem;position:absolute;bottom:6px;right:12px}.hazard-stripes{background:repeating-linear-gradient(-45deg, #000, #000 6px, var(--accent-amber) 6px, var(--accent-amber) 12px);width:100%;height:6px}.technical-decal{font-family:var(--font-mono);color:var(--accent-amber);letter-spacing:.5px;border:1px solid #f973164d;border-radius:2px;align-items:center;gap:4px;padding:2px 5px;font-size:.55rem;display:inline-flex}@keyframes crt-flicker{0%{opacity:.22}50%{opacity:.25}to{opacity:.23}}.archive-visualizer-backdrop{z-index:999999;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}:-webkit-any(:fullscreen .archive-visualizer-backdrop,:-webkit-full-screen .archive-visualizer-backdrop,.archive-visualizer-backdrop:fullscreen,.archive-visualizer-backdrop:-webkit-full-screen){background:#000!important;border:none!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;inset:0!important}:is(:fullscreen .archive-visualizer-backdrop,:fullscreen .archive-visualizer-backdrop,.archive-visualizer-backdrop:fullscreen,.archive-visualizer-backdrop:fullscreen){background:#000!important;border:none!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;inset:0!important}@media (orientation:landscape) and (height<=600px){.visualizer-header-bar{padding:.35rem .8rem!important}.visualizer-header-bar .live-rec-badge,.visualizer-header-bar .album-title-badge{display:none}.ken-burns-photo{max-height:94vh!important}}.visualizer-canvas-bg{object-fit:cover;filter:blur(28px)brightness(.35)saturate(1.2);pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.15)}.visualizer-canvas{z-index:1;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.1,.9,.2,1);display:flex;position:absolute;top:0;left:0}.ken-burns-photo{object-fit:contain;object-position:center 20%;filter:contrast(1.08)brightness(.95);width:100%;height:100%;max-height:82vh;margin:0 auto;animation:30s ease-in-out infinite alternate kenBurnsAnimation}@keyframes kenBurnsAnimation{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-8px,-6px)}to{transform:scale(1.02)translate(8px,6px)}}.visualizer-canvas.filter-warm-analog .ken-burns-photo{filter:sepia(.2)contrast(1.1)saturate(1.2)hue-rotate(-5deg)}.visualizer-canvas.filter-sepia-90s .ken-burns-photo{filter:sepia(.65)contrast(1.2)brightness(.9)}.visualizer-canvas.filter-vhs-blue .ken-burns-photo{filter:contrast(1.15)saturate(1.4)hue-rotate(15deg)brightness(.92)}.visualizer-canvas.filter-high-bw .ken-burns-photo{filter:grayscale()contrast(1.4)brightness(.85)}.vignette-overlay{pointer-events:none;background:radial-gradient(circle,#0000 35%,#000000bf 100%);position:absolute;inset:0}.crt-scanlines{pointer-events:none;opacity:.45;background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 4px;position:absolute;inset:0}.film-grain{opacity:.25;pointer-events:none;background-image:repeating-radial-gradient(circle,#ffffff05 0,#00000008 1px,#0000 2px);background-size:3px 3px;position:absolute;inset:0}.visualizer-header-bar,.visualizer-top-header{z-index:1000;pointer-events:auto;background:linear-gradient(#000000f2 0%,#0009 70%,#0000 100%);justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex;position:absolute;top:0;left:0;right:0}.vtr-status-pill{color:var(--accent-cyan);background:#000000a6;border:1px solid #00f3ff4d;border-radius:4px;align-items:center;gap:8px;padding:.4rem .8rem;font-size:.75rem;display:inline-flex;box-shadow:0 0 10px #00f3ff33}.rec-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulseRec;box-shadow:0 0 8px #ef4444}@keyframes pulseRec{0%{opacity:.3}to{opacity:1}}.vtr-time{color:#fff;opacity:.85;margin-left:6px}.preset-selector-row{gap:6px;display:flex}.preset-btn{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:#12121899;border:1px solid #ffffff26;border-radius:3px;padding:.3rem .6rem;font-size:.65rem;transition:all .15s}.preset-btn:hover{color:#fff;background:#ffffff1a}.preset-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff26;box-shadow:0 0 8px #00f3ff4d}.visualizer-close-btn{color:#fca5a5;font-family:var(--font-heading);cursor:pointer;background:#ef444433;border:1px solid #ef444480;border-radius:4px;padding:.4rem .8rem;font-size:.75rem;transition:all .15s}.visualizer-close-btn:hover{color:#fff;background:#ef4444;box-shadow:0 0 12px #ef444480}.photo-caption-badge{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-left:3px solid var(--accent-amber);color:#e4e4e7;background:#000000a6;border-radius:4px;align-items:center;gap:6px;max-width:90vw;padding:.35rem .75rem;font-size:.7rem;display:inline-flex;position:absolute;top:4.5rem;left:1.5rem}.chartshow-lower-third{z-index:20;-webkit-backdrop-filter:blur(16px);background:#0a0a0fe0;border-radius:6px;flex-direction:column;padding:.8rem 1.1rem;display:flex;position:absolute;bottom:5.5rem;overflow:hidden;box-shadow:0 15px 35px #000000d9}.chartshow-lower-third.box-track-trivia{border:1.5px solid #00f3ff59;border-left:5px solid var(--accent-cyan);width:480px;max-width:45vw;left:2rem;right:auto;box-shadow:0 15px 35px #000000d9,0 0 20px #00f3ff26}.chartshow-lower-third.box-band-history{border:1.5px solid #f9731659;border-left:5px solid var(--accent-amber);width:480px;max-width:45vw;left:auto;right:2rem;box-shadow:0 15px 35px #000000d9,0 0 20px #f9731626}.chartshow-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chartshow-badge{color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:#00000080;border-radius:3px;padding:1px 5px;font-size:.65rem}.chartshow-body{color:#f4f4f5;max-height:95px;font-size:.76rem;line-height:1.4;overflow-y:auto}.trivia-animated-text{margin:0}.chartshow-accent-bar{background:linear-gradient(180deg, var(--accent-cyan) 0%, var(--accent-amber) 100%);width:6px;box-shadow:0 0 10px var(--accent-cyan)}.chartshow-content{flex-direction:column;flex:1;gap:4px;padding:1rem 1.25rem;display:flex}.chartshow-meta-row{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:.65rem;display:flex}.chartshow-tag{color:var(--accent-cyan);background:#00f3ff1a;border:1px solid #00f3ff33;border-radius:2px;padding:1px 5px}.chartshow-year{color:var(--accent-amber)}.chartshow-title{font-family:var(--font-heading);color:#fff;text-shadow:0 0 8px #ffffff4d;margin-bottom:2px;font-size:1.4rem;line-height:1.1}.chartshow-band-row{color:#e4e4e7;align-items:center;gap:6px;font-size:.85rem;display:flex}.chartshow-artist{color:var(--accent-cyan);font-weight:700}.chartshow-album{color:var(--text-muted)}.chartshow-trivia-box{background:#0009;border:1px solid #f9731659;border-radius:4px;margin-top:.6rem;padding:.6rem .8rem}.trivia-card-header{color:var(--accent-amber);align-items:center;gap:4px;margin-bottom:3px;font-size:.65rem;font-weight:600;display:flex}.trivia-card-body{color:#f4f4f5;font-size:.78rem;line-height:1.35}.typewriter-body{font-family:var(--font-mono);color:#f4f4f5;letter-spacing:.2px;font-size:.78rem;line-height:1.4}.typewriter-cursor{color:var(--accent-cyan);text-shadow:0 0 6px var(--accent-cyan);margin-left:2px;animation:.75s step-end infinite blinkTypewriterCursor;display:inline-block}@keyframes blinkTypewriterCursor{0%,to{opacity:1}50%{opacity:0}}.slide-up-fast{animation:.35s cubic-bezier(.2,.8,.2,1) forwards slideUpFast}@keyframes slideUpFast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-fast{animation:.25s forwards fadeInFast}@keyframes fadeInFast{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.chartshow-history-panel{z-index:20;-webkit-backdrop-filter:blur(16px);background:#0a0a0fe0;border:1px solid #f9731659;border-radius:6px;width:calc(100vw - 4rem);max-width:460px;display:flex;position:absolute;top:4.5rem;right:2rem;overflow:hidden;box-shadow:0 15px 35px #000c,0 0 20px #f9731626}.chartshow-history-accent{background:linear-gradient(180deg, var(--accent-amber) 0%, var(--accent-cyan) 100%);width:6px;box-shadow:0 0 10px var(--accent-amber)}.chartshow-history-content{flex-direction:column;flex:1;gap:4px;padding:.85rem 1.1rem;display:flex}.chartshow-history-title-row{border-bottom:1px dashed #ffffff26;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:3px;display:flex}@media (width<=900px){.chartshow-history-panel{width:auto;max-width:calc(100vw - 1.6rem);inset:auto .8rem 19rem}}.visualizer-bottom-bar,.visualizer-bottom-controls{z-index:1000;pointer-events:auto;background:linear-gradient(#0000 0%,#0009 30%,#000000f2 100%);flex-direction:column;gap:8px;padding:0 1.5rem .8rem;display:flex;position:absolute;bottom:0;left:0;right:0}.progress-timeline-bar{background:#ffffff26;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-timeline-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-amber));height:100%;box-shadow:0 0 8px var(--accent-cyan);transition:width .2s linear}.controls-row{justify-content:space-between;align-items:center;display:flex}.photo-controls,.playback-controls{align-items:center;gap:8px;display:flex}.photo-counter{color:var(--text-muted);padding:0 4px;font-size:.75rem}.control-btn{color:#fff;font-family:var(--font-heading);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:.4rem .8rem;font-size:.7rem;transition:all .15s}.control-btn:hover{background:#fff3;border-color:#fff}.control-btn.play-btn{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff26}.control-btn.play-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 10px #00f3ff80}@media (width<=768px){.visualizer-top-header{padding:.6rem}.preset-selector-row{display:none}.chartshow-lower-third{bottom:4rem;left:.5rem;right:.5rem}.controls-row{flex-direction:column;gap:6px}}.notebook-journal-wrapper{perspective:1200px;width:100%;margin:1rem 0}.notebook-journal-card{color:#18181b;transform-origin:0;background:#fcfbfa repeating-linear-gradient(#fcfbfa,#fcfbfa 27px,#e5e7eb 28px);border:1px solid #d1d5db;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:320px;padding:1.8rem 1.8rem 1.2rem 2.4rem;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s;display:flex;position:relative;box-shadow:0 10px 25px -5px #0006,inset 0 0 40px #00000008}.notebook-journal-card.page-turning{opacity:.7;transform:rotateY(-18deg)scale(.97)}.notebook-ring-binder{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:12px;bottom:12px;left:8px}.ring-binder-hole{background:#27272a;border:2px solid #71717a;border-radius:50%;width:12px;height:12px;box-shadow:inset 1px 1px 3px #000c}.notebook-header-row{border-bottom:2px solid #ef4444;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.3rem;display:flex}.notebook-meta-left{align-items:center;display:flex}.journal-page-title{color:#047857;margin:.4rem 0 .6rem;font-size:1.1rem}.notebook-paper-body{flex-grow:1;min-height:160px;font-size:.92rem}.ink-pen-cursor{margin-left:3px;font-size:.9rem;animation:.4s infinite alternate inkPenWiggle;display:inline-block}@keyframes inkPenWiggle{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-3px)rotate(-8deg)}}.notebook-footer-row{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.6rem;display:flex}.notebook-author-sign{color:#475569;font-size:.85rem}.notebook-page-controls{align-items:center;gap:6px;display:flex}.notebook-btn{color:#f4f4f5;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:4px;padding:.25rem .6rem;font-size:.65rem;transition:all .15s}.notebook-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#a1a1aa}.notebook-btn:disabled{opacity:.35;cursor:not-allowed}.notebook-btn.skip-btn{color:#c2410c;background:#f9731626;border-color:#f97316;font-size:.6rem}.notebook-btn.skip-btn:hover{color:#fff;background:#f97316}.page-num-pill{color:#64748b;padding:0 4px;font-size:.65rem}@media (width<=768px){.chartshow-lower-third{max-width:calc(100vw - 1.6rem);bottom:5rem;left:.8rem;right:.8rem}.chartshow-title{font-size:1.1rem}.photo-caption-badge{font-size:.65rem;top:3.8rem;left:.8rem}.preset-selector-row{display:none}}.life-roadmap-ribbon-container{background:#090a0fd9;border:1px solid #ffffff1f;border-radius:6px;margin:1.5rem 0 1rem;padding:.8rem 1rem;box-shadow:0 4px 15px #0006}.roadmap-ribbon-header{color:var(--accent-cyan);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:.6rem;font-size:.68rem;display:flex}.life-roadmap-ribbon{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.milestone-node{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:140px;padding:.6rem .8rem;transition:all .2s;display:flex;position:relative}.milestone-node:hover{background:#ffffff1a;border-color:#ffffff4d}.milestone-node.active{border-color:var(--accent-cyan);background:#00f3ff1f;box-shadow:0 0 12px #00f3ff4d}.milestone-year{color:var(--accent-amber);font-size:.65rem;font-weight:700}.milestone-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.milestone-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;margin-top:2px}.milestone-node.active .milestone-dot{background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.split-memoir-container{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;margin-top:1rem;display:grid}.memoir-photo-column{width:100%}.photo-artifact-card{background:#18181b;border:1px solid #ffffff26;border-radius:6px;padding:1.2rem;position:relative;box-shadow:0 10px 30px #00000080}.photo-lightbox-frame{cursor:pointer;background:#000;border:4px solid #f4f4f5;border-radius:4px;width:100%;height:280px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.memoir-main-photo{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .3s}.photo-lightbox-frame:hover .memoir-main-photo{transform:scale(1.04)}.zoom-hover-badge{color:var(--accent-cyan);pointer-events:none;background:#000000bf;border:1px solid #00f3ff4d;border-radius:3px;padding:3px 7px;font-size:.6rem;position:absolute;bottom:8px;right:8px}.photo-caption-tag{color:var(--text-muted);text-align:center;margin-top:.6rem;font-size:.72rem}.photo-thumbnails-row{gap:6px;margin-top:.8rem;padding-bottom:4px;display:flex;overflow-x:auto}.thumbnail-btn{cursor:pointer;opacity:.6;background:#000;border:1px solid #fff3;border-radius:3px;width:54px;height:38px;padding:0;transition:all .15s;overflow:hidden}.thumbnail-btn:hover,.thumbnail-btn.active{opacity:1;border-color:var(--accent-cyan);box-shadow:0 0 8px #00f3ff66}.thumbnail-btn img{object-fit:cover;width:100%;height:100%}.era-metadata-box{background:#0006;border:1px dashed #ffffff26;border-radius:4px;flex-direction:column;gap:4px;margin-top:1rem;padding:.6rem .8rem;display:flex}.era-meta-item{justify-content:space-between;font-size:.68rem;display:flex}.meta-label{color:var(--text-muted)}.meta-val{color:#fff;font-weight:600}.chapter-nav-bar{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.6rem;display:flex}.chapter-counter{color:var(--text-muted);font-size:.7rem}.nav-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:.3rem .7rem;font-size:.65rem;transition:all .15s}.nav-btn:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff33}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.memoir-journal-column{width:100%}@media (width<=900px){.split-memoir-container{grid-template-columns:1fr}}.story-view-mode-bar{margin-bottom:.5rem}.mode-switch-btn{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;padding:.3rem .7rem;font-size:.68rem;transition:all .15s}.mode-switch-btn:hover{color:#fff;background:#ffffff26}.mode-switch-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff26;box-shadow:0 0 10px #00f3ff4d}.graphic-novel-viewport,.graphic-novel-viewport *,.comic-panel-card,.speech-bubble,.caption-box-yellow,.caption-text,.comic-sound-fx,.floating-sound-fx-pop{font-family:Comic Sans MS,Comic Sans,Comic Neue,cursive,sans-serif!important}.graphic-novel-viewport{width:100%;max-width:1100px;margin:0 auto}.comic-series-header{text-align:center;background:#090a0fd9;border:2px solid #ffffff26;border-radius:8px;margin-bottom:1.5rem;padding:1.2rem;box-shadow:0 8px 25px #00000080}.comic-badge{color:#fff;letter-spacing:.5px;background:#ef4444;border-radius:3px;margin-bottom:.4rem;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.comic-main-title{letter-spacing:1px;margin:.2rem 0;font-size:1.8rem}.comic-subtitle{color:var(--accent-amber);margin-bottom:1rem;font-size:.75rem}.comic-issue-tabs{justify-content:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.comic-tab-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:.5rem .8rem;transition:all .2s;display:flex}.comic-tab-btn:hover{background:#ffffff1f}.comic-tab-btn.active{border-color:var(--accent-amber);background:#f59e0b2e;box-shadow:0 0 12px #f59e0b66}.issue-num{color:var(--accent-cyan);font-size:.6rem}.issue-year{color:var(--accent-amber);font-size:.65rem;font-weight:700}.issue-title{color:#fff;font-size:.75rem}.comic-page-spread{background:#090a0f;border:4px solid #18181b;border-radius:8px;padding:1.2rem;position:relative;box-shadow:0 12px 35px #000000b3}.comic-page-header{border-bottom:2px solid var(--accent-amber);color:var(--accent-amber);justify-content:space-between;margin-bottom:1.2rem;padding-bottom:.4rem;font-size:.72rem;display:flex}.comic-asymmetrical-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1.5rem;display:grid}.comic-panel-card.layout-splash{grid-column:1/-1}.comic-panel-card.layout-splash .comic-photo-frame{height:340px}.comic-panel-card.layout-tall{grid-row:span 2}.comic-panel-card.layout-tall .comic-photo-frame{height:440px}.comic-panel-card.layout-wide{grid-column:1/-1}.comic-panel-card.layout-wide .comic-photo-frame{height:280px}.speaker-name{color:var(--accent-amber);letter-spacing:.5px;margin-bottom:2px;font-size:.6rem;font-weight:700}.comic-panels-grid{gap:1.5rem;display:grid}.comic-panels-grid.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.comic-panels-grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.comic-panels-grid.grid-4{grid-template-columns:repeat(2,1fr)}.comic-panel-card{cursor:pointer;background:#fff;border:4px solid #000;border-radius:4px;flex-direction:column;height:100%;padding:8px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #000,0 12px 30px #000000b3}.comic-panel-card:hover{border-color:#000;transform:translateY(-4px)scale(1.01);box-shadow:8px 8px #000,0 15px 35px #00f3ff66}.comic-white-border-mat{background:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.panel-number-badge{z-index:5;color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:#000;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:6px;left:6px}.comic-photo-frame{background:#000;border:2.5px solid #000;border-radius:2px;width:100%;height:240px;position:relative;overflow:hidden}.comic-photo-styled{object-fit:cover;object-position:center 20%;filter:contrast(1.35)saturate(1.25)sepia(.15)brightness(.95);width:100%;height:100%}.halftone-overlay{pointer-events:none;background-image:radial-gradient(#00000040 1px,#0000 1px);background-size:4px 4px;width:100%;height:100%;position:absolute;top:0;left:0}.comic-sound-fx{color:#000;letter-spacing:.5px;background:#f59e0b;border:2px solid #000;padding:3px 8px;font-size:.85rem;font-weight:900;position:absolute;top:10px;right:10px;transform:rotate(-6deg);box-shadow:2px 2px #000}.speech-bubble{color:#000;z-index:4;background:#fff;border:2px solid #000;border-radius:12px;padding:.4rem .8rem;font-size:.78rem;font-weight:600;position:absolute;top:35px;left:12px;right:12px;box-shadow:3px 3px #0006}.speech-bubble-tail{border-top:8px solid #000;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:20px}.caption-box-yellow{color:#1c1917;background:#fef08a;border-top:2px solid #000;flex-grow:1;padding:.8rem 1rem}.caption-text{color:#000;font-size:.88rem;line-height:1.5}.comic-footer-bar{border-top:2px dashed #ffffff26;justify-content:space-between;align-items:center;margin-top:1.2rem;padding-top:.8rem;display:flex}.comic-nav-btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;background:#00f3ff26;border-radius:4px;padding:.4rem .9rem;font-size:.7rem;transition:all .15s}.comic-nav-btn:hover:not(:disabled){background:var(--accent-cyan);color:#000;box-shadow:0 0 10px #00f3ff80}.comic-nav-btn:disabled{opacity:.3;cursor:not-allowed}.issue-counter-pill{color:var(--text-muted);font-size:.7rem}.floating-sound-fx-pop{z-index:99999;color:#fff;font-family:var(--font-heading);pointer-events:none;background:#ef4444;border:4px solid #000;padding:.6rem 1.5rem;font-size:2rem;font-weight:900;position:fixed;top:20%;left:50%;transform:translate(-50%);box-shadow:5px 5px #000}@media (width<=768px){.comic-panels-grid.grid-4{grid-template-columns:1fr}}.comic-cropper-modal{background:#090a0f;border:4px solid #18181b;border-radius:8px;flex-direction:column;width:92vw;max-width:960px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #000000d9}.cropper-header{border-bottom:2px solid var(--accent-amber);color:var(--accent-amber);background:#18181b;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;font-size:.85rem;font-weight:700;display:flex}.cropper-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.cropper-body{grid-template-columns:1fr 340px;gap:1rem;padding:1.2rem;display:grid;overflow-y:auto}.cropper-viewport-container{-webkit-user-select:none;user-select:none;background:#000;border:2px dashed #fff3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.comic-frame-preview-box{background:#111;border:6px solid #fff;outline:4px solid #000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #000c}.comic-frame-preview-box.aspect-1-1{width:300px;height:300px}.comic-frame-preview-box.aspect-16-9{width:360px;height:202px}.comic-frame-preview-box.aspect-3-4{width:270px;height:360px}.comic-frame-preview-box.aspect-2-1{width:380px;height:190px}.cropper-target-img{pointer-events:none;max-width:none;transition:filter .2s}.cropper-target-img.filter-halftone{filter:contrast(1.35)saturate(1.25)sepia(.1)}.cropper-target-img.filter-bw-ink{filter:contrast(1.8)grayscale()brightness(.95)}.cropper-target-img.filter-popart{filter:contrast(1.5)saturate(1.6)brightness(1.05)}.cropper-drag-hint{color:var(--accent-cyan);pointer-events:none;background:#000c;border:1px solid #00f3ff4d;border-radius:3px;padding:3px 8px;font-size:.6rem;position:absolute;bottom:8px}.cropper-controls-panel{flex-direction:column;gap:1rem;display:flex}.cropper-control-group{flex-direction:column;gap:.4rem;display:flex}.cropper-control-group label{color:var(--accent-cyan);font-size:.68rem}.aspect-btn-row,.filter-btn-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.aspect-btn,.filter-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;padding:.4rem;font-size:.65rem;transition:all .15s}.aspect-btn:hover,.filter-btn:hover{background:#ffffff26}.aspect-btn.active,.filter-btn.active{border-color:var(--accent-amber);color:var(--accent-amber);background:#f59e0b33;box-shadow:0 0 8px #f59e0b4d}.cropper-slider{width:100%;accent-color:var(--accent-cyan);cursor:pointer}.cropper-actions-row{flex-direction:column;gap:6px;margin-top:auto;display:flex}.cropper-btn{cursor:pointer;border-radius:4px;padding:.6rem;font-size:.72rem;font-weight:700;transition:all .15s}.cropper-btn.apply-btn{color:#000;background:#f59e0b;border:2px solid #000;box-shadow:2px 2px #000}.cropper-btn.apply-btn:hover{background:#fbbf24;transform:translateY(-1px)}.cropper-btn.cancel-btn{color:#fff;background:#ffffff14;border:1px solid #fff3}@media (width<=800px){.cropper-body{grid-template-columns:1fr}}.fit-btn-row{gap:6px;display:flex}.fit-preset-btn{color:#fff;font-family:var(--font-heading);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:4px;flex:1;padding:.45rem .6rem;font-size:.64rem;transition:all .15s}.fit-preset-btn:hover{background:#ffffff26}.fit-preset-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff2e;box-shadow:0 0 10px #00f3ff4d}.alignment-grid-3x3{grid-template-columns:repeat(3,1fr);gap:4px;width:120px;margin:0 auto;display:grid}.align-grid-btn{color:var(--accent-cyan);cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:3px;justify-content:center;align-items:center;height:32px;font-size:1.1rem;transition:all .15s;display:flex}.align-grid-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 8px var(--accent-cyan)}.comic-edit-mode-toggle{border:1px solid var(--accent-amber);color:var(--accent-amber);font-family:var(--font-heading);cursor:pointer;background:#f59e0b26;border-radius:4px;padding:.35rem .8rem;font-size:.68rem;font-weight:700;transition:all .15s}.comic-edit-mode-toggle:hover{background:var(--accent-amber);color:#000;box-shadow:0 0 10px #f59e0b80}.comic-edit-mode-toggle.active{background:var(--accent-amber);color:#000;box-shadow:0 0 12px var(--accent-amber)}.add-panel-top-btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;background:#00f3ff26;border-radius:4px;padding:.3rem .6rem;font-size:.65rem}.add-panel-top-btn:hover{background:var(--accent-cyan);color:#000}.panel-editor-toolbar{border-bottom:2px solid var(--accent-amber);z-index:10;background:#111;flex-direction:column;gap:6px;padding:.5rem .8rem;display:flex}.toolbar-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.toolbar-label{color:var(--accent-cyan);white-space:nowrap;font-size:.62rem}.panel-size-select{color:#fff;background:#000;border:1px solid #ffffff40;border-radius:3px;outline:none;flex-grow:1;padding:.25rem .4rem;font-size:.65rem}.height-presets-row{gap:4px;display:flex}.height-preset-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:3px;padding:2px 6px;font-size:.6rem}.height-preset-btn.active,.height-preset-btn:hover{background:var(--accent-amber);color:#000;border-color:var(--accent-amber)}.panel-move-btn-group{gap:3px;display:flex}.move-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;padding:2px 6px;font-size:.6rem}.move-btn:hover:not(:disabled){background:var(--accent-cyan);color:#000}.move-btn:disabled{opacity:.3}.move-btn.delete-panel-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.comic-panel-card.layout-large{grid-area:span 2/span 2}.comic-panel-card.layout-large .comic-photo-frame{height:480px}.comic-photo-styled.filter-pop-art{filter:contrast(1.4)saturate(1.65)brightness(1.05)sepia(.05)}.comic-photo-styled.filter-sepia-zine{filter:sepia(.7)contrast(1.18)brightness(.92)}.comic-photo-styled.filter-high-noir{filter:grayscale()contrast(1.8)brightness(.88)}.comic-photo-styled.filter-cyber-neon{filter:contrast(1.35)saturate(1.8)hue-rotate(170deg)brightness(.95)}.comic-photo-styled.filter-pulp-yellow{filter:sepia(.45)contrast(1.12)brightness(.98)hue-rotate(-10deg)}.comic-photo-styled.filter-technicolor{filter:contrast(1.5)saturate(2.4)brightness(1.02)}.mini-workbench-container{border:2px solid var(--accent-amber);background:#090a0f;border-radius:6px;margin-bottom:1rem;padding:.8rem}.mini-workbench-header{border-bottom:1px dashed #ffffff26;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.3rem;display:flex}.mini-workbench-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;max-height:380px;padding-right:4px;display:grid;overflow-y:auto}.mini-panel-box{background:#18181b;border:2px solid #000;border-radius:4px;padding:4px;position:relative;overflow:hidden}.mini-panel-box.layout-splash,.mini-panel-box.layout-wide{grid-column:1/-1}.mini-panel-box.layout-tall{grid-row:span 2}.mini-photo-frame{background:#000;width:100%;height:90px;position:relative;overflow:hidden}.mini-photo-styled{object-fit:cover;width:100%;height:100%}.chip-btn-group{flex-wrap:wrap;gap:4px;display:flex}.chip-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:3px;padding:.25rem .5rem;font-size:.62rem;transition:all .15s}.chip-btn:hover{color:#fff;background:#ffffff26}.chip-btn.active{border-color:var(--accent-amber);color:var(--accent-amber);background:#f9731633;box-shadow:0 0 6px #f973164d}.nudge-pad-grid{grid-template-columns:repeat(3,1fr);gap:3px;width:90px;display:grid}.nudge-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;padding:3px;font-size:.65rem}.nudge-btn:hover{background:var(--accent-cyan);color:#000}.photo-compositor-layer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.photo-compositor-layer.outgoing-layer{z-index:1}.photo-compositor-layer.primary-layer{z-index:2}.blend-normal{mix-blend-mode:normal}.blend-pin-light{mix-blend-mode:pin-light}.blend-linear-light{mix-blend-mode:hard-light;filter:contrast(1.4)brightness(1.1)}.blend-color-burn{mix-blend-mode:color-burn;filter:contrast(1.3)saturate(1.4)}.blend-color-dodge{mix-blend-mode:color-dodge;filter:brightness(1.2)}.blend-screen{mix-blend-mode:screen;filter:brightness(1.1)}.blend-overlay{mix-blend-mode:overlay;filter:contrast(1.25)}.blend-soft-light{mix-blend-mode:soft-light}.blend-hard-light{mix-blend-mode:hard-light}.blend-multiply{mix-blend-mode:multiply}.blend-difference{mix-blend-mode:difference}.blend-exclusion{mix-blend-mode:exclusion}.film-burn-flash-overlay{mix-blend-mode:screen;z-index:8;pointer-events:none;background:radial-gradient(circle at 40%,#fb923cd9,#ef444499,#f59e0b66,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes filmBurnFlare{0%{opacity:0;filter:blur();transform:scale(.9)rotate(-3deg)}30%{opacity:1;filter:blur(4px);transform:scale(1.05)rotate(1deg)}70%{opacity:.8;filter:blur(2px);transform:scale(1.02)rotate(-1deg)}to{opacity:0;filter:blur();transform:scale(1)rotate(0)}}.animate-film-burn{animation:1.4s ease-out forwards filmBurnFlare}.vhs-glitch-active{animation:.8s steps(4,end) forwards vhsGlitchJump}@keyframes vhsGlitchJump{0%{filter:hue-rotate();transform:translateY(0)}25%{filter:hue-rotate(45deg);transform:translateY(-4px)skew(2deg)}50%{filter:hue-rotate(-30deg);transform:translateY(5px)skew(-2deg)}75%{filter:hue-rotate(15deg);transform:translateY(-2px)}to{filter:hue-rotate();transform:translateY(0)}}.artifact-pip-card{z-index:12;background:#fdfbf7;border:4px solid #fff;border-radius:3px;outline:2px solid #000;width:210px;max-width:25vw;padding:4px;position:absolute;top:75px;bottom:auto;right:25px;overflow:hidden;transform:rotate(3deg);box-shadow:0 15px 35px #000000d9,4px 4px #0009}.scotch-tape-corner{z-index:14;background:#fef08aa6;border:1px solid #fff6;width:45px;height:16px;position:absolute;top:-6px;left:20px;transform:rotate(-12deg);box-shadow:0 2px 4px #0003}.artifact-type-badge{color:var(--accent-amber);text-align:center;letter-spacing:.5px;background:#18181b;border-bottom:1px solid #000;padding:2px 6px;font-size:.58rem;font-weight:700}.artifact-pip-img{object-fit:cover;width:100%;height:auto;max-height:180px;display:block}.cinematic-pull-quote-card{border:1px solid #00f3ff59;border-left:4px solid var(--accent-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:11;background:#090a0fd9;border-radius:4px;align-items:flex-start;gap:8px;max-width:520px;padding:.8rem 1.2rem;display:flex;position:absolute;bottom:95px;left:30px;box-shadow:0 10px 30px #000c}.quote-mark{color:var(--accent-cyan);font-family:Georgia,serif;font-size:2rem;line-height:1}.quote-body{color:#fff;margin:0;font-size:.82rem;line-height:1.5}.clean-broadcast-mode{cursor:none}.exit-clean-mode-btn{z-index:99999;border:1px solid var(--accent-amber);color:var(--accent-amber);cursor:pointer;background:#000000d9;border-radius:4px;padding:4px 10px;font-size:.7rem;position:fixed;top:15px;right:15px}.obs-broadcast-btn{font-weight:700;color:#fca5a5!important;background:#ef444440!important;border-color:#ef4444!important}.track-timeline-editor-wrapper{background:#00000080;border:1.5px solid #00f3ff59;border-radius:6px;margin-top:1rem;padding:1rem;box-shadow:0 4px 20px #0006}.timeline-editor-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.timeline-sizing-toolbar{background:#0006;border:1px solid #ffffff14;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:.5rem;padding:.35rem .6rem;display:flex}.timeline-scrubber-container{scrollbar-width:thin;scrollbar-color:var(--accent-cyan) #090a0f;border-radius:4px;margin:.8rem 0;position:relative}.timeline-scrubber-container::-webkit-scrollbar{height:6px}.timeline-scrubber-container::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.timeline-scrubber-track{cursor:crosshair;background:#06070a;border:2px solid #00f3ff40;border-radius:4px;height:88px;transition:height .2s;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #000000e6}.timeline-waveform-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-playhead-line{z-index:8;pointer-events:none;background:#ef4444;width:2px;transition:left 50ms linear;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ef4444}.playhead-glow-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:-4px;box-shadow:0 0 10px #ef4444}.timeline-tick-start,.timeline-tick-mid,.timeline-tick-end{color:var(--text-muted);pointer-events:none;z-index:2;font-size:.55rem;position:absolute;bottom:2px}.timeline-tick-start{left:6px}.timeline-tick-mid{left:50%;transform:translate(-50%)}.timeline-tick-end{right:6px}.timeline-cue-pin{background:var(--accent-cyan);cursor:pointer;z-index:5;width:2px;transition:transform .15s;position:absolute;top:0;bottom:0}.timeline-cue-pin.selected{background:var(--accent-amber);z-index:10}.cue-pin-flag{border:1px solid var(--accent-cyan);color:var(--accent-cyan);white-space:nowrap;pointer-events:none;background:#18181b;border-radius:2px;padding:1px 4px;font-size:.55rem;position:absolute;top:2px;left:4px}.timeline-cue-pin.selected .cue-pin-flag{border-color:var(--accent-amber);color:var(--accent-amber);background:#000;font-weight:700}.cue-pin-dot{background:var(--accent-cyan);width:10px;height:10px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;position:absolute;bottom:2px;left:-4px}.timeline-cue-pin.selected .cue-pin-dot{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.daw-automation-lanes-wrapper{background:#06070af2;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;gap:3px;margin-top:4px;padding:4px;display:flex}.daw-lane-row{background:#ffffff05;border-radius:3px;align-items:center;height:24px;display:flex;overflow:hidden}.daw-lane-row.photo-reel-lane{height:38px}.daw-lane-label{width:120px;min-width:120px;color:var(--text-muted);white-space:nowrap;border-right:1px solid #ffffff1a;align-items:center;padding:0 6px;font-size:.55rem;display:flex}.daw-lane-track{flex:1;height:100%;position:relative}.daw-lane-block{cursor:pointer;white-space:nowrap;border:1px solid #ffffff26;border-radius:2px;align-items:center;padding:0 4px;transition:all .15s;display:flex;position:absolute;top:1px;bottom:1px;overflow:hidden}.daw-lane-block:hover{filter:brightness(1.3);z-index:5}.daw-lane-block.selected{z-index:6;outline:2px solid #fff;box-shadow:0 0 8px #ffffff80}.lane-trans{background:linear-gradient(90deg,#ef444459 0%,#f59e0b40 100%);border-color:#ef444480}.lane-motion{background:linear-gradient(90deg,#00f3ff40 0%,#3b82f640 100%);border-color:#00f3ff66}.lane-filter{background:#a855f740;border-color:#a855f780}.filter-badge-warm-analog{background:#f59e0b40;border-color:#f59e0b}.filter-badge-high-bw{background:#fff3;border-color:#fff}.filter-badge-sepia-90s{background:#d9770640;border-color:#d97706}.filter-badge-vhs-blue{background:#0ea5e940;border-color:#0ea5e9}.lane-photo{background:#0009;border-color:#fff3;gap:4px;display:flex}.lane-video{background:linear-gradient(90deg,#10b9814d 0%,#06b6d44d 100%);border-color:#10b98180}.lane-video.selected{z-index:8!important;outline:2px solid #34d399!important;box-shadow:0 0 10px #10b98199!important}.visualizer-longplaying-video-underlay{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.video-vault-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98140;border-color:#34d399!important}.video-vault-card.selected{box-shadow:0 0 14px #10b98173;border-color:#10b981!important}.lane-photo-thumb{object-fit:cover;border:1px solid #ffffff4d;border-radius:2px;width:28px;height:90%}.lane-badge{color:#fff;text-shadow:0 1px 2px #000;font-size:.52rem}.cue-pills-row{gap:6px;margin-bottom:.8rem;padding-bottom:6px;display:flex;overflow-x:auto}.cue-pill-btn{cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:6px;padding:.3rem .6rem;transition:all .15s;display:flex}.cue-pill-btn:hover{background:#ffffff1f}.cue-pill-btn.active{border-color:var(--accent-cyan);background:#00f3ff2e;box-shadow:0 0 8px #00f3ff4d}.pill-num{color:#fff;font-size:.62rem;font-weight:700}.pill-time{color:var(--accent-amber);font-size:.62rem}.pill-trans{color:var(--text-muted);font-size:.58rem}.cue-inspector-card{background:#0d0e14;border:1px solid #ffffff26;border-radius:5px;padding:.8rem 1rem}.cue-preview-strip{background:#0000004d;border:1px dashed #ffffff1a;border-radius:4px;align-items:center;gap:10px;margin-top:.8rem;padding:.5rem;display:flex}.mini-photo-thumb{background:#000;border:1px solid #fff3;border-radius:3px;flex-shrink:0;width:70px;height:50px;position:relative;overflow:hidden}.mini-photo-thumb img{object-fit:cover;width:100%;height:100%}.mini-photo-thumb.artifact-thumb{border-color:var(--accent-amber)}.thumb-tag{color:var(--accent-cyan);text-align:center;font-size:.48rem;font-family:var(--font-mono);background:#000c;position:absolute;bottom:0;left:0;right:0}.mini-quote-preview{color:var(--text-muted);text-overflow:ellipsis;font-size:.72rem;font-style:italic;overflow:hidden}.style-customizer-toggle-btn{font-weight:700;color:#d8b4fe!important;background:#a855f733!important;border-color:#a855f7!important}.style-customizer-toggle-btn.active{box-shadow:0 0 10px #a855f7;color:#000!important;background:#a855f7!important}.style-customizer-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#090a0ff2;border:1.5px solid #a855f7;border-radius:6px;width:540px;max-width:90vw;padding:1rem 1.2rem;position:absolute;top:55px;right:20px;box-shadow:0 20px 45px #000000e6,0 0 20px #a855f740}.drawer-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.5rem;display:flex}.drawer-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:1rem}.drawer-close-btn:hover{color:#fff;background:#ffffff1a}.drawer-grid-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.drawer-control-group{flex-direction:column;gap:4px;display:flex}.color-swatches-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.swatch-btn{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:20px;height:20px;transition:transform .15s,border-color .15s}.swatch-btn:hover{border-color:#fff;transform:scale(1.2)}.swatch-btn.active{border-color:#fff;transform:scale(1.25);box-shadow:0 0 8px #fffc}@keyframes motionZoomIn{0%{transform:scale(1)translate(0)}to{transform:scale(1.15)translate(-1%,-1%)}}@keyframes motionZoomOut{0%{transform:scale(1.15)translate(-1%,-1%)}to{transform:scale(1)translate(0)}}@keyframes motionPanLeft{0%{transform:scale(1.08)translate(3%)}to{transform:scale(1.08)translate(-3%)}}@keyframes motionPanRight{0%{transform:scale(1.08)translate(-3%)}to{transform:scale(1.08)translate(3%)}}@keyframes motionPanUp{0%{transform:scale(1.08)translateY(3%)}to{transform:scale(1.08)translateY(-3%)}}@keyframes motionPulse{0%{transform:scale(1.02)}50%{transform:scale(1.09)}to{transform:scale(1.02)}}.ken-burns-photo.motion-zoom-in{animation:22s ease-in-out infinite alternate motionZoomIn}.ken-burns-photo.motion-zoom-out{animation:22s ease-in-out infinite alternate motionZoomOut}.ken-burns-photo.motion-pan-left{animation:24s ease-in-out infinite alternate motionPanLeft}.ken-burns-photo.motion-pan-right{animation:24s ease-in-out infinite alternate motionPanRight}.ken-burns-photo.motion-pan-up{animation:24s ease-in-out infinite alternate motionPanUp}.ken-burns-photo.motion-static{animation:none!important;transform:scale(1)!important}.ken-burns-photo.motion-pulse{animation:8s ease-in-out infinite alternate motionPulse}.visualizer-canvas.filter-halftone img.ken-burns-photo{filter:contrast(1.4)saturate(1.2)sepia(.15)brightness(.95)}.visualizer-canvas.filter-cyber-cyan img.ken-burns-photo{filter:hue-rotate(170deg)saturate(1.4)contrast(1.25)}.visualizer-canvas.filter-posterize img.ken-burns-photo{filter:contrast(2)saturate(1.6)brightness(1.05)}.visualizer-canvas.filter-inverted img.ken-burns-photo{filter:invert(.9)hue-rotate(180deg)contrast(1.2)}.visualizer-canvas.filter-mono-bw img.ken-burns-photo,.visualizer-canvas.filter-high-bw img.ken-burns-photo{filter:grayscale()contrast(1.45)brightness(.92)}.visualizer-canvas.filter-mono-high-contrast img.ken-burns-photo{filter:grayscale()contrast(2.2)brightness(.88)}.visualizer-canvas.filter-mono-soft-matte img.ken-burns-photo{filter:grayscale()contrast(.92)brightness(1.12)sepia(.1)}.visualizer-canvas.filter-duo-cyan img.ken-burns-photo{filter:grayscale()contrast(1.4)sepia()hue-rotate(145deg)saturate(650%)brightness(.92)}.visualizer-canvas.filter-duo-amber img.ken-burns-photo,.visualizer-canvas.filter-sepia-90s img.ken-burns-photo{filter:grayscale()contrast(1.35)sepia()hue-rotate(5deg)saturate(450%)brightness(.92)}.visualizer-canvas.filter-duo-rose img.ken-burns-photo{filter:grayscale()contrast(1.4)sepia()hue-rotate(295deg)saturate(650%)brightness(.95)}.visualizer-canvas.filter-duo-emerald img.ken-burns-photo{filter:grayscale()contrast(1.4)sepia()hue-rotate(90deg)saturate(550%)brightness(.88)}.visualizer-canvas.filter-duo-purple img.ken-burns-photo{filter:grayscale()contrast(1.45)sepia()hue-rotate(245deg)saturate(600%)brightness(.92)}.visualizer-canvas.filter-duo-red img.ken-burns-photo{filter:grayscale()contrast(1.6)sepia()hue-rotate(330deg)saturate(700%)brightness(.85)}.visualizer-canvas.filter-duo-yellow img.ken-burns-photo{filter:grayscale()contrast(1.5)sepia()hue-rotate(28deg)saturate(600%)brightness(1.05)}.visualizer-canvas.filter-duo-cobalt img.ken-burns-photo{filter:grayscale()contrast(1.4)sepia()hue-rotate(190deg)saturate(650%)brightness(.88)}.timeline-photo-picker-drawer{border:1.5px solid var(--accent-cyan);background:#090a0f;border-radius:6px;margin-top:.8rem;padding:.8rem 1rem;box-shadow:0 10px 30px #000c}.picker-thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:220px;padding:4px;display:grid;overflow-y:auto}.picker-thumb-card{cursor:pointer;background:#000;border:1px solid #fff3;border-radius:4px;height:80px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.picker-thumb-card:hover{border-color:var(--accent-cyan);transform:scale(1.04);box-shadow:0 0 10px #00f3ff66}.picker-thumb-card img{object-fit:cover;width:100%;height:100%}.picker-thumb-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.52rem;font-family:var(--font-mono);background:#000000d9;padding:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.batch-uploader-backdrop{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#000000e0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.batch-uploader-modal{border:2px solid var(--accent-cyan);background:#0d0e15;border-radius:8px;flex-direction:column;width:680px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000f2,0 0 25px #00f3ff40}.batch-uploader-header{background:#090a0f;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.batch-drop-zone{text-align:center;cursor:pointer;background:#00f3ff08;border:2px dashed #00f3ff66;border-radius:6px;margin:1rem 1.2rem .6rem;padding:1.8rem 1rem;transition:all .2s}.batch-drop-zone:hover,.batch-drop-zone.drag-over{border-color:var(--accent-cyan);background:#00f3ff14;box-shadow:0 0 20px #00f3ff33}.drop-zone-icon{margin-bottom:6px;font-size:2rem}.drop-zone-title{color:#fff;margin:0 0 4px;font-size:.85rem}.drop-zone-sub{color:#9ca3af;margin:0;font-size:.65rem}.batch-progress-hud{background:#08090d;border:1px solid #ffffff1f;border-radius:6px;margin:.6rem 1.2rem;padding:.8rem 1rem}.batch-progress-bar-track{background:#18181b;border:1px solid #ffffff1a;border-radius:5px;width:100%;height:10px;overflow:hidden}.batch-progress-bar-fill{background:linear-gradient(90deg, var(--accent-cyan) 0%, #10b981 100%);height:100%;box-shadow:0 0 10px var(--accent-cyan);transition:width .25s ease-out}.batch-files-queue-list{flex-direction:column;gap:4px;max-height:220px;margin:.4rem 1.2rem;padding-right:4px;display:flex;overflow-y:auto}.queue-file-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.72rem;display:flex}.queue-file-item.status-done{background:#10b9810d;border-color:#10b9814d}.queue-file-item.status-uploading{background:#00f3ff0d;border-color:#00f3ff66}.queue-file-item.status-converting{background:#f59e0b0d;border-color:#f59e0b66}.queue-file-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:260px;overflow:hidden}.queue-status-tag{border-radius:3px;padding:2px 6px;font-size:.62rem;font-weight:700}.queue-status-tag.pending{color:#9ca3af;background:#ffffff14}.queue-status-tag.converting{color:var(--accent-amber);border:1px solid var(--accent-amber);background:#f59e0b26}.queue-status-tag.uploading{color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:#00f3ff26}.queue-status-tag.done{color:#10b981;background:#10b98126;border:1px solid #10b981}.queue-status-tag.error{color:#ef4444;background:#ef444426;border:1px solid #ef4444}.queue-remove-btn{color:#71717a;cursor:pointer;background:0 0;border:none;padding:2px 4px}.queue-remove-btn:hover{color:#ef4444}.batch-uploader-footer{background:#090a0f;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex}.drawer-tabs-row{border-bottom:1px solid #ffffff1f;gap:4px;margin-bottom:10px;padding-bottom:6px;display:flex;overflow-x:auto}.drawer-tab-btn{color:#9ca3af;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;padding:4px 8px;font-size:.62rem;transition:all .15s}.drawer-tab-btn:hover{color:#fff;background:#ffffff1a}.drawer-tab-btn.active{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);font-weight:700;box-shadow:0 0 10px #00f3ff66}.drawer-tab-content{min-height:140px}.oscilloscope-canvas-container{pointer-events:none;z-index:15;position:absolute;left:0;right:0}.oscilloscope-canvas-container.pos-bottom{bottom:0}.oscilloscope-canvas-container.pos-mid{bottom:30%}.oscilloscope-canvas-container.pos-top{top:15%}.oscilloscope-canvas{width:100%;height:100%;display:block}.rgb-split-layer{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.rgb-split-layer.rgb-red{filter:drop-shadow(0 0 red)saturate(2)brightness(1.2);opacity:.75}.rgb-split-layer.rgb-cyan{filter:drop-shadow(0 0 #0ff)saturate(2)brightness(1.2);opacity:.75}.prism-ghost-layer{pointer-events:none;mix-blend-mode:screen;filter:blur(1px)contrast(1.1);width:100%;height:100%;position:absolute;inset:0}@keyframes prismDrift{0%{transform:rotate(2deg)scale(1.04)translate(0)}50%{transform:rotate(-3deg)scale(1.08)translate(-10px,5px)}to{transform:rotate(2deg)scale(1.04)translate(0)}}.animate-prism-drift{animation:20s ease-in-out infinite alternate prismDrift}.film-border-frame-overlay{pointer-events:none;z-index:20;box-sizing:border-box;position:absolute;inset:0}.frame-sprocket-35mm{border:36px solid #060608;border-width:36px 12px;box-shadow:inset 0 0 25px #000000f2}.sprocket-track{color:#fbbf24;letter-spacing:3px;opacity:.85;text-shadow:0 0 4px #fbbf2499;justify-content:center;align-items:center;font-size:.55rem;display:flex;position:absolute;left:0;right:0}.sprocket-track.top{top:-30px}.sprocket-track.bottom{bottom:-30px}.frame-medium-120mm{border:24px solid #050507;box-shadow:inset 0 0 40px #000000fa,0 0 10px #000}.frame-slide-mount{border:32px solid #e7e5e4;box-shadow:inset 0 0 15px #0009}.frame-polaroid-classic{border:18px solid #f5f5f4;border-bottom-width:65px;box-shadow:inset 0 0 20px #00000080}.film-grain-dust-overlay{pointer-events:none;z-index:12;background-image:radial-gradient(#ffffff26 1px,#0000 0);background-size:4px 4px;position:absolute;inset:0}@keyframes grainNoise{0%{transform:translate(0)}25%{transform:translate(-2px,3px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-1px,-3px)}to{transform:translate(0)}}.animate-grain{animation:.2s steps(2,end) infinite grainNoise}.halftone-zine-overlay{pointer-events:none;z-index:13;mix-blend-mode:overlay;background-image:radial-gradient(#000 20%,#0000 20%);background-size:6px 6px;position:absolute;inset:0}.light-leaks-overlay{pointer-events:none;z-index:14;mix-blend-mode:screen;background:radial-gradient(circle at 10% 20%,#f59e0b73 0%,#0000 45%),radial-gradient(circle at 90% 80%,#f43f5e59 0%,#0000 40%),radial-gradient(circle,#00f3ff40 0%,#0000 50%);position:absolute;inset:0}@keyframes lightLeaksMotion{0%{opacity:.3;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.15)rotate(8deg)}to{opacity:.3;transform:scale(1)rotate(0)}}.animate-light-leaks{animation:16s ease-in-out infinite alternate lightLeaksMotion}.tilt-shift-blur-layer{pointer-events:none;z-index:10;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 25% 75%,#000 100%);mask-image:linear-gradient(#000 0%,#0000 25% 75%,#000 100%)}.visualizer-canvas.solarize-active img.ken-burns-photo{filter:contrast(1.8)invert(.25)hue-rotate(15deg)brightness(1.1)}.movable-spectrum-container{pointer-events:none;z-index:25;position:absolute;overflow:hidden}.movable-spectrum-container.pos-bottom-flush{bottom:0;left:0;right:0}.movable-spectrum-container.pos-above-controls{bottom:68px;left:0;right:0}.movable-spectrum-container.pos-floating-mid{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffffff14;border-radius:8px;bottom:22%;left:5%;right:5%}.movable-spectrum-container.pos-top-flush{top:55px;left:0;right:0}.movable-spectrum-canvas{width:100%;height:100%;display:block}