:root{color:#fff;background:#07140f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:clip}body{margin:0;min-width:320px;background:#07140f}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.single-view{position:fixed;inset:0;width:100vw;height:100svh;min-height:620px;overflow:clip;isolation:isolate;color:#fffdf5;background:#07140f}.scene-backdrop{position:absolute;inset:-5%;z-index:-5;overflow:hidden}.scene-backdrop-image{position:absolute;inset:-4%;background-position:center;background-size:cover;filter:blur(32px) saturate(1.1) brightness(.54);will-change:opacity,transform}.cinema-canvas,.vignette{position:absolute;inset:0}.cinema-canvas{z-index:-3}.vignette{z-index:-2;pointer-events:none;background:radial-gradient(circle at 64% 48%,rgba(255,255,255,.08),transparent 24%),linear-gradient(90deg,#05100cf2,#05100cc7 24%,#05100c42 50%,#05100c94),linear-gradient(180deg,rgba(3,10,8,.7) 0%,transparent 28%,rgba(3,10,8,.82) 100%)}.topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(18px,4vw,44px)}.identity{display:inline-flex;align-items:center;gap:12px;min-width:0}.identity span{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff7d6;background:#ffffff1f;font-weight:900;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.identity strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button,.source-toggle,.drawer-head button,.deep-button,.detail-close{display:inline-grid;min-width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fffdf5;background:#ffffff1f;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,background .18s ease,opacity .18s ease}.top-actions button:hover,.source-toggle:hover,.drawer-head button:hover{transform:translateY(-1px);background:#ffffff2e}.top-actions button:disabled{cursor:not-allowed;opacity:.36}.viewport-main{position:absolute;inset:86px clamp(18px,4vw,44px) 234px;z-index:2;display:grid;grid-template-columns:minmax(430px,.44fr) 1fr;align-items:center;gap:clamp(20px,4vw,58px);pointer-events:none}.story-panel{width:min(530px,100%);max-height:100%;display:flex;align-items:center;perspective:1200px;pointer-events:auto}.story-panel article{display:grid;width:100%;max-height:100%;overflow:hidden;padding:clamp(18px,2.4vw,28px);border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(135deg,#ffffff24,#ffffff0f),#04120db3;box-shadow:0 34px 90px #00000057;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform-style:preserve-3d}.deep-button{display:inline-flex;width:fit-content;min-width:auto;height:38px;gap:8px;margin-top:14px;padding:0 13px;color:#06150f;background:var(--scene-accent);font-weight:900}.panel-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.scene-count,.chapter-chip{display:inline-flex;min-height:28px;align-items:center;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffffffc7;background:#ffffff14;font-size:.72rem;font-weight:800;text-transform:uppercase}.chapter-icon{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:8px;color:#06150f;background:var(--scene-accent);box-shadow:0 18px 50px color-mix(in srgb,var(--scene-accent),transparent 60%)}.range{margin:14px 0 8px;color:var(--scene-accent);font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,p{margin-top:0}.story-panel h1{display:-webkit-box;overflow:hidden;margin-bottom:14px;color:#fffdf5;font-size:clamp(1.55rem,2.7vw,3.35rem);line-height:1;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:4}.summary{display:-webkit-box;overflow:hidden;margin-bottom:16px;color:#ffffffd1;font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.story-panel ul{display:grid;gap:8px;max-height:4.7em;overflow:hidden;margin:0;padding:0;list-style:none}.story-panel li{position:relative;padding-left:22px;color:#ffffffbd;line-height:1.36}.story-panel li:before{position:absolute;top:.58em;left:0;width:8px;height:8px;border-radius:50%;background:var(--scene-accent);content:"";box-shadow:0 0 18px var(--scene-accent)}.scene-title{align-self:end;justify-self:end;width:min(360px,100%);margin-bottom:14px;text-align:right;pointer-events:none}.scene-title p{margin-bottom:6px;color:#ffffff94;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.scene-title strong{color:var(--scene-accent);font-size:clamp(2.4rem,8vw,7rem);font-weight:950;line-height:.86;text-shadow:0 22px 70px rgba(0,0,0,.5)}.timeline-nav{position:absolute;left:clamp(18px,4vw,44px);right:clamp(18px,4vw,44px);bottom:18px;z-index:8;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#04120da3;box-shadow:0 28px 80px #00000052;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.year-readout{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:9px}.year-readout span{color:var(--scene-accent);font-size:clamp(1.1rem,3vw,2rem);font-weight:950}.year-readout strong{color:#ffffffa6;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.scrub-track{position:relative;height:30px;margin:0 12px 8px;cursor:grab;touch-action:none}.scrub-track:active{cursor:grabbing}.scrub-track:before{position:absolute;top:50%;right:0;left:0;height:4px;transform:translateY(-50%);border-radius:999px;background:#ffffff29;content:""}.scrub-fill{position:absolute;top:50%;left:0;height:4px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#f3d47a,var(--scene-accent));box-shadow:0 0 26px var(--scene-accent);transition:width .52s cubic-bezier(.22,1,.36,1)}.scrub-knob{position:absolute;top:50%;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;transform:translate(-50%,-50%);background:#ffffff24;box-shadow:0 0 34px color-mix(in srgb,var(--scene-accent),transparent 35%);pointer-events:none}.scrub-year{position:absolute;top:-8px;display:inline-grid;min-width:46px;height:22px;place-items:center;border:1px solid color-mix(in srgb,var(--scene-accent),white 28%);border-radius:999px;color:#07140f;transform:translate(-50%);background:var(--scene-accent);box-shadow:0 10px 30px color-mix(in srgb,var(--scene-accent),transparent 45%);font-size:.68rem;font-weight:950;pointer-events:none}.scrub-knob span{width:13px;height:13px;border-radius:50%;background:var(--scene-accent)}.scrub-marker{position:absolute;top:50%;width:11px;height:11px;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:translate(-50%,-50%);background:#ffffff7a;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.scrub-marker:hover,.scrub-marker.active{transform:translate(-50%,-50%) scale(1.45);background:var(--scene-accent);box-shadow:0 0 24px var(--scene-accent)}.timeline-items{display:grid;grid-template-columns:repeat(var(--timeline-group-count),minmax(0,1fr));gap:5px;overflow-x:auto;padding:2px 0 4px;scrollbar-color:var(--scene-accent) transparent}.timeline-item{display:grid;min-width:0;min-height:58px;grid-template-rows:20px auto auto;justify-items:center;gap:2px;padding:6px 4px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb8;background:#ffffff0e;cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.timeline-item:hover,.timeline-item.active{transform:translateY(-4px);color:#fffdf5;border-color:color-mix(in srgb,var(--scene-accent),white 22%);background:color-mix(in srgb,var(--scene-accent),transparent 82%)}.timeline-item:focus-visible,.top-actions button:focus-visible,.source-toggle:focus-visible,.drawer-head button:focus-visible{outline:2px solid rgba(255,255,255,.82);outline-offset:2px}.tick{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#ffffff1f}.timeline-item.active .tick{color:#05130e;background:var(--scene-accent);box-shadow:0 0 30px var(--scene-accent)}.timeline-year,.timeline-label{max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.timeline-year{font-size:.66rem;font-weight:950}.timeline-label{color:#ffffff8f;font-size:.56rem;font-weight:800;text-transform:uppercase}.hotspot-layer{position:absolute;inset:86px 0 170px;z-index:4;pointer-events:none}.hotspot{position:absolute;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px 0 0;border-radius:999px;color:#fffdf5;background:#04120d94;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hotspot-dot{position:relative;display:block;width:16px;height:16px;margin-left:9px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 24px var(--scene-accent)}.hotspot-pulse{position:absolute;left:9px;width:16px;height:16px;border:1px solid var(--scene-accent);border-radius:50%;animation:hotspot-pulse 1.8s ease-out infinite}.hotspot-label{font-size:.72rem;font-weight:850;white-space:nowrap}@keyframes hotspot-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.detail-backdrop{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#02080673;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-card{position:relative;width:min(620px,100%);max-height:min(78svh,720px);overflow:auto;padding:clamp(22px,4vw,38px);border:1px solid color-mix(in srgb,var(--scene-accent),white 20%);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--scene-accent),transparent 88%),#ffffff12),#04120de6;box-shadow:0 34px 90px #00000075}.detail-card p{margin-bottom:8px;color:var(--scene-accent);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.detail-card h2{margin:0 0 10px;font-size:clamp(1.8rem,5vw,3.8rem);line-height:1}.detail-card>span{display:block;margin-bottom:20px;color:#fff9;font-weight:850}.detail-card strong,.detail-card em{display:block;color:#ffffffd6;font-style:normal;line-height:1.6}.detail-card em{margin-top:14px;color:#ffffffad}.detail-close{position:absolute;top:14px;right:14px;min-width:36px;height:36px}.timeline-item.active .timeline-label{color:#ffffffd1}.source-toggle{position:absolute;top:78px;right:clamp(18px,4vw,44px);bottom:auto;z-index:9;min-width:auto;padding:0 14px;color:#fffdf5;font-size:.82rem;font-weight:850}.source-drawer{position:absolute;top:126px;right:clamp(18px,4vw,44px);bottom:auto;z-index:12;width:min(520px,calc(100vw - 36px));max-height:calc(100svh - 150px);overflow:auto;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#05120de0;box-shadow:0 28px 80px #00000061;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.drawer-head button{min-width:auto;height:34px;padding:0 10px;font-size:.78rem}.source-drawer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.source-drawer a,.source-drawer li>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffbd;font-size:.86rem}@media(max-width:1180px){.single-view{min-height:650px}.viewport-main{inset:76px 18px 224px;grid-template-columns:minmax(300px,.46fr) 1fr}.story-panel h1{font-size:clamp(1.8rem,4vw,3.2rem)}}@media(max-width:760px){.single-view{min-height:100svh}.topbar{padding:12px 14px}.identity span{width:36px;height:36px;font-size:.82rem}.identity strong{max-width:150px;font-size:.92rem}.top-actions{gap:6px}.top-actions button{min-width:36px;height:36px}.viewport-main{inset:58px 10px 164px;display:flex;align-items:flex-end}.story-panel{width:100%}.story-panel article{padding:12px;background:#04120db3}.panel-meta{display:none}.chapter-chip{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-icon{width:34px;height:34px}.range{margin:8px 0 5px;font-size:.7rem}.story-panel h1{margin-bottom:8px;font-size:clamp(1.3rem,6.4vw,1.85rem);line-height:1}.summary{margin-bottom:0;display:-webkit-box;overflow:hidden;font-size:.82rem;line-height:1.34;-webkit-box-orient:vertical;-webkit-line-clamp:3}.deep-button{height:34px;margin-top:10px;padding:0 10px;font-size:.8rem}.story-panel ul,.scene-title{display:none}.timeline-nav{left:10px;right:10px;bottom:8px;padding:8px 10px 7px}.year-readout{margin-bottom:4px}.year-readout span{font-size:1rem}.year-readout strong{font-size:.62rem}.scrub-track{height:28px;margin:0 12px 5px}.timeline-items{display:flex;gap:7px;padding-right:22px;scroll-padding-inline:10px 22px}.timeline-item{flex:0 0 70px;min-height:58px;grid-template-rows:24px auto auto;padding:7px 5px}.tick{width:24px;height:24px}.timeline-year{font-size:.72rem}.timeline-label{font-size:.58rem}.source-toggle{top:58px;right:12px;bottom:auto;height:34px;padding:0 10px}.source-drawer{top:98px;right:10px;bottom:auto;max-height:calc(100svh - 112px)}.hotspot-layer{inset:70px 0 390px}.hotspot{min-height:28px;padding-right:8px}.hotspot-label{display:none}.hotspot-dot,.hotspot-pulse{width:14px;height:14px}.vignette{background:linear-gradient(180deg,#030a08b8,#030a081f 30%,#030a08c2 74%,#030a08f2),linear-gradient(90deg,#030a08ad,#030a0814,#030a0866)}}@media(max-height:720px)and (min-width:761px){.viewport-main{top:70px}.story-panel article{padding:20px}.story-panel h1{font-size:clamp(1.6rem,3.6vw,3rem)}.summary{font-size:.9rem}.story-panel ul{gap:6px}.timeline-item{min-height:66px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}