@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);size-adjust:107.4%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}:root{--bg:#07080a;--panel:#0f1012;--panel-2:#151617;--line:#242728;--line-strong:#ffffff29;--text:#f4f4f6;--body:#cdcdcd;--muted:#9c9c9d;--accent:#ff4655;--accent-2:#57c1ff;--good:#59d499;--warn:#ffc533;--bad:#ff6161;--radius:10px;--font:"Inter", "Inter Fallback", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--mc:var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::selection{background:color-mix(in srgb, var(--accent-2) 35%, transparent)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}a{color:inherit;text-decoration:none}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:15px/1.55 var(--font);font-feature-settings:"calt", "kern", "liga", "ss03";-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}h1,h2{text-wrap:balance}.icon{vertical-align:-.2em;flex:none}[hidden]{display:none!important}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}h1,h2,h3{margin:0 0 6px;line-height:1.2}h1{letter-spacing:-.02em;font-size:28px}h3,.card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:14px;font-size:15px}p{margin:0 0 10px}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.muted{color:var(--muted)}.small{font-size:13px}.screen{background:var(--bg);position:fixed;inset:0;overflow-y:auto}.page{min-height:100%}.topbar{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:12px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:.18em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{border:3px solid var(--accent);width:20px;height:20px;box-shadow:inset 0 0 0 4px var(--bg), inset 0 0 0 7px var(--accent);border-radius:50%}.tabs{flex:1;gap:4px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.tab:hover{color:var(--text);background:var(--panel)}.tab.active{color:var(--text);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.profile-chip{font:inherit;color:var(--muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px}.profile-chip:hover{color:var(--text);border-color:var(--line-strong)}.content{flex-direction:column;gap:20px;max-width:1120px;margin:0 auto;padding:28px;display:flex}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:20px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions{justify-content:flex-end}.btn{min-height:40px;font:inherit;letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-weight:600;transition:transform 80ms,background-color .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{color:#000;background:#fff}.btn.primary:hover:not(:disabled){background:#e8e8e8}.btn.ghost{background:var(--panel-2);color:var(--text);border-color:var(--line)}.btn.ghost:hover{border-color:var(--line-strong)}.btn.danger{color:var(--bad);background:0 0;border-color:#ff5c6c66}.btn.preset[aria-pressed=true]{color:var(--text);border-color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 14%, var(--panel-2))}.btn.small{padding:5px 10px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;display:flex}.field>span{color:var(--muted)}.field output{color:var(--text);font-weight:600}.field.toggle{cursor:pointer;flex-direction:row;align-items:center}.field.color{flex-direction:row;justify-content:space-between;align-items:center}input[type=number],select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:0;padding:9px 12px}input[type=number]:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:44px;height:30px;padding:2px}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.mode-card{text-align:left;font:inherit;color:inherit;background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--mc) 22%, transparent), transparent 55%), linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid color-mix(in srgb, var(--mc) 25%, var(--line));border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:6px;padding:18px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";background:var(--mc);height:3px;position:absolute;inset:0 0 auto}.mode-card:hover{border-color:var(--mc);box-shadow:0 10px 30px -12px color-mix(in srgb, var(--mc) 60%, transparent);transform:translateY(-3px)}.mode-card .mode-skill{color:var(--mc)}.mode-card h3{text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:19px}.mode-card p{color:var(--muted);flex:1;font-size:13px}.mode-icon{width:44px;height:44px;color:var(--mc);background:color-mix(in srgb, var(--mc) 16%, transparent);border-radius:12px;place-items:center;margin-bottom:4px;font-size:22px;line-height:1;display:grid}.mode-skill{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);font-size:11px;font-weight:700}.mode-meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.tips{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.stat{--tone:var(--mc);background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 10%, var(--panel-2)), var(--panel-2) 70%);border:1px solid color-mix(in srgb, var(--tone) 22%, var(--line));border-radius:10px;padding:12px 14px 12px 16px;animation:.4s both rise;position:relative;overflow:hidden}.stat:before{content:"";background:var(--tone);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.stat .meter{--m:var(--tone);margin-top:8px}.stat.good{--tone:var(--good)}.stat.warn{--tone:var(--warn)}.stat.bad{--tone:var(--bad)}.stat-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stat-label{color:var(--muted);font-size:12px}.stat.good .stat-value{color:var(--good)}.stat.warn .stat-value{color:var(--warn)}.stat.bad .stat-value{color:var(--bad)}.badge{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.good{color:#072;background:var(--good);border-color:var(--good)}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.insights{flex-direction:column;gap:6px;margin:14px 0 0;padding-left:20px;display:flex}.advice{border-left:4px solid var(--warn);background:#f5b94214;border-radius:10px;padding:12px 14px;font-size:16px;font-weight:600}.advice.good{border-color:var(--good);background:#22e58414}.big-score{align-items:baseline;gap:8px;display:flex}.big-score strong{font-variant-numeric:tabular-nums;font-size:56px;font-weight:900;line-height:1}.big-score.small strong{font-size:32px}.big-score span{color:var(--muted)}.chart{width:100%;height:auto;display:block}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .axis,.chart text{fill:var(--muted);font-size:11px;font-family:var(--font)}.chart .accent{fill:var(--accent-2);font-weight:700}.chart .final{stroke:var(--accent-2);stroke-width:2px;stroke-dasharray:5 4}.chart .cand{fill:var(--accent)}.chart.spread{max-width:280px;margin:0 auto 10px}.spread .ring{fill:none;stroke:var(--line);stroke-dasharray:3 3}.spread .target{fill:#ff46551f;stroke:var(--accent);stroke-width:1.5px}.spread .dot-in{fill:var(--good);opacity:.8}.spread .dot-out{fill:var(--bad);opacity:.7}.spread .mean line{stroke:#fff;stroke-width:2px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;color:var(--muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.progress-body{flex-direction:column;gap:20px;display:flex}.progress-body>.stats{margin-bottom:0}.progress-body>.grid-2{align-items:stretch}.chart-empty{text-align:center;color:var(--muted);margin:0;padding:28px 0}.chip-count{font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:999px;margin-left:8px;padding:0 7px;font-size:12px}.chip.active .chip-count{background:#0003}.table .badge{padding:1px 8px;font-size:11px}.chip.active{color:#fff;background:var(--accent);border-color:var(--accent)}.progress-dots{align-items:center;gap:6px;display:flex}.progress-dots span{background:var(--line);border-radius:3px;width:26px;height:6px}.progress-dots .done{background:linear-gradient(90deg, var(--accent-2), #a78bfa)}.progress-dots .current{background:var(--warn);animation:1.4s ease-in-out infinite pulse}.versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.vs{letter-spacing:.05em;background:var(--panel-2);border:1px solid var(--line);width:52px;height:52px;color:var(--muted);border-radius:50%;place-items:center;font-weight:900;display:grid}.cand-card{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--mc) 22%, transparent), transparent 60%), var(--panel);border:1px solid color-mix(in srgb, var(--mc) 30%, var(--line));border-radius:var(--radius);padding:22px;animation:.45s both rise;position:relative;overflow:hidden}.cand-card.recommended{border-color:var(--mc);box-shadow:0 0 0 1px var(--mc) inset, 0 16px 32px -20px #000000e6}.ribbon{text-transform:uppercase;letter-spacing:.08em;color:#0b0e13;background:var(--mc);padding:4px 52px;font-size:11px;font-weight:800;position:absolute;top:22px;right:-48px;transform:rotate(35deg)}.cand-letter{color:#0b0e13;background:var(--mc);border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid}.cand-cm{font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:40px;font-weight:900;line-height:1.1}.cand-cm small{color:var(--muted);font-size:15px;font-weight:600}.cand-score{align-items:baseline;gap:8px;margin:16px 0 8px;display:flex}.cand-score strong{color:var(--mc);font-size:28px}.cand-score span{color:var(--muted);font-size:13px}.cmp-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 190px 1fr;align-items:center;gap:12px;padding:10px 0;display:grid}.cmp-row:last-child{border-bottom:0}.cmp-label{text-align:center;color:var(--muted);font-size:13px}.cmp-side{align-items:center;gap:10px;display:flex}.cmp-side.a{flex-direction:row-reverse}.cmp-bar{background:var(--bg);border-radius:5px;flex:1;height:10px;display:flex;overflow:hidden}.cmp-side.a .cmp-bar{justify-content:flex-end}.cmp-bar span{background:color-mix(in srgb, var(--mc) 45%, transparent);border-radius:5px;animation:.7s ease-out both grow}.cmp-side.win .cmp-bar span{background:var(--mc)}.cmp-val{font-variant-numeric:tabular-nums;min-width:56px;color:var(--muted);font-weight:800}.cmp-side.a .cmp-val{text-align:right}.cmp-side.win .cmp-val{color:var(--mc)}.btn.pick.primary{background:var(--mc);color:#0b0e13}.btn.pick.ghost{border-color:color-mix(in srgb, var(--mc) 50%, var(--line))}.final-hero{text-align:center;background:radial-gradient(ellipse at 20% 0%, #18e5c433, transparent 55%), radial-gradient(ellipse at 80% 0%, #a78bfa38, transparent 55%), radial-gradient(ellipse at 50% 120%, #ff465529, transparent 60%), var(--panel);flex-direction:column;align-items:center;gap:6px;padding:36px 20px 28px;display:flex;position:relative;overflow:hidden}.final-hero .row{justify-content:center}.final-hero .progress-dots{margin-bottom:10px}.final-game{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:15px;font-weight:700}.final-sens{letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(64px,12vw,104px);font-weight:900;line-height:1;animation:.6s cubic-bezier(.2,1.4,.4,1) both pop}.final-shift{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:6px 0 10px;display:flex}.final-shift strong{color:var(--text)}.final-shift .arrow{color:var(--accent-2);font-weight:900}.final-tiles{grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;width:min(640px,100%);margin:8px 0 12px;display:grid}.final-tile{background:color-mix(in srgb, var(--mc) 12%, var(--panel-2));border:1px solid color-mix(in srgb, var(--mc) 35%, var(--line));border-radius:10px;padding:12px;animation:.5s both rise}.final-tile:nth-child(2){animation-delay:80ms}.final-tile:nth-child(3){animation-delay:.16s}.final-tile:nth-child(4){animation-delay:.24s}.final-tile strong{color:var(--mc);font-variant-numeric:tabular-nums;font-size:22px;display:block}.final-tile span{color:var(--muted);font-size:12px}.timeline{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.timeline li{align-items:center;gap:8px;display:flex}.tl-round{width:34px;color:var(--muted);font-weight:800}.tl-chip{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);border:1px dashed var(--line);border-radius:8px;flex:1;padding:6px 8px;font-size:13px;font-weight:700}.tl-chip.chosen{color:#0b0e13;background:var(--mc);border:1px solid var(--mc)}.tl-agree{text-align:center;width:24px;color:var(--warn)}.tl-agree.good{color:var(--good)}.readout{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.readout div{background:var(--panel-2);text-align:center;border-radius:8px;padding:10px}.readout strong{font-size:20px;display:block}.readout span{color:var(--muted);font-size:12px}.crosshair-editor{grid-template-columns:220px 1fr;gap:24px;display:grid}.ch-preview{background:repeating-linear-gradient(45deg,#2a303a 0 12px,#252b34 12px 24px);border-radius:10px;height:220px;position:relative}.ch-preview .crosshair{position:absolute}.modal{z-index:20;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal-card{width:min(520px,92vw)}.calib-live{text-align:center;font-variant-numeric:tabular-nums;margin:14px 0;font-size:34px;font-weight:900}.calib-result{flex-direction:column;margin-right:auto;display:flex}.calib-result strong{font-size:22px}.crosshair{pointer-events:none;width:0;height:0;position:fixed;top:50%;left:50%}.crosshair i{background:var(--c);position:absolute}.crosshair.outline i{box-shadow:0 0 0 1px #000000d9}.crosshair .l,.crosshair .r{width:var(--len);height:var(--th);top:calc(var(--th) / -2)}.crosshair .l{right:var(--gap)}.crosshair .r{left:var(--gap)}.crosshair .t,.crosshair .b{width:var(--th);height:var(--len);left:calc(var(--th) / -2)}.crosshair .t{bottom:var(--gap)}.crosshair .b{top:var(--gap)}.crosshair .d{width:var(--th);height:var(--th);left:calc(var(--th) / -2);top:calc(var(--th) / -2);display:none}.crosshair.dot .d{display:block}.crosshair.no-lines .l,.crosshair.no-lines .r,.crosshair.no-lines .t,.crosshair.no-lines .b{display:none}.ch-preview .crosshair{top:50%;left:50%}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud-top{gap:10px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-box{text-align:center;font-variant-numeric:tabular-nums;background:#0b0e13b8;border:1px solid #ffffff14;border-radius:10px;min-width:96px;padding:6px 14px;font-size:20px;font-weight:800}.hud-box.main{min-width:150px;font-size:26px}.hud-box small,.hud-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;display:block}.hud-fps{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;position:absolute;top:12px;right:16px}.hud-center{text-align:center;text-shadow:0 4px 24px #0009;width:100%;font-size:72px;font-weight:900;position:absolute;top:38%}.hud-banner{text-align:center;text-shadow:0 2px 12px #000c;flex-direction:column;gap:4px;width:100%;display:flex;position:absolute;top:24%}.hud-banner strong{font-size:28px}.hud-banner span{color:var(--warn);font-weight:700}.hud-offscreen{width:44px;height:44px;color:var(--warn);border:2px solid var(--warn);background:#07080ab3;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute;top:50%;left:50%}.hud-toast{text-align:center;opacity:0;width:100%;font-size:18px;font-weight:800;transition:opacity .25s;position:absolute;top:calc(50% + 28px)}.hud-toast.show{opacity:1;transition:none}.hud-toast.good{color:var(--good)}.hud-toast.bad{color:var(--bad)}.hud-toast.info{color:var(--warn)}.hud-panel{pointer-events:auto;background:#05070a8c;place-items:center;display:grid;position:absolute;inset:0}.panel-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(440px,90vw);padding:28px}.panel-card .row{justify-content:center;margin-top:8px}.panel-hint{color:var(--warn);min-height:1em;font-size:13px}.card-title{align-items:center;gap:8px;display:flex}.card-title:before{content:"";background:var(--mc);border-radius:2px;width:4px;height:14px}.result-hero{border-color:color-mix(in srgb, var(--mc) 35%, var(--line));background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--mc) 28%, transparent), transparent 60%), radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--mc) 14%, transparent), transparent 55%), var(--panel);grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px;padding:26px 28px;animation:.4s both rise;display:grid;position:relative;overflow:hidden}.result-hero h1{font-size:32px}.result-hero .mode-skill{color:var(--mc)}.result-hero .badge{margin-left:0}.hero-icon{width:68px;height:68px;color:var(--mc);background:color-mix(in srgb, var(--mc) 16%, transparent);border:1px solid color-mix(in srgb, var(--mc) 40%, transparent);border-radius:18px;place-items:center;font-size:32px;display:grid}.result-hero .big-score strong{color:var(--text)}.grade{flex-direction:column;align-items:center;gap:4px;display:flex}.grade strong{color:var(--g);background:color-mix(in srgb, var(--g) 12%, var(--panel));border:3px solid var(--g);border-radius:50%;place-items:center;font-weight:900;display:grid}.grade-lg strong{width:84px;height:84px;font-size:44px;animation:.6s cubic-bezier(.2,1.4,.4,1) .25s both pop}.grade-lg span{color:var(--g);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.grade-sm strong{border-width:2px;width:38px;height:38px;font-size:19px}.badge.accent{color:var(--mc);border-color:color-mix(in srgb, var(--mc) 50%, transparent);background:color-mix(in srgb, var(--mc) 12%, transparent)}.pill{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.pill.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent);background:color-mix(in srgb, var(--good) 12%, transparent)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:color-mix(in srgb, var(--warn) 12%, transparent)}.meter{--m:var(--mc);background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.meter span{background:linear-gradient(90deg, color-mix(in srgb, var(--m) 60%, transparent), var(--m));transform-origin:0;border-radius:3px;height:100%;animation:.8s ease-out both grow;display:block}.gauge{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;margin:4px 0 18px;padding:16px}.gauge-head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.gauge-val{font-size:16px}.gauge-val.ideal{color:var(--good)}.gauge-val.overshoot,.gauge-val.undershoot{color:var(--warn)}.gauge-track{background:linear-gradient(90deg,#f5b94259,#22e58440 40% 60%,#ff5c6c59);border-radius:6px;height:12px;position:relative}.gauge-zone{border:2px solid var(--good);background:#22e5842e;border-radius:4px;position:absolute;top:-3px;bottom:-3px}.gauge-center{background:#ffffff80;width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:-6px}.gauge-marker{border:4px solid var(--mc);background:#fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.9s cubic-bezier(.2,1.2,.4,1) both slide-in;position:absolute;top:50%;box-shadow:0 2px 6px #0009}.gauge-scale{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.summary-card{text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--mc) 30%, var(--line));background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--mc) 26%, transparent), transparent 60%), linear-gradient(160deg, var(--panel-2), var(--panel));flex-direction:column;gap:8px;padding:20px;transition:transform .15s,box-shadow .15s,border-color .15s;animation:.45s both rise;display:flex;position:relative;overflow:hidden}.summary-card:before{content:"";background:var(--mc);height:3px;position:absolute;inset:0 0 auto}.summary-card:hover{border-color:var(--mc);box-shadow:0 12px 32px -14px var(--mc);transform:translateY(-3px)}.summary-card h3{text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:19px}.summary-card .mode-skill{color:var(--mc)}.summary-card .muted{margin:0}.summary-top{justify-content:space-between;align-items:center;display:flex}.summary-icon{width:40px;height:40px;color:var(--mc);background:color-mix(in srgb, var(--mc) 16%, transparent);border-radius:12px;place-items:center;font-size:20px;display:grid}.summary-acc{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.summary-acc span:last-child{color:var(--text);font-weight:700}.summary-link{color:var(--mc);margin-top:auto;font-size:13px;font-weight:700}.result-hero.summary .row{margin-top:8px}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;padding:40px 0 24px;display:grid}.lh-kicker{border:1px solid var(--line);background:var(--panel);color:var(--body);border-radius:999px;margin-bottom:18px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.landing-hero h1{letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(36px,4.6vw,60px);font-weight:600;line-height:1.08}.landing-hero h1 .lh-dim{color:var(--muted)}.nowrap{white-space:nowrap}.lh-lead{color:var(--body);max-width:52ch;margin-bottom:24px;font-size:17px;line-height:1.6}.lh-facts{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.lh-facts li{align-items:center;gap:6px;display:inline-flex}.lh-facts .icon{color:var(--good)}.lh-media{margin:0}.lh-window{border:1px solid var(--line);background:var(--panel);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000e6}.lh-window-bar{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.lh-window-bar i{background:#2b2d2f;border-radius:50%;width:10px;height:10px}.lh-window-bar span{color:var(--muted);margin-left:10px;font-size:12px}.lh-video{aspect-ratio:16/9;background:var(--bg);width:100%;height:auto;display:block}.lh-toggle{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--text);cursor:pointer;background:#07080abf;border-radius:8px;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.lh-toggle:hover{background:#151617f2}.how{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 12px;padding:0;list-style:none;display:grid}.how-step{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);flex-direction:column;gap:8px;padding:18px;display:flex}.how-step p{margin:0;font-size:14px}.how-head{align-items:center;gap:10px;display:flex}.how-head h3{text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:17px}.how-num{color:#000;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.how-demo{margin-top:auto;padding-top:8px}.how-demo .gauge{background:var(--panel);margin:0}.how-modes{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.how-modes li{border:1px solid color-mix(in srgb, var(--mc) 35%, var(--line));background:color-mix(in srgb, var(--mc) 10%, var(--panel));border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.how-modes .icon{color:var(--mc)}.how-ab{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.how-ab .tl-chip{flex:none}.how-arrow{color:var(--muted)}.faq{flex-direction:column;display:flex}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 4px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);flex:none;font-size:20px}.faq details[open] summary:after{content:"−"}.faq summary h3{text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:16px;font-weight:600}.faq p{color:var(--body);max-width:75ch;margin:0 4px 16px}.landing-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.landing-cta h2{font-size:20px;font-weight:600}.landing-cta p{margin:0}.lh-req{align-items:center;gap:8px;margin:0;display:flex}.notice{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--warn) 40%, var(--line));background:color-mix(in srgb, var(--warn) 8%, var(--panel));color:var(--body);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.notice .icon{color:var(--warn);margin-top:2px}.notice p{margin:0}.tips.cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 32px;display:grid}.no-anim,.no-anim *{animation:none!important}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes grow{0%{width:0}}@keyframes slide-in{0%{opacity:0;left:50%}}@keyframes pulse{50%{opacity:.4}}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;gap:28px;padding-top:16px}.how{grid-template-columns:1fr}.result-hero{grid-template-columns:auto 1fr auto;gap:16px 20px}.result-hero .grade{order:2}.result-hero .big-score{order:3;grid-column:1/-1}.final-tiles{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 16px}.tabs{scrollbar-width:none;flex:1 0 100%;order:3;overflow-x:auto}.content{padding:16px}.crosshair-editor,.versus{grid-template-columns:1fr}.vs{margin:0 auto}.cmp-row{grid-template-columns:1fr 1fr}.cmp-label{grid-area:1/1/auto/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}