*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #008080;--color-primary-content: #ffffff;--color-primary-hover: #006666;--color-navy: #0A2647;--color-navy-dark: #05162b;--color-teal: #008080;--color-teal-dark: #0d5c63;--color-teal-light: #11c4d4;--color-gold: #c4a05f;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-orange: #f97316;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 1.75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-premium: 0 10px 40px -10px rgba(10, 38, 71, .15);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--shadow-glow: 0 0 15px rgba(0, 128, 128, .4);--shadow-nav: 0 -5px 20px rgba(0, 0, 0, .05);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);word-break:keep-all}:root[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-navy: #e2e8f0;--color-navy-dark: #cbd5e1;--color-border: #334155;--color-border-light: #1e293b;--color-primary-content: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .5), 0 4px 8px -4px rgba(0, 0, 0, .3);--shadow-premium: 0 10px 40px -10px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .3);--shadow-glow: 0 0 15px rgba(0, 128, 128, .3);--shadow-nav: 0 -5px 20px rgba(0, 0, 0, .3)}body{margin:0;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:430px;margin:0 auto;min-height:100dvh;background-color:var(--color-bg);position:relative;overflow-x:hidden;box-shadow:0 25px 50px -12px #00000026}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}ul,ol{list-style:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.app{display:flex;flex-direction:column;min-height:100dvh;padding-top:calc(49px + max(12px,env(safe-area-inset-top,0px)))}.icon-sm{font-size:18px!important}.icon-xs{font-size:16px!important}.announce-banner{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#00808014,#0a26470f);border-radius:var(--radius-xl);border:1px solid rgba(0,128,128,.15)}.announce-banner-body{flex:1;display:flex;flex-direction:column;gap:6px}.announce-banner-title{font-size:.9rem;font-weight:700;color:var(--color-navy)}.announce-banner-text{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.announce-banner-cta{align-self:flex-start;margin-top:4px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:.78rem;font-weight:700;border:none;cursor:pointer;transition:background .2s}.announce-banner-cta:hover{background:var(--color-primary-hover)}.announce-banner-close{flex-shrink:0;display:flex;align-items:flex-start;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0}.announce-banner-close .material-symbols-outlined{font-size:20px}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}:root[data-theme=dark] .glass-panel{background:#1e293bcc;border-color:#33415580}.silk-btn{background:linear-gradient(135deg,#1a8f8f,teal 45%,#006060);position:relative;overflow:hidden}.silk-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.silk-btn:hover:before{left:100%}.top-bar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.top-bar-brand{display:flex;align-items:center;gap:6px;color:var(--color-navy);background:none;border:none;padding:0;cursor:pointer}.top-bar-name{font-size:1rem;font-weight:800;letter-spacing:-.02em}.top-bar-theme-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:none;border:none;cursor:pointer;color:var(--color-text-secondary);transition:background .2s,color .2s}.top-bar-theme-btn:hover{background:var(--color-border-light);color:var(--color-navy)}.top-bar-theme-btn .material-symbols-outlined{font-size:22px}.main-content{flex:1;display:flex;flex-direction:column;gap:24px;padding:16px 16px 120px}.section-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-navy)}.section-title-lg{font-size:1.1rem;font-weight:700;color:var(--color-navy)}.section-subtitle{font-size:.82rem;color:var(--color-text-secondary);margin-top:2px}.section-premium-label{font-size:.68rem;font-weight:600;color:var(--color-teal);text-transform:uppercase;letter-spacing:.08em}.link-btn{font-size:.75rem;font-weight:600;color:var(--color-teal);transition:color .2s;display:inline-flex;align-items:center;gap:2px}.link-btn:hover{color:var(--color-teal-dark)}.meal-day-tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--color-border-light);border-radius:var(--radius-lg);padding:3px}.meal-day-tab{flex:1;padding:8px 0;border-radius:var(--radius-md);background:none;border:none;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:background .2s,color .2s}.meal-day-tab.active{background:var(--color-surface);color:var(--color-orange);box-shadow:var(--shadow-sm)}.lunch-card{display:flex;gap:16px;align-items:center;padding:16px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(10,38,71,.06);transition:box-shadow .2s}.lunch-card+.lunch-card{margin-top:8px}.lunch-student-name{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--color-orange);margin-bottom:4px}.lunch-card:hover{box-shadow:var(--shadow-md)}.lunch-thumb{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-border-light)}.lunch-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.lunch-card:hover .lunch-thumb img{transform:scale(1.1)}.lunch-info{flex:1;min-width:0}.lunch-menu{font-size:.95rem;font-weight:700;color:var(--color-navy);line-height:1.4}.lunch-tip{margin-top:4px;font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.lunch-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:#0080801a;color:var(--color-teal)}.lunch-check .material-symbols-outlined{font-size:20px}@keyframes shimmer{0%{background-position:200% 200%}to{background-position:0% 0%}}.rec-error{padding:16px;text-align:center;color:var(--color-text-secondary);font-size:.85rem}.rec-error .link-btn{margin-top:8px;display:inline-block}.tag-selector-hint{font-size:.75rem;color:var(--color-text-muted);margin-bottom:8px}.tag-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-sm)}.tag-group{display:flex;align-items:center;gap:8px}.tag-group-label{flex-shrink:0;width:72px;font-size:.72rem;font-weight:600;color:var(--color-text-secondary);word-break:keep-all}.tag-group-btns{display:flex;flex-wrap:wrap;gap:6px;flex:1}.tag-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:.75rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;white-space:nowrap}.tag-btn:active{transform:scale(.95)}.tag-btn--active{border-color:var(--color-teal);background:#00808014;color:var(--color-teal)}.tag-btn-emoji{font-size:.85rem;line-height:1}.rec-list{display:flex;flex-direction:column;gap:0}.rec-list-loading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:var(--color-text-muted);font-size:.85rem}.rec-list-loading .material-symbols-outlined{font-size:28px;color:var(--color-teal);animation:pulse 1.5s ease-in-out infinite}.rec-list-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-border-light)}.rec-list-item:last-child{border-bottom:none}.rec-list-item--top{background:#0080800a;border-radius:var(--radius-lg);padding:14px 12px;margin-bottom:2px;border-bottom:none}.rec-list-rank{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-border-light);font-size:.72rem;font-weight:700;color:var(--color-text-secondary);margin-top:2px}.rec-list-item--top .rec-list-rank{background:var(--color-teal);color:#fff}.rec-list-body{flex:1;min-width:0}.rec-list-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rec-list-name{font-size:.95rem;font-weight:700;color:var(--color-navy)}.rec-list-reason{margin-top:4px;font-size:.78rem;color:var(--color-text-secondary);line-height:1.4}.rec-list-ingredients{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:.72rem;color:var(--color-teal);font-weight:500}.rec-list-ingredients .material-symbols-outlined{font-size:14px;opacity:.7}.rec-list-actions{display:flex;gap:8px;margin-top:8px}.rec-list-link{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-border-light);font-size:.72rem;font-weight:600;color:var(--color-text-secondary);text-decoration:none;transition:background .15s}.rec-list-link:hover{background:var(--color-border)}.rec-list-confirm{display:inline-flex;align-items:center;gap:3px;padding:8px 12px;border-radius:var(--radius-full);background:#0080801a;font-size:.72rem;font-weight:700;color:var(--color-teal);transition:background .15s,transform .1s}.rec-list-confirm:hover{background:#00808033}.rec-list-confirm:active{transform:scale(.95)}.rec-list-confirm:disabled{opacity:.5;cursor:default}.rec-list-confirm--done{background:var(--color-teal);color:#fff}.rec-list-dismiss{display:inline-flex;align-items:center;gap:3px;padding:8px 12px;background:#ef444414;color:var(--color-text);border:none;border-radius:var(--radius-full);font-size:.72rem;cursor:pointer;opacity:.6;transition:background .15s,opacity .15s}.rec-list-dismiss:hover{background:#ef44442e;opacity:1}.rec-dismiss-reasons{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.rec-dismiss-reason-chip{padding:4px 12px;background:#ef444414;color:var(--color-text);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-full);font-size:.72rem;cursor:pointer;transition:background .15s}.rec-dismiss-reason-chip:hover{background:#ef44442e}.rec-dismiss-done{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:.75rem;color:var(--color-text);opacity:.5}.rec-list-item--dismissed{opacity:.4;transition:opacity .3s}.rec-list-item--dismissed .rec-list-rank{background:var(--color-border)}.cook-time-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:var(--radius-full);background:#64748b1a;font-size:.72rem;font-weight:600;color:var(--color-text-secondary);align-self:flex-start}.rec-list-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.rec-type-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.rec-type-badge--milkit{background:#3b82f61a;color:#3b82f6}.rec-type-badge--delivery{background:#f973161a;color:#f97316}.hero-cta{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a8f8f,teal 45%,#006060);color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #00808040;transition:transform .1s,box-shadow .2s;position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:.5s}.hero-cta:hover:before{left:100%}.hero-cta:hover{box-shadow:0 6px 20px #00808059}.hero-cta:active{transform:scale(.98)}.hero-cta:disabled{opacity:.5;cursor:default}.home-section-title{font-size:1.4rem;font-weight:700;color:var(--color-navy);letter-spacing:-.02em;line-height:1.3}.home-confirmed-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);border:1px solid rgba(0,128,128,.1)}.home-confirmed-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:#0080801a;color:var(--color-teal)}.home-confirmed-icon .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 1}.home-confirmed-body{flex:1;min-width:0}.home-confirmed-label{font-size:.72rem;font-weight:600;color:var(--color-teal);text-transform:uppercase;letter-spacing:.05em}.home-confirmed-name{font-size:1.1rem;font-weight:700;color:var(--color-navy);margin-top:2px}.home-confirmed-recipe{display:inline-flex;align-items:center;gap:3px;margin-top:8px;font-size:.72rem;font-weight:600;color:var(--color-teal);text-decoration:none;transition:opacity .2s}.home-confirmed-recipe:hover{opacity:.7}.home-dinner-cta{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(135deg,#0080800f,#0a26470a);border-radius:var(--radius-xl);border:1px solid rgba(0,128,128,.12);cursor:pointer;transition:all .2s}.home-dinner-cta:hover{border-color:#00808040;box-shadow:var(--shadow-sm)}.home-dinner-cta:active{transform:scale(.99)}.home-dinner-cta-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,#1a8f8f,teal);color:#fff;box-shadow:0 4px 12px #00808040}.home-dinner-cta-icon .material-symbols-outlined{font-size:24px}.home-dinner-cta-body{flex:1;min-width:0}.home-dinner-cta-title{font-size:.95rem;font-weight:700;color:var(--color-navy)}.home-dinner-cta-desc{margin-top:3px;font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.home-dinner-cta-arrow{flex-shrink:0;font-size:20px!important;color:var(--color-text-muted)}.home-school-guide{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border-radius:var(--radius-xl);border:1px dashed rgba(0,128,128,.25);cursor:pointer;transition:all .2s}.home-school-guide:hover{border-color:var(--color-teal);background:#00808005}.home-school-guide-icon{font-size:28px!important;color:var(--color-teal);flex-shrink:0;opacity:.7}.home-school-guide-title{font-size:.85rem;font-weight:700;color:var(--color-navy)}.home-school-guide-desc{margin-top:2px;font-size:.72rem;color:var(--color-text-secondary)}.home-school-guide-arrow{font-size:20px!important;color:var(--color-text-muted);flex-shrink:0;margin-left:auto}.home-trending-chips{display:flex;flex-wrap:wrap;gap:8px}.home-trending-chip{padding:6px 14px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-sm);font-size:.78rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .15s}.home-trending-chip:hover{border-color:var(--color-teal);color:var(--color-teal)}.home-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-quick-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(10,38,71,.06);cursor:pointer;transition:all .2s}.home-quick-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-quick-card .material-symbols-outlined{font-size:28px;color:var(--color-teal)}.home-quick-card span:last-child{font-size:.78rem;font-weight:600;color:var(--color-navy)}.trending-section{margin-bottom:24px}.trending-section-title{font-size:1.15rem;font-weight:700;color:var(--color-navy);letter-spacing:-.01em}.trending-live-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--color-text-secondary);margin-top:2px}.trending-live-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-danger);animation:pulse 1.5s ease-in-out infinite}.trending-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.trending-scroll::-webkit-scrollbar{display:none}.trending-card{flex:0 0 160px;cursor:pointer;scroll-snap-align:start;transition:transform .3s}.trending-card:hover{transform:translateY(-2px)}.trending-card-img{width:160px;height:160px;border-radius:var(--radius-xl);background:var(--color-border) center / cover no-repeat;margin-bottom:10px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:box-shadow .3s}.trending-card:hover .trending-card-img{box-shadow:var(--shadow-lg)}.trending-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:.6;transition:opacity .3s}.trending-card:hover .trending-card-img:after{opacity:.8}.trending-card-name{font-size:.88rem;font-weight:700;color:var(--color-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.trending-card:hover .trending-card-name{color:var(--color-teal)}.trending-card-desc{font-size:.72rem;color:var(--color-text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-food-list{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05);overflow:hidden}.trending-food-item{display:flex;align-items:center;gap:12px;padding:12px 16px}.trending-food-item:not(:last-child){border-bottom:1px solid rgba(15,23,42,.04)}.trending-food-rank{width:24px;font-size:.82rem;font-weight:700;color:var(--color-text-secondary);text-align:center;flex-shrink:0}.trending-food-rank.top{color:var(--color-teal)}.trending-food-name{flex:1;font-size:.88rem;font-weight:600;color:var(--color-text)}.trending-food-link{display:flex;align-items:center;color:var(--color-text-muted);transition:color .2s}.trending-food-link:hover{color:var(--color-teal)}.quick-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-menu-card{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05);text-decoration:none;transition:box-shadow .2s,transform .1s}.quick-menu-card:hover{box-shadow:var(--shadow-md)}.quick-menu-card:active{transform:scale(.98)}.quick-menu-emoji{font-size:1.2rem;flex-shrink:0}.quick-menu-name{flex:1;font-size:.8rem;font-weight:600;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-menu-time{font-size:.68rem;color:var(--color-text-muted);flex-shrink:0}.pantry-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pantry-card{padding:14px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.pantry-card-title{font-size:.78rem;font-weight:700;color:var(--color-navy);margin-bottom:8px}.pantry-card-items{display:flex;flex-wrap:wrap;gap:4px}.pantry-chip{padding:3px 8px;border-radius:var(--radius-full);background:#0080800f;font-size:.72rem;font-weight:500;color:var(--color-text)}.popular-menu-count{font-size:.75rem;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.feed-grid{columns:2;column-gap:16px}.feed-item{break-inside:avoid;margin-bottom:16px;cursor:pointer;position:relative}.feed-img-wrap{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-border)}.feed-img-wrap img{width:100%;display:block;object-fit:cover;transition:transform .3s}.feed-item:hover .feed-img-wrap img{transform:scale(1.05)}.feed-user{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-full);background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.feed-avatar{width:20px;height:20px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.5);object-fit:cover}.feed-username{font-size:.62rem;font-weight:500;color:#fff}.feed-avatar-icon{font-size:16px!important;color:#fffc}.feed-time{font-size:.58rem;color:#ffffffb3;margin-left:auto}.home-feed-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;background:linear-gradient(135deg,#0080800f,#0080801a);color:var(--color-teal)}.home-feed-placeholder .material-symbols-outlined{font-size:28px}.home-feed-placeholder-name{font-size:.75rem;font-weight:600;padding:0 8px;text-align:center;word-break:keep-all}.home-feed-empty{padding:32px 16px;text-align:center;color:var(--color-text-muted);font-size:.85rem}.recipe-modal{position:fixed;inset:0;z-index:50;background:var(--color-surface);display:flex;flex-direction:column;overflow-y:auto}.recipe-modal-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:48px 16px 12px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light)}:root[data-theme=dark] .recipe-modal-header{background:#1e293bf2}.recipe-modal-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);transition:background .2s}.recipe-modal-back:hover{background:var(--color-border-light)}.recipe-modal-back .material-symbols-outlined{font-size:24px;color:var(--color-navy)}.recipe-modal-title{font-size:1.05rem;font-weight:700;color:var(--color-navy);text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-modal-body{flex:1;padding:0 16px 96px}.recipe-modal-confirm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;margin-top:24px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a8f8f,teal 45%,#006060);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:transform .1s}.recipe-modal-confirm-btn:active{transform:scale(.98)}.recipe-modal-confirm-btn:disabled{background:var(--color-text-muted);cursor:default}.recipe-modal-confirm-btn .material-symbols-outlined{font-size:20px}.placeholder-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 0;min-height:400px}.placeholder-icon{font-size:56px!important;color:var(--color-text-muted);margin-bottom:16px}.placeholder-page h2{font-size:1.2rem;font-weight:700;color:var(--color-navy);margin-bottom:8px}.placeholder-page p{font-size:.9rem;color:var(--color-text-muted)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(226,232,240,.5);box-shadow:var(--shadow-nav);z-index:60}:root[data-theme=dark] .bottom-nav{background:#0f172ae6;border-top-color:#33415580}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:48px;transition:all .2s}.nav-item .material-symbols-outlined{font-size:24px;color:var(--color-text-muted);transition:all .3s}.nav-item:hover .material-symbols-outlined{color:var(--color-teal);transform:translateY(-1px)}.nav-label{font-size:.6rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;transition:color .2s}.nav-item:hover .nav-label,.nav-item.active .material-symbols-outlined{color:var(--color-teal)}.nav-item.active .nav-label{color:var(--color-teal);font-weight:700}.nav-item--center{position:relative;top:-20px;height:auto;gap:6px}.nav-center-circle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0a2647,#05162b);color:#fff;box-shadow:0 4px 16px #0a26474d;transition:all .3s;border:4px solid var(--color-surface)}.nav-item--center:hover .nav-center-circle{transform:scale(1.08);box-shadow:0 6px 24px #0a264766}.nav-center-circle .material-symbols-outlined{font-size:26px;color:#fff!important}.nav-item--center .nav-label{font-size:.58rem;color:var(--color-navy);font-weight:600;opacity:0;transition:opacity .2s}.nav-item--center:hover .nav-label{opacity:1;color:var(--color-navy)}.nav-item--center.active .nav-center-circle{background:linear-gradient(135deg,#1a8f8f,teal 45%,#006060);box-shadow:0 4px 16px #00808066}.nav-item--center.active .nav-label{opacity:1;color:var(--color-teal)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh}.loading-brand{display:flex;flex-direction:column;align-items:center;animation:pulse 1.5s ease-in-out infinite}.loading-logo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-xl);background:#0a2647;margin-bottom:16px;box-shadow:0 8px 24px #0a26474d}.loading-logo .material-symbols-outlined{font-size:36px;color:#fff;font-variation-settings:"FILL" 1}.loading-title{font-size:1.4rem;font-weight:800;color:var(--color-navy);letter-spacing:-.03em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root[data-theme=dark] .nav-center-circle{background:linear-gradient(135deg,#1e3a5f,#152d4a)}:root[data-theme=dark] .loading-logo{background:#1e3a5f}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;padding:24px;text-align:center}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.login-logo{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-xl);background:#0a2647;margin-bottom:20px;box-shadow:0 8px 24px #0a26474d}.login-logo .material-symbols-outlined{font-size:40px;color:#fff;font-variation-settings:"FILL" 1}.login-title{font-size:1.8rem;font-weight:800;color:var(--color-navy);letter-spacing:-.03em}.login-headline{margin-top:8px;font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;word-break:keep-all}.login-slogan{margin-top:8px;font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.login-features{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.login-feature-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid rgba(10,38,71,.06);text-align:left}.login-feature-icon{font-size:28px!important;color:var(--color-teal);flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00808014;border-radius:var(--radius-lg)}.login-feature-title{font-size:.9rem;font-weight:700;color:var(--color-navy)}.login-feature-desc{font-size:.78rem;color:var(--color-text-secondary);margin-top:2px;line-height:1.4}.login-actions{width:100%;max-width:320px}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 24px;border-radius:var(--radius-xl);background:#0a2647;border:none;font-size:1rem;font-weight:700;color:#fff;box-shadow:0 8px 24px #0a26474d;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer}.google-btn:hover{background:#0d2d52;box-shadow:0 10px 28px #0a264766}.google-btn:active{transform:scale(.98)}:root[data-theme=dark] .google-btn{background:#1e3a5f;box-shadow:0 8px 24px #0006}:root[data-theme=dark] .google-btn:hover{background:#254a73;box-shadow:0 10px 28px #00000080}:root[data-theme=dark] .login-logo{background:#1e3a5f}.google-icon{flex-shrink:0}.google-btn-sub{margin-top:8px;font-size:.75rem;color:var(--color-teal);font-weight:600}.email-toggle-btn{width:100%;padding:14px;margin-top:12px;border-radius:var(--radius-lg);background:none;border:1px solid var(--color-border);font-family:inherit;font-size:.88rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:background .2s,border-color .2s}.email-toggle-btn:hover{background:var(--color-border-light);border-color:var(--color-teal);color:var(--color-teal)}.email-form{display:flex;flex-direction:column;gap:12px}.email-input{width:100%;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);font-family:inherit;font-size:.9rem;color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s}.email-input::placeholder{color:var(--color-text-muted)}.email-input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #00808026}.password-hint{font-size:.75rem;color:var(--color-text-muted);text-align:left;margin:-4px 0 0}.email-error{font-size:.78rem;color:var(--color-danger);text-align:left;margin:0}.email-submit-btn{width:100%;padding:14px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a8f8f,teal 45%,#006060);color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 12px #00808033;transition:transform .1s}.email-submit-btn:hover{box-shadow:0 6px 20px #00808059}.email-submit-btn:active{transform:scale(.98)}.email-submit-btn:disabled{opacity:.6;cursor:not-allowed}.mode-toggle{margin-top:16px;font-size:.82rem;color:var(--color-text-secondary)}.mode-toggle-btn{background:none;border:none;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--color-teal);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.login-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:var(--color-text-muted);font-size:.75rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-terms{margin-top:24px;font-size:.72rem;color:var(--color-text-muted);line-height:1.5}.login-link{color:var(--color-teal);font-weight:500}.login-version{margin-top:32px;font-size:.75rem;color:var(--color-text-muted)}.login-page--compact{justify-content:flex-start;padding-top:24px}.login-page--compact .login-logo{width:64px;height:64px}.login-page--compact .login-logo .material-symbols-outlined{font-size:32px}.landing{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:48px 16px 32px;padding:max(48px,env(safe-area-inset-top,0px)) 16px max(32px,env(safe-area-inset-bottom,0px));background:var(--color-bg)}.landing-inner{width:100%;max-width:400px;display:flex;flex-direction:column;gap:32px}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:16px}.landing-logo{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-xl);background:#0a2647;margin-bottom:20px;box-shadow:0 8px 24px #0a26474d;color:#fff}.landing-hero-title{font-size:2rem;font-weight:800;color:var(--color-navy);letter-spacing:-.03em}.landing-hero-hook{margin-top:8px;font-size:1.1rem;font-weight:700;color:var(--color-teal)}.landing-hero-sub{margin-top:8px;font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;word-break:keep-all}.landing-preview{display:flex;flex-direction:column;gap:8px}.landing-preview-label{font-size:.72rem;font-weight:700;color:var(--color-teal);text-transform:uppercase;letter-spacing:.08em}.landing-preview-list{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid rgba(10,38,71,.06);padding:4px 12px}.landing-features{display:flex;flex-direction:column;gap:12px}.landing-cta{display:flex;flex-direction:column;align-items:center;text-align:center}.landing-signup-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:64px}:root[data-theme=dark] .landing-logo{background:#1e3a5f}.fm-form{display:flex;flex-direction:column;gap:20px}.fm-header{display:flex;align-items:center;gap:12px}.fm-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:background .2s}.fm-back:hover{background:var(--color-border-light)}.fm-back .material-symbols-outlined{font-size:20px;color:var(--color-text)}.fm-title{font-size:1.15rem;font-weight:700;color:var(--color-text)}.fm-section{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.fm-section-title{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em}.fm-field{display:flex;flex-direction:column;gap:8px}.fm-label{font-size:.82rem;font-weight:500;color:var(--color-text-secondary)}.fm-field-hint{font-size:.75rem;color:var(--color-text-muted);margin:-4px 0 0}.fm-input{width:100%;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);font-family:inherit;font-size:.9rem;color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s}.fm-input::placeholder{color:var(--color-text-muted)}.fm-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00808026}.fm-input[type=number]{-moz-appearance:textfield}.fm-input[type=number]::-webkit-inner-spin-button,.fm-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fm-textarea{width:100%;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);font-family:inherit;font-size:.9rem;color:var(--color-text);outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s}.fm-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00808026}.fm-birth-row{display:flex;align-items:center;gap:12px}.fm-birth-row .fm-input{flex:1}.fm-age{font-size:.85rem;font-weight:500;color:var(--color-teal);white-space:nowrap}.fm-segments{display:flex;gap:6px;flex-wrap:wrap}.fm-segment{padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);font-family:inherit;font-size:.82rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.fm-segment:hover{border-color:var(--color-primary)}.fm-segment.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.fm-chips{display:flex;flex-wrap:wrap;gap:8px}.fm-chip{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);font-family:inherit;font-size:.78rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.fm-chip:hover{border-color:var(--color-primary)}.fm-chip.active{background:#0080801f;border-color:var(--color-primary);color:var(--color-teal)}.fm-school-selected{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-lg);background:#00808014;border:1px solid rgba(0,128,128,.25)}.fm-school-info{display:flex;align-items:center;gap:8px}.fm-school-name{font-size:.9rem;font-weight:600;color:var(--color-text)}.fm-school-clear{padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-family:inherit;font-size:.78rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background .2s}.fm-school-clear:hover{background:var(--color-border-light)}.fm-school-dropdown{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);max-height:200px;overflow-y:auto}.fm-school-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:none;background:none;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s}.fm-school-option:hover{background:#0080800f}.fm-school-option+.fm-school-option{border-top:1px solid var(--color-border)}.fm-school-option-name{font-size:.88rem;font-weight:600;color:var(--color-text)}.fm-school-option-addr{font-size:.75rem;color:var(--color-text-muted)}.fm-school-hint{font-size:.8rem;color:var(--color-text-muted);margin:0}.fm-actions{display:flex;gap:12px}.fm-cancel-btn{flex:1;padding:14px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);font-family:inherit;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:background .2s,transform .1s}.fm-cancel-btn:hover{background:var(--color-border-light)}.fm-cancel-btn:active{transform:scale(.98)}.fm-save-btn{flex:1;padding:14px;border-radius:var(--radius-lg);background:var(--color-primary);border:none;font-family:inherit;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 12px #00808033;transition:background .2s,transform .1s}.fm-save-btn:hover{background:var(--color-primary-hover)}.fm-save-btn:active{transform:scale(.98)}.fm-save-btn:disabled{opacity:.5;cursor:not-allowed}.tq-wrap{position:fixed;inset:0;z-index:100;background:var(--color-bg);display:flex;flex-direction:column;overflow-y:auto}.tq-header{display:flex;align-items:center;padding:12px 16px;gap:12px;border-bottom:1px solid var(--color-border)}.tq-close-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center}.tq-progress-dots{flex:1;display:flex;gap:6px;align-items:center}.tq-dot{flex:1;height:4px;border-radius:2px;background:var(--color-border);transition:background .3s}.tq-dot.done{background:var(--color-primary)}.tq-dot.active{background:var(--color-primary);opacity:.5}.tq-progress-label{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.tq-body{flex:1;display:flex;flex-direction:column;padding:32px 20px 40px;gap:32px}.tq-question{font-size:1.3rem;font-weight:700;text-align:center;color:var(--color-text);line-height:1.4}.tq-pair{display:flex;flex-direction:column;gap:16px}.tq-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;border-radius:var(--radius-xl);background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;transition:all .15s ease;min-height:96px}.tq-option:hover:not(:disabled){border-color:var(--color-primary);background:#0080800d;transform:translateY(-1px)}.tq-option.selected{border-color:var(--color-primary);background:#0080801f;transform:scale(1.02)}.tq-option:disabled:not(.selected){opacity:.4}.tq-option-label{font-size:1.25rem;font-weight:700;color:var(--color-text)}.tq-option-sub{font-size:.82rem;color:var(--color-text-muted)}.tq-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:16px;text-align:center}.tq-intro-icon{font-size:3.5rem;margin-bottom:8px}.tq-intro-title{font-size:1.4rem;font-weight:700;color:var(--color-text)}.tq-intro-desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.tq-intro-count{font-size:.85rem;color:var(--color-primary);font-weight:600;background:#0080801a;padding:4px 14px;border-radius:var(--radius-full)}.tq-primary-btn{width:100%;max-width:280px;padding:16px;border-radius:var(--radius-xl);background:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;border:none;cursor:pointer;margin-top:8px}.tq-skip-btn{background:none;border:none;color:var(--color-text-muted);font-size:.9rem;cursor:pointer;padding:8px}.caq-page{display:flex;flex-direction:column;gap:16px;min-height:100%}.caq-header{display:flex;align-items:center;gap:12px}.caq-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;flex-shrink:0}.caq-back .material-symbols-outlined{font-size:20px;color:var(--color-text)}.caq-title{font-size:1.1rem;font-weight:700;color:var(--color-text)}.caq-desc{font-size:.88rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.caq-loading{text-align:center;padding:40px 0;color:var(--color-text-muted);font-size:.9rem}.caq-list{display:flex;flex-direction:column;gap:10px}.caq-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.caq-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.caq-item-label{font-size:.9rem;font-weight:600;color:var(--color-text)}.caq-item-desc{font-size:.75rem;color:var(--color-text-muted)}.caq-item-toggle{display:flex;gap:6px;flex-shrink:0}.caq-toggle-btn{padding:7px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);font-family:inherit;font-size:.78rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.caq-toggle-btn.capable{background:#0080801f;border-color:var(--color-primary);color:var(--color-teal)}.caq-toggle-btn.incapable{background:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}.caq-toggle-btn:hover:not(.capable):not(.incapable){border-color:var(--color-text-muted)}.caq-done-btn{width:100%;padding:16px;border-radius:var(--radius-lg);border:none;background:var(--color-primary);font-family:inherit;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 12px #00808040;transition:background .2s,transform .1s;margin-top:auto}.caq-done-btn:hover{background:var(--color-primary-hover)}.caq-done-btn:active{transform:scale(.98)}.fp-page{display:flex;flex-direction:column;gap:20px}.fp-header{display:flex;align-items:center;gap:12px}.fp-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:background .2s}.fp-back:hover{background:var(--color-border-light)}.fp-back .material-symbols-outlined{font-size:20px;color:var(--color-text)}.fp-title{font-size:1.15rem;font-weight:700;color:var(--color-text)}.fp-loading,.fp-error{text-align:center;padding:32px 16px;font-size:.9rem;color:var(--color-text-secondary)}.fp-error{color:var(--color-danger)}.fp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;gap:8px}.fp-empty-icon{font-size:56px;color:var(--color-text-muted);margin-bottom:8px}.fp-empty h3{font-size:1.05rem;font-weight:700;color:var(--color-text)}.fp-empty p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:16px}.fp-list{display:flex;flex-direction:column;gap:14px}.fp-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.fp-card-top{display:flex;align-items:center;gap:14px}.fp-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:#0080801a;flex-shrink:0}.fp-card-icon .material-symbols-outlined{font-size:24px;color:var(--color-teal)}.fp-card-info{flex:1;min-width:0}.fp-card-name{font-size:.95rem;font-weight:600;color:var(--color-text)}.fp-card-meta{font-size:.8rem;color:var(--color-text-secondary)}.fp-card-tags{display:flex;flex-wrap:wrap;gap:6px}.fp-tag{padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:500}.fp-tag.allergy{background:#ef444414;color:var(--color-danger)}.fp-tag.diet{background:#00808014;color:var(--color-teal)}.fp-card-dislike{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--color-text-secondary)}.fp-card-dislike .material-symbols-outlined{font-size:14px;color:var(--color-text-muted)}.fp-card-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--color-border-light)}.fp-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-lg);border:none;background:var(--color-border-light);font-family:inherit;font-size:.78rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background .2s}.fp-action-btn .material-symbols-outlined{font-size:16px}.fp-action-btn:hover{background:var(--color-border)}.fp-action-btn.danger{color:var(--color-danger)}.fp-action-btn.danger:hover{background:#ef444414}.fp-cooking-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);font-family:inherit;font-size:.9rem;font-weight:600;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .2s}.fp-cooking-btn:hover{background:var(--color-border-light)}.fp-cooking-btn .icon-sm{font-size:20px;color:var(--color-teal)}.fp-chevron{margin-left:auto;font-size:20px;color:var(--color-text-muted)}.fp-action-btn.taste{background:#0080801a;color:var(--color-teal)}.fp-action-btn.taste:hover{background:#0080802e}.fp-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--radius-lg);background:var(--color-primary);border:none;font-family:inherit;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 12px #00808033;transition:background .2s,transform .1s}.fp-add-btn:hover{background:var(--color-primary-hover)}.fp-add-btn:active{transform:scale(.98)}.fp-add-btn .material-symbols-outlined{font-size:20px}.profile-page{display:flex;flex-direction:column;gap:24px}.profile-card{display:flex;flex-direction:column;align-items:center;padding:32px 16px 24px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.profile-avatar-wrap{width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;margin-bottom:16px;border:3px solid var(--color-primary);padding:2px}.profile-avatar{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.profile-avatar-fallback{width:100%;height:100%;border-radius:var(--radius-full);background:var(--color-border-light);display:flex;align-items:center;justify-content:center}.profile-avatar-fallback .material-symbols-outlined{font-size:40px;color:var(--color-text-muted)}.profile-name{font-size:1.2rem;font-weight:700;color:var(--color-text)}.profile-email{margin-top:4px;font-size:.82rem;color:var(--color-text-secondary)}.profile-provider-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;border-radius:var(--radius-full);background:var(--color-border-light);font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.profile-menu{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05);overflow:hidden}.profile-menu-item{display:flex;align-items:center;width:100%;padding:16px 20px;background:none;border:none;cursor:pointer;transition:background .2s}.profile-menu-item:not(:last-child){border-bottom:1px solid var(--color-border-light)}.profile-menu-item:hover{background:var(--color-border-light)}.profile-menu-icon{font-size:22px!important;color:var(--color-text-secondary);margin-right:14px}.profile-menu-label{flex:1;text-align:left;font-size:.9rem;font-weight:500;color:var(--color-text)}.profile-menu-arrow{font-size:20px!important;color:var(--color-text-muted)}.theme-toggle{display:flex;gap:2px;margin-left:auto;background:var(--color-border-light);border-radius:var(--radius-full);padding:3px}.theme-toggle-btn{padding:6px 12px;border-radius:var(--radius-full);background:none;border:none;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.theme-toggle-btn.active{background:var(--color-surface);color:var(--color-teal);box-shadow:var(--shadow-sm)}.profile-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--radius-lg);background:#ef444414;color:var(--color-danger);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:background .2s,transform .1s}.profile-logout:hover{background:#ef444424}.profile-logout:active{transform:scale(.98)}.profile-logout .material-symbols-outlined{font-size:20px}.profile-version{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:8px}.legal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.legal-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);transition:background .2s}.legal-back:hover{background:var(--color-border-light)}.legal-back .material-symbols-outlined{font-size:24px;color:var(--color-navy)}.legal-title{font-size:1.1rem;font-weight:700;color:var(--color-navy)}.legal-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:24px 20px;box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.legal-content h3{font-size:.9rem;font-weight:700;color:var(--color-navy);margin-top:20px;margin-bottom:8px}.legal-content h3:first-child{margin-top:0}.legal-content p{font-size:.82rem;line-height:1.6;color:var(--color-text);margin-bottom:8px}.legal-content ul{padding-left:20px;margin-bottom:8px}.legal-content li{font-size:.82rem;line-height:1.6;color:var(--color-text);list-style:disc;margin-bottom:4px}.legal-content strong{font-weight:600;color:var(--color-navy)}.legal-date{margin-top:24px;font-size:.78rem;color:var(--color-text-muted);text-align:right}.profile-delete-account{display:block;margin:8px auto 0;font-size:.78rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .2s}.profile-delete-account:hover{color:var(--color-danger)}.delete-modal-overlay{position:fixed;inset:0;z-index:100;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px}.delete-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:32px 24px 24px;max-width:320px;width:100%;text-align:center;box-shadow:var(--shadow-premium)}.delete-modal-icon{font-size:48px!important;color:var(--color-warning);margin-bottom:12px}.delete-modal-title{font-size:1.1rem;font-weight:700;color:var(--color-navy);margin-bottom:8px}.delete-modal-desc{font-size:.82rem;line-height:1.5;color:var(--color-text-secondary);margin-bottom:24px}.delete-modal-actions{display:flex;gap:12px}.delete-modal-cancel{flex:1;padding:12px;border-radius:var(--radius-lg);background:var(--color-border-light);font-size:.9rem;font-weight:600;color:var(--color-text);border:none;cursor:pointer;transition:background .2s}.delete-modal-cancel:hover{background:var(--color-border)}.delete-modal-confirm{flex:1;padding:12px;border-radius:var(--radius-lg);background:var(--color-danger);font-size:.9rem;font-weight:600;color:#fff;border:none;cursor:pointer;transition:background .2s,transform .1s}.delete-modal-confirm:hover{background:#dc2626}.delete-modal-confirm:active{transform:scale(.98)}.delete-modal-confirm:disabled{opacity:.6;cursor:default}.plan-page{display:flex;flex-direction:column;gap:16px}.plan-month-header{display:flex;flex-direction:column;gap:12px}.plan-month-title-row{display:flex;align-items:center;gap:8px}.plan-month-title{font-size:1.1rem;font-weight:700;color:var(--color-text)}.plan-month-nav{display:flex;align-items:center;justify-content:center;gap:12px}.plan-month-nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:background .2s}.plan-month-nav-btn:hover{background:var(--color-border-light)}.plan-month-nav-btn .material-symbols-outlined{font-size:20px;color:var(--color-text-secondary)}.plan-month-today-btn{padding:6px 16px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:.78rem;font-weight:700;transition:background .2s}.plan-month-today-btn:hover{background:var(--color-primary-hover)}.plan-weekly-summary{padding:14px 16px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.plan-weekly-summary-title{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:10px}.plan-weekly-summary-title .material-symbols-outlined{font-size:18px;color:var(--color-primary)}.plan-weekly-summary-items{display:flex;flex-wrap:wrap;gap:8px}.plan-weekly-summary-tag{padding:4px 12px;border-radius:var(--radius-full);background:#00808014;font-size:.78rem;color:var(--color-text)}.plan-weekly-summary-tag strong{color:var(--color-primary);font-weight:700}.plan-weekly-summary-empty{font-size:.78rem;color:var(--color-text-muted)}.plan-weekly-summary-tip{width:100%;font-size:.75rem;color:var(--color-orange, #f59e0b);padding-top:4px}.plan-grocery-section{padding:14px 16px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.plan-grocery-title{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:10px}.plan-grocery-title .material-symbols-outlined{font-size:18px;color:var(--color-primary)}.plan-grocery-period{margin-left:auto;font-size:.7rem;font-weight:500;color:var(--color-text-muted)}.plan-grocery-items{display:flex;flex-wrap:wrap;gap:8px}.plan-grocery-chip{padding:4px 12px;border-radius:var(--radius-full);background:#00808014;font-size:.78rem;color:var(--color-text);font-weight:500}.plan-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.plan-calendar-day-header{text-align:center;font-size:.72rem;font-weight:600;color:var(--color-text-secondary);padding:6px 0}.plan-calendar-day-header:nth-child(6){color:#1976d2}.plan-calendar-day-header:nth-child(7){color:#e53935}.plan-calendar-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:56px;padding:4px 2px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border-light);gap:2px;transition:background .15s}.plan-calendar-cell:not(.other-month):hover{background:var(--color-border-light)}.plan-calendar-cell.today{background:#0080801f;border-color:#0080804d}.plan-calendar-cell.past{opacity:.55}.plan-calendar-cell.other-month{opacity:.25;cursor:default}.plan-calendar-cell-date{font-size:.75rem;font-weight:600;color:var(--color-text);line-height:1}.plan-calendar-cell.today .plan-calendar-cell-date{color:var(--color-primary)}.plan-calendar-cell.saturday .plan-calendar-cell-date{color:#1976d2}.plan-calendar-cell.holiday .plan-calendar-cell-date,.plan-calendar-cell.sunday .plan-calendar-cell-date,.plan-calendar-cell.today.holiday .plan-calendar-cell-date,.plan-calendar-cell.today.sunday .plan-calendar-cell-date{color:#e53935}.plan-calendar-cell-holiday{font-size:.52rem;color:#e53935;font-weight:600;line-height:1;text-align:center;word-break:keep-all}.plan-calendar-cell.selected{background:var(--color-teal);border-color:var(--color-teal);opacity:1}.plan-calendar-cell.selected .plan-calendar-cell-date{color:#fff}.plan-calendar-cell.selected .plan-calendar-cell-holiday{color:#fffc}.plan-calendar-cell.selected .plan-calendar-cell-menu{color:#ffffffe6}.plan-calendar-cell-event-dot{width:5px;height:5px;border-radius:50%;background:var(--color-orange, #f59e0b)}.plan-calendar-cell.selected .plan-calendar-cell-event-dot{background:#fffc}.plan-calendar-cell-menu{font-size:.62rem;color:var(--color-primary);font-weight:600;text-align:center;line-height:1.2;word-break:keep-all}.plan-calendar-cell-skip{font-size:.72rem;color:var(--color-text-muted);font-weight:600;line-height:1}.plan-calendar-cell.selected .plan-calendar-cell-skip{color:#ffffffb3}.plan-day-detail{display:flex;flex-direction:column;gap:4px}.plan-sheet-context-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 0 8px;flex-wrap:wrap}.plan-sheet-mode-label{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.plan-sheet-mode-label.future{background:#00808014;color:var(--color-teal)}.plan-sheet-mode-label.past{background:#64748b14;color:var(--color-text-secondary)}.plan-sheet-mode-label .material-symbols-outlined{font-size:14px}.plan-sheet-holiday-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);background:#e5393514;color:#e53935;font-size:.72rem;font-weight:600}.plan-sheet-event-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);background:#f59e0b1a;color:var(--color-orange, #f59e0b);font-size:.72rem;font-weight:600}.plan-sheet-section{padding:16px 0;border-bottom:1px solid var(--color-border-light)}.plan-sheet-section:last-child{border-bottom:none}.plan-sheet-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.plan-sheet-section-title{font-size:.9rem;font-weight:700;color:var(--color-text)}.plan-sheet-empty{font-size:.85rem;color:var(--color-text-muted)}.plan-sheet-insight{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#0080800f;border-radius:var(--radius-lg);border-left:3px solid var(--color-teal)}.plan-sheet-insight .material-symbols-outlined{font-size:16px;color:var(--color-teal);flex-shrink:0;margin-top:1px}.plan-sheet-insight p{font-size:.8rem;color:var(--color-text);line-height:1.4;font-weight:500}.plan-sheet-meal{padding:12px 16px;background:#f9731614;border-radius:var(--radius-lg)}.plan-sheet-meal-text{font-size:.88rem;color:var(--color-text);line-height:1.5}.plan-sheet-meal-cal{margin-top:4px;font-size:.75rem;color:var(--color-text-secondary)}.plan-sheet-dinner-card{display:flex;gap:12px;padding:12px;background:var(--color-bg);border-radius:var(--radius-lg)}.plan-sheet-dinner-info{flex:1;min-width:0}.plan-sheet-dinner-name{font-size:.95rem;font-weight:700;color:var(--color-text)}.plan-sheet-dinner-actions{display:flex;gap:8px;margin-top:12px}.plan-sheet-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);font-size:.78rem;font-weight:600;color:var(--color-text-secondary);transition:background .2s}.plan-sheet-btn:hover{background:var(--color-border-light)}.plan-sheet-rating{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-light)}.plan-sheet-rating--highlight{margin-top:16px;padding:14px;border-top:none;background:#0080800d;border-radius:var(--radius-lg);border:1px solid rgba(0,128,128,.12)}.plan-sheet-rating-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:10px}.plan-sheet-rating-label .material-symbols-outlined{font-size:16px;color:var(--color-teal)}.plan-sheet-rating-btns{display:flex;gap:8px}.plan-sheet-rating-btn{font-size:1.4rem;background:none;border:2px solid transparent;border-radius:var(--radius-lg);padding:4px 6px;cursor:pointer;transition:transform .1s,border-color .15s;line-height:1}.plan-sheet-rating-btn:hover{transform:scale(1.15)}.plan-sheet-rating-btn.selected{border-color:var(--color-primary);background:#0080801a}.plan-sheet-rating-done{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--color-teal);font-weight:500}.plan-sheet-rating-done .material-symbols-outlined{font-size:16px}.plan-sheet-no-record{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0;color:var(--color-text-muted)}.plan-sheet-no-record .material-symbols-outlined{font-size:32px;opacity:.4}.plan-sheet-no-record p{font-size:.85rem}.plan-sheet-skip-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-top:4px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:.78rem;font-weight:600;color:var(--color-text-secondary);transition:background .2s}.plan-sheet-skip-btn:hover{background:var(--color-border-light)}.plan-sheet-skipped{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0;color:var(--color-text-muted)}.plan-sheet-skipped .material-symbols-outlined:first-child{font-size:32px;opacity:.4}.plan-sheet-skipped p{font-size:.85rem}.ob-wrap{position:fixed;inset:0;z-index:90;background:var(--color-bg);display:flex;flex-direction:column;overflow:hidden}.ob-header{padding:16px 20px 0;flex-shrink:0}.ob-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ob-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background .2s,color .2s}.ob-back-btn:hover{background:var(--color-border-light);color:var(--color-text)}.ob-back-btn .material-symbols-outlined{font-size:20px}.ob-progress-bar{display:flex;gap:6px}.ob-progress-seg{flex:1;height:4px;border-radius:2px;background:var(--color-border);transition:background .3s}.ob-progress-seg.done{background:var(--color-primary)}.ob-progress-seg.active{background:var(--color-primary);opacity:.5}.ob-step-label{font-size:.78rem;color:var(--color-text-muted)}.ob-content{flex:1;overflow-y:auto;padding:24px 20px 140px;display:flex;flex-direction:column;gap:24px}.ob-step-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 0 4px}.ob-step-icon{font-size:2.8rem;line-height:1;margin-bottom:4px}.ob-step-title{font-size:1.3rem;font-weight:700;color:var(--color-text)}.ob-step-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.ob-family-initial{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}.ob-add-first-btn{padding:20px;font-size:.92rem;font-weight:600;border-width:2px;gap:8px}.ob-add-first-btn .material-symbols-outlined{font-size:22px}.ob-family-hint,.ob-school-hint{font-size:.82rem;color:var(--color-text-muted);text-align:center;line-height:1.5}.ob-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.ob-required{color:var(--color-danger);margin-left:2px}.ob-member-list{display:flex;flex-direction:column;gap:8px}.ob-member-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(0,128,128,.2);background:#0080800a}.ob-member-card-icon{width:36px;height:36px;border-radius:var(--radius-full);background:#0080801f;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.ob-member-card-info{flex:1;min-width:0}.ob-member-card-name{font-size:.9rem;font-weight:600;color:var(--color-text)}.ob-member-card-detail{font-size:.78rem;color:var(--color-text-muted)}.ob-member-card-remove{padding:4px;color:var(--color-text-muted);display:flex;align-items:center}.ob-member-card-remove .material-symbols-outlined{font-size:18px}.ob-add-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;border-radius:var(--radius-lg);border:1.5px dashed var(--color-border);background:transparent;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:border-color .2s,color .2s}.ob-add-more-btn:hover{border-color:var(--color-teal);color:var(--color-teal)}.ob-add-more-btn .material-symbols-outlined{font-size:18px}.ob-school-section{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.ob-school-member-label{font-size:.88rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:6px}.ob-school-member-label .material-symbols-outlined{font-size:18px;color:var(--color-orange)}.ob-allergy-section{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.ob-allergy-member-name{font-size:.88rem;font-weight:600;color:var(--color-text)}.ob-allergy-chips{display:flex;flex-wrap:wrap;gap:8px}.ob-allergy-none-btn{padding:8px 16px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-bg);font-family:inherit;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.ob-allergy-none-btn:hover{border-color:var(--color-success)}.ob-allergy-none-btn.confirmed{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.ob-allergy-none-btn .material-symbols-outlined{font-size:16px}.ob-allergy-confirmed{font-size:.78rem;color:var(--color-success);font-weight:500;display:flex;align-items:center;gap:4px}.ob-allergy-confirmed .material-symbols-outlined{font-size:16px}.ob-allergy-warning{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:#ef44440f;border-radius:var(--radius-lg);border-left:3px solid var(--color-danger, #ef4444)}.ob-allergy-warning .material-symbols-outlined{font-size:18px;color:var(--color-danger, #ef4444);flex-shrink:0;margin-top:1px}.ob-allergy-warning p{font-size:.78rem;color:var(--color-text-secondary);line-height:1.5}.ob-disliked-divider{border:none;border-top:1px solid var(--color-border-light, rgba(0, 0, 0, .08));margin:8px 0;padding-top:8px}.ob-allergy-custom-input{width:100%;padding:10px 14px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.82rem;outline:none;transition:border-color .2s}.ob-allergy-custom-input::placeholder{color:var(--color-text-muted)}.ob-allergy-custom-input:focus{border-color:var(--color-teal)}.ob-ability-list{display:flex;flex-direction:column;gap:10px}.ob-ability-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.05)}.ob-ability-info{display:flex;flex-direction:column;gap:2px}.ob-ability-label{font-size:.88rem;font-weight:600;color:var(--color-text)}.ob-ability-desc{font-size:.72rem;color:var(--color-text-muted)}.ob-ability-toggle{display:flex;gap:6px;flex-shrink:0}.ob-ability-btn{padding:6px 12px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:none;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.ob-ability-btn.capable{background:#0080801a;border-color:var(--color-teal);color:var(--color-teal)}.ob-ability-btn.incapable{background:#ef444414;border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.ob-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:24px 20px 28px;background:linear-gradient(to top,var(--color-bg) 70%,transparent);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.ob-footer>*{pointer-events:auto}.ob-primary-btn{width:100%;padding:16px;border-radius:var(--radius-xl);background:var(--color-primary);border:none;font-family:inherit;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 12px #00808040;transition:background .2s,transform .1s}.ob-primary-btn:hover{background:var(--color-primary-hover)}.ob-primary-btn:active{transform:scale(.98)}.ob-primary-btn:disabled{opacity:.4;cursor:not-allowed}.ob-skip-btn{background:none;border:none;font-family:inherit;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;padding:8px 16px;transition:color .2s}.ob-skip-btn:hover{color:var(--color-text-secondary)}.ob-style-options{display:flex;flex-direction:column;gap:10px}.ob-style-option{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--color-surface);border-radius:var(--radius-xl);border:1.5px solid var(--color-border);cursor:pointer;transition:border-color .2s,background .2s;text-align:left;font-family:inherit}.ob-style-option:hover{border-color:#00808066}.ob-style-option.active{border-color:var(--color-primary);background:#0080800a}.ob-style-emoji{font-size:1.6rem;line-height:1;flex-shrink:0}.ob-style-info{flex:1;display:flex;flex-direction:column;gap:2px}.ob-style-label{font-size:.92rem;font-weight:600;color:var(--color-text)}.ob-style-desc{font-size:.78rem;color:var(--color-text-muted)}.ob-style-check{font-size:20px;color:var(--color-primary);flex-shrink:0}.ob-subsection-title{font-size:1.1rem;font-weight:700;color:var(--color-navy)}.ob-dish-types{display:flex;flex-wrap:wrap;gap:8px}.ob-dish-type-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);font-family:inherit;font-size:.82rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color .2s,background .2s}.ob-dish-type-btn:active{transform:scale(.95)}.ob-dish-type-btn.active{border-color:var(--color-teal);background:#00808014;color:var(--color-teal)}.ob-dish-type-emoji{font-size:1rem;line-height:1}.ob-complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:40px 24px 120px}.ob-complete-icon{font-size:4rem;line-height:1;margin-bottom:8px}.ob-complete-title{font-size:1.5rem;font-weight:700;color:var(--color-text)}.ob-complete-desc{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.ob-complete-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.ob-complete-badge{padding:6px 14px;border-radius:var(--radius-full);background:#0080801a;font-size:.8rem;font-weight:600;color:var(--color-teal)}.ob-complete-tip{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#0080800f;border-radius:var(--radius-lg);border-left:3px solid var(--color-teal);text-align:left;width:100%}.ob-complete-tip .material-symbols-outlined{font-size:20px;color:var(--color-teal);flex-shrink:0;margin-top:1px}.ob-complete-tip-title{font-size:.85rem;font-weight:700;color:var(--color-text);margin-bottom:4px}.ob-complete-tip-desc{font-size:.78rem;color:var(--color-text-secondary);line-height:1.5}.ob-saving{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center}.ob-saving-text{font-size:.9rem;color:var(--color-text-muted)}.ob-welcome{align-items:center;justify-content:center;text-align:center;gap:32px;padding-top:48px}.ob-welcome-brand{display:flex;flex-direction:column;align-items:center;gap:12px}.ob-welcome-logo{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-xl);background:#0a2647;box-shadow:0 8px 24px #0a26474d}.ob-welcome-logo .material-symbols-outlined{font-size:40px;color:#fff;font-variation-settings:"FILL" 1}.ob-welcome-title{font-size:1.5rem;font-weight:800;color:var(--color-navy);letter-spacing:-.02em;line-height:1.4}.ob-welcome-subtitle{font-size:.9rem;color:var(--color-text-secondary)}.ob-welcome-features{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left}.ob-welcome-feature{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(10,38,71,.06)}.ob-welcome-feature-icon{font-size:24px!important;color:var(--color-teal);flex-shrink:0;margin-top:2px}.ob-welcome-feature-title{font-size:.88rem;font-weight:700;color:var(--color-navy)}.ob-welcome-feature-desc{font-size:.78rem;color:var(--color-text-secondary);line-height:1.5;margin-top:2px}.ob-welcome-time-hint{font-size:.78rem;color:var(--color-text-muted)}:root[data-theme=dark] .ob-welcome-logo{background:#1e3a5f}