:root{color-scheme:dark;--bg:#101316;--panel:#181e22;--line:#30393e;--muted:#9aa8af;--white:#edf2f3;--green:#b8e3a4;--amber:#e6b76f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:var(--green);text-underline-offset:4px}button,input,select{font:inherit}button,select,input{background:#1c242a;color:var(--white);border:1px solid var(--line);border-radius:6px;padding:9px 12px}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button:hover,button.active{border-color:var(--green);color:var(--green)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4vw;border-bottom:1px solid var(--line);background:#101316f5;backdrop-filter:blur(12px)}.brand{font-size:20px;font-weight:900;color:var(--white);letter-spacing:-1px;text-decoration:none}.brand span{color:var(--green)}nav{display:flex;gap:22px}nav a{color:var(--muted);font-size:13px;text-decoration:none}header small{font:10px monospace;color:var(--muted);letter-spacing:1px}main{max-width:1440px;margin:auto;padding:0 4vw}h1{font-size:clamp(38px,5.2vw,74px);font-weight:500;line-height:1.05;letter-spacing:-2.5px;margin:20px 0 24px}h1 em{font-style:normal;color:var(--green)}h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1px;margin:10px 0 24px}h3{font-size:21px;line-height:1.35;margin:10px 0}h4{font-size:14px;margin:16px 0 6px}.intro{padding:65px 0 40px}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.2px;color:var(--green);text-transform:uppercase}.lead{max-width:860px;color:var(--muted);font-size:17px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px}.metric{padding:20px 8px}.metric b{font-size:30px;display:block;font-weight:500}.metric span{font-size:11px;color:var(--muted)}section{padding:42px 0 60px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.pill{display:inline-block;padding:10px 15px;border:1px solid var(--line);border-radius:24px;font-size:12px;text-decoration:none}.viewer{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:36px;align-items:start}.player-column{position:sticky;top:88px}.player-column video{display:block;width:100%;max-height:64vh;aspect-ratio:9/16;object-fit:contain;background:#050606;border-radius:8px}.transport{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.transport button{font-size:12px}.transport output{font:14px monospace}.hint{color:var(--muted);font-size:12px}.filters{display:flex;gap:10px}.filters input{flex:1;min-width:80px}.filters select{max-width:46%}.shot-strip{display:flex;gap:6px;overflow:auto;padding:14px 0;margin:5px 0 12px;max-height:92px;flex-wrap:wrap}.shot-strip button{font:11px monospace;padding:6px}.shot-title{display:flex;align-items:start;gap:16px}.shot-title .number{font:36px monospace;color:var(--green)}.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.triptych img{width:100%;display:block;border-radius:5px;max-height:260px;object-fit:contain;background:black}.triptych a{font-size:11px;color:var(--muted);text-decoration:none}.packet-links{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;margin:15px 0}.state-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:10px}.state-row p{font-size:13px;margin:5px 0 15px;color:#c7d1d6}.event{display:grid;grid-template-columns:88px minmax(0,1fr);gap:13px;padding:17px 0;border-top:1px solid var(--line)}.event button{align-self:start;color:var(--green);font:12px monospace;padding:8px 5px}.event p{margin:0 0 8px;font-size:14px}.event small{color:var(--muted);font-size:11px}.timeline{display:flex;min-height:44px;overflow:hidden;border-radius:5px}.timeline button{min-width:2px;padding:0;border-radius:0;border:0;border-right:1px solid #101316;background:#60795e}.timeline button:nth-child(even){background:#95ab8d}.timeline button:hover{background:var(--amber)}.chart-block{background:var(--panel);padding:22px;border-radius:8px;margin:24px 0}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.scene-card{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:22px}.scene-card .time{font:12px monospace;color:var(--green)}.scene-card p{font-size:14px}.scene-card .label{font:10px monospace;letter-spacing:1px;color:var(--muted);margin:16px 0 4px}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.character{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.character-body{padding:18px}.character-images{display:flex;height:190px;background:#080a0b;overflow:auto}.character-images img{height:100%;width:auto}.character p{font-size:13px;color:#c3cdd2}.stem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stem{padding:16px;background:var(--panel);border-radius:6px}.stem audio{width:100%}.note{border-left:3px solid var(--amber);padding:20px 24px;background:#25231e;font-size:14px;margin:25px 0}.note strong{display:block;margin-bottom:8px}.green{color:var(--green)}.amber{color:var(--amber)}details{margin:16px 0;border:1px solid var(--line);border-radius:6px;padding:16px 20px}summary{font-size:14px;font-weight:bold;color:#d6e1e5}details[open]>summary{margin-bottom:18px}.key-value{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.key-value strong{color:var(--muted);overflow-wrap:anywhere}.key-value div{overflow-wrap:anywhere}.plain-list{padding-left:20px}.plain-list li{margin-bottom:10px}.downloads{display:flex;flex-wrap:wrap;gap:20px;margin:28px 0;font-size:13px}svg{display:block;width:100%;height:auto;cursor:crosshair}.word{display:inline-block;padding:3px 6px;margin:2px;font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:14px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}td:first-child{color:var(--green);width:24%}footer{padding:28px 0 50px;color:var(--muted);font-size:12px}footer a{float:right}.error{color:var(--amber)}.empty{color:var(--muted);padding:20px}#selected-shot{min-height:650px}#source-text{max-height:700px;overflow:auto}@media(max-width:900px){header small{display:none}.viewer{grid-template-columns:250px minmax(0,1fr);gap:22px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(3,1fr)}.key-value{grid-template-columns:130px 1fr}}@media(max-width:650px){header{padding:13px 5vw;gap:12px}nav{gap:12px;overflow:auto}nav a{font-size:11px}main{padding:0 5vw}.intro{padding-top:35px}h1{letter-spacing:-1.2px}.viewer{display:block}.player-column{position:relative;top:auto;max-width:330px;margin:auto auto 30px}.player-column video{max-height:62vh}.section-head{display:block}.section-head .pill{margin-bottom:22px}.scene-grid,.character-grid,.stem-grid{grid-template-columns:1fr}.state-row{grid-template-columns:1fr;gap:0}.key-value{grid-template-columns:1fr;gap:4px}.event{grid-template-columns:74px minmax(0,1fr);gap:10px}.event p{font-size:13px}.chart-block{padding:15px}.filters select{max-width:43%}.filters{font-size:12px}.triptych img{max-height:210px}.character-images{height:220px}th,td{padding:10px 5px;font-size:12px}.metric b{font-size:25px}.metric{padding:14px 5px}footer a{display:block;float:none;margin-top:8px}details{padding:13px}.note{padding:16px}}