:root{--bg:#0a0a0a;--bg-raised:#141414;--bg-raised-2:#1c1c1c;--line:#2a2a2a;--text:#f5f5f0;--text-dim:#9a9a94;--text-faint:#5c5c58;--accent:#d6ff3d;--accent-dim:#a8cc2f;--accent-ink:#0a0a0a;--grade-s:#d6ff3d;--grade-a:#8fe066;--grade-b:#6bc4d6;--grade-c:#d6c05a;--grade-d:#d68a4a;--grade-f:#d65a5a;--danger:#ff5c5c;--success:#7ee08a;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-display:-apple-system, "SF Pro Display", "Inter", system-ui, sans-serif;--font-body:-apple-system, "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.fade-in{animation:fadeIn .22s var(--ease-out) both}.rise-in{animation:riseIn .32s var(--ease-out) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal-scan-line{background:var(--accent);height:2px;box-shadow:0 0 16px var(--accent);animation:scanLine 1.4s var(--ease-in-out) infinite;position:absolute;left:0;right:0}@keyframes scanLine{0%{top:8%}50%{top:92%}to{top:8%}}.count-up{font-variant-numeric:tabular-nums}.pillar-bar-fill{transition:width .7s var(--ease-out)}@media (prefers-reduced-motion:reduce){.fade-in,.rise-in,.reveal-scan-line{animation:none!important}.pillar-bar-fill{transition:none!important}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;height:100%;margin:0;padding:0}#app{flex-direction:column;min-height:100dvh;display:flex}img,video,canvas{max-width:100%;display:block}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}a{color:var(--accent);text-decoration:none}.screen{padding:var(--space-5) var(--space-4) var(--space-8);width:100%;max-width:560px;padding-top:calc(env(safe-area-inset-top,0px) + var(--space-5));padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-8));flex-direction:column;flex:1;margin:0 auto;display:flex}.screen--center{text-align:center;justify-content:center;align-items:center}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--space-2);font-size:13px;font-weight:600}h1.display{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-3);font-size:clamp(32px,9vw,44px);font-weight:800;line-height:1.05}.subtitle{color:var(--text-dim);margin:0 0 var(--space-5);font-size:16px;line-height:1.5}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);transition:transform .12s var(--ease-out), opacity .12s;padding:16px 28px;font-size:17px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--accent-ink);width:100%}.btn--ghost{background:var(--bg-raised);color:var(--text);width:100%}.btn--text{color:var(--text-dim);padding:12px;font-size:15px;font-weight:600}.btn--icon{border-radius:var(--radius-full);background:var(--bg-raised);padding:12px}.btn:disabled{opacity:.4;pointer-events:none}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.card{background:var(--bg-raised);border-radius:var(--radius-lg);padding:var(--space-5)}.pill{border-radius:var(--radius-full);background:var(--bg-raised-2);color:var(--text-dim);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.nav-bar{padding:var(--space-3) var(--space-4);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-3));background:var(--bg-raised);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:sticky;bottom:0}.nav-bar__item{color:var(--text-faint);padding:var(--space-2);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.nav-bar__item.active{color:var(--accent)}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.text-center{text-align:center}.top-bar{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.top-bar__back{color:var(--text-dim);padding:var(--space-2);font-size:15px;font-weight:600}.grade-pill{border-radius:var(--radius-full);width:28px;height:28px;font-family:var(--font-mono);color:var(--accent-ink);justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.pillar-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);display:flex}.pillar-row:last-child{border-bottom:none}.pillar-row__body{flex:1}.pillar-row__name{font-size:15px;font-weight:700}.pillar-row__latency{color:var(--text-faint);font-size:12px}.pillar-bar-track{border-radius:var(--radius-full);background:var(--bg-raised-2);height:6px;margin-top:6px;overflow:hidden}.pillar-bar-fill{border-radius:var(--radius-full);height:100%}.habit-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--line);display:flex}.habit-item:last-child{border-bottom:none}.habit-check{border-radius:var(--radius-full);border:2px solid var(--line);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.habit-check.done{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.habit-item__name{font-size:15px;font-weight:700}.habit-item__desc{color:var(--text-dim);margin-top:2px;font-size:14px;line-height:1.4}.habit-item__evidence{color:var(--text-faint);margin-top:4px;font-size:11px}.kpi-row{gap:var(--space-3);display:flex}.kpi{background:var(--bg-raised);border-radius:var(--radius-md);padding:var(--space-4);flex:1}.kpi__value{font-family:var(--font-display);font-size:28px;font-weight:800}.kpi__label{color:var(--text-dim);margin-top:2px;font-size:12px}.reject-banner{border-radius:var(--radius-md);padding:var(--space-4);color:var(--text);background:#ff5c5c1f;border:1px solid #ff5c5c4d}.video-frame{aspect-ratio:3/4;border-radius:var(--radius-lg);background:var(--bg-raised);width:100%;position:relative;overflow:hidden}.video-frame video,.video-frame canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-frame__hint{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);text-align:center;padding:var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0abf;font-size:14px;font-weight:600;position:absolute}.video-frame__hint.good{background:var(--accent);color:var(--accent-ink)}.share-card-preview{border-radius:var(--radius-lg);width:100%;overflow:hidden}.archetype-badge{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--bg-raised-2), var(--bg-raised));border:1px solid var(--line);flex-direction:column;display:inline-flex}.pro-gate{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);border:1px dashed var(--line);background:var(--bg-raised);flex-direction:column;display:flex}.pro-gate__icon{font-size:24px}.pro-gate__body{color:var(--text-dim);font-size:14px;line-height:1.5}.pro-gate__cta{width:auto;padding:12px 24px}.archetype-badge__name{font-family:var(--font-display);color:var(--accent);font-size:26px;font-weight:800}