:root{color-scheme:dark;--bg:#0e141c;--panel:#141d28;--border:#2a3542;--text:#ecf1f5;--muted:#a2b0bf;--mint:#91dfca;--amber:#f2bb72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button,a,input,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;font-weight:650}.brand .small{display:block;font-size:11px;font-weight:400;letter-spacing:.05em}.mark{display:flex;align-items:center;gap:3px;font:700 22px monospace;color:var(--mint);border:1px solid var(--border);padding:7px}.mark span{font-size:15px}nav{display:flex;gap:28px;font-size:13px;color:var(--muted)}.muted,.caption{color:var(--muted)}.caption{font-size:12px;line-height:1.8}.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:70px;padding:42px 0 36px;align-items:center}.eyebrow{font:600 10px/1.5 monospace;letter-spacing:.16em;color:var(--mint)}h1{font-size:clamp(26px,3vw,38px);line-height:1.35;letter-spacing:-.035em;margin:12px 0 14px;font-weight:650}h2{font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:7px 0 0;font-weight:620}h3{font-size:16px;font-weight:620;margin:0 0 9px}.lead{color:#b7c3cf;font-size:14px;line-height:1.9;margin:0}.hero-links{display:flex;gap:23px;align-items:center;margin-top:22px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;padding:10px 17px;border-radius:5px;font-size:13px;font-weight:650;line-height:1.4}.primary{background:var(--mint);color:#10251f}.primary:hover{background:#b0eddd;color:#10251f}.secondary{background:transparent;border-color:var(--border);color:var(--text)}.text-link{font-size:12px;color:var(--muted)}.thesis{padding-left:29px;border-left:1px solid var(--border)}.thesis>p{font-size:24px;line-height:1.5;margin:11px 0 17px;font-weight:550}.layers{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.layers span,.tags span{font-size:11px;border:1px solid var(--border);padding:4px 9px;border-radius:4px;color:var(--muted)}.layers .problem{color:var(--amber);border-color:#675239}.panel{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:23px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.badge{font-size:11px;color:var(--mint);background:#91dfca0a;border:1px solid #91dfca33;padding:5px 9px;border-radius:20px}.experiment-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.experiment-actions .caption{margin-left:auto}.players{display:grid;grid-template-columns:1fr 1fr;gap:16px}.player-card{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#101720}.card-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:12px}.card-head strong{font:12px monospace;color:var(--muted);margin-left:6px}.card-head a{font-size:11px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.amber{background:var(--amber)}.mint{background:var(--mint)}.video-frame{aspect-ratio:16/9;position:relative;background:#060a0f;overflow:hidden}.video-frame video{width:100%;height:100%;display:block}.video-label{position:absolute;top:10px;left:10px;font-size:10px;padding:3px 7px;color:#b8c5d2;border:1px solid #ffffff24;border-radius:3px;background:#0b111bd9;pointer-events:none}.player-status{padding:10px 12px;font-size:12px;color:var(--muted);min-height:44px}.player-status.error{color:var(--amber)}.player-status.success{color:var(--mint)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.metrics>div{padding:0 16px;border-left:1px solid var(--border)}.metrics>div:first-child{padding-left:0;border:0}.metrics span,.metrics small{display:block;font-size:11px;color:var(--muted)}.metrics strong{display:block;font-size:18px;font-weight:600;margin:5px 0}.metrics small{font-size:10px}.explanation{display:flex;gap:19px;margin-top:16px;font-size:12px;align-items:baseline}.explanation strong{white-space:nowrap;color:var(--mint)}.explanation p{margin:0;color:var(--muted)}.upload{border-top:1px solid var(--border);margin-top:18px;padding-top:14px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--text)}summary span{font-size:10px;color:var(--muted);margin-left:10px}form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}input{max-width:100%;font:inherit}input::file-selector-button{background:#243243;border:1px solid var(--border);border-radius:3px;padding:7px 10px;color:var(--text);margin-right:10px}.implementation{padding:42px 0}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:22px;margin:26px 0}.flow>div{position:relative;padding-left:30px}.flow>div>span{position:absolute;left:0;color:var(--mint);font:11px monospace;top:6px}.flow p{color:var(--muted);font-size:12px;margin:0}.flow b{font-weight:400;color:#587084}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.evidence-grid .caption{margin-top:0}.checks{padding:0;list-style:none;font-size:12px}.checks li{padding:5px 0;color:var(--muted)}.checks li::before{content:'✓';color:var(--mint);margin-right:9px}.source-links{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;margin-top:20px;color:var(--mint)}.table-scroll{overflow:auto;max-height:260px}table{width:100%;border-collapse:collapse;font:11px/1.6 ui-monospace,monospace;text-align:left}th{position:sticky;top:0;background:var(--panel);color:var(--muted);font-weight:400}th,td{padding:5px 7px;border-bottom:1px solid var(--border)}.key{color:var(--mint)}.boundary{display:flex;gap:22px;padding:18px 0;font-size:11px;color:var(--muted)}.boundary strong{white-space:nowrap;color:var(--text)}.boundary p{margin:0}.about{border-top:1px solid var(--border);padding:32px 0;display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.about p{font-size:13px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px}.career{font-size:12px}.career>div{margin-bottom:14px}.career span{font:11px monospace;color:var(--muted);margin-right:20px}.career p{font-size:11px;margin:3px 0}.career>a{color:var(--mint);font-size:12px}footer{padding-top:20px;padding-bottom:25px;border-top:1px solid var(--border);font:10px monospace;color:var(--muted);display:flex;justify-content:space-between}@media(min-width:1600px){.wrap{max-width:1320px}}@media(max-width:850px){.wrap{padding-left:20px;padding-right:20px}.hero{gap:30px}.hero .desktop{display:none}.hero h1{font-size:28px}.thesis{padding-left:20px}.thesis>p{font-size:21px}.metrics strong{font-size:15px}.experiment-actions .caption{width:100%;margin:0}.about{gap:25px}.flow{gap:10px}}@media(max-width:620px){.nav{height:75px}.nav nav{gap:13px;font-size:11px}.nav nav a:last-child{display:none}.brand .small{font-size:9px}.mark{font-size:17px}.hero{grid-template-columns:1fr;padding:28px 0;gap:22px}.thesis{padding-left:17px}.thesis>p{font-size:18px;margin:6px 0}.thesis>p br{display:none}.thesis .caption{font-size:11px}.panel{padding:15px}.section-head{align-items:flex-start;flex-wrap:wrap;gap:10px}h2{font-size:19px}.players,.evidence-grid,.about{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr;row-gap:18px}.metrics>div:nth-child(3){padding-left:0;border:0}.explanation,.boundary{display:block}.explanation p{margin-top:5px}.flow{grid-template-columns:1fr;gap:17px}.flow>b{display:none}.implementation{padding:30px 0}.about{gap:25px}.boundary p{margin-top:7px}.badge{font-size:10px}footer{display:block}footer span{display:block;margin-top:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
