@layer components{.fit-page{min-height:100svh}.fit{padding-top:calc(var(--header) + clamp(40px, 6vw, 96px));align-items:start;row-gap:32px;padding-bottom:clamp(80px,10vw,160px)}.fit-ink{color:var(--ink)}.fit-soft{color:var(--soft)}.fit-faint{color:var(--faint)}.fit-title{outline:none}.fit-side{align-content:start;gap:28px;display:grid}@media (min-width:64rem){.fit-side{top:calc(var(--header) + 40px);padding-right:clamp(0px,4vw,64px);position:sticky}}.fit-figure-wrap{height:clamp(260px,42vh,440px)}.fit-figure{width:auto;height:100%;overflow:visible}.fit-figure path{fill:var(--line-strong);transition:fill .9s var(--ease), filter .9s var(--ease), opacity .9s var(--ease)}.fit-figure path.is-lit{fill:var(--ink)}:root:not([data-theme=light]) .fit-figure path.is-lit{filter:drop-shadow(0 0 10px #cfe0ef59)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .fit-figure path.is-lit{filter:none}}.fit-figure.is-reading path{animation:fit-scan 1.4s var(--ease-io) infinite;animation-delay:calc(var(--i) * .12s)}@keyframes fit-scan{0%,to{opacity:1}50%{opacity:.35}}.fit-figure.is-whole path{fill:var(--ink);animation:fit-settle 1.2s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}@keyframes fit-settle{0%{opacity:.4;transform:scaleX(.92)}to{opacity:1;transform:none}}.fit-figure path{transform-box:fill-box;transform-origin:50%}.fit-spec{border-top:1px solid var(--line);display:grid}.fit-spec-row{border-bottom:1px solid var(--line);animation:fit-in .6s var(--ease) both;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.fit-spec dd{color:var(--soft);min-width:0}.fit-spec button{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:color .3s var(--ease);background:0 0;border:0;padding:0}.fit-spec button:hover{color:var(--ink)}@media (max-width:63.99rem){.fit-side{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}.fit-figure-wrap{height:84px}.fit-owner .t-h2{font-size:24px}.fit-spec{display:none}}.fit-bar{align-items:center;gap:20px;margin-bottom:clamp(32px,4vw,56px);display:flex}.fit-back{height:36px;font:inherit;color:var(--soft);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:color .3s var(--ease), box-shadow .3s var(--ease);background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:0 14px 0 10px;display:inline-flex}.fit-back:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.fit-flip{transform:scaleX(-1)}.fit-progress{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.fit-progress span{background:var(--line);height:2px;transition:background-color .6s var(--ease), box-shadow .6s var(--ease);border-radius:1px}.fit-progress .is-on{background:var(--ink)}.fit-stage{animation:fit-in .7s var(--ease) both}@keyframes fit-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fit-q{margin-bottom:clamp(28px,3.5vw,44px)}.fit-q .t-eyebrow{margin-bottom:14px}.fit-opts{gap:8px;display:grid}.fit-opts.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:39.99rem){.fit-opts.is-grid{grid-template-columns:1fr}}.fit-opts li{animation:fit-in .6s var(--ease) both}.fit-opts li:nth-child(2){animation-delay:40ms}.fit-opts li:nth-child(3){animation-delay:80ms}.fit-opts li:nth-child(4){animation-delay:.12s}.fit-opts li:nth-child(5){animation-delay:.16s}.fit-opts li:nth-child(n+6){animation-delay:.2s}.fit-opt{text-align:left;width:100%;min-height:64px;font:inherit;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background-color .35s var(--ease), box-shadow .35s var(--ease);background:0 0;border:0;border-radius:16px;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:16px;padding:12px 20px 12px 16px;display:grid}.fit-opts.is-grid .fit-opt{min-height:56px}.fit-opt:hover{background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong)}.fit-opt.is-on{background:var(--card);box-shadow:inset 0 0 0 1px var(--ink)}.fit-key{width:28px;height:28px;color:var(--faint);box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color .35s var(--ease), color .35s var(--ease);border-radius:8px;place-items:center;font-size:12px;display:grid}.fit-opt.is-on .fit-key{background:var(--ink);color:var(--bg-0);box-shadow:none}.fit-opt-text{gap:2px;min-width:0;display:grid}.fit-opt-label{font-size:17px;line-height:1.3}.fit-opt-hint{color:var(--faint);font-size:14px}.fit-opt-arrow{color:var(--faint);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);transform:translate(-6px)}.fit-opt:hover .fit-opt-arrow,.fit-opt.is-on .fit-opt-arrow{opacity:1;color:var(--ink);transform:none}.fit-keys{margin-top:20px}@media (pointer:coarse){.fit-keys,.fit-key{display:none}.fit-opt{grid-template-columns:minmax(0,1fr) 16px}}.fit-chips{flex-wrap:wrap;gap:10px;display:flex}.fit-chip{height:52px;font:inherit;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;animation:fit-in .6s var(--ease) both;transition:background-color .35s var(--ease), color .35s var(--ease), box-shadow .35s var(--ease);background:0 0;border:0;border-radius:15px;padding:0 22px;font-size:16px}.fit-chip:hover{box-shadow:inset 0 0 0 1px var(--ink)}.fit-chip.is-on{background:var(--ink);color:var(--bg-0);box-shadow:none}.fit-own{gap:10px;max-width:640px;margin-top:36px;display:grid}.fit-own-row{align-items:center;gap:12px;display:flex}.fit-own-row input{min-width:0;height:48px;font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--line-strong);transition:border-color .3s var(--ease);background:0 0;border-radius:0;flex:1;padding:0;font-size:17px;font-weight:300}.fit-own-row input::placeholder{color:var(--faint)}.fit-own-row input:focus{border-color:var(--ink);outline:none}.fit-own-row .btn:disabled{opacity:.4;cursor:default}.fit-owner-input{width:100%;max-width:760px;font:inherit;letter-spacing:-.03em;color:var(--ink);border:0;border-bottom:1px solid var(--line-strong);transition:border-color .3s var(--ease);background:0 0;border-radius:0;margin-top:clamp(28px,4vw,48px);padding:6px 0 14px;font-size:clamp(34px,4.6vw,64px);font-weight:300;line-height:1.1;display:block}.fit-owner-input::placeholder{color:var(--faint);opacity:.6}.fit-owner-input:focus{border-color:var(--ink);outline:none}.fit-reading{padding-top:clamp(0px,4vw,48px)}.fit-phases{gap:14px;margin-top:36px;display:grid}.fit-phases li{color:var(--faint);transition:color .5s var(--ease);align-items:center;gap:14px;display:flex}.fit-phases li.is-now{color:var(--soft)}.fit-phases li.is-done{color:var(--ink)}.fit-phase-dot{width:8px;height:8px;transition:background-color .5s var(--ease);border-radius:4px;box-shadow:inset 0 0 0 1px}.fit-phases .is-now .fit-phase-dot{animation:fit-pulse .9s var(--ease-io) infinite alternate}.fit-phases .is-done .fit-phase-dot{background:currentColor}@keyframes fit-pulse{0%{opacity:.3}to{opacity:1}}.fit-result .t-eyebrow{margin-bottom:18px}.fit-verdict{letter-spacing:-.045em}.fit-gauge{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:560px;margin-top:40px;display:grid}.fit-gauge-step{color:var(--faint);gap:10px;display:grid}.fit-gauge-step.is-on{color:var(--ink)}.fit-gauge-bar{background:var(--line);border-radius:2px;height:3px;position:relative;overflow:hidden}.fit-gauge-bar:after{content:"";background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.fit-gauge-step.is-on .fit-gauge-bar{overflow:visible}.fit-gauge-step.is-on .fit-gauge-bar:after{animation:fit-bar .9s var(--ease) both;animation-delay:calc(var(--d) + .3s);box-shadow:var(--glow);border-radius:2px}@keyframes fit-bar{to{transform:scaleX(1)}}.fit-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:clamp(36px,4vw,56px);display:grid}@media (max-width:47.99rem){.fit-cards{grid-template-columns:1fr}}.fit-card{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);animation:fit-in .7s var(--ease) both;border-radius:18px;align-content:start;gap:8px;padding:22px 22px 24px;display:grid}.fit-card:nth-child(2){animation-delay:80ms}.fit-card:nth-child(3){animation-delay:.16s}.fit-card:nth-child(4){animation-delay:.24s}.fit-card:nth-child(5){animation-delay:.32s}.fit-card-wide{grid-column:1/-1}.fit-list{color:var(--soft);gap:8px;display:grid}.fit-list li{padding-left:20px;position:relative}.fit-list li:before{content:"";background:var(--faint);clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);width:10px;height:4px;position:absolute;top:.7em;left:0}.fit-next{margin-top:clamp(40px,5vw,64px)}.fit-send{border-top:1px solid var(--line);gap:10px;max-width:560px;margin-top:40px;padding-top:28px;display:grid}.fit-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 32px;margin-top:40px;display:flex}@media (prefers-reduced-motion:reduce){.fit-stage,.fit-opts li,.fit-chip,.fit-card,.fit-spec-row{animation:none}.fit-figure path{transition:none;animation:none!important}.fit-gauge-step.is-on .fit-gauge-bar:after{animation:none;transform:none}}}
