:root{--bg:#0a0a0a;--panel:#171717;--soft:#202020;--line:#303030;--ink:#f5f5f2;--muted:#989898;--orange:#ff9800;--green:#45ed86}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.wrap{width:min(1360px,calc(100% - 48px));margin:auto}header{height:74px;border-bottom:1px solid #252525;background:#0a0a0af2;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}nav{height:100%;display:flex;align-items:center;gap:34px}.brand{text-decoration:none;font-size:26px;font-weight:950;letter-spacing:-1.6px}.brand span{background:var(--orange);color:#111;padding:4px 7px;border-radius:5px;margin-left:3px}.links{display:flex;align-items:center;gap:24px}.links a{text-decoration:none;color:#999;font-size:13px;font-weight:800;letter-spacing:.07em}.links a:hover,.links a.active{color:white}.live{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:850;letter-spacing:.08em}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.pagehead{padding:48px 0 27px;display:flex;align-items:end;justify-content:space-between}.kicker{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--orange);margin-bottom:8px}.pagehead h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.055em;line-height:1;margin:0}.pagehead p{max-width:460px;color:#9c9c9c;line-height:1.6;margin:0;font-size:15px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid #353535;background:#171717;color:#aaa;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:750;cursor:pointer}.filter:hover,.filter.active{background:var(--orange);border-color:var(--orange);color:#111}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 15px}.tile{text-decoration:none;display:block;min-width:0}.thumb{aspect-ratio:16/9;border-radius:9px;background:#dedcd5;position:relative;overflow:hidden;border:1px solid #292929}.thumb:before{content:"";position:absolute;width:var(--size,16px);height:var(--size,16px);border-radius:50%;background:#111;left:var(--x,35%);top:var(--y,45%);box-shadow:var(--shadow,none)}.thumb:after{content:"";position:absolute;inset:0;background:var(--trail,linear-gradient(25deg,transparent 49%,#1112 50%,transparent 51%));opacity:.8}.tile:hover .thumb{outline:2px solid var(--orange);outline-offset:2px}.duration,.match{position:absolute;z-index:2;background:#111;color:white;border-radius:3px;padding:4px 6px;font-size:11px;font-weight:800}.duration{right:8px;bottom:8px}.match{left:8px;top:8px;color:var(--orange)}.tile h3{font-size:15px;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:12px;color:#858585}.meta b{color:var(--green)}.section-title{font-size:22px;margin:42px 0 17px}.footer{border-top:1px solid #282828;margin-top:60px;padding:28px 0 42px;display:flex;justify-content:space-between;color:#727272;font-size:12px}.paper{display:grid;grid-template-columns:250px minmax(0,760px);gap:64px;padding:50px 0 80px}.toc{position:sticky;top:110px;height:max-content}.toc strong{font-size:12px;letter-spacing:.15em}.toc a{display:block;text-decoration:none;color:#888;padding:7px 0;font-size:14px}.toc a:hover{color:var(--orange)}.article h1{font-size:55px;line-height:1;letter-spacing:-.05em;margin:0 0 20px}.article .lead{font-size:21px;color:#bcbcbc;line-height:1.55}.article h2{font-size:30px;letter-spacing:-.03em;margin:55px 0 15px}.article p,.article li{color:#aaa;line-height:1.75;font-size:16px}.callout{background:#171717;border:1px solid #313131;border-left:4px solid var(--orange);padding:20px 22px;border-radius:8px;margin:28px 0}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.step{background:#171717;border:1px solid #303030;border-radius:8px;padding:14px;font-size:13px;text-align:center}.step b{display:block;color:var(--orange);font-size:11px;margin-bottom:5px}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:38px 0}.screen{aspect-ratio:16/9;background:#e6e4dd;position:relative;overflow:hidden;border-radius:10px}.flydot{position:absolute;width:20px;height:20px;border-radius:50%;background:#111;left:20%;top:52%;animation:fly 7s ease-in-out infinite}.screen:after{content:"LIVE STIMULUS";position:absolute;left:18px;top:16px;color:#111;font:900 12px ui-monospace}.controls{background:#171717;padding:14px 17px;border-radius:0 0 10px 10px;display:flex;align-items:center;gap:12px}.play{border:0;background:var(--orange);border-radius:50%;width:34px;height:34px;font-weight:900}.progress{height:4px;background:#3b3b3b;flex:1}.progress i{display:block;width:43%;height:100%;background:var(--orange)}.video-title{font-size:27px;margin:20px 0 6px}.stats{color:#858585;font-size:13px}.panel{background:#171717;border:1px solid #303030;border-radius:10px;padding:20px;height:max-content}.panel h3{font-size:12px;letter-spacing:.14em;margin:0 0 22px}.bigscore{text-align:center;font:850 64px ui-monospace;margin:8px}.bigscore small{display:block;font:900 11px system-ui;color:var(--green);letter-spacing:.12em}.measure{display:grid;grid-template-columns:100px 1fr 34px;gap:8px;margin:15px 0;align-items:center;color:#aaa;font-size:12px}.meter{height:5px;background:#303030;border-radius:6px}.meter i{display:block;height:100%;background:var(--green)}.science-note{background:#131313;border:1px solid #2a2a2a;border-radius:10px;padding:20px;margin-top:18px;color:#aaa;line-height:1.6;font-size:14px}@keyframes fly{0%{left:16%;top:55%}25%{left:68%;top:27%}50%{left:82%;top:62%}75%{left:38%;top:35%}100%{left:16%;top:55%}}@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}.video-layout{grid-template-columns:1fr}.paper{grid-template-columns:1fr}.toc{position:static}.pagehead{display:block}.pagehead p{margin-top:18px}.links{gap:14px}.links a:nth-child(3),.links a:nth-child(4){display:none}}@media(max-width:680px){.wrap{width:calc(100% - 24px)}header{height:64px}.links a{font-size:11px}.live span{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:18px 10px}.pagehead{padding-top:34px}.pagehead h1,.article h1{font-size:40px}.pagehead p{font-size:14px}.flow{grid-template-columns:1fr}.paper{padding-top:35px}.article .lead{font-size:18px}.footer{display:block}.footer div{margin-top:14px}}
