:root{--sky: #8AAFC2;--sky-light: #B8CDD9;--sky-pale: #EAF1F5;--petal: #F2C4B8;--petal-light: #FAE8E2;--sage: #5E7A62;--sage-light: #8DA88F;--sage-pale: #DCE9DC;--cream: #F5F2ED;--warm-white: #FDFAF6;--charcoal: #2D3532;--warm-gray: #7A8078;--font-display: "Fraunces", Georgia, serif;--font-serif: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", sans-serif;--font-italic: "Cormorant Garamond", Georgia, serif;--radius-card: 16px;--radius-pill: 100px;--shadow-soft: 0 2px 16px rgba(45,53,50,.08);--shadow-card: 0 4px 24px rgba(45,53,50,.1);--nav-height: 66px;--status-height: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--cream);position:relative;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--cream);padding-bottom:calc(var(--nav-height) + 16px)}.screen::-webkit-scrollbar{display:none}.bottom-nav{height:var(--nav-height);background:var(--warm-white);border-top:1px solid rgba(138,175,194,.2);display:flex;align-items:center;justify-content:space-around;padding:0 4px 8px;flex-shrink:0;position:relative;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:8px 10px;border-radius:12px;transition:transform .15s ease;flex:1;min-width:0}.nav-item:active{transform:scale(.92)}.nav-icon{width:22px;height:22px;flex-shrink:0}.nav-label{font-size:10px;font-weight:400;color:var(--warm-gray);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item.active .nav-label{color:var(--sky);font-weight:500}.card{background:var(--warm-white);border-radius:var(--radius-card);border:1px solid rgba(138,175,194,.15);box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.card:active{transform:scale(.98);box-shadow:none}.tag{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:3px 10px;border-radius:var(--radius-pill);letter-spacing:.3px;white-space:nowrap}.tag-sky{background:var(--sky-pale);color:var(--sky)}.tag-sage{background:var(--sage-pale);color:var(--sage)}.tag-petal{background:var(--petal-light);color:#c47a6a}.tag-gray{background:#f0eeea;color:var(--warm-gray)}.filter-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filter-scroll::-webkit-scrollbar{display:none}.chip{flex-shrink:0;font-size:12px;font-weight:400;padding:7px 14px;border-radius:var(--radius-pill);border:1.5px solid rgba(138,175,194,.4);background:var(--warm-white);color:var(--warm-gray);cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:var(--font-body)}.chip.active{background:var(--sky);border-color:var(--sky);color:#fff;font-weight:500}.chip:active{transform:scale(.95)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;border:none;transition:opacity .2s ease,transform .15s ease;width:100%}.btn:active{opacity:.85;transform:scale(.98)}.btn-primary{background:var(--sky);color:#fff}.btn-secondary{background:transparent;color:var(--sky);border:1.5px solid var(--sky)}.btn-sage{background:var(--sage);color:#fff}.screen-header{padding:20px 20px 12px}.screen-title{font-family:var(--font-display);font-weight:300;font-size:28px;color:var(--charcoal);letter-spacing:-.5px}.screen-subtitle{font-size:13px;color:var(--warm-gray);margin-top:4px;font-weight:300}.section-label{font-family:var(--font-serif);font-size:16px;color:var(--charcoal);padding:16px 20px 10px;letter-spacing:.2px}.hero-sky{background:var(--sky)}.hero-sage{background:var(--sage)}.hero-petal{background:var(--petal-light)}.back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#ffffffd9;cursor:pointer;padding:4px 0;margin-bottom:12px}.tip-card{background:var(--sage-pale);border-radius:12px;padding:14px 16px;border-left:3px solid var(--sage)}.tip-label{font-size:10px;font-weight:500;color:var(--sage);letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}.tip-text{font-size:13px;color:var(--charcoal);line-height:1.6;font-style:italic}.sensitive-flag{display:flex;align-items:flex-start;gap:8px;background:var(--petal-light);border-radius:10px;padding:10px 12px;font-size:11px;color:#c47a6a;line-height:1.5;border:1px solid rgba(242,196,184,.5)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d353280;z-index:200;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--cream);border-radius:28px 28px 0 0;padding:24px 20px 36px;width:100%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{width:36px;height:4px;background:#0000001f;border-radius:2px;margin:0 auto 20px}.age-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.age-chip{background:var(--warm-white);border:1.5px solid rgba(138,175,194,.35);border-radius:12px;padding:14px 12px;text-align:center;cursor:pointer;transition:all .2s}.age-chip.selected{background:var(--sky-pale);border-color:var(--sky)}.age-chip-label{font-size:14px;font-weight:400;color:var(--charcoal)}.age-chip.selected .age-chip-label{color:var(--sky);font-weight:500}.age-chip-sub{font-size:11px;color:var(--warm-gray);margin-top:2px}.settings-group{margin:0 20px 20px}.settings-group-label{font-size:11px;font-weight:500;color:var(--warm-gray);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;padding-left:4px}.settings-row{background:var(--warm-white);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:1px solid rgba(138,175,194,.12);margin-bottom:2px;transition:opacity .15s}.settings-row:first-child{border-radius:12px 12px 4px 4px}.settings-row:last-child{border-radius:4px 4px 12px 12px;margin-bottom:0}.settings-row:only-child{border-radius:12px}.settings-row:active{opacity:.7}.settings-row-left{display:flex;align-items:center;gap:12px}.settings-row-icon{width:32px;height:32px;background:var(--sky-pale);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.settings-row-label{font-size:14px;color:var(--charcoal)}.settings-row-value{font-size:12px;color:var(--warm-gray)}.toggle{width:40px;height:22px;border-radius:11px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--sky)}.toggle.off{background:#ccc}.toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 4px #0003}.toggle.on .toggle-thumb{left:20px}.toggle.off .toggle-thumb{left:2px}.weight-toggle{display:flex;background:var(--warm-white);border-radius:var(--radius-pill);padding:4px;border:1.5px solid rgba(138,175,194,.25)}.weight-option{flex:1;padding:8px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:400;color:var(--warm-gray);text-align:center;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.weight-option.active{background:var(--sky);color:#fff;font-weight:500}.weight-option.active.deep{background:var(--sage);color:#fff}.px-20{padding-left:20px;padding-right:20px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.bottom-pad{height:8px}