:root{--bar:92px}body{padding-bottom:var(--bar)}button{font:inherit}.chapter-toggle{position:fixed;right:14px;top:74px;z-index:30;border:1px solid var(--line);border-radius:999px;background:#11151bee;color:var(--text);padding:10px 14px;display:flex;gap:12px}.chapter-toggle b{color:var(--accent);font-size:.75rem}.chapter-drawer{position:fixed;inset:0 0 0 auto;width:min(88vw,380px);z-index:50;background:#0d1117;padding:30px;border-left:1px solid var(--line);overflow:auto;box-shadow:-20px 0 60px #000b}.drawer-close{float:right;border:0;background:none;color:white;font-size:2rem}.chapter-drawer a{display:block;padding:14px 4px;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}.chapter-drawer a.active{color:var(--accent)}.narration-bar{position:fixed;z-index:40;left:0;right:0;bottom:0;min-height:var(--bar);padding:12px 18px 22px;background:#0b0e12f2;border-top:1px solid var(--line);display:grid;grid-template-columns:48px 1fr auto auto;gap:8px;align-items:center;backdrop-filter:blur(18px)}.audio-main,.audio-next,.auto-scroll{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;min-height:42px;padding:8px 11px}.audio-main{border-radius:50%;width:46px;color:#06100c;background:var(--accent);font-weight:bold}.audio-copy{text-align:left;border:0;background:none;color:var(--text);min-width:0}.audio-copy small,.audio-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-copy small{color:var(--muted);font-size:.68rem}.progress{grid-column:1/5;height:5px;background:var(--line);border-radius:5px;cursor:pointer}.progress i{display:block;width:0;height:100%;background:var(--accent);border-radius:5px}.audio-time{position:absolute;right:18px;bottom:4px;font-size:.65rem;color:var(--muted)}.auto-scroll.active{border-color:var(--accent);color:var(--accent)}.share-section{background:#0d1117}.share-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px}.share-grid a,.share-grid button{min-height:84px;display:grid;place-items:center;text-decoration:none;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);cursor:pointer}.share-grid a:hover,.share-grid button:hover{border-color:var(--accent);transform:translateY(-2px)}.toast{position:fixed;z-index:80;left:50%;bottom:110px;transform:translate(-50%,20px);opacity:0;background:var(--accent);color:#06100c;padding:10px 16px;border-radius:99px;font-weight:800;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}section.current-narration{outline:2px solid #7df7c533;outline-offset:-2px}@media(max-width:700px){:root{--bar:112px}.wrap{padding:0 18px}.hero{padding-top:82px}h1{font-size:clamp(2.7rem,15vw,5rem)}section{padding:54px 0}.share-grid{grid-template-columns:repeat(2,1fr)}.auto-scroll{font-size:0}.auto-scroll:after{content:'↕';font-size:1rem}.narration-bar{grid-template-columns:46px 1fr 42px 48px;padding-inline:10px}.audio-next{font-size:0}.audio-next:after{content:'›';font-size:1.5rem}.quote{padding:20px}.quote p{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Visual journey: surveillance night → evidentiary daylight */
html{background:#02040b;scroll-padding-top:72px}body{position:relative;background:transparent;color:#f5f7fb;overflow-x:hidden}.sky-journey{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--sky-top,#02040b),var(--sky-mid,#08142d) 58%,var(--sky-bottom,#10192c));transition:background .8s ease}.sky-journey:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 8% 14%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 19% 31%,#9ec9ff 0 1px,transparent 1.8px),radial-gradient(circle at 32% 9%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 45% 24%,#7df7c5 0 1px,transparent 2px),radial-gradient(circle at 58% 12%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 69% 34%,#9ec9ff 0 1px,transparent 2px),radial-gradient(circle at 82% 16%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 93% 29%,#7df7c5 0 1px,transparent 2px);background-size:230px 190px,310px 250px,270px 230px,350px 290px,290px 210px,370px 270px,250px 230px,330px 260px;opacity:var(--star-opacity,1);transition:opacity .7s ease;animation:starDrift 35s linear infinite}.sky-journey:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-32vh;height:64vh;border-radius:50%;background:radial-gradient(ellipse at center,#ffe4a4 0,#ff9b62 18%,#4e7fbd88 44%,transparent 70%);opacity:var(--dawn-opacity,0);transform:translateY(var(--sun-y,18%));transition:opacity .7s,transform .8s}.witness-map{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--map-opacity,.7);transition:opacity .7s}.witness-map i{position:absolute;width:7px;height:7px;border:1px solid #7df7c5;border-radius:50%;box-shadow:0 0 14px #7df7c5}.witness-map i:after{content:"";position:absolute;left:6px;top:2px;width:var(--line-length,120px);height:1px;background:linear-gradient(90deg,#7df7c588,transparent);transform:rotate(var(--line-angle,20deg));transform-origin:left}.witness-map i:nth-child(1){left:9%;top:18%;--line-length:180px;--line-angle:22deg}.witness-map i:nth-child(2){left:38%;top:28%;--line-length:240px;--line-angle:-17deg}.witness-map i:nth-child(3){left:72%;top:16%;--line-length:170px;--line-angle:48deg}.witness-map i:nth-child(4){left:84%;top:52%;--line-length:230px;--line-angle:155deg}.witness-map i:nth-child(5){left:22%;top:66%;--line-length:280px;--line-angle:-28deg}.journey-meter{position:fixed;left:0;top:0;width:100%;height:3px;z-index:90;background:#ffffff16}.journey-meter i{display:block;height:100%;width:var(--journey,0%);background:linear-gradient(90deg,#7df7c5,#ffd166,#e8f6ff);box-shadow:0 0 12px currentColor}.hero,body>section{position:relative;z-index:1;background:transparent!important}.hero:after,body>section:not(.share-section):after{content:attr(data-stage);position:absolute;right:18px;top:78px;color:#ffffff4c;font:700 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;text-transform:uppercase}.hero{min-height:100svh;display:grid;align-content:center}.hero .quote,.card,.flowbox,.code,.stepbody,.callout,.principle{background:linear-gradient(145deg,rgba(5,12,25,.84),rgba(14,29,48,.62));border-color:#b7d8ff32;box-shadow:0 18px 55px #0003;backdrop-filter:blur(12px)}.source-img{box-shadow:0 20px 70px #0008}.kicker,.eyebrow{color:#7df7c5}.stage-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff28;background:#07111db8;border-radius:999px;padding:8px 11px;font:700 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:#b9cce0}.stage-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 10px #ff6b6b}.stage-chip.verified:before{background:#7df7c5;box-shadow:0 0 10px #7df7c5}.share-section{color:#06152b;background:linear-gradient(180deg,#95cff0cc,#d7efffcc)!important}.share-section .kicker{color:#07596d}.share-section .intro{color:#284b68}.share-grid a,.share-grid button{background:#eff9ffdb;border-color:#0b3e5b32;color:#08213a;box-shadow:0 14px 35px #174d7520}.share-grid a:hover,.share-grid button:hover{border-color:#08758f}.daylight-ending{color:#06203a;text-shadow:none}.daylight-ending .intro,.daylight-ending p,.daylight-ending li{color:#183c5b}.daylight-ending .card,.daylight-ending .flowbox,.daylight-ending .code,.daylight-ending .stepbody,.daylight-ending .callout,.daylight-ending .principle{background:#f1f9ffcf;border-color:#144d7530;color:#08213a}.daylight-ending .kicker{color:#075c70}@keyframes starDrift{to{transform:translate3d(-40px,28px,0)}}@media(max-width:700px){.hero:after,body>section:not(.share-section):after{top:64px;right:14px}.witness-map i:after{opacity:.5}.sky-journey:after{bottom:-22vh}.stage-chip{margin-bottom:18px}}