.page-wrap{max-width:860px;min-height:60vh;margin:40px auto;padding:0 20px}.intro{font-family:var(--fi-font-body);color:var(--fi-text-secondary);text-align:center;margin-bottom:6px;font-size:1rem}.intro-sub{font-family:var(--fi-font-body);color:var(--fi-text-tertiary);text-align:center;margin-bottom:28px;font-size:.85rem}.intro-sub a{color:var(--fi-text-secondary)}.intro-sub a:hover{color:var(--fi-accent)}.form{flex-direction:column;gap:20px;max-width:520px;margin:0 auto;display:flex}.field{flex-direction:column;gap:6px;display:flex}label{color:var(--fi-text-secondary);font-size:.875rem;font-weight:500;font-family:var(--fi-font-body)}.optional{color:var(--fi-text-tertiary);font-weight:400}input[type=number],input[type=text],input[type=email],select{border:1px solid var(--fi-bg-tertiary);border-radius:var(--fi-radius-md);font-size:max(1rem,16px);font-family:var(--fi-font-body);background:var(--fi-bg-secondary);color:var(--fi-text-primary);width:100%;padding:10px 12px;transition:border-color .15s}input[type=number]:focus,input[type=text]:focus,input[type=email]:focus,select:focus{border-color:var(--fi-accent);box-shadow:0 0 0 2px var(--fi-accent-muted);outline:none}select option{background:var(--fi-bg-secondary);color:var(--fi-text-primary)}.toggle{gap:8px;display:flex}.toggle-4{grid-template-columns:repeat(4,1fr);display:grid}.toggle-4 button{white-space:nowrap;min-width:0;padding-left:4px;padding-right:4px}@media (width<=380px){.toggle-4 button{padding-top:11px;padding-bottom:11px;font-size:.92rem}}.toggle button{border:1px solid var(--fi-bg-tertiary);border-radius:var(--fi-radius-md);background:var(--fi-bg-secondary);color:var(--fi-text-secondary);cursor:pointer;font-size:1rem;font-family:var(--fi-font-body);flex:1;padding:10px 24px;transition:all .15s}.toggle button:hover{border-color:var(--fi-accent);color:var(--fi-text-primary)}.toggle button.active{background:var(--fi-accent);color:#0f1a12;border-color:var(--fi-accent);font-weight:500}.toggle button:focus-visible,.share-btn:focus-visible,.submit:focus-visible{outline:2px solid var(--fi-accent);outline-offset:2px}.time-inputs{align-items:center;gap:8px;display:flex}.time-inputs input{width:90px}.time-sep{color:var(--fi-text-tertiary);font-size:1.25rem}.submit{background:var(--fi-accent);color:#0f1a12;border-radius:var(--fi-radius-md);font-size:1rem;font-weight:600;font-family:var(--fi-font-body);cursor:pointer;border:none;margin-top:4px;padding:12px;transition:background .15s}.submit:hover:not(:disabled){background:var(--fi-accent-hover)}.submit:disabled{opacity:.4;cursor:not-allowed}.error{color:var(--fi-danger);text-align:center;margin-top:24px;font-size:.9rem}.results-wrap{margin-top:48px;scroll-margin-top:88px}.hero-card{background:var(--fi-bg-secondary);border:1px solid var(--fi-accent-muted);border-radius:var(--fi-radius-lg);text-align:center;padding:32px}.hero-label{text-transform:uppercase;letter-spacing:.1em;color:var(--fi-text-secondary);margin-bottom:12px;font-size:.8rem;font-weight:500}.hero-percentile{font-family:var(--fi-font-mono);color:var(--fi-accent);font-size:clamp(3.25rem,14vw,5rem);font-weight:500;line-height:1}.hero-context{font-family:var(--fi-font-display);color:var(--fi-text-primary);margin-top:10px;font-size:1.25rem}.hero-sample{color:var(--fi-text-tertiary);margin-top:6px;font-size:.85rem}.stat-grid{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}@media (width>=560px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=800px){.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background:var(--fi-bg-secondary);border-radius:var(--fi-radius-md);border:1px solid #4ade8014;padding:18px}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fi-text-secondary);min-height:2.2em;margin-bottom:8px;font-size:.7rem;font-weight:500}.stat-percentile{font-family:var(--fi-font-mono);color:var(--fi-accent);font-size:1.75rem;font-weight:500;line-height:1}.stat-context{color:var(--fi-text-secondary);margin-top:6px;font-size:.8rem}.stat-sample{color:var(--fi-text-tertiary);margin-top:2px;font-size:.75rem}.stat-unavailable{color:var(--fi-text-tertiary);font-size:.9rem;font-style:italic}.share-section{text-align:center;margin-top:28px}.share-title{text-transform:uppercase;letter-spacing:.1em;color:var(--fi-text-secondary);margin-bottom:12px;font-size:.8rem;font-weight:500}.share-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-btn{border:1px solid var(--fi-bg-tertiary);border-radius:var(--fi-radius-md);background:var(--fi-bg-secondary);color:var(--fi-text-primary);font-size:.9rem;font-family:var(--fi-font-body);cursor:pointer;padding:10px 18px;transition:all .15s}.share-btn:hover{border-color:var(--fi-accent)}.share-btn-primary{background:var(--fi-accent);color:#0f1a12;border-color:var(--fi-accent);font-weight:600}.share-btn-primary:hover{background:var(--fi-accent-hover);border-color:var(--fi-accent-hover)}.share-card-onpage{margin-top:8px}.share-slice-note{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--fi-text-tertiary);margin-top:10px;font-size:.78rem}.share-hint{color:var(--fi-text-tertiary);margin:-4px 0 12px;font-size:.85rem}.duv-credit{text-align:center;color:var(--fi-text-secondary);margin-top:24px;font-size:.8rem}.duv-credit a{color:var(--fi-text-secondary);text-underline-offset:2px;text-decoration:underline}.duv-credit a:hover{color:var(--fi-accent)}.extra-grid{grid-template-columns:1fr;gap:16px;margin-top:40px;display:grid}@media (width>=800px){.extra-grid{grid-template-columns:1fr 1fr;align-items:start}}.extra-card{background:var(--fi-bg-secondary);border-radius:var(--fi-radius-lg);border:1px solid #4ade8014;flex-direction:column;gap:16px;padding:24px;display:flex}.extra-title{font-family:var(--fi-font-display);color:var(--fi-text-primary);font-size:1.25rem}.extra-intro{color:var(--fi-text-secondary);margin-top:-8px;font-size:.875rem}.extra-thanks{color:var(--fi-accent);font-size:.95rem}.consent{color:var(--fi-text-secondary);cursor:pointer;align-items:flex-start;gap:10px;font-size:.8rem;font-weight:400;line-height:1.4;display:flex}.consent input[type=checkbox]{width:16px;height:16px;accent-color:var(--fi-accent);flex-shrink:0;margin-top:2px}.consent a{color:var(--fi-text-secondary);text-underline-offset:2px;text-decoration:underline}.consent a:hover{color:var(--fi-accent)}.extra-card .share-btn{align-self:flex-start}.link-button{color:var(--fi-accent);font-family:var(--fi-font-body);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:.92rem}.link-button:hover{color:var(--fi-accent-hover)}.link-button:focus-visible{outline:2px solid var(--fi-accent);outline-offset:2px}.subform{border-left:2px solid var(--fi-bg-tertiary);margin-bottom:4px;padding-left:16px}.assumption-note{color:var(--fi-text-tertiary);max-width:56ch;margin-top:20px;font-size:.82rem;line-height:1.6}.cross-link{text-align:center;color:var(--fi-text-secondary);margin-top:32px;font-size:.92rem}.cross-link a{color:var(--fi-accent);text-decoration:none}.cross-link a:hover{text-decoration:underline}.race-results{border:1px solid var(--fi-bg-tertiary);border-radius:var(--fi-radius-md);background:var(--fi-bg-secondary);max-height:300px;margin:6px 0 0;padding:4px;list-style:none;overflow-y:auto}.race-results button{text-align:left;border-radius:var(--fi-radius-sm,6px);width:100%;color:var(--fi-text-primary);font-family:var(--fi-font-body);cursor:pointer;background:0 0;border:0;padding:9px 12px;display:block}.race-results button.active{background:var(--fi-bg-tertiary)}.race-name{font-size:.95rem;display:block}.race-meta{color:var(--fi-text-tertiary);margin-top:2px;font-size:.78rem;display:block}.race-empty,.field-hint{color:var(--fi-text-tertiary);margin-top:6px;font-size:.8rem}.picked-race{border-radius:var(--fi-radius-md);background:var(--fi-bg-tertiary);color:var(--fi-text-secondary);border:1px solid #4ade804d;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;font-size:.9rem;display:flex}.picked-race strong{color:var(--fi-text-primary);font-weight:500}.unit-input{align-items:stretch;gap:8px;display:flex}.unit-input input{flex:1}.unit-toggle{flex:none}.unit-toggle button{min-width:48px;padding:10px 14px}.explainer{max-width:62ch;color:var(--fi-text-secondary);margin:0 auto 28px;font-size:.88rem}.explainer summary{cursor:pointer;color:var(--fi-accent);padding:6px 0}.explainer p{margin:10px 0;line-height:1.65}