:root{--ink: #12100e;--ink-1: #17140f;--ink-2: #1e1a14;--ink-3: #272119;--line: rgba(244, 238, 227, .1);--line-strong: rgba(244, 238, 227, .18);--paper: #f4eee3;--paper-dim: rgba(244, 238, 227, .64);--paper-faint: rgba(244, 238, 227, .42);--accent: #ff5a2c;--accent-2: #ff8a3d;--accent-ink: #180a04;--accent-soft: rgba(255, 90, 44, .14);--accent-line: rgba(255, 90, 44, .36);--gold: #f2c14e;--r-xs: 8px;--r-sm: 12px;--r: 18px;--r-lg: 24px;--r-xl: 30px;--r-pill: 999px;--shadow-1: 0 1px 0 rgba(244, 238, 227, .04) inset, 0 8px 24px rgba(0, 0, 0, .35);--shadow-2: 0 18px 48px rgba(0, 0, 0, .5);--font-display: "Bricolage Grotesque", "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, -apple-system, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--nav-h: 68px;--maxw: 520px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 80% at 12% -8%,rgba(255,90,44,.16),transparent 46%),radial-gradient(90% 70% at 96% 4%,rgba(255,138,61,.08),transparent 50%),var(--ink)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font:inherit;color:inherit}.app{min-height:100%;max-width:var(--maxw);margin:0 auto;position:relative}.screen{padding:calc(var(--safe-t) + 20px) 20px calc(var(--nav-h) + var(--safe-b) + 28px);min-height:100%;animation:screen-in .42s cubic-bezier(.2,.8,.2,1) both}.screen--flush{padding-bottom:calc(var(--safe-b) + 28px)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600}.display{font-family:var(--font-display);font-weight:800;line-height:.98;letter-spacing:-.02em;font-size:clamp(2.6rem,12vw,3.6rem)}h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.02;font-size:clamp(1.9rem,8vw,2.4rem)}h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;font-size:1.3rem}h3{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.dim{color:var(--paper-dim)}.faint{color:var(--paper-faint)}.mono{font-family:var(--font-mono)}.lead{font-size:1.06rem;color:var(--paper-dim);line-height:1.45}.stack{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.center{text-align:center}.card{background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-1)}.card--tight{padding:14px}.card--accent{border-color:var(--accent-line);background:linear-gradient(180deg,rgba(255,90,44,.12),var(--ink-1))}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--ink-3);border:1px solid var(--line);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--paper-dim)}.chip--accent{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:1.02rem;letter-spacing:-.01em;transition:transform .12s ease,background .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.975)}.btn:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.btn--primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);box-shadow:0 10px 26px #ff5a2c47}.btn--ghost{background:var(--ink-2);border:1px solid var(--line-strong);color:var(--paper)}.btn--block{width:100%}.btn--sm{min-height:42px;font-size:.92rem;padding:0 16px}.btn:disabled{opacity:.5;pointer-events:none}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:.86rem;font-weight:600;color:var(--paper-dim)}.input,.select{min-height:54px;background:var(--ink-3);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:0 16px;color:var(--paper);font-size:1.05rem;width:100%;transition:border-color .16s ease,box-shadow .16s ease}textarea.input{padding:14px 16px;min-height:90px;resize:vertical;line-height:1.4}.input:focus,.select:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--paper-faint)}.field-error{color:var(--accent-2);font-size:.86rem;font-weight:600}.field-hint{font-size:.82rem;color:var(--paper-faint)}.segmented{display:grid;grid-auto-flow:column;gap:6px;background:var(--ink-3);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:6px}.segmented button{min-height:44px;border-radius:var(--r-xs);font-weight:600;color:var(--paper-dim);transition:background .16s ease,color .16s ease}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.bottomnav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--maxw);z-index:40;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px calc(8px + var(--safe-b));background:#12100edb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.navitem{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border-radius:var(--r-sm);color:var(--paper-faint);font-size:11px;font-weight:600;letter-spacing:.02em;min-height:52px;transition:color .16s ease}.navitem svg{width:24px;height:24px}.navitem[aria-current=page]{color:var(--accent)}.ring{position:relative;display:grid;place-items:center}.ring svg{transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round}.ring .track{stroke:var(--line)}.ring .value{stroke:url(#ringgrad);transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}.ring-label{position:absolute;text-align:center}.ring-num{font-family:var(--font-display);font-weight:800;font-size:2.8rem;line-height:1}.ring-cap{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint)}.bar{height:8px;border-radius:var(--r-pill);background:var(--ink-3);overflow:hidden}.bar>span{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .7s cubic-bezier(.2,.8,.2,1)}.bar--empty>span{background:var(--line-strong)}.domain{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 0;border-bottom:1px solid var(--line)}.domain:last-child{border-bottom:none}.domain .name{font-weight:600;font-size:.98rem}.domain .score-n{font-family:var(--font-mono);font-weight:600;font-size:1.1rem}.domain .bar{grid-column:1 / -1}.band{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-dim);font-weight:600}.band .dot{width:8px;height:8px;border-radius:2px;background:currentColor}.band[data-band=athletic],.band[data-band=elite]{color:var(--accent-2)}.band[data-band=fit]{color:var(--paper)}.status-hero{text-align:center;padding:8px 0 4px}.status-word{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,11vw,3.2rem);letter-spacing:-.03em;line-height:.96}.status-word[data-strong=true]{color:var(--accent)}.fresh{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.fresh[data-f=current]{color:var(--paper-dim)}.fresh[data-f=retest_soon]{color:var(--gold)}.fresh[data-f=expired]{color:var(--accent-2)}.list{display:flex;flex-direction:column;gap:10px}.listrow{display:flex;align-items:center;gap:14px;padding:16px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);transition:transform .12s ease,border-color .16s ease}.listrow:active{transform:scale(.99)}.listrow .idx{font-family:var(--font-mono);font-size:12px;color:var(--accent);width:22px;flex-shrink:0}.listrow .arrow{color:var(--paper-faint);flex-shrink:0}.banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + var(--safe-b) + 12px);width:calc(100% - 32px);max-width:calc(var(--maxw) - 32px);z-index:60;background:var(--ink-3);border:1px solid var(--accent-line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow-2);display:flex;align-items:center;gap:12px;animation:screen-in .3s ease both}.toast{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--safe-t) + 12px);z-index:70;background:var(--paper);color:var(--ink);font-weight:700;padding:12px 20px;border-radius:var(--r-pill);box-shadow:var(--shadow-2);animation:toast-in .32s cubic-bezier(.2,.8,.2,1) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-14px)}}.skel{background:linear-gradient(90deg,var(--ink-2),var(--ink-3),var(--ink-2));background-size:200% 100%;border-radius:var(--r-sm);animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.divider{height:1px;background:var(--line);margin:4px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pill-note{font-size:.8rem;color:var(--paper-faint);line-height:1.4}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}