:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--surface:#ffffffe0;--surface-strong:#fff;--surface-muted:#f4f4f5;--text:#262626;--muted:#6b7280;--line:#0f172a14;--blue:#1d4ed8;--blue-deep:#163fb0;--green-soft:#ecfdf5;--green-ink:#0f766e;--shadow-lg:0 30px 80px #0f172a14;--shadow-md:0 18px 44px #0f172a12;--shadow-sm:0 12px 30px #0f172a0d;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Roboto,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#1d4ed814,#0000 28%),radial-gradient(circle at 88% 18%,#0f172a0d,#0000 24%),linear-gradient(#fdfdfd 0%,#f7f7f8 100%);margin:0}button,input,textarea{font:inherit}button{background:0 0;border:0}input,textarea{background:var(--surface-strong);border:0;outline:none;width:100%}textarea{resize:vertical}.app-shell{min-height:100vh;padding:32px 20px 48px;position:relative;overflow:hidden}.ambient{filter:blur(60px);opacity:.6;pointer-events:none;border-radius:999px;position:absolute}.ambient--left{background:#1d4ed814;width:220px;height:220px;top:-80px;left:-80px}.ambient--right{background:#10b9810f;width:280px;height:280px;bottom:60px;right:-120px}.hero-panel,.content-grid{z-index:1;width:min(1200px,100%);margin:0 auto;position:relative}.hero-panel{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:20px;margin-bottom:22px;display:grid}.hero-panel__copy,.hero-panel__aside,.surface,.metric-card,.story-card,.sidebar-card{background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-lg)}.hero-panel__copy,.hero-panel__aside,.surface{border-radius:var(--radius-xl)}.hero-panel__copy{padding:32px}.hero-panel__badge,.story-card__eyebrow,.workspace-bar__label,.progress-shell__copy p,.match-shell__hero p,.sidebar-card p,.surface__header p{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:0 0 10px;font-size:12px;font-weight:700}.hero-panel__copy h1{letter-spacing:-.045em;max-width:12ch;margin:0;font-size:clamp(34px,5vw,64px);font-weight:780;line-height:.96}.hero-panel__body{max-width:58ch;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.7}.hero-panel__aside{gap:14px;padding:20px;display:grid}.metric-card,.sidebar-card,.story-card,.surface,.choice-card,.dual-range__card,.range-field,.preference-card,.number-shell,.match-shell__hero,.match-shell__reason,.empty-state,.profile-shell__item{transition:transform .22s,box-shadow .22s,background-color .22s,border-color .22s,opacity .22s}.metric-card{border-radius:var(--radius-lg);padding:20px}.metric-card span,.sidebar-card span,.progress-shell__copy span,.question-block__copy p,.choice-card small,.field label,.inline-hint,.journey-footer__status span,.match-shell__hero span,.profile-shell__item span,.range-field__head span{color:var(--muted)}.metric-card span{margin-bottom:10px;font-size:13px;display:block}.metric-card strong{letter-spacing:-.03em;font-size:clamp(22px,2vw,32px);line-height:1.15;display:block}.content-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.surface{padding:26px}.surface--auth,.surface--story{max-width:760px}.surface__header,.workspace-bar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.segmented,.workspace-tabs{background:#0f172a0a;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.segmented button,.workspace-tabs button{color:var(--muted);cursor:pointer;border-radius:999px;padding:10px 16px;transition:background-color .22s,color .22s,transform .22s}.segmented button.active,.workspace-tabs button.active{background:var(--surface-strong);color:var(--text);box-shadow:0 12px 24px #0f172a14}.auth-form,.questionnaire-shell{gap:18px;margin-top:22px;display:grid}.field{gap:10px;display:grid}.field label{font-size:14px;font-weight:600}.field input,.field textarea,.tag-textarea{border-radius:var(--radius-md);padding:16px 18px;box-shadow:inset 0 0 0 1px #0f172a0f}.field input:focus,.field textarea:focus,.tag-textarea:focus{box-shadow:inset 0 0 0 1px #1d4ed83d,0 0 0 4px #1d4ed814}.inline-field{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.primary-button,.secondary-button,.toggle-pill,.choice-card{cursor:pointer}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 18px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--blue) 0%, var(--blue-deep) 100%);box-shadow:0 18px 35px #1d4ed838}.secondary-button{color:var(--text);background:#0f172a0d}.primary-button:hover,.secondary-button:hover,.choice-card:hover,.workspace-tabs button:hover,.segmented button:hover,.toggle-pill:hover,.sidebar-card:hover,.metric-card:hover,.story-card:hover,.profile-shell__item:hover,.range-field:hover,.dual-range__card:hover,.number-shell:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:default;transform:none}.story-card{border-radius:var(--radius-xl);padding:30px}.story-card h2{letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.18}.story-list{color:var(--muted);margin:18px 0 0;padding-left:20px;line-height:1.8}.surface--workspace{gap:22px;display:grid}.workspace-bar h2{letter-spacing:-.03em;margin:6px 0 4px;font-size:28px}.workspace-bar span{color:var(--muted)}.questionnaire-shell{margin-top:0}.progress-shell{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(#ffffffeb,#fafafae0);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:24px;display:grid}.progress-shell__copy h3{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.1}.progress-shell__meta{color:var(--muted);align-items:flex-start;gap:4px;font-weight:700;display:flex}.progress-shell__meta strong{color:var(--text);font-size:36px;line-height:1}.progress-bar{background:#0f172a0f;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--blue) 0%, #3b82f6 100%);height:100%;transition:width .26s}.questionnaire-stage{gap:20px;display:grid}.question-block{gap:16px;display:grid}.question-block__copy h3{letter-spacing:-.03em;margin:0;font-size:clamp(22px,2.6vw,30px);line-height:1.16}.question-block__copy p{text-transform:none;letter-spacing:0;color:var(--muted);margin:8px 0 0;font-size:15px;font-weight:500;line-height:1.75}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:inset 0 0 0 1px #0f172a0f, var(--shadow-sm);text-align:left;justify-items:start;gap:10px;padding:20px;display:grid}.choice-card.is-selected{background:var(--green-soft);box-shadow:inset 0 0 0 1px #10b9811f,0 22px 40px #10b98114}.choice-card__icon{background:#1d4ed814;border-radius:14px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid}.choice-card strong{font-size:18px;line-height:1.15}.choice-card small{font-size:14px;line-height:1.65}.number-shell,.dual-range__card,.range-field,.preference-card,.match-shell__hero,.match-shell__reason,.empty-state,.profile-shell__item,.sidebar-card{border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-sm);padding:22px}.number-chip,.dual-range__card span,.profile-shell__item span{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.number-chip strong,.dual-range__card strong,.profile-shell__item strong{letter-spacing:-.03em;font-size:22px;display:block}.number-shell__legend,.range-field__legend{color:var(--muted);justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;display:flex}.dual-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.range-stack{gap:14px;display:grid}.range-field__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.range-field__head p{margin:0 0 6px;font-size:18px;font-weight:700}.range-field__head strong{text-align:right;letter-spacing:-.04em;min-width:44px;font-size:28px;line-height:1}.range-field__track{padding-top:16px;position:relative}.range-field__bubble{background:var(--blue);color:#fff;text-align:center;border-radius:999px;min-width:34px;padding:4px 8px;font-size:12px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 10px 24px #1d4ed833}input[type=range]{appearance:none;cursor:pointer;background:#0f172a14;border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:5px solid var(--blue);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 10px 24px #1d4ed82e}input[type=range]::-moz-range-thumb{border:5px solid var(--blue);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 10px 24px #1d4ed82e}.tag-textarea{min-height:128px;line-height:1.7}.preference-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.preference-card p{color:var(--muted);margin:8px 0 0;line-height:1.7}.toggle-pill{min-height:52px;color:var(--text);background:#0f172a0d;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-weight:700;display:inline-flex}.toggle-pill span{background:#0f172a24;border-radius:50%;width:20px;height:20px}.toggle-pill.is-on{background:var(--green-soft);color:var(--green-ink)}.toggle-pill.is-on span{background:#10b981}.journey-footer{justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.journey-footer__status strong{margin-bottom:6px;font-size:16px;display:block}.journey-footer__actions{gap:10px;display:flex}.match-shell,.profile-shell{gap:16px;display:grid}.match-shell__hero strong{letter-spacing:-.04em;margin:12px 0 8px;font-size:clamp(30px,4vw,42px);display:block}.match-shell__hero h3,.empty-state h3{letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,36px)}.match-shell__reason h4{margin:0 0 10px;font-size:18px}.match-shell__reason p,.empty-state span,.sidebar-card span{color:var(--muted);margin:0;line-height:1.8}.empty-state p{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.surface--sidebar{gap:16px;display:grid}.sidebar-card strong{letter-spacing:-.03em;margin:6px 0 10px;font-size:24px;line-height:1.2;display:block}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:16px 18px;font-weight:600}.toast--error{color:#991b1b;background:#fff1f2}.toast--ok{color:#14532d;background:#ecfdf5}@media (width>=961px){.content-grid{grid-template-columns:minmax(0,1fr) 320px}.surface--auth,.surface--story{grid-column:1/2}.toast{grid-column:1/-1}}@media (width<=960px){.hero-panel{grid-template-columns:1fr}.surface__header,.workspace-bar,.journey-footer,.preference-card{grid-template-columns:1fr;display:grid}.workspace-tabs,.segmented,.journey-footer__actions{width:100%}.workspace-tabs button,.segmented button,.journey-footer__actions button{flex:1}}@media (width<=720px){.app-shell{padding:18px 14px 32px}.hero-panel__copy,.hero-panel__aside,.surface{border-radius:24px;padding:20px}.card-grid,.card-grid--compact,.dual-range,.inline-field,.progress-shell{grid-template-columns:1fr}.progress-shell__meta{order:-1}.range-field__head{grid-template-columns:1fr;display:grid}}