.calc-progress-bar{position:fixed;top:64px;left:0;right:0;z-index:40;height:4px;background:hsl(var(--secondary) / .6)}.calc-progress-bar__fill{height:100%;background:linear-gradient(90deg,hsl(var(--brand-cyan)),hsl(var(--brand-teal)));box-shadow:0 0 12px hsl(var(--brand-teal) / .55);transition:width .6s cubic-bezier(.22,1,.36,1)}.calc-screen{display:none}.calc-screen--active{display:block;animation:calcScreenIn .6s cubic-bezier(.22,1,.36,1)}@keyframes calcScreenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.calc-q-card{background:hsl(var(--card));border:1px solid hsl(var(--border) / .5);border-radius:1rem;padding:2rem;box-shadow:0 4px 24px hsl(var(--primary) / .06)}@media(min-width:768px){.calc-q-card{padding:2.5rem}}.calc-q-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.calc-q-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:hsl(var(--accent) / .12);color:hsl(var(--accent));font-family:Sora,Inter,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.calc-q-step{font-size:.8rem;color:hsl(var(--muted-foreground));font-weight:500}.calc-q-title{font-family:Sora,Inter,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.25;margin-bottom:1.75rem;letter-spacing:-.02em;color:hsl(var(--foreground))}@media(min-width:768px){.calc-q-title{font-size:1.875rem}}.calc-options{display:flex;flex-direction:column;gap:12px}.calc-option{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;border-radius:.875rem;border:1px solid hsl(var(--border) / .5);background:hsl(var(--card));color:hsl(var(--foreground));font-family:Inter,Segoe UI,sans-serif;font-size:.95rem;text-align:left;cursor:pointer;transition:all .24s cubic-bezier(.4,0,.2,1)}.calc-option:hover:not(:disabled){border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .02);transform:translate(4px);box-shadow:0 4px 16px hsl(var(--primary) / .08)}.calc-option:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:2px}.calc-option--selected{border-color:hsl(var(--primary));background:hsl(var(--primary) / .06);box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.calc-option:disabled{cursor:wait;opacity:.7}.calc-opt-key{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid hsl(var(--border));background:hsl(var(--secondary));display:flex;align-items:center;justify-content:center;font-family:Sora,Inter,sans-serif;font-size:.85rem;font-weight:700;color:hsl(var(--primary));transition:all .24s}.calc-option:hover:not(:disabled) .calc-opt-key,.calc-option--selected .calc-opt-key{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.calc-opt-text{flex:1;line-height:1.5;color:hsl(var(--foreground) / .92)}.calc-q-hint{margin-top:20px;font-size:.8rem;color:hsl(var(--muted-foreground));text-align:center}.calc-q-hint kbd{display:inline-block;padding:2px 7px;margin:0 2px;border-radius:5px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));font-family:JetBrains Mono,Menlo,monospace;font-size:.72rem;color:hsl(var(--primary))}@media(max-width:768px){.calc-q-hint{display:none}}.calc-back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:hsl(var(--muted-foreground));font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;padding:4px 8px;margin-left:-8px;margin-bottom:16px;border-radius:6px;cursor:pointer;transition:all .2s}.calc-back-btn:hover:not(:disabled){color:hsl(var(--primary));background:hsl(var(--primary) / .05)}.calc-back-btn:disabled{opacity:.4;cursor:not-allowed}.calc-result-card{background:hsl(var(--card));border:1px solid hsl(var(--border) / .5);border-radius:1rem;padding:2.5rem 2rem;box-shadow:0 8px 32px hsl(var(--primary) / .08);text-align:center}@media(min-width:768px){.calc-result-card{padding:3rem}}.calc-result-pill{display:inline-flex;padding:4px 12px;border-radius:9999px;background:hsl(var(--primary) / .15);color:hsl(var(--primary));font-family:Sora,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem}.calc-score{font-family:Sora,sans-serif;font-size:clamp(4rem,8vw,6rem);font-weight:800;line-height:1;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-bottom:4px}.calc-score-of{font-size:.95rem;color:hsl(var(--muted-foreground));margin-bottom:20px}.calc-level-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:9999px;background:hsl(var(--accent) / .1);border:1.5px solid hsl(var(--accent) / .4);font-family:Sora,sans-serif;font-size:.95rem;font-weight:700;color:hsl(var(--accent));margin-bottom:2rem}.calc-level-message{font-size:1.05rem;color:hsl(var(--foreground) / .85);line-height:1.5;margin-bottom:2rem;max-width:38rem;margin-left:auto;margin-right:auto}.calc-insights{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px;text-align:left}@media(min-width:640px){.calc-insights{grid-template-columns:1fr 1fr}}.calc-insight{padding:16px 18px;border-radius:.75rem;border:1px solid hsl(var(--border) / .5)}.calc-insight--strength{border-color:hsl(var(--accent) / .3);background:hsl(var(--accent) / .04)}.calc-insight--gap{border-color:hsl(var(--primary) / .3);background:hsl(var(--primary) / .04)}.calc-insight-label{display:flex;align-items:center;gap:8px;font-family:Sora,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.calc-insight--strength .calc-insight-label{color:hsl(var(--accent))}.calc-insight--gap .calc-insight-label{color:hsl(var(--primary))}.calc-insight-text{font-size:.9rem;line-height:1.5;color:hsl(var(--foreground) / .9)}.calc-recommendation{text-align:left;padding:18px 20px;border-radius:.625rem;background:hsl(var(--secondary) / .5);border-left:3px solid hsl(var(--primary));margin-bottom:1.75rem}.calc-rec-label{font-family:Sora,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--primary));margin-bottom:6px}.calc-rec-text{font-size:.95rem;line-height:1.6;color:hsl(var(--foreground) / .85)}.calc-ctas{display:flex;flex-direction:column;gap:10px}.calc-modal-overlay{position:fixed;inset:0;z-index:100;background:hsl(var(--brand-dark) / .5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .32s;overflow-y:auto}.calc-modal-overlay--active{display:flex;opacity:1}.calc-modal{width:100%;max-width:480px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:2rem;box-shadow:0 20px 60px hsl(var(--primary) / .2);transform:scale(.96);transition:transform .32s cubic-bezier(.34,1.56,.64,1);max-height:92vh;overflow-y:auto}.calc-modal-overlay--active .calc-modal{transform:scale(1)}.calc-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(120px);background:hsl(var(--accent));color:hsl(var(--accent-foreground));padding:14px 24px;border-radius:.625rem;font-family:Inter,sans-serif;font-weight:600;font-size:.92rem;box-shadow:0 14px 40px hsl(var(--accent) / .35);z-index:200;transition:transform .32s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px}.calc-toast--show{transform:translate(-50%) translateY(0)}@media(max-width:768px){.calc-q-card,.calc-result-card{padding:1.5rem}.calc-option{padding:14px 16px}.calc-opt-key{width:28px;height:28px;font-size:.78rem}}@media(max-width:360px){.calc-q-card,.calc-result-card{padding:1.25rem}.calc-q-title{font-size:1.25rem}.calc-option{padding:12px 14px;gap:12px}.calc-opt-key{width:26px;height:26px;font-size:.72rem}.calc-opt-text{font-size:.9rem}.calc-score{font-size:3.4rem}.calc-modal{padding:20px}}@media(prefers-reduced-motion:reduce){.calc-screen--active{animation:none}.calc-toast,.calc-modal,.calc-modal-overlay,.calc-option,.calc-progress-bar__fill{transition:none}}
