:root{--bg: #f4f4f5;--bg-deep: #e7e7e9;--surface: #ffffff;--surface-warm: #f2f2f3;--surface-soft: #f2f2f3;--border: #e7e7e9;--border-strong: #d6d6d9;--text: #0b0b0b;--muted: #6b6b70;--hint: #9a9aa0;--accent: #0b0b0b;--accent-deep: #0b0b0b;--green: #1e5b34;--danger: #9b2340;--dark: #0b0b0b;--pastel-yellow: #fbf0cc;--pastel-yellow-text: #6b5310;--pastel-blue: #e3edfb;--pastel-blue-text: #1b4b8f;--pastel-pink: #fbe4ea;--pastel-pink-text: #9b2340;--pastel-green: #e6f2e8;--pastel-green-text: #1e5b34;--font-heading: "Onest", system-ui, sans-serif;--font-body: "Golos Text", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text)}.app{min-height:100vh;padding-bottom:24px}.app-home{padding-bottom:118px}.content{padding:16px 22px;max-width:640px;margin:0 auto}h1{font-family:var(--font-heading);font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1.02}.subtitle{color:var(--muted);font-size:14px;margin:6px 0 16px}.plan-header{display:flex;justify-content:space-between;align-items:center;margin:6px 0 20px}.plan-date{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em}.plan-greeting{margin-top:3px}.header-actions{display:flex;align-items:center;gap:10px}.icon-badge{width:44px;height:44px;border-radius:50%;border:none;background:var(--surface-soft);color:var(--text);display:grid;place-items:center;cursor:pointer;flex:none}.avatar-badge{width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer;font-family:var(--font-heading);font-size:18px;font-weight:600;box-shadow:0 6px 16px -6px #c77d4ab3;flex:none}.grocery-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--bg);padding:10px 22px calc(10px + env(safe-area-inset-bottom))}.grocery-bar .cta-dark{margin-top:0;max-width:640px;margin-left:auto;margin-right:auto}.cta-grocery{background:var(--pastel-yellow);border-radius:20px;padding:18px 20px;cursor:pointer;margin-top:4px}.cta-row{display:flex;align-items:center;gap:14px}.cta-emoji{font-size:26px;line-height:1;flex:none}.cta-text{flex:1;min-width:0}.cta-t{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--pastel-yellow-text);line-height:1.15}.cta-s{font-size:13px;color:var(--pastel-yellow-text);opacity:.85;margin-top:3px;line-height:1.4}.grocery-group{margin-top:4px}.grocery-group-head{display:flex;justify-content:space-between;align-items:baseline;margin:14px 2px 6px}.grocery-group-name{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--text)}.grocery-group-count{font-size:12px;color:var(--muted)}.grocery-icon{width:40px;height:40px;transition:opacity .2s}.grocery-row{align-items:center;padding:13px 14px}.grocery-row-body{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.grocery-name{margin:0;font-size:15px}.grocery-amount{font-size:13px;color:var(--accent-deep);font-weight:600;flex:none;max-width:45%;text-align:right}.grocery-row.done .grocery-name{color:var(--hint);text-decoration:line-through}.grocery-row.done .grocery-amount{color:var(--hint)}.meal-switcher{display:flex;gap:8px;background:var(--surface-warm);padding:5px;border-radius:18px;margin-bottom:22px}.meal-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 4px;border:none;border-radius:14px;background:transparent;cursor:pointer;font-family:var(--font-body)}.meal-tab svg{stroke:var(--hint)}.meal-tab span{font-size:12px;font-weight:600;color:var(--hint)}.meal-tab.on{background:var(--bg);box-shadow:0 3px 10px -4px #4a301840}.meal-tab.on svg{stroke:var(--accent)}.meal-tab.on span{color:var(--text);font-weight:700}.meal-section{margin-bottom:18px}.meal-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.meal-section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hint)}.meal-card{cursor:pointer}.meal-card-photo{position:relative;width:100%;height:200px;border-radius:20px;overflow:hidden}.meal-card-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:72px;opacity:.55}.meal-pill{position:absolute;top:14px;left:14px;background:#fffffff0;color:var(--text);font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px}.meal-reroll{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:none;background:#fffffff0;font-size:17px;cursor:pointer;display:grid;place-items:center}.meal-reroll:disabled{opacity:.5}.meal-card-info{margin-top:12px}.meal-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.meal-card-title{font-family:var(--font-heading);font-size:22px;font-weight:900;color:var(--text);letter-spacing:-.02em;line-height:1.05}.meal-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.search{width:100%;padding:12px 16px;border-radius:16px;border:1px solid var(--border);background:var(--surface);font-size:15px;font-family:var(--font-body);margin:10px 0 16px;color:var(--text)}.search::placeholder{color:var(--hint)}.search:focus{outline:2px solid var(--accent);border-color:transparent}.recipe-card{display:flex;gap:13px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:12px;margin-bottom:10px;cursor:pointer}.recipe-thumb{width:64px;height:64px;border-radius:15px;flex:none;display:grid;place-items:center;font-size:30px}.recipe-card-body{min-width:0}.recipe-card h3{font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:3px}.desc{color:var(--muted);font-size:15px;line-height:1.5}.meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tag{font-size:11px;background:var(--surface-soft);color:var(--hint);padding:3px 8px;border-radius:999px}.profile-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px;margin:16px 0}.avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-heading);font-size:22px;font-weight:600}.name{font-family:var(--font-heading);font-weight:600;font-size:17px}.username{color:var(--muted);font-size:13px;margin-top:1px}.hint{color:var(--muted);font-size:13px;line-height:1.5}.screen-recipe{display:flex;flex-direction:column;gap:16px;padding-top:4px}.screen-recipe h3{font-family:var(--font-heading);font-size:16px;font-weight:600;margin-top:8px}.ov-head{display:flex;align-items:center;gap:12px}.ov-cat{font-size:13px;font-weight:600;color:var(--muted, #9a8c7d);letter-spacing:.02em}.btn-back{width:36px;height:36px;border-radius:12px;background:var(--surface-soft);color:var(--text);display:grid;place-items:center;flex:none;cursor:pointer;border:none}.btn-back:disabled{opacity:.35;cursor:default}.hero{position:relative;height:250px;border-radius:28px;overflow:hidden;display:grid;place-items:center}.hero-emoji{font-size:84px;opacity:.6}.hero-pill{position:absolute;top:16px;left:16px;background:#17120e9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;padding:7px 13px;border-radius:999px}.fav{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:none;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer}.fav svg{fill:none;stroke:var(--accent);transition:fill .2s}.fav.on svg{fill:var(--accent)}.modal-title{font-family:var(--font-heading);font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1.02}.recipe-tags{display:flex;flex-wrap:wrap;gap:8px}.recipe-tag{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;padding:8px 13px;border-radius:10px;white-space:nowrap}.meta-cards{display:flex;gap:8px;flex-wrap:wrap}.m-item{flex:1;min-width:90px;padding:11px 12px;background:var(--surface-soft);border-radius:14px;display:flex;align-items:center;gap:8px}.m-item svg{flex:none}.m-v{font-size:14px;font-weight:700;color:var(--text)}.m-l{font-size:12px;color:var(--muted);margin-top:1px}.m-item-stepper{padding:7px 8px;gap:4px}.m-step-mid{flex:1;text-align:center}.m-step-btn{width:24px;height:24px;border-radius:8px;flex:none;background:var(--surface);border:1px solid var(--border);color:var(--text);display:grid;place-items:center;cursor:pointer}.m-step-btn:disabled{opacity:.35;cursor:default}.kb-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kb-t{font-size:13px;font-weight:700;color:var(--text)}.kb-s{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.kb-chevron{transition:transform .2s ease}.kb-chevron.open{transform:rotate(180deg)}.kb-detail{margin-top:8px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:8px}.kb-detail-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text)}.kb-detail-row span:first-child{color:var(--muted)}.kb-detail-note{font-size:12px;color:var(--hint);line-height:1.4;margin-top:2px}.kbju{display:flex;gap:8px}.kb{flex:1;text-align:center;padding:14px 4px;cursor:pointer;background:var(--surface);border-radius:16px;border:1px solid var(--border);transition:background .15s ease,border-color .15s ease}.kb.hl{background:var(--accent);border-color:var(--accent)}.kb-num{font-family:var(--font-heading);font-size:21px;font-weight:900;color:var(--text)}.kb.hl .kb-num{color:#fff}.kb-num em{font-style:normal;font-size:13px;color:var(--accent-deep)}.kb-cap{font-size:11px;color:var(--muted);margin-top:1px}.kb.hl .kb-cap{color:#ffffffd1}.btn-main{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:17px;background:var(--dark);color:var(--bg);border:none;border-radius:18px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.01em}.btn-main:active{transform:scale(.98)}.btn-cook{margin-top:8px}.app-cooking{padding-bottom:24px}.st-top{position:sticky;top:0;background:var(--bg);padding:14px 22px;border-bottom:1px solid var(--border);z-index:10}.st-row{display:flex;align-items:center;gap:12px;max-width:640px;margin:0 auto}.st-head-text{flex:1;min-width:0}.st-name{font-family:var(--font-heading);font-size:19px;font-weight:900;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-count{font-size:12px;color:var(--muted);margin-top:1px}.prog{margin:13px auto 0;height:6px;background:var(--border);border-radius:999px;overflow:hidden;max-width:640px}.prog i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease;width:0}.cooking-body{padding:18px 22px 0;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hint);margin-top:8px;margin-bottom:10px}.ing-head-clickable{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ings{display:flex;flex-wrap:wrap;gap:8px}.ing{display:inline-flex;align-items:baseline;gap:5px;padding:8px 13px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:14px;color:var(--text);font-weight:500}.ing b{color:var(--accent-deep);font-weight:600}.steps-check{display:flex;flex-direction:column;gap:10px}.step-card{display:flex;gap:13px;align-items:flex-start;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:20px;cursor:pointer}.s-action-icon{width:34px;height:34px;border-radius:11px;flex:none;background:var(--surface-soft);color:var(--text);display:grid;place-items:center}.step-card-body{flex:1;min-width:0}.step-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.s-num{font-family:var(--font-heading);font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--text)}.s-check{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;border:2px solid var(--border-strong);background:transparent;transition:all .2s}.s-check svg{opacity:0}.s-divider{height:1px;background:var(--border);margin:12px 0}.s-title{font-family:var(--font-heading);font-size:16px;font-weight:600;margin-top:3px;line-height:1.2}.s-desc{font-size:16px;color:var(--text);line-height:1.5}.step-card.done .s-check{background:var(--accent);border-color:var(--accent)}.step-card.done .s-check svg{opacity:1}.step-card.done .s-num,.step-card.done .s-title,.step-card.done .s-desc{color:var(--hint)}.step-card.done .s-title{text-decoration:line-through}.step-ings{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.step-ing-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:15px;color:var(--text)}.step-ing-chip b{font-weight:600}.step-ing-icon{width:28px;height:28px;border-radius:50%;overflow:hidden;flex:none;background:var(--surface-soft)}.step-ing-icon img{width:100%;height:100%;object-fit:cover;display:block}.taste-note{font-size:13px;color:var(--muted);line-height:1.45;display:flex;gap:8px;align-items:flex-start;margin-top:4px}.taste-note span:first-child{flex:none;margin-top:1px}.lf-switcher{display:flex;background:var(--surface-warm);border-radius:999px;padding:4px}.lf-tab{flex:1;text-align:center;padding:10px 4px;border:none;border-radius:999px;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer}.lf-tab.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.focus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b0b0b;display:flex;flex-direction:column}.focus-header{flex:none;padding:20px 22px 14px;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.focus-top-row{display:flex;align-items:center;gap:12px}.focus-title{flex:1;min-width:0;font-family:var(--font-heading);font-size:19px;font-weight:900;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-close{width:36px;height:36px;border-radius:50%;flex:none;border:none;background:#1e1e22;display:grid;place-items:center;cursor:pointer}.focus-progress-row{display:flex;align-items:center;gap:10px;margin-top:16px}.focus-progress{flex:1;display:flex;gap:6px}.focus-progress-seg{flex:1;height:3px;border-radius:999px;background:#ffffff38;transition:background .2s}.focus-progress-seg.on{background:#fff}.focus-counter{font-size:14px;font-weight:600;color:#fff9;flex:none;white-space:nowrap}.focus-portions-label{text-align:center;font-size:14px;color:#ffffff8c;margin-top:12px}.focus-voice-row{display:flex;justify-content:center;gap:8px;margin-top:14px}.focus-voice-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;border:1px solid #2a2a2e;background:#17171b;color:#ffffffd9;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.focus-voice-btn.on{background:#fff;color:#0b0b0b;border-color:#fff}.focus-voice-btn.hearing{background:#2ecc71;color:#0b0b0b;border-color:#2ecc71}.focus-voice-btn.processing{background:#fff;color:#0b0b0b;border-color:#fff}.focus-voice-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(11,11,11,.25);border-top-color:#0b0b0b;animation:focus-voice-spin .7s linear infinite;flex:none}@keyframes focus-voice-spin{to{transform:rotate(360deg)}}.focus-voice-gender{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid #2a2a2e;background:#17171b;color:#ffffffd9;font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;flex:none}.focus-scroller{position:relative;flex:1;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;padding:0 22px 60vh;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.focus-step{scroll-snap-align:start;padding:8px 0 44px;transition:opacity .25s ease}.focus-step-num{font-family:var(--font-heading);font-size:26px;font-weight:900;letter-spacing:-.03em;color:#fff}.focus-divider{height:1px;background:#ffffff24;margin:12px 0 18px}.focus-step-text{font-size:21px;line-height:1.42;color:#fff}.focus-ings{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.focus-ing-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 15px 7px 7px;background:#17171b;border:1px solid #2a2a2e;border-radius:14px;font-size:16px;color:#fff}.focus-ing-chip b{font-weight:600}.focus-ing-icon{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:none;background:#2a2a2e}.focus-ing-icon img{width:100%;height:100%;object-fit:cover;display:block}.focus-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px calc(24px + env(safe-area-inset-bottom));text-align:center}.focus-intro-icon{font-size:40px;line-height:1}.focus-intro-title{font-family:var(--font-heading);font-size:24px;font-weight:900;color:#fff;margin-top:14px;letter-spacing:-.02em}.focus-intro-desc{font-size:15px;color:#fff9;margin-top:8px}.focus-intro-cmds{display:flex;flex-direction:column;gap:10px;margin-top:24px;width:100%;max-width:320px}.focus-intro-cmd{background:#17171b;border:1px solid #2a2a2e;border-radius:14px;padding:14px 16px;font-size:15px;color:#ffffffd9;text-align:left;line-height:1.4}.focus-intro-cmd b{color:#fff}.focus-intro-warning{margin-top:18px;width:100%;max-width:320px;padding:12px 14px;border-radius:12px;background:#ffb8001a;border:1px solid rgba(255,184,0,.3);font-size:13px;line-height:1.4;color:#ffc85ae6;text-align:left}.focus-intro-start{margin-top:28px;width:100%;max-width:320px;padding:16px;background:#fff;color:#0b0b0b;border:none;border-radius:14px;font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer}.focus-nav{flex:none;display:flex;gap:10px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.focus-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border-radius:14px;border:1px solid #2a2a2e;background:#17171b;color:#fff;font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer}.focus-nav-btn.primary{background:#fff;color:#0b0b0b;border-color:#fff}.focus-nav-btn:disabled{opacity:.35;cursor:default}.tip{padding:18px;background:var(--pastel-blue);border-radius:18px;margin-bottom:8px}.tip-emoji{font-size:26px;line-height:1}.tip-title{font-family:var(--font-heading);font-size:19px;font-weight:900;color:var(--pastel-blue-text);letter-spacing:-.02em;margin-top:10px}.tip-text{font-size:16px;color:var(--pastel-blue-text);line-height:1.5;margin-top:6px}.profile-section{font-family:var(--font-heading);font-size:16px;font-weight:600;margin:8px 0 10px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text);padding:7px 12px;border-radius:999px;cursor:pointer}.chip-on{background:var(--text);color:#fff;border-color:var(--text)}.chip-liked{background:var(--pastel-green);color:var(--pastel-green-text);border-color:transparent}.chip-disliked{background:var(--pastel-pink);color:var(--pastel-pink-text);border-color:transparent;text-decoration:line-through}.ingredients{list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:4px 15px}.ingredients li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px}.ingredients li+li{border-top:1px dashed var(--border)}.ingredients-icons li{align-items:center}.ing-icon{width:36px;height:36px;border-radius:50%;flex:none;overflow:hidden;background:var(--surface-soft)}.ing-icon img{width:100%;height:100%;object-fit:cover;display:block}.ing-icon-fallback{display:block;width:100%;height:100%;background:var(--border)}.ing-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ing-icon-name{font-size:16px;color:var(--text);line-height:1.35}.ing-amount{font-size:13px;color:var(--muted);line-height:1.3}.steps{list-style:none;display:flex;flex-direction:column;gap:10px}.steps li{display:flex;gap:11px;font-size:14px;line-height:1.45}.step-num{width:24px;height:24px;border-radius:50%;flex:none;background:var(--surface-warm);color:var(--accent-deep);display:grid;place-items:center;font-size:12px;font-weight:700}.stars{display:flex;gap:4px}.star{border:none;background:none;font-size:30px;color:var(--border-strong);cursor:pointer;padding:2px}.star.on{color:var(--accent)}.comment-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.comment-form textarea{min-height:64px;padding:11px 13px;border-radius:16px;border:1px solid var(--border);background:var(--surface);font-size:14px;font-family:var(--font-body);resize:vertical;color:var(--text)}.comment-form textarea::placeholder{color:var(--hint)}.comment-form button{align-self:flex-end;border:none;background:var(--accent);color:#fff;padding:9px 20px;border-radius:999px;font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer}.comment-form button:disabled{opacity:.5}.comment{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:11px 13px;margin-bottom:8px}.comment-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.comment-head .date{color:var(--muted)}.comment p{font-size:14px;line-height:1.4}.onboarding-screen{display:flex;flex-direction:column;min-height:100vh}.onb-head{flex:none;padding:20px 22px 4px;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.onb-top-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.onb-top-row .onb-progress{margin-bottom:0}.onb-progress{flex:1;display:flex;gap:6px;margin-bottom:18px}.onb-progress span{flex:1;height:4px;border-radius:999px;background:var(--border)}.onb-progress span.on{background:var(--text)}.onb-title{font-family:var(--font-heading);font-size:32px;font-weight:900;color:var(--text);letter-spacing:-.035em;line-height:.98}.onb-desc{font-size:15px;color:var(--muted);margin-top:8px;line-height:1.5}.onb-body{flex:1;overflow-y:auto;padding:20px 22px;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.onb-grid{display:flex;flex-wrap:wrap;gap:20px 12px}.onb-item{display:flex;flex-direction:column;align-items:center;gap:9px;width:88px;cursor:pointer}.onb-avatar-wrap{position:relative;width:84px;height:84px;flex:none}.onb-avatar{width:100%;height:100%;border-radius:50%;box-sizing:border-box;background:var(--surface-soft);border:3px solid transparent;display:grid;place-items:center;transition:border-color .2s}.onb-avatar.on{border-color:var(--text)}.onb-avatar-photo{background:none}.onb-avatar-emoji{font-size:32px}.onb-check{position:absolute;top:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:var(--text);border:3px solid var(--bg);display:grid;place-items:center}.onb-label{font-size:13px;font-weight:500;color:var(--muted);text-align:center;line-height:1.25}.onb-label.on{font-weight:600;color:var(--text)}.onb-footer{flex:none;padding:14px 22px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.status{text-align:center;color:var(--muted);padding:24px 0;font-size:14px}.status.error{color:var(--danger)}.p-items{display:flex;flex-direction:column;gap:8px;margin:16px 0}.p-item{display:flex;align-items:center;gap:13px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:18px;cursor:pointer}.p-ic{width:40px;height:40px;border-radius:12px;background:var(--surface-soft);display:grid;place-items:center;flex:none}.p-ic svg{stroke:var(--accent-deep)}.p-t{font-size:15px;font-weight:600;color:var(--text)}.p-s{font-size:12px;color:var(--muted);margin-top:1px}.sub-top{position:sticky;top:0;background:var(--bg);padding:14px 22px;border-bottom:1px solid var(--border);z-index:10}.radio-list{display:flex;flex-direction:column;gap:8px}.radio-card{display:flex;align-items:center;gap:13px;padding:15px;background:var(--surface);border:1.5px solid var(--border);border-radius:18px;cursor:pointer;transition:border-color .2s}.radio-card.on{border-color:var(--accent)}.r-emoji{font-size:24px;flex:none}.r-dot{width:22px;height:22px;border-radius:50%;flex:none;border:2px solid var(--border-strong);display:grid;place-items:center;transition:all .2s}.radio-card.on .r-dot,.plan-card.on .r-dot{border-color:var(--accent)}.r-dot i{width:11px;height:11px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .2s}.radio-card.on .r-dot i,.plan-card.on .r-dot i{transform:scale(1)}.plan-card{position:relative;padding:20px;background:var(--surface);border:1.5px solid var(--border);border-radius:24px;cursor:pointer;transition:border-color .2s}.plan-card.on{border-color:var(--accent)}.plan-card-head{display:flex;justify-content:space-between;align-items:flex-start}.plan-badge{position:absolute;top:-11px;right:16px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 11px;border-radius:999px}.plan-name{font-family:var(--font-heading);font-size:19px;font-weight:600}.plan-price{font-family:var(--font-heading);font-size:26px;font-weight:600;margin-top:4px}.plan-price em{font-style:normal;font-size:13px;font-weight:500;color:var(--muted)}.plan-feat{margin-top:12px;display:flex;flex-direction:column;gap:7px}.plan-feat div{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text)}.plan-feat svg{flex:none;stroke:var(--green)}.plan-feat .no{color:var(--hint)}.plan-feat .no svg{stroke:var(--hint)}.set-list{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.set-row{display:flex;align-items:center;gap:13px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.toggle{width:46px;height:27px;border-radius:999px;flex:none;background:var(--border-strong);position:relative;cursor:pointer;border:none;transition:background .2s}.toggle i{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle.on{background:var(--accent)}.toggle.on i{transform:translate(19px)}.servings-stepper{display:flex;align-items:center;gap:12px}.servings-num{font-family:var(--font-heading);font-size:18px;font-weight:600;min-width:16px;text-align:center}.servings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface-soft);border-radius:14px;margin-bottom:10px;cursor:default}.servings-label{font-size:13px;font-weight:600;color:var(--text)}