:root{--ink:#0f1c16;--ink-2:#15251d;--ink-3:#213529;--chalk:#f4f1e9;--muted:#f4f1e9a3;--faint:#f4f1e961;--lime:#d4f44c;--bad:#ff8f70;--r:22px;--font:-apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--chalk);font:17px/1.45 var(--font);-webkit-font-smoothing:antialiased;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0}main{gap:14px;max-width:560px;margin:0 auto;display:grid}h1{letter-spacing:-.02em;margin:6px 0 10px;font-size:30px;font-weight:700;line-height:1.12}h2{letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:650}p{color:var(--muted);margin:0 0 12px}p:last-child{margin-bottom:0}b,strong{color:var(--chalk)}[hidden]{display:none!important}.top{justify-content:space-between;align-items:center;padding:6px 2px 4px;display:flex}.top img{width:auto;height:30px;display:block}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin:0;font-size:13px;font-weight:600}.card{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--r);padding:22px}.fine{color:var(--faint);margin-top:12px;font-size:14px}.btn{appearance:none;color:var(--chalk);width:100%;min-height:58px;font:600 17px var(--font);cursor:pointer;background:0 0;border:1.5px solid #f4f1e947;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 18px;transition:transform .12s,opacity .2s;display:flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45}.btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn+.btn{margin-top:10px}.link{appearance:none;color:var(--muted);font:500 15px var(--font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:12px 0 0;text-decoration:underline}.steps{counter-reset:s;gap:12px;margin:6px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;color:var(--chalk);align-items:center;gap:12px;display:flex}.steps li:before{content:counter(s);background:var(--ink-3);border-radius:50%;flex:0 0 30px;place-items:center;height:30px;font-size:15px;font-weight:700;display:grid}.steps svg{vertical-align:-4px}.viewer{aspect-ratio:3/4;border-radius:var(--r);background:#000;position:relative;overflow:hidden}.viewer video,.viewer canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.badge{text-align:center;backdrop-filter:blur(12px);background:#0f1c16c7;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:600;position:absolute;bottom:12px;left:12px;right:12px}.badge.good{background:var(--lime);color:var(--ink)}.loading{color:var(--muted);background:#0f1c16b8;border-radius:99px;padding:6px 12px;font-size:13px;position:absolute;top:12px;left:12px}.chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chip{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:16px;padding:12px 14px}.chip span{color:var(--faint);font-size:13px;display:block}.chip b{font-variant-numeric:tabular-nums;font-size:19px}.meter{background:var(--ink-3);border-radius:99px;height:10px;margin:14px 0;overflow:hidden}.meter i{background:var(--chalk);border-radius:inherit;width:0;height:100%;transition:width 80ms linear;display:block}.meter.hit i{background:var(--lime)}.count{color:var(--muted);align-items:baseline;gap:10px;margin:4px 0 14px;display:flex}.count b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:46px;line-height:1}.seg{background:var(--ink);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg button{appearance:none;color:var(--muted);min-height:44px;font:600 15px var(--font);background:0 0;border:0;border-radius:11px}.seg button[aria-pressed=true]{background:var(--ink-3);color:var(--chalk)}.seg-label{color:var(--faint);margin:14px 0 6px;font-size:13px}.clips{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.clips li{background:#000;border-radius:14px;overflow:hidden}.clips video{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.clips small{color:var(--muted);background:var(--ink-2);padding:8px 10px;font-size:12px;display:block}.stat{color:var(--muted);align-items:baseline;gap:10px;display:flex}.stat b{letter-spacing:-.02em;font-size:34px}label.field{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:6px 0 14px;display:flex}label.field input{border:1.5px solid var(--ink-3);background:var(--ink);width:110px;min-height:52px;color:var(--chalk);font:600 20px var(--font);text-align:center;font-variant-numeric:tabular-nums;border-radius:14px}.verdicts{gap:2px;margin:4px 0 16px;padding:0;list-style:none;display:grid}.verdicts li{border-bottom:1px solid var(--ink-3);grid-template-columns:28px 1fr;align-items:start;gap:10px;padding:10px 0;display:grid}.verdicts li:last-child{border-bottom:0}.verdicts i{border-radius:50%;place-items:center;width:24px;height:24px;margin-top:1px;font-size:14px;font-style:normal;font-weight:800;display:grid}.verdicts .good i{background:var(--lime);color:var(--ink)}.verdicts .bad i{background:var(--bad);color:var(--ink)}.verdicts .todo i{background:var(--ink-3);color:var(--faint)}.verdicts b{display:block}.verdicts span{color:var(--muted);font-size:15px}details summary{color:var(--muted);cursor:pointer;margin-bottom:10px;font-size:15px}pre{white-space:pre-wrap;color:var(--muted);background:var(--ink);border-radius:14px;margin:0 0 14px;padding:14px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.error{border-color:var(--bad)}.error h2{color:var(--bad)}.hour{z-index:10;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.hour .time{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#f4f1e9d1;font-size:76px;font-weight:700;line-height:1}.hour .label{color:var(--faint);font-size:15px}.hour .thumb{aspect-ratio:3/4;opacity:.35;border-radius:12px;width:84px;position:relative;overflow:hidden}.hour .thumb video{object-fit:cover;width:100%;height:100%}.hour .stats{color:var(--faint);font-variant-numeric:tabular-nums;font-size:14px}.hour .btn{max-width:280px;color:var(--faint);border-color:#f4f1e92e}
