:root{--screen: #f6f7f8;--card: #ffffff;--line: #e2e6ea;--ink: #18232e;--ink2: #64707c;--ink3: #93a0ac;--left: #3555d1;--right: #e07a2f;--night: #000000;--ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--display: "Bricolage Grotesque", var(--ui);--r-panel: 16px;--r-card: 14px;--r-control: 10px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--screen);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--left);outline-offset:2px;border-radius:6px}input{font:inherit}.shell{max-width:520px;margin:0 auto;padding:0 16px;min-height:100%;display:flex;flex-direction:column}.wordmark{font-size:13px;font-weight:700;letter-spacing:.3em;color:var(--left)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:12px}.primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--left);color:#fff;font-weight:600;font-size:16px;padding:13px 16px;border-radius:13px}.ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r-control);background:var(--card);border:1px solid var(--line);color:var(--ink2);font-size:13px;font-weight:600}.icon-btn{width:42px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--card);border:1px solid var(--line);color:var(--ink2)}.muted{color:var(--ink3)}.small{font-size:12px}.progress{display:grid;gap:6px;width:240px}.progress .track{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.progress .fill{height:100%;background:var(--left);transition:width .2s linear}.progress .row{display:flex;justify-content:space-between;font-size:12px;color:var(--ink2)}.center{flex:1;display:grid;place-items:center;padding:40px 0}.onb{position:fixed;inset:0;background:var(--night);color:#fff;overflow:hidden}.onb canvas.stage{position:absolute;inset:0;width:100%;height:100%}.onb .steps{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;gap:6px}.onb .steps i{flex:1;height:2px;background:#ffffff2e;border-radius:1px;overflow:hidden}.onb .steps i b{display:block;height:100%;width:0;background:#fff;transition:width .6s cubic-bezier(.2,.7,.2,1)}.onb .steps i.on b{width:100%}.onb .copy{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 28px max(32px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto;text-align:center}.onb .copy p{margin-left:auto;margin-right:auto}.onb .height-dial{justify-content:center}.onb .actions{display:flex;justify-content:center;align-items:center}.onb h1{font-family:var(--display);font-weight:600;font-optical-sizing:auto;font-size:clamp(40px,9vw,76px);line-height:.98;letter-spacing:-.035em;margin:0 0 16px;text-wrap:balance}.onb p{margin:0 0 28px;color:#ffffff9e;font-size:16px;line-height:1.5;max-width:30em;text-wrap:pretty}.onb .go{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:26px;background:#fff;color:#000;font-weight:600;font-size:16px}.onb .later{margin-left:18px;height:52px;color:#ffffff8c;font-size:14px}.onb .scene{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.onb .scene.leaving{animation:sink .35s ease-in both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes sink{to{opacity:0;transform:translateY(-10px)}}.height-dial{display:flex;align-items:baseline;gap:10px;margin:4px 0 18px}.height-dial output{font-family:var(--display);font-size:clamp(72px,18vw,128px);font-weight:500;letter-spacing:-.05em;line-height:1}.height-dial span{color:#ffffff80;font-size:18px}.ruler{position:relative;height:56px;margin:0 0 28px;touch-action:none;cursor:ew-resize;user-select:none}.ruler canvas{width:100%;height:100%;display:block}.topbar{display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 4px 8px}.day{font-size:12px;font-weight:600;color:var(--ink3);margin:22px 4px 4px}.clip{display:flex;align-items:center;gap:14px;padding:10px 4px;border-bottom:1px solid var(--line);cursor:pointer}.clip:hover .name{color:var(--left)}.thumb{width:58px;height:77px;border-radius:9px;overflow:hidden;background:#000;border:1px solid var(--line);flex:none}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.clip .body{flex:1;min-width:0}.clip .name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip .meta{font-size:12px;color:var(--ink3)}.clip .acts{display:flex;gap:2px;opacity:0;transition:opacity .15s}.clip:hover .acts,.clip:focus-within .acts{opacity:1}@media(hover:none){.clip .acts{opacity:1}}.clip .acts button{width:30px;height:30px;border-radius:8px;color:var(--ink3);display:grid;place-items:center}.clip .acts button:hover{background:var(--card);color:var(--ink)}.trace{width:54px;height:26px;flex:none}.empty{flex:1;display:grid;place-content:center;text-align:center;gap:8px;color:var(--ink3);font-size:14px}.fab-wrap{position:sticky;bottom:0;display:flex;justify-content:center;padding:16px 0 max(18px,env(safe-area-inset-bottom));pointer-events:none}.fab{pointer-events:auto;width:56px;height:56px;border-radius:28px;background:var(--left);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px #3555d147}.trim{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:max(16px,env(safe-area-inset-top)) 0 max(16px,env(safe-area-inset-bottom))}.trim video{width:100%;max-height:56vh;background:#000;border-radius:var(--r-card);border:1px solid var(--line);display:block;object-fit:contain}.timeline{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:0 14px;min-width:0}.strip{position:relative;height:52px;display:flex;min-width:0;overflow:visible;border-radius:8px;background:#d9dde2;touch-action:none;user-select:none;cursor:pointer}.strip img{flex:1 1 0;width:0;min-width:0;height:100%;object-fit:cover;display:block;pointer-events:none}.strip img:first-child{border-radius:8px 0 0 8px}.strip img:last-child{border-radius:0 8px 8px 0}.strip .shade{position:absolute;top:0;bottom:0;background:#f6f7f8b8;pointer-events:none}.strip .window{position:absolute;top:-2px;bottom:-2px;border:2px solid var(--left);border-left:0;border-right:0;pointer-events:none}.strip .playhead{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px;pointer-events:none}.strip .handle{position:absolute;top:-2px;bottom:-2px;width:14px;background:var(--left);cursor:ew-resize;touch-action:none;display:grid;place-items:center}.strip .handle.start{margin-left:-14px;border-radius:7px 0 0 7px}.strip .handle.end{border-radius:0 7px 7px 0}.strip .handle i{width:2px;height:16px;border-radius:1px;background:#ffffffe6}.strip .handle:before{content:"";position:absolute;inset:-10px -12px}.span-row{display:flex;justify-content:space-between;font-size:11px;color:var(--ink3)}.edges{display:flex;gap:10px}.edges .ghost{flex:1}input[type=range].scrub{width:100%;accent-color:var(--left)}.analysis{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:max(14px,env(safe-area-inset-top)) 0 90px}.toolbar{display:flex;gap:10px;align-items:center}.panel-top{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;gap:6px;align-items:center;padding:10px 10px 24px;background:linear-gradient(rgba(0,0,0,.38),transparent);transition:opacity .2s}.panel-top.hidden{opacity:0;pointer-events:none}.panel-top .grow{flex:1}.glass-seg{display:inline-flex;padding:3px;border-radius:99px;background:#14181e6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-seg button{height:26px;padding:0 12px;border-radius:99px;font-size:12px;font-weight:600;color:#fff}.glass-seg button.on{background:#fff;color:var(--ink)}.glass-seg button:disabled{opacity:.4}.glass-btn{height:32px;min-width:32px;padding:0 10px;display:inline-flex;gap:5px;align-items:center;justify-content:center;border-radius:99px;font-size:12px;font-weight:600;color:#fff;background:#14181e6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-btn:disabled{opacity:.4}.glass-btn svg{width:15px;height:15px}.panel.paper .panel-top{background:linear-gradient(#f1efe9f2,#f1efe900)}.panel.paper .glass-seg,.panel.paper .glass-btn{background:#2a2a301a;color:#2a2a30}.panel.paper .glass-seg button{color:#2a2a30}.panel.paper .glass-seg button.on{background:#2a2a30;color:#fff}.seg{flex:1;display:grid;grid-template-columns:1fr 1fr;background:#eceef1;border-radius:9px;padding:2px}.seg button{height:28px;border-radius:7px;font-size:13px;font-weight:500;color:var(--ink2)}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #18232e1f}.panel{position:relative;aspect-ratio:1;border-radius:var(--r-panel);overflow:hidden;background:#000;border:1px solid var(--line);cursor:pointer}.panel canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.transport{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:26px 10px 8px;background:linear-gradient(transparent,#0000008c);color:#fff;transition:opacity .2s}.transport.hidden{opacity:0;pointer-events:none}.panel.paper{background:#f1efe9}.panel.paper .transport{background:linear-gradient(to top,#f1efe9f2,#f1efe900);color:#2a2a30}.panel.paper .transport .play{background:#2a2a301a;color:#2a2a30}.panel.paper .transport input{accent-color:#2A2A30}.transport .play{width:28px;height:28px;border-radius:14px;background:#00000059;display:grid;place-items:center;flex:none}.transport input{flex:1;accent-color:#fff}.transport time{font-size:10px;min-width:44px;text-align:right}.readouts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.card-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}.chips{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{flex:none;font-size:11px;font-weight:600;padding:5px 10px;border-radius:99px;border:1px solid var(--line);color:var(--ink2);white-space:nowrap}.chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}.gauges{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 8px;margin-top:8px}.gauge{text-align:center}.gauge svg{width:100%;display:block;overflow:visible}.gauge .v{font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.gauge .v small{font-size:11px;font-weight:600;color:var(--ink3);margin-left:2px}.gauge .k{font-size:11px;font-weight:700;margin-top:3px;text-transform:uppercase;letter-spacing:.06em}.gauge .peak{font-size:10px;color:var(--ink3);font-variant-numeric:tabular-nums}.rings{padding:10px 12px}.ring-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;text-align:center}.ring svg{width:100%;max-width:54px;margin:0 auto;display:block;font-variant-numeric:tabular-nums}.ring span{font-size:10px;font-weight:600;color:var(--ink3)}.graph-now{display:flex;gap:12px;justify-content:flex-end;font-size:15px;font-variant-numeric:tabular-nums;margin-top:8px}.graph-plot{cursor:pointer;margin-top:4px}.graph-plot .spark{width:100%;height:110px;display:block}.readings{padding:12px 12px 4px}.readings table{width:100%;border-collapse:collapse}.readings th{font-size:10px;font-weight:600;color:var(--ink3);text-align:right;padding:0 0 6px;width:62px}.readings th.l{text-align:left;width:auto}.readings .sec td{padding:12px 0 2px;font-size:10px;font-weight:600;color:var(--ink3)}.readings .sec .u{text-align:right;font-weight:400}.readings td{font-size:12px;padding:5px 0;border-bottom:1px solid var(--line);text-align:right}.readings td.j{text-align:left;color:var(--ink2)}.readings td.now{font-weight:600;font-size:13px}.readings td button{color:var(--ink3);font-size:12px;padding:2px 0 2px 8px}.readings td button:hover{color:var(--left)}.readings tr:last-child td{border-bottom:0}.bottombar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:36px;padding:10px 0 max(10px,env(safe-area-inset-bottom));background:#f6f7f8d1;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid rgba(226,230,234,.8);color:var(--ink2)}.bottombar button{width:44px;height:32px;display:grid;place-items:center}@media(min-width:960px){.shell.wide{max-width:1040px}.analysis.wide{grid-template-columns:minmax(0,520px) minmax(0,1fr);column-gap:24px;align-items:start}.analysis.wide .panel{grid-column:1}.analysis.wide .readouts{grid-column:2;grid-row:1 / span 3}}.scrim{position:fixed;inset:0;background:#18232e47;display:flex;align-items:flex-end;justify-content:center;z-index:10;animation:fade .2s ease both}.sheet{width:100%;max-width:520px;max-height:88vh;overflow:auto;background:var(--screen);border-radius:18px 18px 0 0;padding:10px 16px max(20px,env(safe-area-inset-bottom));animation:up .28s cubic-bezier(.2,.8,.2,1) both}@media(min-width:640px){.scrim{align-items:center}.sheet{border-radius:18px}}.sheet .grab{width:36px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 10px}.sheet .head{display:flex;justify-content:flex-end;margin-bottom:8px}.sheet .stack{display:grid;gap:14px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(40px);opacity:0}}.row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .label{flex:1;font-size:14px}.row .ico{width:20px;color:var(--ink3);display:grid;place-items:center}.pill{font-size:11px;font-weight:600;padding:4px 8px;border-radius:7px;border:1px solid var(--line);color:var(--ink3);background:var(--screen)}.pill.on{background:var(--left);color:#fff;border-color:var(--left)}.switch{position:relative;width:51px;height:31px;border-radius:16px;background:#e3e6ea;transition:background .2s;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:14px;background:#fff;box-shadow:0 2px 4px #0000002e;transition:transform .2s}.switch.on{background:var(--left)}.switch.on:after{transform:translate(20px)}.body-diagram{width:100%;height:300px;display:block}.diagram-foot{display:flex;gap:14px;font-size:13px;font-weight:600;color:var(--left);align-items:center}.diagram-foot span{margin-left:auto;color:var(--ink3);font-weight:400}.preview video{width:100%;border-radius:12px;border:1px solid var(--line);background:#000;display:block}.error{color:var(--ink2);font-size:13px;text-align:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.onb.welcome{overflow-y:auto;display:flex}.welcome-inner{margin:auto;width:100%;max-width:1180px;padding:max(48px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center;animation:rise .8s cubic-bezier(.2,.7,.2,1) both}.welcome-inner.leaving{animation:sink .35s ease-in both}.welcome h1{margin-bottom:14px}.welcome p{margin:0 auto 36px;max-width:34em}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;width:100%;max-width:560px;margin-bottom:36px}@media(min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;gap:16px}}.tile{margin:0;text-align:left}.tile .frame{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#0d0d0d}.tile canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.panel-video{position:absolute;left:0;top:0;display:block;max-width:none;pointer-events:none}.tile-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.tile figcaption{margin-top:9px;display:grid;gap:3px;color:#fff}.tile .head{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#ffffffd9}.tile .head .peak{color:#ffffff73;white-space:nowrap}.tile .num{display:flex;align-items:baseline;gap:3px;margin-top:2px;font-family:var(--display);font-weight:500;font-size:clamp(26px,7vw,36px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.tile .num small{font-family:var(--ui);font-size:11px;font-weight:500;letter-spacing:0;color:#ffffffb3}.tile .num .lab{font-family:var(--ui);font-size:11px;font-weight:400;letter-spacing:0;color:#fff9;margin-left:auto}.tile .sub{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;border-top:1px solid rgba(255,255,255,.1);padding-top:3px}.tile .sub .k{color:#ffffff8c}.welcome .credit{display:block;margin-top:28px;max-width:40em;font-size:11px;line-height:1.5;color:#ffffff59}.compare-shell{max-width:760px}.compare{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:max(14px,env(safe-area-inset-top)) 0 32px}.compare .toolbar .title{flex:1;text-align:center;font-weight:600;font-size:15px}.icon-btn.on{background:var(--left);border-color:var(--left);color:#fff}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cpanel{margin:0}.cpanel canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.cpanel figcaption{margin-top:5px;text-align:center;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cscrub{display:grid;gap:2px}.cscrub input{width:100%}.match{padding:14px 14px 6px}.match .score{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.match .big{font-family:var(--display);font-size:44px;font-weight:500;letter-spacing:-.03em;line-height:1}.match .grow{flex:1;text-align:right}.match table{width:100%;border-collapse:collapse}.match th{font-size:10px;font-weight:600;color:var(--ink3);text-align:right;padding-bottom:6px;width:60px}.match th.l{text-align:left;width:auto}.match td{font-size:13px;text-align:right;padding:6px 0;border-bottom:1px solid var(--line)}.match td.j{text-align:left;color:var(--ink2);font-size:12px}.match td.gap{font-weight:600}.match tr:last-child td{border-bottom:0}.sheet-title{margin:0;font-size:17px;font-weight:600}.picks{padding:4px 12px}.picks-head{font-size:12px;font-weight:600;color:var(--ink3);padding:8px 0 4px}.pick{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.pick:last-child{border-bottom:0}.pick .grow{flex:1}.thumb.sm{width:36px;height:48px;border-radius:7px}.thumb.sm video,.thumb.sm img{width:100%;height:100%;object-fit:cover;display:block}.tests-strip{margin-bottom:6px}.test-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.test-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px 11px 10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);min-height:132px}.test-card:hover{border-color:var(--left)}.test-card .name{font-weight:600;font-size:15px}.test-card .std{font-size:11.5px;line-height:1.35;color:var(--ink2);flex:1}.test-card .foot{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px;white-space:nowrap}.test-card .foot b{font-weight:600}.spark{width:40px;height:14px;flex:none}.test-screen{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:max(14px,env(safe-area-inset-top)) 0 40px}.test-screen .toolbar .title{flex:1;text-align:center;font-weight:600;font-size:15px}.test-standard{font-family:var(--display);font-weight:600;font-size:clamp(26px,7vw,34px);line-height:1.05;letter-spacing:-.03em;margin:6px 0 2px;text-wrap:balance}.rules{margin:0 0 10px;padding-left:18px;display:grid;gap:4px;font-size:14px}.filming{margin:0 0 4px;font-size:14px;color:var(--ink2)}.history .picks-head{display:flex;justify-content:space-between}.history .pick b{font-weight:600;min-width:64px;text-align:right}.history-chart{width:100%;height:90px;display:block;margin:4px 0 6px}.result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.result-head .big{font-family:var(--display);font-size:64px;font-weight:500;line-height:.9;letter-spacing:-.04em}.result-head .big small{font-family:var(--ui);font-size:15px;font-weight:500;letter-spacing:0;margin-left:6px;color:var(--ink2)}.result-head .meta{display:grid;justify-items:end;gap:2px;font-size:13px;color:var(--ink2)}.result-head .up{color:var(--left);font-weight:600}.result-head .down{color:var(--right);font-weight:600}.badge-wrap{position:absolute;left:10px;top:10px;pointer-events:none}.rep-badge{display:grid;gap:1px;padding:6px 9px;border-radius:9px;background:#0000008c;color:#fff;font-size:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.rep-badge b{font-size:14px}.rep-badge.ok{box-shadow:inset 3px 0 0 var(--left)}.rep-badge.no{box-shadow:inset 3px 0 0 var(--right)}.chart{padding:8px 12px 6px}.rep-chart{width:100%;height:auto;display:block}.rep-chart .axis{font-size:9px;fill:var(--ink3);font-family:var(--ui)}.rep-chart .axis.on{fill:var(--ink);font-weight:600}.stats{padding:4px 12px}.stat-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.stat-row:last-child{border-bottom:0}.rep-dot{width:8px;height:8px;border-radius:4px;flex:none;background:var(--left)}.rep-dot.no{background:var(--right)}.credit-line{margin:-6px 0 0;text-align:center;font-size:11px}.rep-chart .val{font-size:9px;font-weight:600;fill:var(--ink2);font-family:var(--ui);font-variant-numeric:tabular-nums}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two .ghost{height:42px}.test-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px}.test-pills .go{height:48px;padding:0 22px}.onb .actions .later{margin:0 10px}.analyzing{align-content:center;gap:18px}.analyzing .live{width:min(320px,80vw);aspect-ratio:4 / 3;object-fit:contain;border-radius:14px;background:#000;display:block;margin:0 auto}.analyzing .progress{width:min(320px,80vw)}.abilities-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 14px 10px 6px;margin-top:4px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}.abilities-card:hover{border-color:var(--left)}.abilities-card .radar{width:104px;height:104px;flex:none}.abilities-card .body{display:grid;gap:4px;font-size:13px}.abilities-card .title{font-weight:600;font-size:16px}.radar{width:100%;height:auto;display:block}.radar-label{font-size:11px;fill:var(--ink2);font-family:var(--ui);font-weight:500}.radar-score{font-size:13px;fill:var(--ink);font-family:var(--display);font-weight:600}.radar-card{display:grid;justify-items:center;gap:6px;padding:8px 12px 14px}.radar-card .radar{max-width:320px}.radar-summary{text-align:center;display:grid;gap:2px;font-size:14px}.radar-summary .big{font-family:var(--display);font-size:40px;font-weight:500;letter-spacing:-.03em}.profile{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.small-seg{flex:0 0 auto;width:170px}.age{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink2)}.age input{width:64px;height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font-size:15px;text-align:center;background:var(--screen)}.ability-row .grow{display:grid;gap:1px}.ability-row .ab{font-weight:600}.pts{min-width:26px;text-align:right;font-family:var(--display);font-size:18px}.pts-big{font-family:var(--display);font-size:26px;color:var(--left);font-weight:600}.pts-big small{font-family:var(--ui);font-size:12px;color:var(--ink2);font-weight:400}.manual{display:grid;gap:8px}.entry{display:flex;align-items:center;gap:8px}.entry input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:17px;background:var(--screen);font-variant-numeric:tabular-nums}.icon-mini{width:28px;height:28px;display:grid;place-items:center;color:var(--ink3);border-radius:7px}.icon-mini:hover{color:var(--ink);background:var(--screen)}.radar-score.none{fill:var(--ink3);font-weight:400}.grow-in{animation:grow .9s cubic-bezier(.2,.8,.2,1) both}@keyframes grow{0%{transform:scale(.05);opacity:0}to{transform:none;opacity:1}}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px;color:var(--ink2)}.legend i{display:inline-block;width:14px;height:0;margin-right:6px;vertical-align:middle;border-top:2px solid var(--left)}.legend i.avg{border-top:1.5px dashed var(--ink3)}.legend i.riv{border-top-color:var(--right)}.radar-summary .grade{font-weight:600;margin-left:6px}.callout{margin-top:6px;padding:8px 10px;border-radius:10px;font-size:13px;text-align:left}.callout.good{background:#3555d114}.callout.next{background:#e07a2f1a}.callout.rival{background:var(--screen);border:1px solid var(--line)}.rival-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#e07a2f1f;font-size:13px}.rival-banner span{flex:1}.profile .name{flex:1 1 140px;min-width:0;height:32px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:14px;background:var(--screen)}.ability-row .right{text-align:right;line-height:1.35}.entry-list{display:grid;gap:0;padding:4px 12px}.entry-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:10px 0;border-bottom:1px solid var(--line)}.entry-row:last-child{border-bottom:0}.entry-row label{display:grid;gap:1px;font-size:14px}.entry-row .field{display:flex;align-items:center;gap:6px}.entry-row .field input{width:84px;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font-size:17px;text-align:right;background:var(--screen);font-variant-numeric:tabular-nums}.entry-row .field .small{width:44px}.entry-row .mini{grid-column:1 / -1;width:180px}.linkish{color:var(--left);font-weight:600;font-size:12px}.tour{padding:12px 14px;border-radius:12px;background:#3555d114;font-size:14px;line-height:1.45}.tour b{display:block;margin-bottom:2px}.tour-actions{display:grid;gap:8px;margin-top:4px}.tour-actions .ghost{height:44px}.intro-link{display:block;margin:24px auto 0;font-size:12px;color:var(--ink3)}.intro-link:hover{color:var(--left)}.demo{justify-content:center}.demo-picker{display:grid;gap:14px;padding:40px 0;animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.demo-head{font-weight:600;font-size:17px;text-align:center}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:12px;overflow:hidden}.demo-tile{position:relative;aspect-ratio:1;background:#000}.demo-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease,opacity .25s ease}@keyframes tap{50%{transform:scale(.92)}}.demo-tile.picked:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px var(--left)}.demo-tile .check{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:11px;background:var(--left);color:#fff;font-size:13px;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;animation:pop .25s ease both}@keyframes pop{0%{transform:scale(0)}}.demo-foot{text-align:center}.features{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:420px){.features{grid-template-columns:1fr}}.feature{display:grid;gap:6px;align-content:start;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);font-size:13px;color:var(--ink2)}.feature b{color:var(--ink);font-size:15px}.feature .ghost{margin-top:4px}.feature-art{height:84px;display:grid;place-items:center}.pair-art{display:flex;gap:4px;justify-content:center}.pair-art img{width:60px;height:80px;object-fit:cover;border-radius:8px}.vs{font-weight:600;font-variant-numeric:tabular-nums}.vs.up{color:var(--left)}.vs.down{color:var(--right)}.sync-row{display:flex;gap:10px;align-items:center}.sync-seg{flex:1}.whole{padding:12px 14px;display:grid;gap:4px}.whole .score{display:flex;align-items:baseline;gap:8px}.whole .big{font-family:var(--display);font-size:36px;font-weight:500;letter-spacing:-.03em}.tap-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:22px;background:#ffffffeb;color:var(--ink);font-weight:600;font-size:14px;box-shadow:0 4px 14px #0000004d;z-index:2}.cpanel-box{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:14px;background:#000;border:1px solid var(--line)}.vwrap{position:absolute;inset:0}button.demo-tile{padding:0;border:0;cursor:pointer}.demo-tile.dim img{opacity:.4}.demo-label{position:absolute;left:6px;bottom:5px;font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.demo-tile:hover img{transform:scale(1.03)}.text-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:8px;background:var(--card);border:1px solid var(--line);color:var(--ink2);font-size:13px;font-weight:600}.bottombar button{width:auto;min-width:64px;height:auto;display:grid;justify-items:center;gap:2px;font-size:10px;font-weight:500}.fab.wide{width:auto;height:52px;padding:0 22px;border-radius:26px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.section-note{margin:-2px 4px 8px;font-size:12px;color:var(--ink3)}.profile-head{flex-basis:100%;font-size:12px;font-weight:600;color:var(--ink3)}.small-primary{width:auto;padding:9px 16px;font-size:14px;border-radius:10px}.live-box,.analyzing .live-box{position:relative;aspect-ratio:auto;background:#000;overflow:hidden}.live-box video{display:block;width:100%;height:auto}.live-box canvas{position:absolute;inset:0;width:100%;height:100%}.trail-card{display:grid;gap:10px;padding:12px 14px}.trail-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px}.trail-row .label{font-size:14px;color:var(--ink)}.trail-row .seg button{font-size:12px}.coach{position:fixed;inset:0;z-index:60}.coach-hole{position:fixed;border-radius:16px;box-shadow:0 0 0 200vmax #0a0c109e;transition:left .35s ease,top .35s ease,width .35s ease,height .35s ease;pointer-events:none}.coach-hole.none{left:50%;top:50%;width:0;height:0}.coach-card{position:fixed;left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 32px));background:var(--card);border-radius:18px;padding:16px;box-shadow:0 12px 40px #0000004d;display:grid;gap:8px}.coach-card b{font-size:17px;text-wrap:balance}.coach-body{font-size:15px;color:var(--ink2);line-height:1.5;text-wrap:pretty}.coach-dots{display:flex;gap:5px}.coach-dots i{width:6px;height:6px;border-radius:3px;background:var(--line)}.coach-dots i.on{background:var(--left);width:16px}.coach-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.coach-next{height:38px;padding:0 16px;border-radius:19px;background:var(--left);color:#fff;font-weight:600;font-size:15px}.coach-skip{height:38px;padding:0 12px;border-radius:19px;color:var(--ink2);font-size:15px}@media(prefers-reduced-motion:reduce){.coach-hole{transition:none}}.loading-note{position:fixed;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:70;background:#181b20e6;color:#fff;font-size:14px;padding:10px 16px;border-radius:20px}.summary{display:grid;gap:10px;padding:14px}.summary .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary .stat{display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:12px;background:var(--bg)}.summary .stat:disabled{cursor:default;opacity:1}.summary .stat .v{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.summary .stat .v small{font-size:12px;font-weight:500;color:var(--ink2);margin-left:3px}.summary .stat .k{font-size:12px;color:var(--ink2)}.summary .rom{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.summary .rom th{font-size:12px;font-weight:500;text-align:right;padding:4px 0}.summary .rom td{padding:7px 0;border-top:1px solid var(--line);text-align:right;font-size:15px}.summary .rom td:first-child{text-align:left;color:var(--ink2)}.summary .stat{height:auto;min-height:0;line-height:1.25}.readings th.g,.readings td.g{width:42%;padding:0 10px}.readings .spark{display:block;width:100%;height:26px;color:var(--ink);overflow:visible}