:root{color-scheme:light;--paper:#f5f4ef;--surface:#fff;--ink:#202c29;--secondary:#52635c;--rule:#d8dfd9;--accent:#146b52;--negative:#a83931;--pending:#6d633c}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.6}::selection{background:#cce5d9;color:var(--ink)}a{color:var(--accent);text-underline-offset:.2em}button,input,select{font:inherit}button,input,select{border:1px solid var(--rule);border-radius:8px;min-height:44px}button{padding:9px 15px;color:var(--ink);background:var(--surface);cursor:pointer;font-weight:600}button:hover:not(:disabled){border-color:var(--accent);background:#eaf2ed}button:disabled{opacity:.48;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#10543f}button.quiet{background:transparent;border-color:transparent}input,select{max-width:100%;padding:8px 10px;background:var(--surface);color:var(--ink);caret-color:var(--accent)}input::placeholder{color:var(--secondary)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input[type=checkbox]{min-height:20px;width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.25;font-weight:650;letter-spacing:-.02em;text-wrap:balance}h2{font-size:19px;line-height:1.4;font-weight:650}p{max-width:74ch}code,.technical,dd,output{font-variant-numeric:tabular-nums}code{font-family:Consolas,monospace;overflow-wrap:anywhere}
.shell{max-width:1168px;padding:0 24px 28px;margin:auto}.masthead{min-height:76px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--rule)}.brand{text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-.02em}.masthead>span{color:var(--secondary)}.masthead form{margin-left:auto}.intro{padding:32px 0 24px}.intro p{margin-top:10px;color:var(--secondary)}.workbench{display:grid;grid-template-columns:235px minmax(0,1fr);background:var(--surface);border:1px solid var(--rule);border-radius:12px;overflow:hidden}.sample-rail{padding:24px;border-right:1px solid var(--rule)}.sample-rail>p{color:var(--secondary);font-size:13px;margin-top:8px}.samples{display:grid;gap:8px;margin:18px 0}.sample{width:100%;text-align:left;overflow-wrap:anywhere}.sample small{display:block;font-size:12px;font-weight:400;color:var(--secondary)}.sample[aria-pressed=true]{border-color:var(--accent);background:#eaf2ed}.sample-rail>#refresh{width:100%;font-size:13px}.check{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;cursor:pointer}.check input{margin:0}#sourceContent{margin-top:16px;overflow-wrap:anywhere}#cover{max-width:100%;height:auto;display:block;margin-top:12px;border-radius:8px}.workspace{padding:24px;min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.technical{color:var(--secondary);font-size:13px;overflow-wrap:anywhere;margin-top:6px}.status{font-size:13px;color:var(--accent);white-space:nowrap}.facts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:16px;border-top:1px solid var(--rule);padding-top:16px;margin:20px 0}.facts dt,.detail-facts dt{font-size:12px;color:var(--secondary)}dd{margin:3px 0 0;overflow-wrap:anywhere}.player-stage{position:relative;background:#18231f;aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:8px}video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;visibility:hidden}.player-stage.reveal video{visibility:visible}.picture-mask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#e7eee9;text-align:center;gap:10px;pointer-events:none}.picture-mask span{font-size:13px;color:#bfcfc5}.picture-mask output{font-size:14px}.player-stage.reveal .picture-mask{display:none}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.notice{margin-top:14px;color:var(--secondary);overflow-wrap:anywhere}.error{color:var(--negative)}.diagnostics{border-top:1px solid var(--rule);padding-top:16px;margin-top:20px}.diagnostics summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}.diagnostics p{font-size:13px;color:var(--secondary);margin-top:14px}.options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.options label{display:grid;gap:6px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ledger{margin-top:28px;padding:24px;background:var(--surface);border:1px solid var(--rule);border-radius:12px}.ledger-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.table-scroll{overflow-x:auto;scrollbar-color:var(--secondary) var(--paper);scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{font-weight:600;color:var(--secondary);font-size:12px}th,td{padding:12px 10px;border-bottom:1px solid var(--rule);vertical-align:top}th:first-child,td:first-child{padding-left:0;width:120px}th:nth-child(2),td:nth-child(2){width:80px}td:last-child{overflow-wrap:anywhere}.pass{color:var(--accent)}.fail{color:var(--negative)}.pending{color:var(--pending)}.empty{color:var(--secondary);padding:24px 0}.feedback{display:flex;align-items:flex-end;gap:14px;margin-top:20px}.feedback label{display:grid;gap:6px;flex:1}.hint{font-size:13px;color:var(--secondary);margin-top:10px}footer{display:flex;justify-content:space-between;gap:20px;color:var(--secondary);font-size:12px;margin-top:20px;flex-wrap:wrap}.entry{max-width:690px;margin:64px auto;padding-bottom:40px}.entry>p{margin-top:18px;color:var(--secondary)}.login{display:grid;gap:10px;max-width:420px;margin-top:28px}.login>button{margin-top:8px}
@media(max-width:760px){.shell{padding:0 16px 24px}.masthead{gap:12px;min-height:68px}.masthead>span{font-size:13px}.brand{font-size:22px}h1{font-size:26px}.intro{padding:24px 0 20px}.workbench{grid-template-columns:1fr}.sample-rail{border-right:0;border-bottom:1px solid var(--rule);padding:18px}.samples{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.sample{padding:9px;font-size:13px}.sample small{font-size:11px}.sample-rail>#refresh{width:auto}.workspace{padding:18px}.facts{grid-template-columns:1fr 1fr;gap:12px}.facts>div:last-child{grid-column:1/-1}.workspace-heading{flex-wrap:wrap;gap:8px}.player-stage{min-height:180px}.ledger{padding:18px;margin-top:20px}.ledger-heading{align-items:flex-start}.options,.detail-facts{grid-template-columns:1fr}.feedback{align-items:stretch;flex-direction:column}.entry{margin:40px auto}.entry h1{font-size:26px}.controls button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}