:root{--bg:#f6f3f7;--bg-accent:#efe8f3;--card:#fff;--card-soft:#fcfafc;--text:#241f2a;--muted:#6f6678;--border:#e7dfea;--primary:#7c5cfc;--primary-hover:#6948f5;--primary-soft:#f1edff;--success-soft:#eaf8ef;--success-text:#215c35;--shadow:0 10px 30px #4c366314;--radius-lg:24px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{margin:0;padding:0}body{background:radial-gradient(circle at top left, #f3ebff 0%, transparent 30%), radial-gradient(circle at top right, #e8f5ff 0%, transparent 28%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}.app-shell{min-height:100vh;padding:24px 16px 48px}.app-container{gap:18px;width:100%;max-width:760px;margin:0 auto;display:grid}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #e7dfeacc}.card-inner{padding:22px}.hero-card{background:linear-gradient(135deg, #7c5cfc14, #fff0), var(--card)}.title{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.05}.subtitle{color:var(--muted);margin:10px 0 0;font-size:1rem;line-height:1.6}.settings-row{gap:12px;margin-top:18px;display:grid}@media (min-width:640px){.settings-row{grid-template-columns:1fr 1fr}}.field{gap:8px;display:grid}.field-label{color:var(--muted);font-size:.95rem;font-weight:600}.select{border:1px solid var(--border);background:var(--card-soft);width:100%;color:var(--text);border-radius:14px;padding:12px 14px}.stats-grid{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.pill{background:var(--bg-accent);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.92rem;display:inline-flex}.pill strong{font-size:.92rem}.section-title{margin:0;font-size:1.35rem;line-height:1.2}.section-text{color:var(--muted);margin:8px 0 0;line-height:1.6}.question-actions{gap:12px;margin-top:18px;display:grid}.option-button{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:linear-gradient(#fff,#faf7fc);border-radius:18px;padding:16px 18px;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 4px 12px #291a380a}.option-button:hover{border-color:#d4c5ff;transform:translateY(-1px);box-shadow:0 8px 18px #4c366314}.option-button:active{transform:translateY(0)}.option-label{font-weight:700;display:block}.help-text{color:var(--muted);margin:10px 0 0;line-height:1.6}.result-card{background:linear-gradient(135deg, #7c5cfc14, #fff0), var(--card)}.result-badge{background:var(--success-soft);color:var(--success-text);border-radius:999px;align-items:center;margin-bottom:12px;padding:8px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:16px;padding:13px 18px;transition:transform .15s,opacity .15s,background .15s}.primary-button{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 10px 20px #7c5cfc40}.primary-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.footer-note{text-align:center;color:var(--muted);padding-top:8px;font-size:.92rem}.button-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.secondary-button{background:var(--primary-soft);color:#4a32b3;font-weight:600}.secondary-button:hover{opacity:.92}.encouragement-text{color:var(--muted);margin:10px 0 0;font-size:.98rem;line-height:1.6}.progress-block{margin-top:14px}.progress-track{background:#ece5f3;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c5cfc,#9d7bff);border-radius:999px;height:100%;transition:width .25s}.field-help{color:var(--muted);margin:-2px 0 0;font-size:.92rem;line-height:1.5}