:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:#130912}button,input,textarea{font:inherit}button{border:0;cursor:pointer}input,textarea{color:var(--page-text)}.app-shell{--page-text: #fff4ef;--card-text: #fff4ef;--card-muted: #e3c0ba;--bg-top: #1d0f17;--bg-mid: #6c2440;--bg-bottom: #ff914d;--bg-radial: radial-gradient(circle at 12% 10%, rgba(255, 212, 128, .56), transparent 28%), radial-gradient(circle at 85% 18%, rgba(255, 91, 136, .5), transparent 31%), radial-gradient(circle at 50% 108%, rgba(255, 166, 90, .56), transparent 36%);--glow-a: rgba(255, 151, 96, .38);--glow-b: rgba(255, 91, 140, .3);--surface: rgba(39, 18, 28, .78);--surface-strong: rgba(47, 22, 33, .88);--surface-soft: rgba(63, 28, 44, .66);--line: rgba(255, 175, 131, .22);--shadow: rgba(10, 4, 8, .42);--accent-soft: rgba(255, 141, 96, .16);--accent-soft-2: rgba(255, 95, 135, .16);--accent-text: #ffd9cf;--primary-start: #ff9653;--primary-end: #ff5f86;--secondary-start: rgba(255, 255, 255, .1);--secondary-end: rgba(255, 255, 255, .04);--track: rgba(255, 215, 194, .16);--insight-a: rgba(62, 26, 42, .88);--insight-b: rgba(77, 33, 50, .9);position:relative;min-height:100vh;padding:28px;overflow:hidden;isolation:isolate;color:var(--page-text);background:linear-gradient(180deg,#05020529,#0502050a),linear-gradient(155deg,var(--bg-top) 0%,var(--bg-mid) 46%,var(--bg-bottom) 100%);transition:background .8s ease,color .4s ease}.app-shell.theme-sunset-peach{--bg-top: #1f0f18;--bg-mid: #7a2440;--bg-bottom: #ff9750;--surface: rgba(42, 18, 30, .78);--surface-strong: rgba(50, 22, 35, .9);--surface-soft: rgba(73, 29, 45, .68)}.app-shell.theme-sky-pop{--bg-top: #0f1733;--bg-mid: #214f98;--bg-bottom: #2fc8d9;--glow-a: rgba(92, 220, 255, .34);--glow-b: rgba(128, 142, 255, .28);--surface: rgba(17, 27, 54, .78);--surface-strong: rgba(24, 35, 68, .9);--surface-soft: rgba(34, 50, 84, .68);--line: rgba(128, 205, 255, .2);--accent-soft: rgba(76, 190, 255, .18);--accent-soft-2: rgba(133, 132, 255, .16);--insight-a: rgba(24, 36, 74, .88);--insight-b: rgba(29, 46, 89, .92)}.app-shell.theme-mint-fizz{--bg-top: #0f1d1f;--bg-mid: #0f7868;--bg-bottom: #68d45d;--glow-a: rgba(105, 255, 199, .34);--glow-b: rgba(174, 255, 120, .25);--surface: rgba(15, 39, 37, .78);--surface-strong: rgba(20, 48, 45, .9);--surface-soft: rgba(29, 64, 54, .68);--line: rgba(137, 236, 180, .22);--accent-soft: rgba(78, 213, 157, .18);--accent-soft-2: rgba(137, 238, 112, .16);--insight-a: rgba(22, 50, 43, .88);--insight-b: rgba(27, 60, 50, .92)}.app-shell.theme-berry-bubble{--bg-top: #211022;--bg-mid: #8a2368;--bg-bottom: #ff8a79;--glow-a: rgba(255, 145, 198, .32);--glow-b: rgba(194, 139, 255, .25);--surface: rgba(42, 17, 37, .79);--surface-strong: rgba(50, 21, 43, .9);--surface-soft: rgba(74, 31, 63, .68);--line: rgba(240, 163, 210, .2);--accent-soft: rgba(241, 123, 181, .18);--accent-soft-2: rgba(182, 135, 255, .16);--insight-a: rgba(57, 23, 50, .88);--insight-b: rgba(70, 27, 60, .92)}.app-shell.theme-butter-glow{--bg-top: #24140f;--bg-mid: #a05716;--bg-bottom: #f7bf45;--glow-a: rgba(255, 221, 120, .34);--glow-b: rgba(255, 153, 93, .28);--surface: rgba(48, 26, 17, .79);--surface-strong: rgba(58, 31, 21, .9);--surface-soft: rgba(79, 43, 25, .68);--line: rgba(247, 198, 112, .2);--accent-soft: rgba(255, 195, 80, .18);--accent-soft-2: rgba(255, 138, 89, .16);--insight-a: rgba(62, 34, 19, .88);--insight-b: rgba(76, 42, 23, .92)}.app-shell.theme-lilac-dream{--bg-top: #171131;--bg-mid: #6036a7;--bg-bottom: #d45cf5;--glow-a: rgba(179, 143, 255, .32);--glow-b: rgba(255, 150, 216, .24);--surface: rgba(26, 19, 53, .8);--surface-strong: rgba(32, 24, 64, .9);--surface-soft: rgba(44, 33, 82, .68);--line: rgba(202, 168, 255, .22);--accent-soft: rgba(181, 138, 255, .18);--accent-soft-2: rgba(235, 120, 214, .16);--insight-a: rgba(36, 27, 72, .88);--insight-b: rgba(45, 33, 84, .92)}.app-shell.theme-melon-party{--bg-top: #210f18;--bg-mid: #b83855;--bg-bottom: #ffb24f;--glow-a: rgba(255, 144, 110, .32);--glow-b: rgba(255, 90, 130, .26);--surface: rgba(45, 18, 28, .79);--surface-strong: rgba(55, 22, 34, .9);--surface-soft: rgba(80, 30, 45, .68);--line: rgba(255, 180, 136, .22);--accent-soft: rgba(255, 137, 102, .18);--accent-soft-2: rgba(255, 92, 131, .16);--insight-a: rgba(58, 23, 36, .88);--insight-b: rgba(71, 28, 43, .92)}.app-shell.theme-sherbet-splash{--bg-top: #1a1230;--bg-mid: #8d307c;--bg-bottom: #ff9e74;--glow-a: rgba(255, 166, 126, .32);--glow-b: rgba(230, 152, 255, .24);--surface: rgba(34, 20, 52, .8);--surface-strong: rgba(42, 24, 63, .9);--surface-soft: rgba(60, 30, 84, .68);--line: rgba(244, 184, 212, .2);--accent-soft: rgba(255, 149, 160, .18);--accent-soft-2: rgba(199, 140, 255, .16);--insight-a: rgba(44, 26, 67, .88);--insight-b: rgba(55, 33, 81, .92)}.background-wash,.sunset-build,.sunset-orb,.background-glow{position:absolute;pointer-events:none}.background-wash{top:0;right:0;bottom:0;left:0;background:var(--bg-radial);opacity:1;transition:background .8s ease,opacity .8s ease}.background-glow{filter:blur(92px);border-radius:999px;opacity:.92;transition:transform .8s ease,opacity .8s ease,background .8s ease}.background-glow-a{width:34rem;height:34rem;top:-9rem;left:-7rem;background:radial-gradient(circle,var(--glow-a) 0%,rgba(255,255,255,0) 72%)}.background-glow-b{width:30rem;height:30rem;right:-7rem;bottom:-6rem;background:radial-gradient(circle,var(--glow-b) 0%,rgba(255,255,255,0) 72%)}.sunset-build{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff0,#ffd09514 34%,#ff77613d 72%,#3f0f1f6b),radial-gradient(circle at 50% 114%,rgba(255,193,114,.8),transparent 30%),radial-gradient(circle at 72% 102%,rgba(255,99,132,.42),transparent 24%);opacity:0;transform:translateY(2rem) scale(1.03);transition:opacity .9s ease,transform .9s ease,filter .9s ease;filter:saturate(.96)}.sunset-orb{width:min(40rem,56vw);aspect-ratio:1;left:50%;bottom:-20rem;transform:translate(-50%) scale(.68);border-radius:50%;background:radial-gradient(circle at 50% 44%,#fff5baf2,#ffc76fe0 30%,#ff82569e 54%,#ff4e7c38 68%,#ff4e7c00 72%);mix-blend-mode:screen;opacity:0;filter:blur(0);transition:opacity .95s ease,transform .95s ease,filter .95s ease}.sunset-build.stage-1,.sunset-orb.stage-1{opacity:.22}.sunset-build.stage-2,.sunset-orb.stage-2{opacity:.36}.sunset-build.stage-3,.sunset-orb.stage-3{opacity:.52}.sunset-build.stage-4,.sunset-orb.stage-4{opacity:.68}.sunset-build.stage-5,.sunset-build.is-complete,.sunset-orb.stage-5,.sunset-orb.is-complete{opacity:.84;transform:translate(-50%) scale(1);filter:saturate(1.08)}.topbar,.hero-card,.sidebar-card,.result-item,.option-card,.quiz-card,.results-card,.library-builder,.stat-card,.promise-banner,.insight-banner,.answer-row,.custom-meal-row{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 20px;max-width:1340px}.brand-kicker,.eyebrow,.result-copy-block h4,.insight-banner small,.field-label span,.result-rank,.result-time,.step-pill,.topbar-pill,.tag,.ghost-chip,.answer-row span,.stat-card span,.promise-banner span,.mini-list,.builder-note,.save-note{letter-spacing:.02em}.brand-kicker,.eyebrow{display:inline-flex;margin:0 0 10px;font-size:.78rem;font-weight:700;text-transform:uppercase;color:#ffd6cb}.topbar h1,.hero-copy h2,.quiz-header h2,.results-header h2,.sidebar-card h3,.library-builder h3,.result-item h3{margin:0;line-height:1.04}.topbar h1{font-size:clamp(2.2rem,4.2vw,3.8rem)}.topbar-pill,.step-pill{display:inline-flex;align-items:center;justify-content:center;padding:.78rem 1rem;border-radius:999px;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid var(--line);color:#fff0e8;font-size:.92rem;font-weight:700;box-shadow:0 12px 28px var(--shadow)}.layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:22px;margin:0 auto;max-width:1340px}.hero-card,.sidebar-card,.quiz-card,.results-card,.result-item,.library-builder,.option-card,.stat-card,.promise-banner,.insight-banner,.answer-row,.custom-meal-row{border:1px solid var(--line);box-shadow:0 22px 52px var(--shadow)}.hero-card,.quiz-card,.results-card,.sidebar-card,.library-builder{background:linear-gradient(180deg,var(--surface-strong),var(--surface));color:var(--card-text)}.hero-card{border-radius:30px;padding:28px}.hero-copy h2,.quiz-header h2,.results-header h2{font-size:clamp(1.8rem,3vw,2.8rem)}.hero-copy p,.quiz-footer span,.sidebar-card p,.result-blurb,.result-copy-block p,.insight-banner p,.promise-banner span,.stat-card span,.builder-note,.field-label input,.field-label textarea,.custom-meal-row span,.answer-row span,.empty-library-state p{color:var(--card-muted)}.hero-copy p,.sidebar-card p,.result-copy-block p,.insight-banner p,.empty-library-state p{margin:0;line-height:1.6}.promise-banner{display:grid;gap:8px;margin-top:22px;padding:18px 18px 16px;border-radius:22px;background:linear-gradient(135deg,#ff955a2e,#ff5e871f)}.promise-banner strong{font-size:1.05rem;color:#fff6f0}.promise-banner.compact{margin:0}.hero-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.stat-card{display:grid;gap:8px;padding:16px;border-radius:20px;background:linear-gradient(180deg,var(--surface-soft),rgba(255,255,255,.02))}.stat-card strong{font-size:.98rem}.hero-actions,.results-actions,.sidebar-card-actions,.library-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-actions{margin-top:22px}.primary-button,.secondary-button,.text-button,.ghost-chip{transition:transform .18s ease,opacity .18s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.primary-button:hover,.secondary-button:hover,.text-button:hover,.ghost-chip:hover,.option-card:hover{transform:translateY(-1px)}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:.94rem 1.28rem;border-radius:16px;font-weight:800;color:#fff7f2;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));box-shadow:0 14px 30px #ff6f7b3d}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:.94rem 1.18rem;border-radius:16px;font-weight:700;color:#fff5ee;background:linear-gradient(135deg,var(--secondary-start),var(--secondary-end));border:1px solid var(--line)}.secondary-button-small{padding:.7rem .96rem;font-size:.92rem}.text-button{display:inline-flex;align-items:center;justify-content:center;padding:.72rem .2rem;background:transparent;color:#ffd8cf;font-weight:700}.quiz-card,.results-card{display:grid;gap:20px}.quiz-header,.results-header,.library-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.progress-track{width:100%;height:12px;border-radius:999px;background:var(--track);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));box-shadow:0 0 22px #ff816f59}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.option-card{display:grid;gap:10px;padding:18px;border-radius:22px;text-align:left;color:var(--card-text);background:linear-gradient(180deg,#ffffff14,#ffffff05)}.option-card strong{font-size:1.08rem}.option-card span{line-height:1.5;color:var(--card-muted)}.quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.results-summary-row{display:flex}.insight-banner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;border-radius:24px;background:linear-gradient(180deg,var(--insight-a),var(--insight-b))}.insight-banner small,.result-copy-block h4,.field-label span{color:#ffd3c8;font-size:.76rem;font-weight:800;text-transform:uppercase}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.result-item{display:grid;gap:14px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#ffffff12,#ffffff05)}.result-topline,.result-meta-group,.tag-row,.custom-meal-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-rank,.result-time,.tag,.ghost-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.78rem;font-weight:800}.result-rank,.result-time,.tag{padding:.44rem .7rem;background:#ffffff14;color:#ffe7de}.tag-row{flex-wrap:wrap;justify-content:flex-start}.tag{background:linear-gradient(135deg,var(--accent-soft),var(--accent-soft-2))}.tag-custom{background:linear-gradient(135deg,#ffdf7238,#ff9e5b33)}.result-item h3{font-size:1.28rem}.result-copy-block{display:grid;gap:8px;padding-top:2px}.result-copy-block.muted{padding:14px;border-radius:18px;background:#ffffff0d}.results-actions{justify-content:flex-start}.library-builder{display:grid;gap:18px;padding:20px;border-radius:26px}.library-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-label{display:grid;gap:8px}.field-label-wide{grid-column:1 / -1}.field-label input,.field-label textarea{width:100%;padding:.95rem 1rem;border-radius:16px;border:1px solid var(--line);background:#ffffff0f;outline:none}.field-label input::placeholder,.field-label textarea::placeholder{color:#ffe9e37a}.field-label input:focus,.field-label textarea:focus{border-color:#ffbe9c85;box-shadow:0 0 0 3px #ff8f6226}.builder-note{font-size:.95rem}.save-note{padding:.9rem 1rem;border-radius:16px;background:linear-gradient(135deg,#ff9c672e,#ff668d1f);color:#fff2eb;font-weight:700}.sidebar{display:grid;gap:16px;align-content:start}.sidebar-card{display:grid;gap:14px;padding:20px;border-radius:24px}.sidebar-card-engine{background:linear-gradient(180deg,#ff9d6824,#ff6f8e14),linear-gradient(180deg,var(--surface-strong),var(--surface))}.mini-list{display:grid;gap:10px;margin:0;padding-left:1.1rem;color:var(--card-muted);line-height:1.55}.answer-list,.custom-meal-stack,.empty-library-state{display:grid;gap:12px}.answer-row,.custom-meal-row{padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.answer-row strong,.custom-meal-row strong{color:#fff5ee}.custom-meal-row{justify-content:space-between}.custom-meal-row>div{display:grid;gap:4px}.ghost-chip{padding:.52rem .82rem;background:#ffffff14;color:#fff0e8;border:1px solid var(--line)}.empty-library-state{align-items:start}@media (max-width: 1120px){.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.results-grid{grid-template-columns:1fr}}@media (max-width: 820px){.app-shell{padding:18px}.topbar,.quiz-header,.results-header,.library-builder-head,.quiz-footer{flex-direction:column;align-items:flex-start}.hero-stat-grid,.option-grid,.library-form-grid,.insight-banner,.sidebar{grid-template-columns:1fr}.hero-card,.sidebar-card,.quiz-card,.results-card,.library-builder{padding:20px}}@media (max-width: 560px){.topbar h1{font-size:2rem}.hero-copy h2,.quiz-header h2,.results-header h2{font-size:1.65rem}.result-item h3{font-size:1.15rem}}