:root{--cream: #FAF8F4;--cream-soft: #F5F0E5;--cream-2: #EDE9E1;--cream-3: #E4DDCE;--cream-warm: #F0E7D2;--navy-deep: #0B1B2E;--navy: #1F3148;--navy-mid: #3A4A5C;--navy-soft: #5B6A7C;--navy-faint: #95A1AE;--navy-pale: #CBD2DA;--footer-dark: #091525;--gold: #C9A248;--gold-soft: #D4B57A;--gold-wash: #EFE2C0;--gold-cream: #F6EFD9;--steady: #9BAE92;--stretched: #D4A95E;--intense: #B8765F;--steady-soft: #DCE3D6;--stretched-soft: #F1E2BE;--intense-soft:#ECD2C5;--serif: "Lora", "Newsreader", Georgia, "Times New Roman", serif;--sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--shadow-card: 0 1px 2px rgba(11,27,46,.04), 0 8px 24px rgba(11,27,46,.06);--shadow-soft: 0 1px 2px rgba(11,27,46,.03), 0 4px 12px rgba(11,27,46,.04);--shadow-press: 0 1px 2px rgba(11,27,46,.05), 0 12px 32px rgba(11,27,46,.1)}.screen{width:402px;height:874px;background:var(--cream);font-family:var(--sans);color:var(--navy-mid);display:flex;flex-direction:column;position:relative;overflow:hidden}.screen-scroll{flex:1;overflow:hidden;display:flex;flex-direction:column}.screen-top{padding-top:62px}.tabbar{height:78px;background:#faf8f4eb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:.5px solid var(--cream-3);display:flex;align-items:flex-start;justify-content:space-around;padding:10px 8px 34px;flex-shrink:0}.card{background:#fff;border-radius:18px;box-shadow:var(--shadow-soft)}.card-cream{background:var(--cream-soft);border-radius:18px;border:.5px solid var(--cream-3)}.quote{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--navy);line-height:1.32;letter-spacing:-.01em}.h-serif{font-family:var(--serif);font-weight:500;color:var(--navy);letter-spacing:-.015em;line-height:1.15}:root{color-scheme:light;background:var(--cream-soft);font-family:var(--sans)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--cream-soft);color:var(--navy-mid)}button,input,textarea{font:inherit}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.app-shell{width:100%;max-width:430px}.viewport{width:402px;margin:0 auto}.screen{width:402px;min-height:874px;background:var(--cream);border-radius:34px;box-shadow:0 24px 68px #0b1b2e1f;overflow:hidden;display:flex;flex-direction:column}.screen-top{padding:24px}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.title{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.05;color:var(--navy-deep);margin:10px 0 0}.eyebrow{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.screen-top .card{margin-top:22px}.content-scroll{flex:1;overflow-y:auto;padding:0 24px 14px;display:flex;flex-direction:column;gap:16px}.section-group{display:flex;flex-direction:column;gap:12px}.section-heading{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy-faint)}.card{background:#fff;border-radius:22px;box-shadow:var(--shadow-soft);padding:18px}.card-cream{background:var(--cream-soft);border:1px solid var(--cream-3)}.overview-card .card-copy{margin:10px 0 0;color:var(--navy-mid);font-size:15px;line-height:1.6}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge-pill{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:32px;border-radius:999px;background:var(--gold);color:var(--cream);font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pill-row{display:flex;align-items:center;gap:10px}.pill{padding:10px 14px;border-radius:999px;border:1px solid transparent;background:var(--cream-2);color:var(--navy-deep);font-family:var(--sans);font-size:13px;font-weight:600;text-transform:uppercase}.pill.selected{border-color:var(--navy-mid);background:#fff;box-shadow:inset 0 0 0 1px #1f314814}.pill--steady{background:var(--steady-soft);color:var(--navy-deep)}.pill--stretched{background:var(--stretched-soft);color:var(--navy-deep)}.pill--intense{background:var(--intense-soft);color:var(--navy-deep)}.card-grid{display:grid;gap:16px}.star-row{display:flex;gap:8px;margin-top:14px}.icon-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--cream-2);color:var(--navy-mid);font-family:var(--sans);font-size:13px;font-weight:600}.focus-card{padding:22px 18px}.focus-card .quote{margin:14px 0 0;font-size:18px;line-height:1.45;color:var(--navy-deep)}.tabbar{height:78px;background:#faf8f4f5;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:.5px solid var(--cream-3);display:flex;align-items:flex-start;justify-content:space-around;padding:10px 8px 24px}.tabbar-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;color:var(--navy-faint);font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.02em}.tabbar-item.active{color:var(--navy)}.tabbar-item svg{display:block}@media (max-width: 440px){.app-shell{padding:0 8px}.viewport{width:100%;min-width:402px}}