
:root{--page:#fff7ef;--surface:#fff;--ink:#3b2f2a;--sub:#8b7b73;--line:#f2e2d5;--soft:#fdeee2;--action:#ff7a59;--action-ink:#fff;--selected:#ffe5da;
  --cta:#ff7a59;--cta-ink:#fff;--shadow:0 2px 0 rgba(255,122,89,.08),0 8px 24px rgba(160,90,60,.08);
  --ok:#2a9867;--ok-bg:#e2f6ec;--buy:#c47a0e;--buy-bg:#fff0d4;--swap:#3a7bd0;--swap-bg:#e3efff;--far:#d9534f;--far-bg:#ffe6e3;color-scheme:light}
@media (prefers-color-scheme:dark){:root[data-theme=dark]{--page:#2b2827;--surface:#36322f;--ink:#fbf3ee;--sub:#c2b4ac;--line:#47413c;--soft:#433d39;--action:#ff8a6b;--selected:#4a3530;
  --cta:#ff8a6b;--cta-ink:#2b2827;--shadow:none;
  --ok:#7ed6ad;--ok-bg:#2d3d35;--buy:#f2c46b;--buy-bg:#433a2b;--swap:#9cc0f0;--swap-bg:#2f3542;--far:#f3a196;--far-bg:#46302d;color-scheme:dark}}


.menu-text strong{font-size:18px}
.slide .cap b{font-size:25px}
.brand{font-size:21px}
.logo{border-radius:50%;width:34px;height:34px;font-size:18px;background:var(--cta)}


.d-card,.menu-list,.set-card,.setting-row{border-radius:26px}
.d-steps li,#detail .shop-list li{border-radius:24px}
.slide{border-radius:28px}
.add input{border-radius:20px}
.d-bar-main,.d-bar-video{border-radius:22px}
.filter i{border-radius:22px}
.icon-btn{border-radius:50%}
.chip{min-height:44px;font-weight:600}
.chip.on{background:var(--selected);color:var(--action);box-shadow:inset 0 0 0 2px var(--action)}
.filter.on i{background:var(--action);color:#fff}
.d-step-no{background:var(--selected);color:var(--action);font-weight:700}
.d-status-icon{border-radius:50%}
.back{font-weight:600}
.menu-text small.need{font-weight:700}


@media (prefers-reduced-motion:no-preference){
  .chip,.filter i,.d-bar-main,.d-bar-video,.btn-add,.menu-row,.slide,.setting-row,.icon-btn,.mini{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
  .chip:active,.filter:active i,.d-bar-main:active:enabled,.d-bar-video:active,.btn-add:active,.slide:active,.setting-row:active,.icon-btn:active,.mini:active{transform:scale(.94)}
}


.world-seg{display:flex;max-width:340px;margin:2px auto 6px;background:var(--soft);border-radius:999px;padding:3px}
.world-seg button{flex:1;border:0;background:none;border-radius:999px;padding:7px 0;font:700 13.5px Pretendard,system-ui,sans-serif;color:var(--sub);cursor:pointer}
@media (prefers-color-scheme:dark){:root[data-theme=dark] body.world-baby{--page:#2a2733;--soft:#3a3547;--line:#463f57;--action:#b39cf2;--selected:#3d3552;--cta:#b39cf2}}
.pantry-hint.static{cursor:default}


.ask-row{margin:10px 0 4px}.ask-row .d-bar-main{width:100%}
#home:not([hidden]) ~ .foot{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
body.has-tabbar main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:repeat(5,1fr);max-width:480px;margin:0 auto;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.04)}
.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:none;padding:4px 0;color:var(--sub);font:600 11px Pretendard,system-ui,sans-serif;cursor:pointer}
.tabbar button i{font-style:normal;font-size:20px;line-height:1.2;filter:grayscale(.6);opacity:.8}
.tabbar button.on{color:var(--action)}.tabbar button.on i{filter:none;opacity:1}
.tabbar .cart-n:empty{display:none}
.tabbar .cart-n{position:absolute;top:0;left:calc(50% + 6px);min-width:16px;height:16px;border-radius:999px;background:var(--action);color:#fff;font-size:10px;line-height:16px;padding:0 4px}
@media (min-width:640px){.tabbar{max-width:720px;border-radius:18px 18px 0 0}}


.tabbar .baby-only{display:none}.tabbar.baby .baby-only{display:flex}
#more[data-part=add] .more-book{display:none} 
#more[data-part=add] #today,#more[data-part=book] #today{display:none}


.tabbar,.tabbar.baby{grid-template-columns:repeat(5,1fr)}
.tabbar .adult-only{display:flex}.tabbar.baby .adult-only{display:none}
.brag-grid{grid-template-columns:repeat(2,1fr)}
.brag-name{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 56px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,.55);color:#fff;font-size:11.5px;font-weight:700;padding:3px 7px;border-radius:999px}
@media (min-width:640px){.brag-grid{grid-template-columns:repeat(3,1fr)}}


.pt-topics{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.pt-write{width:100%;margin:0 0 12px}
.pt-list{display:grid;gap:10px}
.pt-card{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;border:0;padding:14px;cursor:pointer;font:inherit;color:var(--ink)}
.pt-head{display:flex;align-items:center;gap:8px;margin:0}.pt-head small{color:var(--sub);font-size:12px}
.pt-topic{font-size:11.5px;font-weight:800;color:var(--action);background:var(--selected);border-radius:999px;padding:3px 8px}
.pt-body{display:flex;gap:10px;align-items:flex-start}
.pt-text{flex:1;font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.pt-thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none}
.pt-meta{color:var(--sub);font-size:12px}
.pt-ta{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:10px;font:15px/1.5 Pretendard,system-ui,sans-serif;resize:vertical;background:var(--surface);color:var(--ink)}
.pt-ta.small{font-size:14px}
.pt-cnt{display:block;text-align:right;color:var(--sub);font-size:11.5px;margin-top:-6px}
.pt-prev{max-width:100%;max-height:220px;border-radius:12px;object-fit:contain}
.pt-full{white-space:pre-line;font-size:15px;line-height:1.6;margin:4px 0}
.pt-big{width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:#000}
.pt-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pt-bar .vw-sub{color:var(--sub)}
.pt-ch{margin:8px 0 0;font-size:14px}
.pt-comments{display:grid;gap:8px}
.pt-c{position:relative;background:var(--soft);border-radius:12px;padding:8px 10px}
.pt-c small{color:var(--sub);font-size:11.5px}.pt-c p{margin:2px 0 0;font-size:14px;white-space:pre-line;padding-right:56px}
.pt-c-acts{position:absolute;right:6px;top:6px;display:flex;gap:2px}.pt-c-acts .vw-sub{font-size:12px;padding:2px 4px;color:var(--sub)}
.check.small{font-size:12.5px}
.pt-rules{margin-top:16px;font-size:12px}

.tabbar.baby [data-tab=add]{display:none}
#more[data-part=babybook] #today{display:none}
#more .quick-row .quick[hidden]{display:none}
.quick-row:has(.quick[hidden]){grid-template-columns:repeat(2,1fr)}


.price-board{margin-top:14px;padding:14px}
.pb-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pb-head b{font-size:16px}
.pb-gu{border:1px solid var(--line);border-radius:10px;padding:5px 8px;font:600 13px Pretendard,system-ui,sans-serif;background:var(--surface);color:var(--ink)}
.pb-warn{margin:8px 0;font-size:12px;line-height:1.5;color:#9a5b00;background:#fff6e0;border-radius:10px;padding:8px 10px}
.pb-sum{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 8px;font-size:12.5px;font-weight:700}
.pb-sum .up,.pb-chg.up{color:#e5383b}.pb-sum .down,.pb-chg.down{color:#2f6fd6}.pb-sum .flat,.pb-chg.flat{color:var(--sub)}
.pb-list{display:grid}
.pb-row{display:grid;grid-template-columns:1fr auto 74px;gap:8px;align-items:center;border:0;border-top:1px solid var(--line);background:none;padding:10px 2px;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.pb-name{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pb-price{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.pb-chg{font-size:13px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.pb-detail{background:var(--soft);border-radius:10px;padding:8px 10px;margin:0 0 6px;font-size:12.5px}
.pb-detail ul{margin:4px 0 6px;padding-left:16px}.pb-detail small{color:var(--sub)}
.pb-src{display:block;margin-top:8px;color:var(--sub);font-size:11px}

.pb-tabs{display:flex;gap:6px;margin:8px 0 0}.pb-tabs button{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 0;font:700 12.5px Pretendard,system-ui,sans-serif;color:var(--sub);cursor:pointer}
.pb-tabs button.on{background:var(--action);border-color:var(--action);color:#fff}
.pb-name small{color:var(--sub);font-size:11px;font-weight:500}


.icon-btn{position:relative}
.avoid-n:empty{display:none}
.avoid-n{position:absolute;top:2px;right:2px;min-width:15px;height:15px;border-radius:999px;background:#e5383b;color:#fff;font:700 9.5px/15px Pretendard,system-ui,sans-serif;padding:0 3px}

.np-ov{position:fixed;inset:0;z-index:60;background:rgba(40,25,15,.38);display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;animation:np-fade .2s ease-out}
.np-box{position:relative;width:min(100%,330px);background:var(--surface);border:2px solid #ffe3a3;border-radius:26px;padding:40px 18px 14px;box-sizing:border-box;box-shadow:0 14px 40px rgba(80,50,20,.22);animation:np-pop .28s cubic-bezier(.23,1,.32,1);margin-top:28px}
.np-face{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;background:#fff3c9;border:3px solid #fff;box-shadow:0 4px 10px rgba(80,50,20,.15)}
.np-title{margin:0 0 8px;font-size:16.5px;line-height:1.4;text-align:center;color:var(--ink)}
.np-body{max-height:min(48vh,340px);overflow:auto;background:var(--page);border-radius:16px;padding:12px 13px}
.np-body p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink);text-align:center;word-break:keep-all;text-wrap:balance}.np-body p:empty{height:7px}
.np-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.np-hide{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sub);cursor:pointer;min-height:40px}
.np-hide input{width:18px;height:18px;accent-color:var(--action);margin:0}
.np-ok{min-width:84px;min-height:42px;border:0;border-radius:999px;background:var(--action);color:var(--action-ink);font-weight:700;font-size:14.5px;cursor:pointer}
.np-ok:active{transform:scale(.97)}
@keyframes np-pop{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
@keyframes np-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.np-ov,.np-box{animation:none}}
.ob-ov{position:fixed;inset:0;z-index:50;background:rgba(40,25,15,.45);display:flex;align-items:flex-end;justify-content:center}
.ob-box{width:min(100%,480px);max-height:92vh;overflow:auto;background:var(--page);border-radius:24px 24px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));box-sizing:border-box;display:grid;gap:10px}
.ob-box h2{margin:0;font-size:20px;line-height:1.35}
.ob-face{width:56px;height:56px;border-radius:50%;background:#fff3c9}
.ob-sub{font-size:14px;margin-top:4px}
.ob-chips{display:flex;flex-wrap:wrap;gap:6px}
.ob-next{width:100%}.ob-no{width:100%;min-height:48px;border-radius:16px}
.ob-skip{justify-self:center;font-size:13px;color:var(--sub)}
.rg{display:flex;gap:8px;flex-wrap:wrap}.rg select{flex:1;min-width:120px;padding:9px 10px;font-size:14px}

.ob-find{display:grid;gap:6px}.ob-more{justify-self:start;border:1px dashed var(--line);background:none}
.ob-input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:15px Pretendard,system-ui,sans-serif;background:var(--surface);color:var(--ink)}
.ob-res{display:flex;flex-wrap:wrap;gap:6px}.ob-new{background:var(--selected);color:var(--action)}

#prices-view .price-board{margin-top:4px}


.tabbar.baby{grid-template-columns:repeat(5,1fr)}
.bl-add{display:grid;gap:8px;padding:14px}.bl-extra{display:grid;gap:4px}.bl-extra small{color:var(--sub);font-size:12px}
.bl-tried{margin-top:12px;padding:14px;display:grid;gap:8px}.bl-tried .chips{display:flex;flex-wrap:wrap;gap:6px}
.chip.bl-warn{background:#fff0ee;color:#c0392b;box-shadow:inset 0 0 0 1.5px #f5b5ac}
.bl-actions{margin:14px 0}.bl-actions .cancel{width:100%;min-height:46px;border-radius:14px}

.pb-fold{border:0;background:none;padding:0;font:800 16px Pretendard,system-ui,sans-serif;color:var(--ink);cursor:pointer;text-align:left}


.baby-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 4px}
.baby-quick button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;border-radius:14px;padding:11px 12px;cursor:pointer;text-align:left;font:inherit}
.baby-quick b{font-size:15px}.baby-quick small{font-size:11.5px;opacity:.85}
#avoid-baby-guide{margin-top:12px}


.beef-links{align-items:stretch}.beef-links .mini{display:inline-flex;align-items:center;box-sizing:border-box;min-height:36px;line-height:1.2;vertical-align:middle}

.bl-last{display:grid;gap:4px;background:var(--selected);border-radius:12px;padding:9px 12px;font-size:13.5px;font-weight:700;color:var(--action)}

.nutri-box{margin:14px 0;padding:14px;background:var(--selected);box-shadow:none}
.nutri-box b{font-size:14.5px}.nutri-box p{margin:6px 0;font-size:14.5px;line-height:1.55}.nutri-box small{color:var(--sub);font-size:11.5px}

.bl-amt{display:flex;gap:6px}.bl-amt .ob-input{flex:1}.bl-unit{flex:none;width:72px}

.bl-moods{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bl-mood-b{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:20px;line-height:1;cursor:pointer;filter:grayscale(.4);opacity:.75}
.bl-mood-b.on{border:2px solid var(--action);background:var(--selected);filter:none;opacity:1}
.bl-mood{font-size:22px;flex:none}


.bl-add .ob-input,.bl-amt .bl-unit{height:46px;box-sizing:border-box}
.bl-amt{align-items:stretch}.bl-amt .bl-unit{width:76px;padding:0 10px;border-radius:12px;font-size:15px;font-weight:700}
.bl-moods{align-items:center;gap:8px}.bl-moods small{display:inline-flex;align-items:center;height:40px;font-size:13px;color:var(--sub);margin-right:4px}
.bl-mood-b{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0}


.icon-119{font-size:17px;line-height:1;color:#e5383b}
.baby-quick{display:block}


.bl-types{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.bl-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:62px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;padding:6px 2px;color:var(--ink)}
.bl-type .bl-ic{font-size:22px;line-height:1}.bl-type .bl-lb{font:700 12px Pretendard,system-ui,sans-serif;white-space:nowrap}
.bl-type.on{background:var(--action);border-color:var(--action);color:#fff}

button.call-119{width:100%;border:0;text-align:left;font:inherit;cursor:pointer}
button.call-119.armed{outline:3px solid #ffd2cc;outline-offset:2px;background:#c0392b}


.bl-view{max-width:none;margin:0 0 12px}
#bl-plan{display:grid;gap:10px}#bl-plan[hidden]{display:none}
.pl-head{display:flex;align-items:center;justify-content:space-between}.pl-head b{font-size:18px}
.pl-nav{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:20px;cursor:pointer;color:var(--ink)}
.pl-legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--sub)}
.pl-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pl-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.pl-w{text-align:center;font-size:12px;font-weight:800;color:var(--sub);padding:2px 0}.pl-w.sun{color:#e5383b}.pl-w.sat{color:#2f6fd6}
.pl-it{font-size:9.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-it.more{color:var(--sub)}
.pl-items{display:grid;gap:6px}.pl-row{display:flex;align-items:center;gap:6px}.pl-row b{flex:1;font-size:14.5px}.pl-row .ob-input{width:70px;flex:none}
.pl-sum{margin:0;font-weight:800;color:var(--action)}
.pl-pool{display:flex;flex-wrap:wrap;gap:5px}
.pl-new,.pl-rform{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pl-new .ob-input{flex:1;min-width:120px}.pl-g{width:64px!important;flex:none!important;min-width:0!important}
.pl-markpick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pl-gwrap{position:relative;flex:none;display:inline-flex;align-items:center}.pl-gwrap .pl-g{padding-right:24px}
.pl-gwrap span{position:absolute;right:11px;font-size:14px;font-weight:700;color:var(--sub);pointer-events:none}
.pl-hint{margin:-2px 0 2px;font-size:12.5px;line-height:1.5}
.pl-new>.ob-input{flex:1 1 100%}.pl-new2{flex:1 1 100%;flex-wrap:nowrap}.pl-new2 .mini{flex:1;min-height:44px;white-space:nowrap}
.pl-days{flex:none;height:44px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);padding:0 8px;font-size:15px;font-weight:700;color:var(--ink)}
.pl-mplus{border:1.5px dashed var(--line);background:transparent;color:var(--sub)}
.pl-medit.off{opacity:.45}.pl-medit-btn{font-size:12.5px;margin-left:auto}
.pl-mform{margin-top:2px;display:grid;gap:8px;background:var(--soft);border-radius:16px;padding:10px}
.pl-sch-li{justify-content:flex-start;gap:12px;align-items:flex-start}.pl-sch-li b{flex:none;width:62px;color:var(--sub)!important;font-size:13px;padding-top:1px}.pl-sch-li span{flex:1;line-height:1.5}
.pl-sch-card .pl-edit{white-space:nowrap}
.pl-msug{display:flex;flex-wrap:wrap;gap:5px}.pl-msug .chip{font-size:12.5px;padding:6px 10px;min-height:0}
.pl-backrow{display:flex;justify-content:center}.pl-backrow[hidden]{display:none}
.pl-back{font-size:13px;color:var(--sub);padding:6px 4px;min-height:36px}
.pl-mrow .ob-input:not(.pl-g){flex:1;min-width:0;width:auto}
.pl-emoji{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;max-height:132px;overflow:auto}
.pl-emoji button{height:38px;border:0;border-radius:10px;background:var(--surface);font-size:20px;line-height:1;cursor:pointer}
.pl-emoji button.on{box-shadow:inset 0 0 0 2px var(--action);background:var(--selected)}
.pl-routines{display:grid;gap:6px}.pl-routines .pl-row span{flex:1;font-size:14px}
@media (min-width:640px){.pl-it{font-size:11.5px}}


#bl-plan{gap:12px}
#bl-plan .pl-head{display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px}
.pl-title b{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1}.pl-title small{margin-left:6px;font-size:15px;color:var(--sub);font-weight:600}
.pl-navs{display:flex;align-items:center;gap:6px}
#bl-plan .pl-nav{width:34px;height:34px;border:0;background:var(--soft);border-radius:50%;font-size:18px;color:var(--ink);cursor:pointer}
.pl-today{border:0;background:var(--soft);border-radius:999px;padding:0 12px;height:34px;font:700 13px Pretendard,system-ui,sans-serif;color:var(--action);cursor:pointer}
.pl-card{background:var(--surface);border-radius:22px;padding:12px 8px 10px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(80,60,140,.07)}
.pl-week{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font:600 12px Pretendard,system-ui,sans-serif;color:var(--sub);padding-bottom:6px}
.pl-week .sun{color:#ff5a5f}.pl-week .sat{color:#3d7bfd}
#bl-plan .pl-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px 0}
.pl-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;height:56px;padding:4px 0 0;border:0;background:none;cursor:pointer;font:inherit;color:var(--ink)}
.pl-day.empty{cursor:default}
.pl-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font:600 16px Pretendard,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.pl-day.sun .pl-num{color:#ff5a5f}.pl-day.sat .pl-num{color:#3d7bfd}
.pl-day.today .pl-num{color:var(--action);font-weight:800}
.pl-day.sel .pl-num{background:var(--action);color:#fff!important;font-weight:800}
.pl-day.today.sel .pl-num{box-shadow:0 0 0 3px var(--selected)}
.pl-dots{display:flex;gap:1px;height:16px;align-items:center;justify-content:center}.pl-dots em{font-style:normal;font-size:13px;line-height:1}.pl-dots small{font-size:10px;font-weight:700;color:var(--sub);margin-left:1px}

#bl-plan .pl-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
#bl-plan .pl-grid .pl-dots{flex-wrap:wrap;height:auto;min-height:16px;padding:0 2px;row-gap:1px}
.pl-grip{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 0 2px;border:0;background:none;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--sub);font-size:11px}
.pl-grip i{width:40px;height:5px;border-radius:999px;background:var(--line)}.pl-grip.on i{background:var(--action)}
#bl-plan .pl-grid .pl-day{margin:0;box-sizing:border-box;min-width:0;overflow:hidden;height:var(--cellh,64px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;justify-content:flex-start;gap:2px;padding-top:4px}
#bl-plan .pl-grid .pl-num{width:28px;height:28px;font-size:15px}
#bl-plan .pl-grid .pl-day.sel{background:var(--selected)}
.pl-bar{position:absolute;bottom:3px;width:16px;height:3px;border-radius:2px;background:var(--line)}.pl-bar.fed{background:#22b07d}
.pl-day.sel .pl-bar{background:var(--action)}.pl-day.sel .pl-bar.fed{background:#22b07d}
#bl-plan .pl-legend{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px}
.pl-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--surface);font:600 12px Pretendard,system-ui,sans-serif;color:var(--sub);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.pl-pill i{width:7px;height:7px;border-radius:50%}.pl-pill em{font-style:normal;font-size:12px}
.pl-detail{background:var(--surface);border-radius:22px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(80,60,140,.07);display:grid;gap:12px}
.pl-dhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.pl-dhead b{display:block;font-size:19px;letter-spacing:-.02em}.pl-dhead small{display:block;margin-top:3px;font-size:13px;color:var(--sub);font-weight:600}
.pl-edit{flex:none;border:0;background:var(--selected);color:var(--action);border-radius:999px;padding:8px 14px;font:800 13px Pretendard,system-ui,sans-serif;cursor:pointer}
.pl-tags{display:flex;flex-wrap:wrap;gap:6px}.pl-tags .pl-pill{background:var(--soft);box-shadow:none;color:var(--ink)}
.pl-list{display:grid}.pl-li{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-top:1px solid var(--line);font-size:15px}
.pl-li:first-child{border-top:0}.pl-li b{font-variant-numeric:tabular-nums;color:var(--action)}
.pl-empty{margin:0;color:var(--sub);font-size:14px}
.pl-memo{margin:0;padding:10px 12px;background:var(--soft);border-radius:12px;font-size:13.5px;color:var(--ink)}
#bl-plan .pl-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pl-tool{border:0;background:var(--surface);border-radius:999px;padding:9px 14px;font:700 13px Pretendard,system-ui,sans-serif;color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05)}
@media (min-width:640px){.pl-day{height:66px}.pl-num{width:36px;height:36px;font-size:17px}}


.photo.nothumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#fff1e8,#ffe1d2);color:#c2552f}
.photo.nothumb .nothumb-ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:16px}
.photo.nothumb .nothumb-t{font:700 12.5px Pretendard,system-ui,sans-serif}

.rights-link{display:block;margin:10px 0 4px;font-size:12.5px;color:var(--sub)}

#parents .bl-view{margin-bottom:10px}
.cl-seg{margin:0 0 10px}
.cl-where{display:flex;align-items:center;gap:6px;margin:0 0 4px}
.cl-chips{margin:6px 0 4px}
.cl-count{margin:4px 0 8px;font-size:12.5px}
.cl-card{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;border:0;padding:14px 15px;cursor:pointer;font:inherit;color:var(--ink)}
.cl-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cl-h b{font-size:15px;line-height:1.35}
.cl-st{flex:none;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px}
.cl-st.open{background:#e6f6ee;color:#1f8a5b}.cl-st.soon{background:#fff1e6;color:#d9480f}.cl-st.wait{background:var(--soft);color:var(--sub)}
.cl-meta{display:grid;gap:2px;font-size:12.5px;color:var(--sub);line-height:1.5}
.cl-meta span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cl-foot{display:flex;justify-content:space-between;align-items:center}
.cl-pay{font-size:13px;font-weight:800;color:var(--action)}
.cl-go{font-size:12.5px;font-weight:800;color:var(--action)}
.cl-kv{background:var(--soft);border-radius:14px;padding:4px 12px;margin:6px 0 10px}
.cl-kv div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}
.cl-kv div:first-child{border-top:0}.cl-kv em{font-style:normal;color:var(--sub);flex:none}.cl-kv b{text-align:right;font-weight:700}
.cl-big{display:block;text-align:center;text-decoration:none}
.cl-store{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;margin:0 0 8px;text-decoration:none;color:var(--ink)}
.cl-store b{display:block;font-size:14.5px}.cl-store small{display:block;font-size:12px;color:var(--sub);margin-top:2px}
.cl-card.d-card{margin:0}
.cl-big.go{background:var(--action);color:#fff;border-radius:16px;padding:14px;font-weight:800;margin:4px 0 8px}

.ld-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;flex-wrap:wrap}
.ld-row small{color:var(--sub);font-size:12px}
.ld-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 11px}
.ld-pill.load{background:var(--selected,#efe9ff);color:var(--action)}.ld-pill.ok{background:#e6f6ee;color:#1f8a5b}.ld-pill.err{background:#fdecec;color:#c92a2a}
.ld-sec{font-variant-numeric:tabular-nums}
.ld-spin{width:12px;height:12px;border-radius:50%;border:2px solid rgba(138,106,224,.25);border-top-color:var(--action);animation:ld-spin .8s linear infinite;flex:none}
@keyframes ld-spin{to{transform:rotate(360deg)}}
.ld-re{border:0;background:none;color:var(--sub);font:600 12px Pretendard,system-ui,sans-serif;cursor:pointer;padding:4px}
.ld-err{background:#fff4f4;color:#8a2a2a;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.5;display:grid;gap:8px;justify-items:start;margin:8px 0}
.ld-again{border:0;background:var(--action);color:#fff;font:800 13px Pretendard,system-ui,sans-serif;border-radius:999px;padding:7px 14px;cursor:pointer}
.ld-skel{display:grid;gap:8px;padding:16px;margin:0 0 10px}
.ld-skel i{display:block;height:12px;border-radius:7px;background:linear-gradient(90deg,var(--soft) 0%,rgba(255,255,255,.7) 50%,var(--soft) 100%);background-size:200% 100%;animation:ld-shine 1.3s ease-in-out infinite}
.ld-skel i:first-child{height:15px}
@keyframes ld-shine{from{background-position:100% 0}to{background-position:-100% 0}}
.ld-stale{opacity:.55;transition:opacity .2s}
@media (prefers-reduced-motion:reduce){.ld-spin,.ld-skel i{animation:none}}


.bq-avoid{margin-top:8px}
.bqa-t{font-size:13px;margin-right:2px;white-space:nowrap}
.bqa-add{padding:4px 11px!important;font-size:12.5px!important;border:1.5px dashed var(--action)!important;background:none!important;color:var(--action)!important;font-weight:800}
#bq-avoid .chip{flex-direction:row!important;align-items:center;gap:4px;min-height:30px!important;height:auto;width:auto;border-radius:999px}
.bqa-box{background:var(--surface);border-radius:16px;padding:10px 12px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.bqa-head{display:flex;align-items:center;justify-content:space-between;gap:8px}

.al-box{padding:14px 15px;margin:10px 0;display:grid;gap:6px}
.al-box .chips{gap:6px;margin:4px 0 0}
.al-chip{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center;gap:5px;padding:7px 12px!important;line-height:1.2!important;min-height:0!important}
.al-chip small{font-size:11px;color:var(--sub);font-weight:500}
.al-chip.on{background:#fdecec!important;color:#c92a2a!important;border-color:#f3b8b8!important}

#bq-avoid .bqa-box{padding:0;overflow:hidden}
.bqa-sum{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:none;padding:12px 14px;font:inherit;color:var(--ink);cursor:pointer;text-align:left}
.bqa-l{display:flex;align-items:center;gap:6px;font-size:14px}
.bqa-n{background:#fdecec;color:#c92a2a;font-weight:800;border-radius:999px;padding:1px 8px;font-size:12px}
.bqa-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}
.bqa-tag{font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px;background:#fdecec;color:#c92a2a}
#bq-avoid .bqa-box.open{padding:12px 14px}
.bqa-box.open .bqa-head{margin-bottom:10px}
.bqa-link{border:0;background:none;color:var(--action);font:700 13px Pretendard,system-ui,sans-serif;cursor:pointer;padding:2px 0;white-space:nowrap}
.bqa-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px 2px;scroll-snap-type:x proximity}
.bqa-scroll::-webkit-scrollbar{display:none}
.bqa-p{flex:none;display:inline-flex;align-items:center;gap:5px;border:1.5px solid transparent;background:var(--soft,#f4f1fb);color:var(--ink);border-radius:999px;padding:8px 13px;font:700 14px Pretendard,system-ui,sans-serif;cursor:pointer;scroll-snap-align:start;transition:background .15s,color .15s}
.bqa-p.on{background:#fdecec;color:#c92a2a;border-color:#f3b8b8}
.bqa-p .x{font-size:13px;opacity:.7}
.bqa-ic{font-size:16px;line-height:1}
.bqa-foot{display:flex;align-items:center;gap:12px;margin-top:10px}
.bqa-foot .bqa-add{border:1.5px dashed var(--action);background:none;color:var(--action);border-radius:999px;padding:6px 12px;font:800 13px Pretendard,system-ui,sans-serif;cursor:pointer}
.bqa-guide{border:0;background:none;color:var(--sub);font:600 12.5px Pretendard,system-ui,sans-serif;cursor:pointer}
#bq-avoid button{flex-direction:row;align-items:center;gap:5px;text-align:center}#bq-avoid .bqa-p{border-radius:999px;padding:8px 13px;display:inline-flex}#bq-avoid .bqa-p.on{background:#fdecec;color:#c92a2a;border:1.5px solid #f3b8b8}#bq-avoid .bqa-sum{display:flex;justify-content:space-between;border-radius:0;padding:12px 14px;width:100%}#bq-avoid .bqa-link,#bq-avoid .bqa-guide{padding:2px 0;display:inline-flex}#bq-avoid .bqa-foot .bqa-add{border-radius:999px;padding:6px 12px;display:inline-flex;border:1.5px dashed var(--action)}

.pl-ctl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 10px}
.pl-vseg{display:flex;background:var(--soft);border-radius:999px;padding:3px}
.pl-vseg button{border:0;background:none;border-radius:999px;padding:6px 14px;font:700 13px Pretendard,system-ui,sans-serif;color:var(--sub);cursor:pointer}
.pl-vseg button.on{background:var(--surface);color:var(--action);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.pl-dc{display:inline-flex;align-items:center;gap:6px;font:700 13.5px Pretendard,system-ui,sans-serif;color:var(--ink);cursor:pointer}
.pl-dc input{width:18px;height:18px;accent-color:var(--action)}
.pl-warn{position:absolute;top:3px;left:4px;width:6px;height:6px;border-radius:50%;background:#e5383b}
.pl-grid.two .pl-day{height:78px}
.pl-dish{font-size:10px;line-height:1.2;color:var(--sub);max-width:100%;padding:0 2px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.pl-dish.sch{color:#6a4fc4;font-weight:700}
.dc-week,.dc-tbl{display:grid;gap:6px;margin:10px 0}
.dc-tbl{max-height:52vh;overflow-y:auto}
.dc-tr{display:grid;grid-template-columns:62px 1fr 70px;gap:8px;align-items:start;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:9px 11px;font:13px/1.45 Pretendard,system-ui,sans-serif;color:var(--ink);cursor:pointer}
.dc-tr.sel{border-color:var(--action);box-shadow:0 0 0 2px var(--selected)}
.dc-tr.off{opacity:.6}
.dc-tr.unsure{border-color:#f5b301;background:#fffaf0}
.dc-td-d{font-weight:800;white-space:nowrap}
.dc-td-m{display:grid;gap:2px;min-width:0}
.dc-td-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--sub);font-size:12px;display:grid;gap:2px}
.dc-warn{color:#c92a2a;font-weight:700;font-size:11.5px}
.dc-unsure{color:#b06f00;font-weight:700;font-size:11.5px}
.dc-sec{border-radius:16px;padding:12px 13px;display:grid;gap:6px}
.dc-sec.sch{background:#f4f0ff}.dc-sec.home{background:#fff7ec}.dc-sec.off{opacity:.85}
.dc-sec-h{display:flex;justify-content:space-between;align-items:center}.dc-sec-h b{font-size:14.5px}
.dc-ln{display:grid;grid-template-columns:40px 1fr;gap:6px;font-size:13.5px;line-height:1.5}.dc-ln b{color:var(--sub)}
.dc-kc{justify-self:start;font-size:12px;font-weight:800;background:var(--surface);color:#6a4fc4;border-radius:999px;padding:3px 10px}
.dc-alert{margin:0;background:#fdecec;color:#a61e1e;border-radius:10px;padding:7px 10px;font-size:12.5px}
.dc-home{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer}
.dc-home input{width:18px;height:18px;accent-color:var(--action)}
.dc-range summary{font-size:12.5px;color:var(--sub);cursor:pointer}
.dc-rr{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.dc-rr .ob-input{width:auto;flex:1;min-width:120px}
.dc-why{margin:0;background:#effaf3;color:#1f6e4a;border-radius:12px;padding:9px 11px;font-size:13px;line-height:1.5}
.dc-rec{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}
.dc-rec b{display:block;font-size:14px}.dc-rec small{display:block;font-size:12px;color:var(--sub)}
.dc-st{flex:none;font-size:12px;font-weight:800;color:#1f8a5b}
.dc-nums{display:flex;gap:8px}
.pl-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.pl-day{min-width:0}.pl-ctl{flex-wrap:wrap}

.kid-list{display:grid;gap:8px}
.kid-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:10px 12px}
.kid-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;background:#efe9ff}.kid-av.kid{background:#fff1e3}
.kid-tx{flex:1;min-width:0}.kid-tx b{display:block;font-size:15px}.kid-tx small{display:block;color:var(--sub);font-size:12px;margin-top:2px}
.kid-form{display:grid;gap:8px;background:var(--soft);border-radius:16px;padding:12px}
.kid-lbl{color:var(--sub);font-size:12px;font-weight:700}
.kid-brand{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}
#brand-name{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-edit{flex:none;margin-left:6px;margin-right:auto;border:1.5px dashed var(--line,#e4ddf2);background:transparent;color:var(--sub);font:700 11.5px Pretendard,system-ui,sans-serif;padding:5px 9px;border-radius:999px;cursor:pointer;white-space:nowrap}

.stage-pick{display:flex;align-items:center;gap:6px;flex:none;overflow-x:auto;scrollbar-width:none;transition:flex-grow .25s cubic-bezier(.23,1,.32,1)}
.stage-pick::-webkit-scrollbar{display:none}
.stage-pick .mode-chip{flex:none;height:44px;white-space:nowrap}
.add.stage-open .stage-pick{flex:1 1 auto;flex-wrap:wrap;overflow:visible;justify-content:center;padding:4px 0} 
.tb-hero .first-title.long{font-size:27px;flex:0 1 auto;min-width:0}
@media (max-width:420px){.tb-hero .first-title.long{font-size:22px}}

.sheet-box>.sheet-x:not(.light){position:sticky;top:-6px;z-index:3;justify-self:end;display:grid;place-items:center;width:38px;height:38px;margin:-4px -4px 0 auto;border-radius:50%;background:var(--soft);font-size:22px;line-height:1;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}

.home-dday{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0 10px}.home-dday[hidden]{display:none}
.dd-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;border:0;background:none;padding:4px 8px;font:600 13px Pretendard,system-ui,sans-serif;color:var(--sub);cursor:pointer}
.dd-line b{color:var(--action);font-size:14px;margin-left:4px;font-variant-numeric:tabular-nums}.dd-line i{font-style:normal;opacity:.6}
.dd-line.dd-empty{text-decoration:underline;text-underline-offset:3px}

.emerg-kid{display:grid;gap:6px}.emerg-kid+.emerg-kid{margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}
.emerg-kid-h{display:flex;justify-content:space-between;align-items:center;font-size:13.5px}
.emerg-need{margin:8px 0 2px;padding:8px 11px;border-radius:10px;background:var(--selected);color:var(--action);font-size:12.5px;font-weight:600;line-height:1.5}
.emerg-pair{display:flex;gap:6px;min-width:0}.emerg-pair select{flex:1;min-width:0;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 8px;font-size:15px;background:var(--surface);color:var(--ink)}
.emerg-kid-t.noname{color:var(--sub);font-weight:600}
.emerg-who{display:block;margin:10px 0 2px;font-size:13px;color:var(--sub)}
.emerg-addbtn{width:100%;min-height:42px;margin-top:6px;border:1.5px dashed var(--line);border-radius:12px;background:transparent;color:var(--sub);font-weight:700;font-size:14px;cursor:pointer}

.sheet-box{grid-template-columns:minmax(0,1fr)}.sheet-box>*{min-width:0;max-width:100%}

.mode-preview .chat-cards.mode-cards{margin:0 -18px;padding:2px 18px 8px 20px;scroll-padding-inline:20px 18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;animation:none}
.mode-preview .mode-cards .dc{scroll-snap-align:start}
.mode-preview .mode-cards.dragging{scroll-snap-type:none;scroll-behavior:auto}
@media (prefers-reduced-motion:reduce){.mode-preview .chat-cards.mode-cards{scroll-behavior:auto}}

#ingredient-input::placeholder{font-size:14.5px}
@media (max-width:380px){#ingredient-input::placeholder{font-size:13px;letter-spacing:-.02em}}

.pick-chips .pchip{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.pchip .fav-star{position:absolute;top:-5px;left:-3px;width:17px;height:17px;border-radius:50%;background:#ffc93c;color:#fff;font:700 10.5px/17px system-ui,sans-serif;font-style:normal;text-align:center;border:1.5px solid var(--page);box-shadow:0 1px 3px rgba(0,0,0,.15);pointer-events:none}
.pchip.pressing{transform:scale(.94);transition:transform 1s cubic-bezier(.2,.8,.3,1)}
@media (prefers-reduced-motion:reduce){.pchip.pressing{transform:none}}

#help .bk-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:8px;border-radius:16px;box-sizing:border-box}
.bk-confirm{display:grid;gap:8px;background:var(--soft);border-radius:14px;padding:12px;margin-top:10px}
.bk-confirm p{margin:0}
body.world-baby .add.stage-open .stage-pick .mode-chip{min-width:78px;justify-content:center;text-align:center} 
.pick-sep{flex:none;width:1.5px;height:26px;background:var(--line,#e4ddf2);margin:0 2px}
.add .input-wrap{transition:flex-basis .25s cubic-bezier(.23,1,.32,1),opacity .2s}
.add.stage-open .input-wrap{flex:0 0 0;width:0;opacity:0;overflow:hidden}
@media (prefers-reduced-motion:reduce){.stage-pick,.add .input-wrap{transition:none}}

.add .input-wrap input{padding-left:14px!important;padding-right:84px!important}
.add .mic{right:46px;width:34px;height:38px;background:transparent;display:grid;place-items:center;color:var(--sub,#8a8a8a)}
.add .mic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.add .mic.on{background:var(--soft);color:var(--action)}
.add .send{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:var(--action,#ff7a3d);color:#fff;display:grid;place-items:center;cursor:pointer}
.add .send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.add .send:active{transform:translateY(-50%) scale(.92)}
.avoid-btn-n{position:absolute;top:-6px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e5383b;color:#fff;font:800 11px/18px Pretendard,system-ui,sans-serif;text-align:center}
.avoid-btn-n:empty{display:none}

.ing-suggest{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px;padding:10px;border-radius:16px;background:var(--surface,#fff);box-shadow:var(--shadow);animation:chatpop .2s ease-out}
.ing-suggest .pchip{margin:0}

.tb-pf-head{display:flex;align-items:center;gap:12px;margin:4px 0 12px}
.tb-pf-pic{flex:none;width:96px;height:96px;border-radius:50%;background:#fff1c2;border:2px solid #ffd97a;display:grid;place-items:center;box-shadow:0 4px 12px rgba(120,80,20,.12)}
.tb-pf-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(90,55,25,.35))}
.tb-pf-head b{display:inline-block;font:400 26px Jua,Pretendard,system-ui,sans-serif;margin-right:6px}
.tb-pf-mean{display:inline-block;vertical-align:4px;font-size:12.5px;font-weight:700;color:var(--action,#6a4fc4);background:var(--selected,#ece5ff);border-radius:999px;padding:2px 9px}
.tb-pf-head small{display:block;color:var(--sub);font-size:12.5px;margin-top:2px}
.tb-pf{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tb-pf li{display:grid;grid-template-columns:78px 1fr;gap:8px;background:var(--surface,#fff);border:1px solid var(--line,#eee);border-radius:12px;padding:9px 12px;font-size:13.5px;line-height:1.5}
.tb-pf li b{color:var(--action,#6a4fc4);font-size:13px}
.brand-edit:hover{color:var(--action);border-color:var(--action)}
.set-card .kid-brand{border-top:0;padding-top:0}

.first{position:relative}
.cui-pick{display:inline-flex;align-items:center;gap:4px;border:0;cursor:pointer;font:inherit;color:#fff;background:var(--action,#ff7a3d);border-radius:16px;padding:0 12px 2px;box-shadow:0 3px 0 rgba(0,0,0,.14);vertical-align:baseline;line-height:1.25}
.first-title .cui-pick{position:relative;top:-1px} 
.cui-pick:focus-visible{outline:3px solid #ffd2b8;outline-offset:2px}
@keyframes cui-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.cui-pick{font-size:.86em;padding:1px 10px 3px}

.menu-list li.has-buy{display:grid}
.row-buy{justify-self:start;margin:-4px 0 10px 16px;font:700 12.5px Pretendard,system-ui,sans-serif;color:#d9480f;background:#fff1e6;border-radius:999px;padding:5px 11px;text-decoration:none}
.row-buy:focus-visible{outline:2px solid #ff7a3d;outline-offset:2px}
.aff-note{font-size:11.5px;color:var(--sub);margin:6px 4px 0}

.chat-cards.big .dc-big{flex:0 0 min(236px,72vw);display:flex;flex-direction:column}
.dc-open{display:block;width:100%;border:0;padding:0;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer}
.chat-cards.big .dc-text{padding:10px 13px 8px}
.chat-cards.big .dc-text b{font-size:16px}
.dc-strip{display:block;margin:auto 10px 10px;padding:8px 10px;border-radius:12px;font:700 12.5px Pretendard,system-ui,sans-serif;line-height:1.3;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-strip.ok{background:#effaf3;color:#1f6e4a}
.dc-strip.buy{background:#fff1e6;color:#d9480f}
.dc-strip.buy:focus-visible{outline:2px solid #ff7a3d;outline-offset:2px}

.miss-buy{flex:none;background:#d9480f;color:#fff;font:800 13px Pretendard,system-ui,sans-serif;padding:8px 12px;border-radius:999px;text-decoration:none;white-space:nowrap}
.miss-buy:focus-visible{outline:2px solid #ff7a3d;outline-offset:2px}
a.d-bar-main{display:flex;align-items:center;justify-content:center;text-decoration:none}
.pl-dc-hint{margin:-2px 2px 10px;padding:8px 12px;border-radius:12px;background:#f4f0ff;color:#4b3a8f;font-size:12.5px;line-height:1.5}
.pl-dc-hint .link{font-size:12.5px;padding:0}

.pt-card{cursor:pointer;text-align:left}
.pt-card .pt-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pt-rep{border:0;background:none;color:var(--sub);font:600 12px Pretendard,system-ui,sans-serif;padding:4px 6px;border-radius:8px;cursor:pointer}
.pt-rep:hover{background:#fff1f1;color:#c92a2a}
.pt-rep:disabled{opacity:.6;cursor:default}


.fold-card>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.fold-card>summary::-webkit-details-marker{display:none}
.fold-card>summary::after{content:'⌄';color:var(--sub);font-weight:700;margin-left:2px;transition:transform .2s}
.fold-card[open]>summary::after{transform:rotate(180deg)}
.fold-card[open]>summary{margin-bottom:6px}

.baby-tex{text-align:left;margin:4px 2px 10px;padding:9px 12px;border-radius:12px;background:#f3f8ff;display:grid;gap:2px;font-size:13px;line-height:1.5}
.baby-tex b{color:#2f5fa8;font-size:13px}
.dc-like{align-self:flex-start;font:800 11px Pretendard,system-ui,sans-serif;color:#c2410c;background:#fff4e6;border-radius:999px;padding:3px 8px;margin-bottom:3px}
.chat-aff{margin:2px 18px 6px 68px;font-size:10.5px}


@media (max-width:380px){.brand{font-size:18px;gap:6px;min-width:0}.brand .logo-duck{width:30px;height:30px}.brand-edit{margin-left:4px;padding:4px 7px;font-size:11px}.top-btns{gap:5px}.top-btns .icon-btn{width:36px;height:36px}}
.cui-pick{white-space:nowrap} 
.chat-pick{border:0;background:none;padding:0;font:inherit;font-weight:800;color:var(--action,#ff7a3d);text-decoration:underline;text-underline-offset:3px;cursor:pointer} 
.taste-note{margin:6px 2px 0;font-size:12.5px;line-height:1.5;color:var(--sub)} 
.sheet-box .bk-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:8px;border-radius:16px;box-sizing:border-box}.sheet-box .bk-btn.cancel{background:var(--soft);color:var(--ink);border:0;font-weight:700} 
.acct-card .gsi-slot{display:flex;justify-content:center;margin:10px 0 4px;min-height:44px}.acct-card .bk-btn{width:100%;margin-top:10px}.acct-row{display:flex;justify-content:space-between;margin-top:10px}.danger-link{color:#d64545!important} 
.brag-pick{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:50vh;overflow:auto}.brag-pick .menu-item{width:100%;text-align:left}#brag-up{width:100%;margin:6px 0 12px} 

#home .first>:is(#add-form,.add-form){margin-top:12px}
#home .first>:is(#input-msg,.input-msg){margin:6px 4px 0}
#home .first>:is(#pick-chips,.pick-chips){margin:12px 0 0}
#home .first>:is(#live,.live){margin:12px 0 0}
#home .first>:is(#pantry-hint,.pantry-hint){margin:6px auto 0}
#home .first>:is(#clear-all,.clear-all){margin:6px auto 0}
#home .first>:is(#ask-row,.ask-row){margin:12px 0 0}
#home .first>:is(#mode-preview,.mode-preview){margin:12px 0 0}
#home .first>:is(#keep-note,.keep-note){margin:10px 0 0}
#home :is(#pantry-hint,.pantry-hint),#home :is(#keep-note,.keep-note),.note,.taste-note{text-wrap:balance} 
#set-cook>.d-card{margin:14px 0 0} 
#chat-log>.msg.me{margin:10px 0 0 auto} #chat-log>.who+.msg.me{margin-top:0} 
#pick-chips::after{content:'';flex-basis:100%;height:0;order:98} #pick-chips .more-chip{order:99} 
.first-title .cui-pick{padding:3px 12px 1px} .cui-pick small{align-self:center;line-height:1} 
.tb-name{position:absolute;left:72%;top:25%;transform:translate(-50%,calc(-100% - 2px));display:flex;flex-direction:column;align-items:center;font:400 11px/1.1 Jua,Pretendard,sans-serif;color:var(--action,#ff7a59);pointer-events:none;white-space:nowrap;z-index:3}.tb-name b{font-size:8px;line-height:1;margin-top:1px} 
.tb-name{font-size:14px;letter-spacing:.02em} 
.need-tag{display:inline-block;margin-top:3px;font-size:12px;font-weight:700}.need-tag.have{color:#1f8a5b}.need-tag.miss{color:#d9541e} 
.need-tag.opt{color:var(--sub);font-weight:600}
.need-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}.need-right .ing-amt{margin-right:2px;text-align:right;white-space:nowrap;max-width:none}.need-right .ing-amt .spoon{display:block;white-space:nowrap} 
.need-mark{display:inline-block;margin-left:6px;font-weight:900;font-size:15px}.need-mark.have{color:#1f8a5b}.need-mark.miss{color:#d9541e} 
.up-mins{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 8px}.up-mins .up-stars-l{flex:1 1 100%}.up-min{border:1px solid var(--line,#eee);background:#fff;border-radius:999px;padding:7px 11px;font:700 13px Pretendard,system-ui,sans-serif;color:var(--sub);cursor:pointer}.up-min.on{background:#fff3e0;border-color:#ffb400;color:#b36b00} 
.up-stars{display:flex;align-items:center;gap:2px;margin:10px 0 4px}.up-stars-l{font-weight:700;font-size:14px;margin-right:8px}.up-star{border:0;background:none;font-size:28px;line-height:1;color:#d9d2c8;cursor:pointer;padding:0 2px}.up-star.on{color:#ffb400}.rate-chip{color:#b36b00;font-weight:700} 

.d-fab{position:fixed;z-index:7;bottom:calc(84px + env(safe-area-inset-bottom));right:max(14px,calc((100vw - 480px) / 2 + 14px));display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.d-fab-main{width:48px;height:48px;border-radius:50%;border:1px solid #f1e4d8;background:#fff;color:#7a5a45;font-size:22px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(120,80,40,.14)}
.d-fab-dial{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-right:4px}
.d-fab-item{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;cursor:pointer;font:inherit}
.d-fab-l{background:#fff;border:1px solid #f1e4d8;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--ink,#2b2420)}
.d-fab-i{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #f1e4d8;display:flex;align-items:center;justify-content:center;font-size:17px;color:#7a5a45}
.d-fab-item.warn .d-fab-l{color:#a32d2d}.d-fab-item.warn .d-fab-i{color:#d9541e}
.d-fab-dim{position:fixed;inset:0;z-index:6;background:rgba(43,36,32,.25)}

.sug-sec{flex:1 1 100%;text-align:left;font-size:12px;color:var(--sub);margin:2px 2px 0}
.sug-dish{flex:1 1 100%;display:flex;align-items:center;gap:8px;border:0;background:#fff8f2;border-radius:12px;padding:9px 12px;font:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer;color:inherit}
.sug-dish-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sug-tag{flex:none;font-size:11.5px;font-weight:700;background:#e8f6ee;color:#1f6b45;border-radius:999px;padding:3px 8px}.sug-tag.more{background:#fff1e6;color:#9a4a12}
.sug-sheet{margin-top:10px;box-shadow:none;padding:0;background:none}

.d-title-btns{display:flex;gap:8px;flex:none;align-items:center}
.heart .pix{display:flex;align-items:center;justify-content:center}.heart .pix svg{display:block}

.al-sum{font-weight:800;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:4px}.al-sum::-webkit-details-marker{display:none}
.al-box .al-sum{justify-content:flex-start}
.al-how{margin:0;font-size:13px;color:var(--sub)}.al-warn{margin:12px 0 0;font-size:12px;line-height:1.5;color:#b0602a;background:#fff3e6;border-radius:12px;padding:8px 10px}
.al-box:not([open]){padding:6px 14px;margin:8px 0;display:block}.al-box .al-sum{font-size:14px;min-height:32px;margin:0 !important} 
.step-amt{color:#e2603a;font-weight:800;white-space:nowrap} 

.sub-tag{display:inline-flex;align-items:center;gap:4px}
.sub-q{width:18px;height:18px;border-radius:50%;border:0;background:#ffe2cf;color:#b0602a;font:800 11px/18px Pretendard,system-ui,sans-serif;padding:0;cursor:pointer;position:relative}
.sub-q::after{content:'';position:absolute;inset:-12px} 
.sub-why{flex:1 1 100%;margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#7a5a45;background:#fff5ec;border-radius:10px;padding:7px 10px}

#home #input-msg:empty{height:0;min-height:0;margin:0}
#home .pantry-hint{margin:6px auto 0}

.d-bar .d-bar-main{font-size:15px;padding:0 8px;white-space:nowrap}
.done-head{display:flex;align-items:flex-start;gap:12px;padding-right:40px}
.done-ics{display:flex;gap:8px;flex:none}
.done-ic{width:38px;height:38px;border-radius:50%;border:0;background:#fff5ec;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.done-list{list-style:none;margin:0;padding:0}.done-tag{color:var(--sub);font-size:12px}
.done-btns{display:flex;gap:8px;margin-top:14px}.done-btns .nbr-add{flex:1;margin:0}
.toast.has-action .link{color:inherit;font-weight:800;text-decoration:underline;background:none;border:0;padding:0;font-size:inherit}

.done-ics{position:absolute;top:14px;right:74px;gap:8px}
.done-ic{width:38px;height:38px;background:var(--soft);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.done-head{padding-right:0;margin-top:-6px}
.done-ic .pix{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.done-ic .pix svg{display:block} 
#d-shop>.d-sec{margin-bottom:6px} 
.style-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.style-chip{border:1.5px solid var(--line,#f1e4d8);background:var(--surface,#fff);border-radius:999px;padding:7px 12px;font:700 13px Pretendard,system-ui,sans-serif;color:var(--ink);cursor:pointer}
.style-chip.on{background:#ffe9dd;border-color:#ff7a52;color:#c2410c}

.style-ask{flex-direction:column;align-items:stretch;gap:10px}
.style-ask .style-chips{justify-content:flex-start}
.style-go{align-self:flex-end;border:0;border-radius:999px;background:#ff7a52;color:#fff;font:800 13.5px Pretendard,system-ui,sans-serif;padding:10px 16px;cursor:pointer}
.quick-replies.style-ask .style-chip.on{background:#ff7a52;border-color:#ff7a52;color:#fff}
.quick-replies.style-ask .style-go{background:#2b2420;border-color:#2b2420;color:#fff}

#home #pick-chips{row-gap:8px;margin-top:8px}
#home #add-form{margin-top:8px}
#home .ask-row{margin-top:8px}
#home .keep-note{margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#home .live-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}
#home .live-row .live{margin:0}
#home .live-row .clear-link{margin:0;min-height:0;padding:4px 2px}

@media (max-height:820px){
  #home .pchip{min-height:38px;padding:0 12px;font-size:14px}
  #home #pick-chips{row-gap:6px;margin-top:6px}
  #home .add input{height:48px}
  #home .first{padding-top:18px}
  #home .ask-row .d-bar-main{min-height:48px}
  #home .live-row{margin-top:4px}
  #home .ask-row{margin-top:4px}
  #home .keep-note{margin-top:4px}
  #home #pantry-hint{margin-top:4px}
}

#pick-chips .pchip.row-hide{display:none}

.sheet-box .kid-brand{border-top:0;padding-top:0}
.kid-brand{display:grid;gap:10px}.kid-brand>.ob-sub{margin:0}.kid-brand>.chips{margin:0}.kid-brand>.dc-rr{margin:0}

.sheet-box>.brand-h{margin:-53px 52px 0 0;min-height:38px;display:flex;align-items:center;font-size:18px}


.need-right .put-btn{padding:6px 10px;min-height:0;font-size:12.5px;white-space:nowrap}
.need-right .put-btn.on{background:#eeeff1;color:#555}  
.need-right{gap:5px}
.put-all{display:block;width:100%;margin-top:12px;border:0;border-radius:14px;background:#fff1e6;color:#c2410c;font:800 14px Pretendard,system-ui,sans-serif;padding:12px;cursor:pointer}
.cart-item{display:flex;align-items:center;gap:8px}.cart-item .cart-text{flex:1;min-width:0}.cart-shop{flex:none}

.shop-rows{list-style:none;padding:6px 16px;margin:8px 0}
.shop-rows li{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line,#f3ebe3)}.shop-rows li:last-child{border-bottom:0}
.shop-name{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.shop-name b{font-size:15px}.shop-name small{color:var(--sub);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.saved-h{margin:2px 40px 6px 0;font-size:18px;font-weight:800}
.saved-sub{margin:0 0 16px;color:#6b6b6b;font-size:14px}
.saved-go,.saved-more{display:block;width:100%;min-height:50px;border:0;border-radius:16px;font:800 15px Pretendard,system-ui,sans-serif;cursor:pointer}
.saved-go{background:#ff7a59;color:#fff}
.saved-more{margin-top:8px;background:#f3f1ee;color:#444}

.sheet-ov.sheet-center{align-items:center;padding:0 24px}
.sheet-center .sheet-box{max-width:340px;border-radius:24px;margin:0;padding:24px 20px 20px;text-align:center;gap:0}
.sheet-center .sheet-box>.sheet-x:not(.light){position:absolute;top:12px;right:12px;margin:0}
.sheet-center .saved-h{margin:0 0 6px}
.saved-pic{display:block;width:120px;height:auto;margin:0 auto 8px}

.dl-card{display:flex;flex-direction:column;gap:10px}
.dl-seg{display:flex;background:#f1ecfb;border-radius:999px;padding:3px;gap:2px;flex:none}
.dl-seg button{border:0;background:none;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700;color:#7a7088;cursor:pointer}
.dl-seg button.on{background:#fff;color:#5b45a8;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.dl-sleeping{display:flex;align-items:center;justify-content:space-between;background:#efe9ff;border-radius:14px;padding:8px 12px;font-weight:700;color:#5b45a8}
.dl-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dl-q{border:0;border-radius:14px;background:#ece5ff;padding:8px 0 6px;font-size:12px;font-weight:700;color:#5b45a8;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;min-height:56px}
.dl-q em{font-style:normal;font-size:20px;line-height:1.2}
.dl-sum{margin:2px 2px 0;font-size:13px;line-height:1.5;color:var(--sub)}
.dl-bar{position:relative;height:30px;background:#f6f3fb;border-radius:8px;overflow:hidden}
.dl-bar i{position:absolute;top:4px;bottom:4px;border-radius:5px}
.dl-hrs{display:flex;justify-content:space-between;font-size:11px;color:#8a8196;margin-top:-6px}
.dl-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:#5b5466}.dl-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.dl-list{display:flex;flex-direction:column}
.dl-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f0ebf7;font-size:14px}
.dl-t{width:42px;flex:none;font-size:12.5px;color:#8a8196}.dl-x{flex:1}
.dl-pick{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0}
.dl-pick button{flex:1;min-width:64px;border:0;border-radius:12px;background:#f3eff9;padding:10px 0;font-weight:700;font-size:13.5px;cursor:pointer;color:#4a3f5c}
.dl-pick button.on{background:#8a6ae0;color:#fff}
.dl-field{display:flex;align-items:center;gap:10px;margin:4px 0}.dl-field>span{width:64px;flex:none;font-size:13.5px;color:#6b6377;font-weight:700}.dl-field input{flex:1}
.dl-dinner{padding-top:4px}

.dl-bar{height:34px;background:linear-gradient(90deg,#e6e0f2 0 25%,#f7f4fc 25% 87.5%,#e6e0f2 87.5%);border:1px solid #e3dcf0}
.dl-bar::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),#d8d0e8 calc(12.5% - 1px) 12.5%);pointer-events:none}
.dl-bar i{top:5px;bottom:5px;min-width:5px;box-shadow:0 0 0 1px rgba(255,255,255,.9)}
.dl-empty-key i{background:#f7f4fc!important;border:1px solid #d8d0e8}

.tp{flex:1;min-width:0}
.tp-btn{width:100%;border:0;border-radius:14px;background:#f3eff9;padding:11px 14px;text-align:left;font:700 15px Pretendard,system-ui,sans-serif;color:#4a3f5c;cursor:pointer}
.tp-btn.empty{color:#9a91a8;font-weight:500}
.tp-panel{margin-top:6px;background:#fff;border:1px solid #e8e1f5;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 20px rgba(91,69,168,.12)}
.tp-panel small{color:#8a8196;font-weight:700;font-size:12px;margin-top:2px}
.tp-ap{display:flex;gap:6px}.tp-ap button{flex:1}
.tp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.dl-emo{display:flex;flex:none;justify-content:flex-end;align-items:center;gap:6px;margin:4px 0 0 auto;font:600 12.5px Pretendard,system-ui,sans-serif;color:var(--sub);cursor:pointer} .dl-emo input{width:16px;height:16px;margin:0;accent-color:var(--action)} 
.tp-whs{position:relative;display:flex;gap:4px;height:200px;margin:2px 0 4px} .tp-whs::before{content:'';position:absolute;left:0;right:0;top:80px;height:40px;border-radius:12px;background:#f3eff9;pointer-events:none} 
.tp-wh{position:relative;flex:1;height:200px;overflow-y:auto;scroll-snap-type:y mandatory;padding:80px 0;box-sizing:border-box;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)} .tp-wh::-webkit-scrollbar{display:none}
.tp-it{height:40px;line-height:40px;text-align:center;scroll-snap-align:center;font:600 17px Pretendard,system-ui,sans-serif;color:#9a91a8;cursor:pointer} .tp-it.on{color:#4a3f5c;font-weight:800;font-size:19px}
:root[data-theme=dark] .tp-whs::before{background:color-mix(in srgb,var(--action) 14%,transparent)} :root[data-theme=dark] .tp-it.on{color:var(--ink)}
.tp-panel button{border:0;border-radius:10px;background:#f3eff9;color:#4a3f5c;padding:8px 0;font:700 13px Pretendard,system-ui,sans-serif;cursor:pointer}
.tp-panel button.on{background:#8a6ae0;color:#fff}
.tp-foot{display:flex;gap:6px;margin-top:2px}.tp-foot .tp-now{flex:1}.tp-foot .tp-done{flex:1;background:#8a6ae0;color:#fff}
.dl-field{align-items:flex-start}.dl-field>span{padding-top:11px}

.dl-card.dl-folded{padding:6px 8px}
.dl-open{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:none;padding:10px 8px;font:700 15px Pretendard,system-ui,sans-serif;color:#5b45a8;cursor:pointer}
.dl-open b{font-size:18px;color:#a596cc}

.bl-kids{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.bl-kids::-webkit-scrollbar{display:none}
.bl-kids button{flex:none;border:2px solid transparent;border-radius:999px;padding:6px 12px;background:#fff;font:800 13px Pretendard,system-ui,sans-serif;cursor:pointer;display:flex;align-items:baseline;gap:5px;color:#4a3f5c}
.bl-kids .kc{color:var(--kct);border-color:var(--kcb)}.bl-kids .kc small{font-weight:600;font-size:11.5px;opacity:.8}
.bl-kids .kc.on{background:var(--kc);color:#fff;border-color:var(--kc)}
.kid-over{display:flex;flex-direction:column;gap:2px}.kid-over-t{font-size:15px;margin-bottom:4px}
.kov-row{display:flex;gap:10px;align-items:flex-start;border:0;background:none;text-align:left;padding:8px 0;border-top:1px solid #f0ebf7;cursor:pointer;font:inherit;color:inherit;width:100%}
.kov-row:first-of-type{border-top:0}
.kid-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.kid-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.kid-m b{font-size:14px}
.kid-sum{display:flex;gap:4px;flex-wrap:wrap}.kid-sum i{font-style:normal;font-size:11.5px;background:#f6f3fb;border-radius:999px;padding:2px 8px;color:#5b5466}
.kid-bar{position:relative;height:14px;background:#f3eff9;border-radius:6px;overflow:hidden}.kid-bar i{position:absolute;top:3px;bottom:3px;width:1.4%;min-width:4px;border-radius:3px}
.kid-tag{font-size:11px;font-weight:800;border-radius:999px;padding:1px 8px;flex:none}
.gr-card{display:flex;flex-direction:column;gap:8px}
.gr-big{font-size:28px;font-weight:800;line-height:1.1}.gr-big small{font-size:14px;color:#857c93;font-weight:600}
.gr-diff{align-self:flex-start;background:#e9f7ef;color:#21794b;font-weight:800;font-size:12.5px;border-radius:999px;padding:3px 10px}
.gr-svg{width:100%;height:auto}
.gr-rank{align-self:flex-start;background:#efe9fb;color:#5b45a8;font-weight:800;font-size:12.5px;border-radius:999px;padding:3px 10px}
.dl-added{display:flex;gap:6px;flex-wrap:wrap}
.dl-chip{border:0;border-radius:999px;background:#ece5ff;color:#5b45a8;font:700 13px Pretendard,system-ui,sans-serif;padding:7px 12px;display:flex;gap:6px;align-items:center;cursor:pointer}.dl-chip b{color:#a596cc}
#bl-growth,#bl-today{display:flex;flex-direction:column;gap:12px} 
.gr-legend{display:flex;flex-direction:column;gap:4px}
.gr-leg{display:flex;align-items:center;gap:6px;font-size:13px}.gr-leg i{width:10px;height:10px;border-radius:50%;flex:none}.gr-leg span{color:#5b5466}
.dl-memo{display:block;font-size:12px;color:#857c93;margin-top:1px}
.kid-now{font-size:12.5px;font-weight:700;color:#5b45a8}.kid-sum i{white-space:normal}

.top-back{display:inline-flex;align-items:center;gap:2px;border:0;background:none;padding:6px 8px 6px 0;font:800 17px Pretendard,system-ui,sans-serif;color:inherit;cursor:pointer;min-height:44px}
.top-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.brand[hidden]{display:none!important}
.back[data-go="home"],#detail > .back,#detail .d-top > .back,#results-back,#help > .back{display:none!important} 
.mini-bar-w{display:flex;flex-direction:column;gap:2px}.mini-hrs{margin-top:0!important;font-size:10px}
.pl-more summary{list-style:none;cursor:pointer;font-weight:800;font-size:13px;color:#5b45a8;padding:6px 0;display:flex;align-items:center;gap:4px}
.pl-more summary::-webkit-details-marker{display:none}
.pl-more summary::after{content:"›";font-size:16px;transition:transform .15s}.pl-more[open] summary::after{transform:rotate(90deg)}
.pl-more .dl-row{font-size:13.5px;padding:6px 0}

.pair-slot{display:flex;flex-direction:column;gap:8px}
.pair-sec{display:flex;align-items:center;gap:6px;margin-top:6px}.pair-sec small{color:#7a7088;font-size:12px}

.dl-ban{background:#fff6dc;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:700;color:#7a5a00}
.dl-ban.ck{background:#e9f7ef;color:#21794b}
button.pl-pill{border:0;cursor:pointer;font:inherit}
.pl-pill.on{background:#ff4d6d!important;color:#fff!important}
.pl-day.dim{opacity:.25}.pl-day.hl{outline:2px solid #ff4d6d;outline-offset:-2px;background:#fff0f3}
.pl-marklist{display:flex;flex-direction:column;gap:4px} 
button.dl-ban{display:block;width:100%;border:0;text-align:left;font:inherit;font-size:13px;font-weight:700;cursor:pointer} 
#bl-plan .pl-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} #bl-plan .pl-tools .pl-tool{padding:9px 4px;font-size:12.5px;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis} 


.voice-btn.voice-new{box-shadow:0 0 0 2px var(--action)}
.voice-btn.on{background:var(--action);color:#fff}
.voice-bar{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:60;background:#2a2433;color:#fff;border-radius:16px;padding:10px 14px;font-size:13.5px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.voice-bar small{display:block;color:#d4cbe6;font-size:12.5px;margin-top:2px;min-height:1.2em}
.voice-bar .wave{display:inline-flex;gap:2px;margin-right:7px;vertical-align:-2px}
.voice-bar .wave i{width:3px;height:12px;border-radius:2px;background:#b9a6ff;animation:vw .9s ease-in-out infinite}
.voice-bar .wave i:nth-child(2){animation-delay:.15s}.voice-bar .wave i:nth-child(3){animation-delay:.3s}.voice-bar .wave i:nth-child(4){animation-delay:.45s}
@keyframes vw{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1.15)}}
@media (prefers-reduced-motion:reduce){.voice-bar .wave i{animation:none}}
.voice-bar.over-chat{bottom:calc(126px + env(safe-area-inset-bottom,0px))} 

.al-groups{display:flex;flex-direction:column;margin:4px 0 10px}
.al-row{display:grid;grid-template-columns:84px 1fr;gap:6px;align-items:start;padding:7px 0;border-bottom:1px solid #f3ece6}
.al-row:last-child{border-bottom:0}
.al-lab{font-size:13.5px;font-weight:700;color:#5c5266;padding-top:7px;word-break:keep-all}
.al-row .chips{gap:6px;margin:0}
.al-row .chip{padding:6px 12px;font-size:14px}
.al-row .chip:disabled{opacity:.45}
.al-note{margin:6px 2px 0;font-size:12.5px;color:#857c93;line-height:1.45}

.ob-ov{align-items:center;padding:16px}
.ob-box{border-radius:24px;justify-items:center;text-align:center;padding-bottom:18px}.ob-box .ob-chips,.ob-box .ob-res{justify-content:center}

.ob-ov.ob-full{background:var(--page);padding:0}
.ob-full .ob-box{width:min(100%,420px);max-height:100vh;min-height:100%;border-radius:0;align-content:center;gap:0;padding:24px 28px calc(24px + env(safe-area-inset-bottom))}
.ob-login-pic{width:210px;height:auto} 
.ob-login-name{margin:14px 0 2px;font-size:22px}
.ob-login-sub{margin:0 0 26px;font-size:14px;color:var(--sub)}
.ob-sns{width:100%;max-width:400px;height:46px;border:0;border-radius:10px;margin-bottom:9px;display:flex;align-items:center;justify-content:center;gap:8px;font:700 15px Pretendard,system-ui,sans-serif;cursor:pointer}
.ob-nv{background:#03c75a;color:#fff}
.ob-kk{background:#fee500;color:rgba(0,0,0,.85)}.ob-kk svg{width:18px;height:18px}
.ob-sns-g{width:100%;max-width:400px;min-height:44px;display:flex;justify-content:center}
.ob-fine{margin:16px 0 0;font-size:11.5px;color:var(--sub)}
.voice-head{display:block;color:var(--action);font-weight:700;font-size:12.5px;margin-top:2px}
.voice-lines{margin:6px 0 4px}.voice-li{padding:8px 0;border-bottom:1px solid var(--line,#eee);font-size:15px}
.voice-btns{display:flex;gap:8px;margin-top:12px}.voice-btns>*{flex:1}


:root[data-theme=dark],:root[data-theme=dark] body.world-baby{--page:#14141C;--surface:#1C1C26;--soft:#22222E;--selected:#2E2C40;--line:#2C2C3A;--ink:#ECEAF2;--sub:#A3A0B2;
  --action:#A898FF;--action-ink:#14141C;--cta:#A898FF;--cta-ink:#14141C;--hint:#1E1C2C;--sun:#FF8585;--sat:#8DB2FF;--shadow:none;
  --ok:#7ed6ad;--ok-bg:#1d2b25;--buy:#f2c46b;--buy-bg:#2b261b;--swap:#9cc0f0;--swap-bg:#1d2533;--far:#f3a196;--far-bg:#30201d;color-scheme:dark}
:root[data-theme=dark] body{background:var(--page);color:var(--ink)}
:root[data-theme=dark] .kc,:root[data-theme=dark] .dl-seg button.on,:root[data-theme=dark] .ob-bubble{background:var(--surface);color:var(--ink)}
:root[data-theme=dark] .dl-seg,:root[data-theme=dark] .kid-bar,:root[data-theme=dark] .dl-bar,:root[data-theme=dark] .cancel,:root[data-theme=dark] .ob-no{background:var(--soft);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .dl-sum span,:root[data-theme=dark] .kid-sum i{background:var(--soft);color:var(--sub)}
:root[data-theme=dark] .dl-ban,:root[data-theme=dark] .baby-tex,:root[data-theme=dark] .pl-dc-hint{background:var(--hint);color:#f2d58a}
:root[data-theme=dark] .dl-ban.ck,:root[data-theme=dark] .dc-why{background:var(--ok-bg);color:var(--ok)}
:root[data-theme=dark] .chip.bl-warn{background:var(--far-bg);color:var(--far)}
:root[data-theme=dark] .pl-day.sun .pl-num,:root[data-theme=dark] .pl-week .sun{color:var(--sun)}
:root[data-theme=dark] .pl-day.sat .pl-num,:root[data-theme=dark] .pl-week .sat{color:var(--sat)}
:root[data-theme=dark] .kc-all.on,:root[data-theme=dark] .kc-all{background:var(--selected);color:var(--ink)}
:root[data-theme=dark] .kc{border-color:var(--line)}:root[data-theme=dark] .kc-add{border-color:var(--line);color:var(--sub)}
:root[data-theme=dark] .dl-row,:root[data-theme=dark] .kov-row,:root[data-theme=dark] .pl-day-all{border-color:var(--line)}
:root[data-theme=dark] .dl-bar{background:var(--soft);border-color:var(--line)}
:root[data-theme=dark] .put-all,:root[data-theme=dark] .timer-btn,:root[data-theme=dark] .al-warn{background:var(--hint);color:#f2c46b}
:root[data-theme=dark] .gr-diff{background:var(--ok-bg);color:var(--ok)}:root[data-theme=dark] .gr-rank{background:var(--selected);color:var(--action)}
:root[data-theme=dark] .baby-tex b{color:var(--sat)}
:root[data-theme=dark] .pl-fed,:root[data-theme=dark] .need-mark.have{color:var(--ok)}
:root[data-theme=dark] .dl-empty-key,:root[data-theme=dark] .dl-legend span,:root[data-theme=dark] .dl-hrs span{color:var(--sub)}
:root[data-theme=dark] .kid-now,:root[data-theme=dark] details>summary,:root[data-theme=dark] .dl-open,:root[data-theme=dark] .dl-chip,:root[data-theme=dark] .dl-sleeping,:root[data-theme=dark] .dl-q{color:var(--action)}
:root[data-theme=dark] .dl-chip,:root[data-theme=dark] .dl-sleeping{background:var(--selected)}
:root[data-theme=dark] .dc-strip.buy,:root[data-theme=dark] .dc-like,:root[data-theme=dark] .pb-warn{background:var(--hint);color:#f2c46b}
:root[data-theme=dark] .duck-ava{border-color:var(--line)}
:root[data-theme=dark] .down,:root[data-theme=dark] .pb-chg.down{color:var(--sat)}
:root[data-theme=dark] .gsi-slot,:root[data-theme=dark] .ob-sns-g{color-scheme:light} 
:root[data-theme=dark] .voice-bar{background:var(--selected);border:1px solid var(--line);box-shadow:none} 

.ob-box .ob-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}
.ob-box .ob-chips .chip{width:100%;min-width:0;padding-left:4px;padding-right:4px;justify-content:center;white-space:nowrap}
.ob-box .ob-find{width:100%;justify-items:center}.ob-box .ob-more{justify-self:center} 

.login-btns{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0 4px}
.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:260px;height:44px;border-radius:22px;font-weight:700;font-size:15px;text-decoration:none;box-sizing:border-box}
.login-btn.kakao{background:#FEE500;color:rgba(0,0,0,.85)}
.login-btn.naver{background:#03C75A;color:#fff}
.login-ic{width:18px;height:18px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}
.kakao-ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3C6.5 3 2 6.5 2 10.8c0 2.8 1.9 5.2 4.7 6.6l-1 3.6c-.1.3.3.6.6.4l4.2-2.8c.5.1 1 .1 1.5.1 5.5 0 10-3.5 10-7.9S17.5 3 12 3z'/%3E%3C/svg%3E")}
.naver-ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M15.6 12.8 8.1 2H2v20h6.4V11.2L15.9 22H22V2h-6.4z'/%3E%3C/svg%3E")}
.login-btn.google{background:#fff;color:#1f1f1f;border:1px solid #dadce0}
.google-ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.5 0 6.6 1.2 9.1 3.6l6.8-6.8C35.8 2.4 30.3 0 24 0 14.6 0 6.6 5.4 2.7 13.2l7.9 6.1C12.5 13.4 17.8 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.5 24.5c0-1.6-.1-3.1-.4-4.5H24v9h12.7c-.6 3-2.3 5.5-4.8 7.2l7.7 6c4.5-4.2 6.9-10.3 6.9-17.7z'/%3E%3Cpath fill='%23FBBC05' d='M10.6 28.7c-.5-1.5-.8-3-.8-4.7s.3-3.2.8-4.7l-7.9-6.1C1 16.6 0 20.2 0 24s1 7.4 2.7 10.8l7.9-6.1z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.5 0 11.9-2.1 15.9-5.8l-7.7-6c-2.1 1.4-4.9 2.3-8.2 2.3-6.2 0-11.5-4.2-13.4-9.8l-7.9 6.1C6.6 42.6 14.6 48 24 48z'/%3E%3C/svg%3E")}


svg.li{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.tabbar button i{filter:none;opacity:1;display:flex;justify-content:center}.tabbar button i svg.li{width:22px;height:22px}
.li-wrap{display:inline-flex;vertical-align:-3px}.li-wrap svg.li{width:17px;height:17px}
.bl-view button .li-wrap{margin-right:5px}
.dc-ic{margin:0 3px 0 4px}.dc-ic svg.li{width:15px;height:15px}
.pl-sch-i{color:var(--sub)}.pl-sch-i svg.li{width:11px;height:11px}


#open-avoid[data-keep-hidden],#open-news[data-keep-hidden]{display:none!important}
.tabbar button .tab-dot{position:absolute;top:3px;left:calc(50% + 8px);width:8px;height:8px;border-radius:50%;background:#ff3b4f;box-shadow:0 0 0 2px var(--surface)}
.row-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff3b4f;margin-left:6px;vertical-align:middle}

#more:not(button){background:none;border-radius:0}
:root[data-theme=dark] .emerg-view p{background:var(--soft);color:var(--ink)}
:root[data-theme=dark] .emerg-view p small,:root[data-theme=dark] .emerg-view p span{color:var(--sub)}
:root[data-theme=dark] .ld-err{background:var(--far-bg);color:var(--far)}
:root[data-theme=dark] .ld-pill.err{background:var(--far-bg);color:var(--far)}
:root[data-theme=dark] .ld-pill.ok{background:var(--ok-bg);color:var(--ok)}
:root[data-theme=dark] .warn-small{background:var(--hint);color:#f2c46b}
:root[data-theme=dark] .al-lab{color:var(--sub)}


:root[data-theme=dark] .filter.on i,:root[data-theme=dark] .tabbar .cart-n,:root[data-theme=dark] .pb-tabs button.on,:root[data-theme=dark] .bl-type.on,:root[data-theme=dark] .pl-day.sel .pl-num,:root[data-theme=dark] .pl-day.today .pl-num,:root[data-theme=dark] .cl-big.go,:root[data-theme=dark] .ld-again,:root[data-theme=dark] .tip-go-b.main,:root[data-theme=dark] .d-step-no,:root[data-theme=dark] .mi-tabs button.on,:root[data-theme=dark] .chat-log .msg.me,:root[data-theme=dark] .cart-n,:root[data-theme=dark] .mode-chip.on,:root[data-theme=dark] .nbr-add,:root[data-theme=dark] .vw-like,:root[data-theme=dark] .tip-ok,:root[data-theme=dark] .cui-pick,:root[data-theme=dark] .cui-pick small,:root[data-theme=dark] .send{color:var(--action-ink)}



:root[data-theme=dark] .banner-arrow{background:var(--soft);color:var(--ink)}
:root[data-theme=dark] .today-other{background:var(--soft);color:var(--ink)}
:root[data-theme=dark] .pchip .dday{color:var(--ok);background:var(--ok-bg)}
:root[data-theme=dark] .pchip .dday.soon{background:var(--buy-bg)}
:root[data-theme=dark] .nbr-heart{background:var(--soft)}
:root[data-theme=dark] .pb-sum .up,:root[data-theme=dark] .pb-chg.up{color:var(--far)}
:root[data-theme=dark] .pb-sum .down{color:var(--swap)}
:root[data-theme=dark] .np-box{border-color:var(--line)}
:root[data-theme=dark] .icon-119{color:var(--far)}
:root[data-theme=dark] .pl-w.sun{color:var(--far)}
:root[data-theme=dark] .pl-w.sat{color:var(--swap)}
:root[data-theme=dark] .cl-st.open{background:var(--soft);color:var(--ok)}
:root[data-theme=dark] .cl-st.soon{background:var(--buy-bg);color:var(--far)}
:root[data-theme=dark] .bqa-n{background:var(--soft);color:var(--far)}
:root[data-theme=dark] .bqa-tag{background:var(--soft);color:var(--far)}
:root[data-theme=dark] .pl-dish.sch{color:var(--action)}
:root[data-theme=dark] .dc-tr.unsure{background:var(--soft)}
:root[data-theme=dark] .dc-warn{color:var(--far)}
:root[data-theme=dark] .dc-sec.sch{background:var(--soft)}
:root[data-theme=dark] .dc-sec.home{background:var(--buy-bg)}
:root[data-theme=dark] .dc-kc{color:var(--action)}
:root[data-theme=dark] .dc-alert{background:var(--soft);color:var(--far)}
:root[data-theme=dark] .pchip .fav-star{background:var(--buy-bg)}
:root[data-theme=dark] .tb-pf-pic{background:var(--buy-bg);border-color:var(--line)}
:root[data-theme=dark] .row-buy{color:var(--far);background:var(--buy-bg)}
:root[data-theme=dark] .dc-strip.ok{background:var(--soft);color:var(--ok)}
:root[data-theme=dark] .danger-link{color:var(--far)}
:root[data-theme=dark] .need-tag.have{color:var(--ok)}
:root[data-theme=dark] .up-min{background:var(--soft)}
:root[data-theme=dark] .d-fab-main{border-color:var(--line);background:var(--soft);color:var(--buy)}
:root[data-theme=dark] .d-fab-l{background:var(--soft);border-color:var(--line)}
:root[data-theme=dark] .d-fab-i{background:var(--soft);border-color:var(--line);color:var(--buy)}
:root[data-theme=dark] .sug-dish{background:var(--soft)}
:root[data-theme=dark] .sug-tag{background:var(--soft);color:var(--ok)}
:root[data-theme=dark] .sug-tag.more{background:var(--buy-bg);color:var(--buy)}
:root[data-theme=dark] .sub-q{background:var(--buy-bg);color:var(--buy)}
:root[data-theme=dark] .sub-why{color:var(--buy);background:var(--buy-bg)}
:root[data-theme=dark] .done-ic{background:var(--buy-bg)}
:root[data-theme=dark] .quick-replies.style-ask .style-chip{background:var(--soft);border-color:var(--line)}
:root[data-theme=dark] .saved-sub{color:var(--ink)}
:root[data-theme=dark] .saved-more{background:var(--soft);color:var(--ink)}
:root[data-theme=dark] .dl-legend{color:var(--ink)}
:root[data-theme=dark] .dl-pick button{background:var(--soft);color:var(--action)}
:root[data-theme=dark] .dl-field>span{color:var(--ink)}
:root[data-theme=dark] .dl-empty-key i{background:var(--soft);border-color:var(--line)}
:root[data-theme=dark] .tp-btn{background:var(--soft);color:var(--action)}
:root[data-theme=dark] .tp-panel{background:var(--soft);border-color:var(--line)}
:root[data-theme=dark] .tp-panel button{background:var(--soft);color:var(--action)}
:root[data-theme=dark] .bl-kids button{background:var(--soft);color:var(--action)}
:root[data-theme=dark] .bl-kids .kc-add{border-color:var(--line)}
:root[data-theme=dark] .gr-leg span{color:var(--ink)}
:root[data-theme=dark] .pl-more summary{color:var(--action)}
:root[data-theme=dark] .pl-day.hl{background:var(--soft)}
:root[data-theme=dark] .al-row{border-bottom-color:var(--line)}



.baby-salt{margin:10px 0 4px;padding:10px 14px;border-radius:14px;background:#fff6dc;color:#7a5a00;font-size:14px;font-weight:600;line-height:1.5;word-break:keep-all} 


.np-count{display:block;text-align:center;font-size:12px;font-weight:700;color:var(--action);margin:2px 0 -4px}


.add .mic[hidden]{display:none}


.ob-box .note{white-space:pre-line;word-break:keep-all;text-wrap:balance}


.ob-box .ob-no,:root[data-theme=dark] .ob-box .ob-no{margin-top:8px;border:1.5px solid rgba(124,108,240,.55);border:1.5px solid color-mix(in srgb,var(--action) 55%,transparent);background:transparent;color:var(--action);font-weight:700}



#settings .d-head{margin-bottom:0}
.set-group{padding:2px 18px;margin:0}
.set-group .d-card,#set-cook.set-group>.d-card{margin:0;padding:0;border-radius:0;background:none;box-shadow:none}
.set-group .set-fold,.set-group .setting-row{border-bottom:1px solid var(--line)!important}
.set-group>div:last-child .set-fold,.set-group>div:last-child .setting-row,.set-group>.set-fold:last-child,.set-group>.setting-row:last-child{border-bottom:0!important}
.fold-head,.set-group .setting-row{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;font:inherit;color:var(--ink)}
.fold-head strong,.set-group .setting-row strong{font-size:15.5px;font-weight:700;white-space:nowrap}
.set-group .setting-row .recent-text{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.set-group .setting-row small{display:none}#set-avoidrow .setting-row small{display:block;margin-left:auto;color:var(--sub);font-size:13.5px;white-space:nowrap}
.fold-sum{flex:1;min-width:0;text-align:right;color:var(--sub);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fold-head .chev{transition:transform .2s ease}.set-fold.open>.fold-head .chev{transform:rotate(90deg)}
.fold-body{padding:0 0 16px}
.fold-body>.note:first-child{margin-top:0}
:root[data-theme=dark] .set-group .setting-row,:root[data-theme=dark] .fold-head{background:none}


.cancel{border:0} 
.tb-name{text-shadow:0 0 3px var(--page),0 0 6px var(--page)} 
:root[data-theme=dark] .tb-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)} 
.d-fab{pointer-events:none}.d-fab>*{pointer-events:auto}
details.pb-warn summary{cursor:pointer;list-style:none;font-weight:700}details.pb-warn summary::-webkit-details-marker{display:none}details.pb-warn p{margin:6px 0 0;font-weight:400}
#settings .set-group .setting-row{text-align:left;justify-content:flex-start}#settings .set-group .setting-row .recent-text{display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:10px;flex:1;min-width:0}

.fold-head,#settings .set-group .setting-row{min-height:50px;padding:6px 0}
#help-menu .recent-item{min-height:50px;padding:6px 0}
#settings .d-sec{margin:26px 2px 10px}

#pick-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#pick-chips>.pchip{width:auto;min-width:0;margin:0;justify-content:center}
#pick-chips>.row-hide{display:none}
#pick-chips>.more-chip{grid-column:1/-1;justify-self:center}
.pl-legend .pl-more{color:var(--sub)}


.prep-card{margin-top:12px}.prep-card .fold-body{padding-bottom:12px}
.prep-base{margin:0 0 10px;font-size:13.5px;color:var(--sub);line-height:1.5}
.prep-list{list-style:none;margin:0;padding:0}.prep-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.prep-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;line-height:1.5}.prep-text b{font-size:15px}.prep-cut{color:var(--sub)}
.prep-list li:has(.prep-img){flex-direction:column}.prep-img{width:100%;max-width:320px;aspect-ratio:1;height:auto;border-radius:14px;object-fit:cover;background:var(--line)}
.prep-note{margin:6px 0 0;font-size:12px;color:var(--sub)}.prep-dry{margin:10px 0 0;font-size:13.5px;line-height:1.5}
.tb-name.on-art,:root[data-theme=dark] .tb-name.on-art{background:rgba(20,20,28,.82);color:#fff;padding:2px 7px 1px;border-radius:999px;text-shadow:none} 


.fam-tag{flex:none;font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;margin-left:6px;background:#ffe8ee;color:#c23d5c;white-space:nowrap;align-self:center}
.fam-tag.b{background:#e7efff;color:#2f5fb8}
.fam-list{margin:4px 0 8px}.fam-who{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line,#eee)}.fam-who:last-child{border-bottom:0}.fam-who .recent-text{flex:1}
.fam-full{text-align:center;padding:10px;border-radius:14px;background:rgba(127,127,127,.14);color:inherit;font-weight:700;font-size:13px;margin:6px 0}
.fam-invite{width:100%;border:0;font-size:15px}.fam-stop{width:100%;margin-top:10px}
.need-mark.sub{color:var(--swap,#2f5f9e);font-size:12px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--swap-bg,#e6eef9)} 
:root[data-theme=dark] .need-mark.sub{color:#8DB2FF;background:#1E2638}


.tip-x{display:inline-grid;place-items:center;min-width:24px;min-height:24px;margin-left:6px;border-radius:999px;color:var(--action);font-weight:800;cursor:pointer}
.set-switch{cursor:pointer}.set-switch input[type=checkbox]{margin-left:auto;width:22px;height:22px;accent-color:var(--action);flex:none}
.sheet-box .theme-seg{display:flex;width:100%;margin:10px 0 4px}.sheet-box .theme-seg button{flex:1;white-space:nowrap}

.stage-pick .mode-chip.dis{opacity:.35;cursor:default}
.stage-pick .pick-note{flex:0 0 100%;text-align:center;font-size:12.5px;color:var(--sub);margin:0 0 2px}

.set-switch input[type=checkbox]{appearance:none;-webkit-appearance:none;margin:0 0 0 auto;width:44px;height:26px;border-radius:999px;background:var(--line);position:relative;transition:background .2s ease;cursor:pointer;flex:none}
.set-switch input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease}
.set-switch input[type=checkbox]:checked{background:var(--action)}
.set-switch input[type=checkbox]:checked::after{transform:translateX(18px)}

.cook-warn-act{display:grid;gap:8px;margin-top:12px}.cook-warn-act .d-bar-main{width:100%}
.first-food{margin:10px 0 2px;padding:9px 11px;border-radius:12px;background:var(--soft);color:var(--ink)}

.fam-plan{margin-top:14px;padding:14px 18px}.fam-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fam-plan-hide{font-size:12.5px;color:var(--sub)}
.fam-plan .note{margin:6px 0 10px}.fam-plan .fam-invite,.fam-plan .fam-plan-go{width:100%;margin-top:8px}

.bl-past{display:block;width:100%;margin:16px 0 4px;text-align:center;font-size:14px;color:var(--sub)}


.dl-bar::before{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(120,100,160,.22) calc(25% - 1px) 25%)}
:root[data-theme=dark] .dl-bar{background:linear-gradient(90deg,rgba(0,0,0,.28) 0 25%,transparent 25% 87.5%,rgba(0,0,0,.28) 87.5%),var(--soft)}
:root[data-theme=dark] .dl-bar::before{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.10) calc(25% - 1px) 25%)}
:root[data-theme=dark] .dl-bar i{box-shadow:0 0 0 1px var(--soft)} 

.sch-search{display:flex;gap:8px;margin:10px 0}.sch-inp{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font:inherit}
.sch-go{flex:none;width:auto;padding:0 18px;height:44px}
.sch-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}
.sch-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}
.sch-row small{color:var(--sub);font-size:12.5px}
.sch-off{display:block;margin:14px auto 0;color:var(--sub)}
.dc-hint-btns{display:flex;gap:16px;margin-top:6px}
.pl-card + .sch-line{margin-top:10px} 
.sch-note{display:block;margin-top:4px;font-size:12.5px;color:var(--sub)}  

.pl-emo{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}.pl-emo-b{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--soft);font-size:18px;line-height:1}.pl-emo-b.on{border-color:var(--action);box-shadow:0 0 0 2px var(--action) inset}
.pl-emo{flex-wrap:nowrap;justify-content:space-between}.pl-mform{display:flex;gap:8px;align-items:center}.pl-mform .ob-input{flex:1;min-width:0;margin:0}.pl-mform .mini{flex:none;height:44px;padding:0 16px} 
.sch-line{display:flex;flex-direction:column;gap:4px}.sch-l1{display:flex;justify-content:space-between;align-items:center;gap:8px}.sch-l1 .link{flex:none}.sch-line .sch-note{margin:0;padding-left:1.45em}  

.add.stage-open .stage-pick.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;box-sizing:border-box;padding:4px 6px}
.add.stage-open .stage-pick.grid4 .mode-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;margin:0;padding:0 2px;height:44px;line-height:1.1;white-space:nowrap}
.add.stage-open .stage-pick.grid4 .mode-chip small{display:block;font-size:10.5px;font-weight:600;opacity:.7;margin-top:1px}
.add.stage-open .stage-pick.grid4 .mode-chip.wide{grid-column:span 2;flex-direction:row;gap:4px}

.tried-mark{font-size:13px;font-weight:900;margin:0 2px 0 5px}.tried-mark.tm-ok{color:#22a06b}.tried-mark.tm-warn{color:#d97706}.tried-mark.tm-new{color:#c23d5c}

.pt-me{display:flex;flex-wrap:wrap;gap:14px;margin:6px 2px 10px;font-size:13px}
.pt-block{margin:10px 0;padding:12px 14px;border-radius:14px;background:rgba(168,152,255,.12)}.pt-block .note{margin:4px 0 0}
.pt-block-row{display:flex;gap:8px;align-items:center;margin-top:10px}.pt-block-row .d-bar-main{flex:1}
.pt-ureport{display:block;margin-top:8px;font-size:13px;color:var(--sub)}
.pt-c-hid{display:block;padding:8px 2px}

.pl-meals{margin:4px 0 10px}
.pl-meals button{flex:1;font-size:14px}
.pl-mhead{font-size:12.5px;font-weight:800;color:var(--accent,#8a6ae0);margin:10px 2px 2px;letter-spacing:.02em}
.pl-mhead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pl-done{flex:none;border:1px solid var(--line,rgba(140,120,200,.35));background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px;cursor:pointer}
.pl-done.on{background:rgba(80,190,120,.16);border-color:transparent;color:#3fae6a}
.pl-pill em.pl-sq{display:inline-block;width:11px;height:11px;border:2px solid #f2c230;border-radius:3px;box-sizing:border-box}
.pl-list .pl-mhead:first-child,.pl-items .pl-mhead:first-child{margin-top:2px}


:root[data-theme=dark] .pl-day.today:not(.sel) .pl-num{color:var(--action);background:none}

.pl-more-age{border:1.5px dashed var(--line);background:none;color:var(--sub)}
.pl-later{width:100%;opacity:.75}
.pl-rest{width:100%;display:flex;flex-wrap:wrap;gap:5px}
.pl-more{border:1.5px dashed var(--line);background:none;color:var(--accent,#7c5cdb);font-weight:700}

.pl-ic-name{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.pl-ic-name .pchip-ic{font-size:17px}.pl-ic-name .pchip-ic.px svg{width:20px;height:20px}
.pl-ic-chip{display:inline-flex;align-items:center;gap:5px}
.pl-ic-chip .pchip-ic{font-size:15px}.pl-ic-chip .pchip-ic.px svg{width:18px;height:18px}
.pl-row .pl-ic-name{flex:1;min-width:0}

.login-btn.apple{background:#000;color:#fff}.login-btn.apple .login-ic svg{width:18px;height:18px;display:block}.ob-ap svg{width:18px;height:18px}
:root[data-theme=dark] .login-btn.apple,:root[data-theme=dark] .ob-ap{background:#fff;color:#000}
.pl-disc{font-size:12px;line-height:1.5;color:var(--sub);margin:10px 2px 8px}


.pl-rec{margin:4px 0 12px}
.pl-rec-head{width:100%;text-align:left;border:1.5px dashed var(--line);background:var(--soft);color:var(--ink,#eee);border-radius:12px;padding:11px 12px;font:700 14px Pretendard,system-ui,sans-serif;cursor:pointer}
.pl-rec-body{padding:10px 2px 2px;display:flex;flex-direction:column;gap:6px}
.pl-rec-seg{display:flex;gap:6px;flex-wrap:wrap}
.pl-rec .rz-b{border:0;border-radius:999px;padding:7px 13px;font:700 13.5px Pretendard,system-ui,sans-serif;background:var(--soft);color:var(--sub);cursor:pointer}
.pl-rec .rz-b.on{background:var(--action);color:#fff}
.pl-rec-go{margin-top:4px}



.pl-meal-ic{display:flex;justify-content:center;gap:1px;margin-top:3px;font-size:12px;line-height:1}
.pl-meal-ic em{font-style:normal}

#bl-plan .pl-grid .pl-day.pl-base{box-shadow:inset 0 0 0 2px #f2c230}

.dc-din.fold > :not(.dc-din-t){display:none}
.dc-whyd{margin:6px 0 8px}
.dc-whyd[open] summary::after{content:' ▴'}
.dc-whyd .dc-why{margin-top:6px}

.wk-rep{margin-bottom:12px}
.wk-nav{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.wk-nav b{font-size:16px}.wk-nav small{flex:1;color:var(--sub);font-size:12.5px}
.wk-nav .pl-nav:disabled{opacity:.35}
.wk-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.wk-row span{color:var(--sub);flex:none}.wk-row b{text-align:right}
.wk-foot{display:block;margin-top:8px;font-size:11.5px;color:var(--sub);line-height:1.5}
.wk-nav small{white-space:nowrap}

.hint-fold{position:relative;margin:4px 0}
.hint-fold summary{list-style:none;cursor:pointer;font-size:11.5px;color:var(--sub);text-align:right;padding:2px 0}
.hint-fold summary::-webkit-details-marker{display:none}
.hint-fold[open] summary{position:absolute;right:0;top:-2px;opacity:.75}
.hint-fold[open] .hf-closed,.hint-fold:not([open]) .hf-open{display:none}
.hint-fold:not([open]) summary{text-align:left}
.hint-fold[open] > .note{padding-right:44px}

.pl-foot{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom,0px));margin:0 -16px calc(-16px - env(safe-area-inset-bottom,0px));padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;z-index:3}
.pl-foot .d-bar-main{flex:1;margin:0}
.pl-foot .link{flex:none;font-size:13px}
.sheet-box > .pl-foot{width:calc(100% + 32px);box-sizing:border-box;justify-self:start}
.pl-foot{box-shadow:40px 0 0 var(--surface),-40px 0 0 var(--surface)}

.sheet-ov{overscroll-behavior:contain}
.sheet-box{overscroll-behavior:contain}
body:has(.sheet-ov){overflow:hidden}
#bl-plan .pl-nav.pl-cam{font-size:15px}
.pl-markpick .pl-medit-btn+.pl-medit-btn{margin-left:10px}
.chip em.pl-sq{display:inline-block;width:12px;height:12px;border:2px solid #f2c230;border-radius:3px;box-sizing:border-box;vertical-align:-1px}.chip em{font-style:normal}

.pl-bar.ok,.pl-day.sel .pl-bar.ok{background:#22b07d}.pl-bar.bad,.pl-day.sel .pl-bar.bad{background:#ff5d7a}
.pl-day .pl-bar.ok,.pl-day .pl-bar.bad{width:20px;height:4px}
em.pl-rbar{display:inline-block;width:14px;height:4px;border-radius:2px;vertical-align:middle}em.pl-rbar.ok{background:#22b07d}em.pl-rbar.bad{background:#ff5d7a}
.pl-react{display:flex;align-items:center;gap:8px;margin:8px 0 2px;font-size:13px;font-weight:700;color:var(--muted,#9a96a8)}
.pl-rbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:700;border-radius:999px;padding:6px 12px;cursor:pointer}
.pl-rbtn.ok.on{background:rgba(34,176,125,.16);border-color:#22b07d;color:#22b07d}.pl-rbtn.bad.on{background:rgba(255,93,122,.14);border-color:#ff5d7a;color:#ff5d7a}

#bl-plan .pl-grid .pl-day{justify-content:flex-start;gap:0;padding:4px 0 9px;height:max(var(--cellh,64px),76px)}
#bl-plan .pl-grid .pl-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%}
#bl-plan .pl-grid.two .pl-day{height:max(var(--cellh,64px),84px)}
#bl-plan .pl-grid .pl-dots:empty{display:none}
#bl-plan .pl-grid .pl-meal-ic{margin-top:0}
#bl-plan .pl-grid .pl-bar{bottom:4px;left:50%;transform:translateX(-50%)}

#pick-chips>.pchip{padding:0 4px;gap:4px;justify-content:center;overflow:visible} 
#pick-chips>.pchip>.pchip-ic{flex:none}
#pick-chips>.pchip>:not(.pchip-ic):not(.dday):not(.fav-star){white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}

.dl-dinner{padding:16px 18px}

.pl-mhead>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.pl-mhead>span small{font-size:11.5px;font-weight:600;color:var(--sub);letter-spacing:0}

#bl-kids.bl-kids{margin-bottom:6px}
#pt-topics.pt-topics{margin-bottom:12px}
#pt-write.pt-write{margin-bottom:8px}
#pt-me.pt-me{margin:0 0 8px}
.pl-newtag{font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:#ff5d7a;border-radius:6px;padding:1px 5px;margin-left:6px;vertical-align:2px}

:root[data-theme=dark] .dl-pick button.on{background:var(--action);color:#1b1630}

.wk-tl{display:grid;gap:2px;margin-top:6px;border-top:1px solid var(--line);padding-top:12px}
.wk-tl-h{font-size:14px;margin-bottom:6px}
.wk-day>summary{list-style:none;display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:8px;padding:5px 0;cursor:pointer;font-size:12.5px}
.wk-day>summary::-webkit-details-marker{display:none}
.wk-day>summary .kid-bar{height:14px;width:100%}
.wk-day>summary small{color:var(--sub);text-align:right;font-size:11.5px}
.wk-dl{font-weight:700}
.wk-day[open]>summary .wk-dl{color:var(--action)}
.wk-day .dl-row{gap:8px;font-size:13px}
.wk-day .dl-ic{width:52px;flex:none;text-align:center;font-size:16px;line-height:1} 
.wk-hrs{display:grid;grid-template-columns:52px 1fr 30px;gap:8px;font-size:10.5px;color:var(--sub)}
.wk-ax{display:flex;justify-content:space-between}.wk-ax i{font-style:normal}
.pl-dish.sch{word-break:break-all} 

.pl-dc-hint{position:relative;padding-right:34px}
.pl-dc-hint .tip-x{position:absolute;top:4px;right:4px;margin:0;width:28px;height:28px;color:var(--sub);font-size:15px;font-weight:600}

#bl-plan .pl-grid .pl-meal-ic{flex-wrap:wrap;max-width:100%;gap:0 1px;font-size:11px;line-height:1.1}
#bl-plan .pl-grid .pl-meal-ic em{font-size:11px}

#bl-plan .pl-ctl .pl-legend{flex:1;justify-content:flex-end;gap:4px;padding:0}
#bl-plan .pl-ctl .pl-legend .pl-pill{font-size:11.5px;padding:4px 8px}
.pl-dcrow{display:flex;justify-content:flex-end;margin:10px 4px 6px}
#bl-plan .pl-ctl{flex-wrap:nowrap}#bl-plan .pl-ctl .pl-legend{flex-wrap:nowrap}#bl-plan .pl-ctl .pl-legend .pl-pill{white-space:nowrap}

[data-sec]{-webkit-user-select:none;user-select:none}
.sec-move{outline:2px dashed var(--action);outline-offset:3px;border-radius:18px;position:relative;padding-top:44px!important}
.sec-bar{position:absolute;top:8px;right:10px;left:10px;display:flex;gap:6px;justify-content:flex-end;z-index:3}
.sec-b{width:38px;height:30px;border:0;border-radius:10px;background:var(--soft);color:var(--ink);font-size:13px;cursor:pointer}
.sec-b:disabled{opacity:.3}
.sec-ok{border:0;border-radius:10px;background:var(--action);color:#1b1630;font-weight:800;padding:0 14px;cursor:pointer}
#bl-plan .pl-ctl:has(.pl-legend.open){flex-wrap:wrap}
#bl-plan .pl-ctl .pl-legend.open{flex-basis:100%;flex-wrap:wrap;justify-content:flex-start}

header.top{position:sticky;top:0;z-index:8;margin:calc(-1 * max(16px,env(safe-area-inset-top))) -18px 0;padding:calc(max(16px,env(safe-area-inset-top)) + 2px) 18px 8px;background:var(--page)}
.pantry-hint.info{pointer-events:none;cursor:default}
.wk-nav b{white-space:nowrap}.wk-nav small{text-align:right}.wk-nav .pl-nav{flex:none;width:34px;height:34px;font-size:16px} 
.set-sw-note{margin:6px 2px 2px;font-size:12px;line-height:1.5;color:var(--sub)}
.ob-fine{white-space:pre-line} 

.ob-sns{position:relative;height:52px;border-radius:12px;margin-bottom:10px;font:700 15.5px Pretendard,system-ui,sans-serif;letter-spacing:-.01em}
.ob-sns>svg,.ob-sns>b{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.ob-nv b{font:900 18px Arial,sans-serif}
.ob-sns-g{min-height:0;margin-bottom:10px}
.ob-gg{background:#fff;border:1px solid #747775;color:#1f1f1f}
:root[data-theme=dark] .ob-gg{background:#131314;border-color:#8e918f;color:#e3e3e3}
.ob-ap{background:#000;color:#fff}
:root[data-theme=dark] .ob-ap{background:#fff;color:#000}
.ver-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-weight:700;font-size:14px}
.ver-row button{border:0;border-radius:999px;padding:8px 14px;background:var(--action);color:#fff;font:700 13px Pretendard,system-ui,sans-serif;cursor:pointer}.ver-row button:disabled{opacity:.6}
:root[data-theme=dark] .ver-row button{color:#1b1630}

header.top .brand,#brand-edit,.brand-edit,#pantry-hint,.tip-ok,#bl-kids button,#bl-view button,.dl-seg button{position:relative}
header.top .brand::after,#brand-edit::after,.brand-edit::after,.tip-ok::after,#bl-kids button::after,#bl-view button::after,.dl-seg button::after{content:'';position:absolute;inset:-7px 0}
#pantry-hint::after{content:'';position:absolute;inset:-10px 0}

.set-logout{display:flex;flex-direction:column;align-items:center;gap:6px;margin:22px 0 8px}
.set-logout-btn{width:100%;max-width:400px;height:48px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:700 15px Pretendard,system-ui,sans-serif;cursor:pointer}
.set-logout small{color:var(--sub);font-size:12px}

.top-cart{position:relative}.top-cart .cart-n:empty{display:none}.top-cart .cart-n{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--buy,#ff6b3d);color:#fff;font:800 10.5px/17px Pretendard,system-ui,sans-serif;text-align:center}

body.has-tabbar .d-bar{bottom:var(--tabbar-h,calc(57px + env(safe-area-inset-bottom)));padding-bottom:10px}
body.has-tabbar .d-fab{bottom:calc(144px + env(safe-area-inset-bottom))}
body.has-tabbar #detail{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.live-tip{font-size:12.5px;margin-top:2px}

@supports (-webkit-touch-callout:none){input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:16px!important}}

.dl-shutbar{display:flex;flex-direction:column;gap:6px;cursor:pointer}
.dl-arrow{margin-left:auto;min-width:36px;min-height:36px;border:0;background:none;color:var(--sub);font-size:13px;cursor:pointer}

.rx-seg .rz-b{border:0;border-radius:999px;padding:9px 14px;font:700 13.5px Pretendard,system-ui,sans-serif;background:var(--soft);color:var(--sub);cursor:pointer}
.rx-seg .rz-b.on{background:var(--selected);color:var(--action);box-shadow:inset 0 0 0 2px var(--action)}
.rx-plus{border:1.5px dashed var(--line)!important;background:none!important;color:var(--sub)}
.rx-in{max-width:180px;min-height:38px;padding:6px 12px;font-size:16px}

.soon-line{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:rgba(255,176,32,.12);box-shadow:inset 0 0 0 1.5px rgba(255,176,32,.45);font:600 13.5px/1.4 Pretendard,system-ui,sans-serif;color:var(--ink)}
.soon-line .soon-t{flex:1;min-width:0}.soon-line b{display:block;font-weight:800;color:#d98a00;margin-bottom:2px}
.soon-line em{font-style:normal;font-weight:800;color:#d98a00}.soon-line em.today{color:#e5483b}
.soon-go{flex:none;min-height:40px;border:0;border-radius:999px;padding:0 14px;background:#ffb020;color:#2a1b00;font:800 13px Pretendard,system-ui,sans-serif;cursor:pointer}
:root[data-theme=dark] .soon-line b,:root[data-theme=dark] .soon-line em{color:#ffb020}
.pick-chips .pchip .dday{font-style:normal}
.dd-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.dd-row{display:flex;align-items:center;gap:8px}.dd-name{flex:1;min-width:0;font-weight:700}
.dd-row .dday{font-style:normal;font-size:12px;font-weight:700;color:#2a9867;background:#e2f6ec;border-radius:999px;padding:2px 8px;white-space:nowrap}.dd-row .dday.none{color:var(--sub);background:var(--soft)}
.dd-date{min-height:40px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:500 16px Pretendard,system-ui,sans-serif}
.dd-auto{font-size:13px}
:root .pick-chips .pchip .dday{background:var(--soft);color:var(--sub);font-weight:800}
.dd-tog{display:flex;justify-content:space-between;width:100%;margin-top:8px;padding:10px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:700 14px Pretendard,system-ui,sans-serif;cursor:pointer}

#settings[data-cat="main"] [data-scats]:not([data-scats~="main"]){display:none!important}
#settings[data-cat="home"] [data-scats]:not([data-scats~="home"]){display:none!important}
#settings[data-cat="kids"] [data-scats]:not([data-scats~="kids"]){display:none!important}
#settings[data-cat="account"] [data-scats]:not([data-scats~="account"]){display:none!important}
#settings[data-cat="app"] [data-scats]:not([data-scats~="app"]){display:none!important}
#settings[data-cat="help"] [data-scats]:not([data-scats~="help"]){display:none!important}
.set-cats{display:flex;flex-direction:column;padding:2px 0}
.set-cat{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 18px;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer;position:relative}
.set-cat+.set-cat::before{content:'';position:absolute;top:0;left:68px;right:18px;height:1px;background:var(--line)}
.set-cat-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--action);background:var(--selected)}.set-cat-ic svg.li{width:20px;height:20px}
.set-cat-t{flex:1;min-width:0}.set-cat-t b{display:block;font:700 15.5px/1.3 Pretendard,system-ui,sans-serif;letter-spacing:-.01em}.set-cat-t small{display:block;margin-top:2px;color:var(--sub);font:400 12.5px/1.35 Pretendard,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-cat-ar{flex:none;color:var(--sub);opacity:.6}.set-cat-ar svg.li{width:16px;height:16px}
.set-cat:active{background:var(--soft)}
#settings .cat-box{margin:0!important;border-radius:0!important;box-shadow:none!important}
#settings .cat-box{position:relative}#settings .cat-box:not(.cat-first)::before{content:'';position:absolute;top:0;left:18px;right:18px;height:1px;background:var(--line)} 
#settings .cat-box.cat-first{margin-top:14px!important;border-top-left-radius:22px!important;border-top-right-radius:22px!important}
#settings .cat-box.cat-last{border-bottom-left-radius:22px!important;border-bottom-right-radius:22px!important}
#settings .set-cats{margin-top:14px}
#settings .cat-box .cat-lastin{border-bottom:0!important}
#settings .cat-box:not(.cat-first)::before{z-index:1} 
#settings .cat-box .cat-lastin>*{border-bottom:0!important}
#settings .cat-box{padding-top:0!important;padding-bottom:0!important}#settings .cat-box.cat-first{padding-top:4px!important}#settings .cat-box.cat-last{padding-bottom:4px!important} 
#set-fridge:empty{display:none} 

.menu-list li.has-buy .menu-row{border-bottom:0;padding-bottom:6px}
.menu-list li.has-buy{border-bottom:1px solid var(--line)}.menu-list li.has-buy:last-child{border-bottom:0}
.menu-list li.has-buy .row-buy{margin:0 0 12px 0}

.pl-msum{display:flex;align-items:center;gap:8px;width:100%;padding:10px 0 12px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;cursor:pointer;font:600 14.5px/1.4 Pretendard,system-ui,sans-serif}
.pl-msum-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-msum small{flex:none;color:var(--sub);font-size:12.5px;font-weight:500}.pl-msum .pl-newtag{margin-left:4px}
.info-i{border:0;background:none;padding:0 2px;color:var(--action);font:700 13px system-ui,sans-serif;cursor:pointer;vertical-align:baseline}

.dl-row .dl-del{flex:none;color:#e5483b;font-weight:700}
.dl-row.pressing{background:var(--soft)}
.dl-lp-hint{display:block;margin:6px 2px 0;color:var(--sub);font-size:12px}
.src-ai{margin-top:2px}
.nbr .note:empty{display:none}

.adm-list{display:flex;flex-direction:column;margin:10px 0}
.adm-row{padding:12px 2px;border-bottom:1px solid var(--line)}.adm-row:last-child{border-bottom:0}
.adm-row small{display:block;color:var(--sub);font-size:12px;margin-bottom:4px}.adm-row p{margin:0;white-space:pre-wrap;font-size:14.5px;line-height:1.5}


#toast.toast{background:rgba(43,36,33,.94);color:#fff;border-radius:14px;padding:11px 16px;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.01em;box-shadow:0 8px 24px rgba(30,20,15,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast-in .18s ease-out}
:root[data-theme=dark] #toast.toast{background:rgba(52,50,66,.96);color:#F4F2FB;border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 28px rgba(0,0,0,.5)}
body:has(.d-bar:not([hidden])) #toast.toast{bottom:calc(176px + env(safe-area-inset-bottom))}
@keyframes toast-in{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){#toast.toast{animation:none}}


.fv-th{width:52px;height:52px;border-radius:12px;overflow:hidden;flex:none;background:var(--soft);display:grid;place-items:center;font-size:22px}
.fv-th img{width:100%;height:100%;object-fit:cover;display:block}
.fv-th img.yt{transform:scale(1.36)} 
.fv-all{display:block;width:100%;padding:14px 0 6px;border:0;background:none;color:var(--action);font-size:14.5px;font-weight:600;text-align:center;cursor:pointer}
.set-cat-t .row-dot{display:inline-block;vertical-align:middle;margin:0 0 2px 6px} 
.menu-list li.has-buy .row-buy{margin-left:64px} 

.vw-back{border:0;background:none;color:#fff;font-size:16px;font-weight:700;padding:6px 4px;cursor:pointer}
.vw-meta{margin:0;padding:8px 16px 0;text-align:right;color:#bbb;font-size:13px}
body.has-tabbar .vw .vw-note{padding-bottom:12px}

:root .pick-chips .pchip .dday.warn{background:#ffe7a3;color:#6b4a00}
:root .pick-chips .pchip .dday.soon{background:#ff8a2b;color:#fff}
:root .pick-chips .pchip .dday.today{background:#f03a3a;color:#fff}
.dd-row .dday.warn{color:#7a5600;background:#fff1c4}
.dd-row .dday.soon{color:#fff;background:#ff8a2b}
.dd-row .dday.today{color:#fff;background:#f03a3a}

#banner .slide-img{aspect-ratio:16/9}
#banner .slide .cap{padding:36px 16px 12px}
#banner .slide .cap b{font-size:20px}

.feed-ov .sheet-title{display:block;text-align:center;margin:8px 0 4px}
.feed-clock{font:700 56px/1.1 Pretendard,system-ui,sans-serif;text-align:center;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:14px 0 4px;color:var(--ink)}
.feed-sub{text-align:center;color:var(--sub);font-size:13px;margin:0 0 18px}
.pl-dcrow{justify-content:space-between;align-items:center;gap:8px} .pl-reo-hint{font-size:12.5px;color:var(--sub);min-width:0} 

.feed-pill{position:fixed;left:50%;transform:translateX(-50%);z-index:7;border:1.5px solid var(--action);border-radius:999px;padding:9px 16px;background:var(--surface);color:var(--ink);font:700 14.5px Pretendard,system-ui,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.16);white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer} 
:root[data-theme=dark] .feed-pill{box-shadow:0 8px 22px rgba(0,0,0,.5)}

.ing-group .first-food{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:12px 0 14px;padding:10px 12px;font-size:13px;line-height:1.45}
.ing-group .first-food .info-more{flex-basis:100%}

.dl-feeding,.feed-pill{overflow:hidden;border:2px solid var(--action);animation:feedGlow 1.8s ease-in-out infinite} 
.dl-feeding::after,.feed-pill::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);background-size:260% 100%;animation:feedShine 2.6s linear infinite}
:root[data-theme=dark] .dl-feeding::after,:root[data-theme=dark] .feed-pill::after{background-image:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%)}
@keyframes feedGlow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--action) 50%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--action) 22%,transparent),0 0 16px color-mix(in srgb,var(--action) 45%,transparent)}}
@keyframes feedShine{from{background-position:130% 0}to{background-position:-130% 0}}
@media (prefers-reduced-motion:reduce){.dl-feeding,.feed-pill,.dl-feeding::after,.feed-pill::after{animation:none}}

.voice-btns>button{min-height:56px;border-radius:22px;font-size:16px;font-weight:700}
.voice-btns>.cancel{background:var(--soft);color:var(--ink)}

.feed-pill{width:min(calc(100% - 24px),456px);text-align:center;border-radius:16px;padding:11px 16px}
body.feeding-on main,body.feeding-on .view{padding-bottom:calc(140px + env(safe-area-inset-bottom))}
body.feeding-on.has-tabbar #detail{padding-bottom:calc(210px + env(safe-area-inset-bottom))} 

.dl-list .dl-row::before{content:"";flex:none;width:5px;height:20px;border-radius:3px;background:var(--dlc,transparent)}


.sug-cui{background:var(--action);color:#fff}
.sug-cui .sug-tag{background:rgba(255,255,255,.22);color:#fff}
.cui-cats{display:flex;gap:6px;overflow-x:auto;margin:10px -2px 0;padding:2px;scrollbar-width:none}
.cui-cats::-webkit-scrollbar{display:none}
.cui-cats .pchip{flex:0 0 auto}
.sug-more{flex:1 1 100%;padding:10px}
:root[data-theme=dark] .sug-cui{background:var(--action);color:#1b1530}
:root[data-theme=dark] .sug-cui .sug-tag{color:#1b1530;background:rgba(0,0,0,.12)}
.cui-list{margin-top:10px}

.ing-group .d-row-main .ing-name{white-space:nowrap}
.ing-group .need-tag.opt{display:block;white-space:nowrap;margin-top:2px}

.ing-group li > .d-row-main{flex:0 0 auto;max-width:60%}
.ing-group .need-right{flex:1 1 0;min-width:0;justify-content:flex-end}
.ing-group .need-right .ing-amt{white-space:normal;min-width:0;flex:0 1 auto}
.ing-group li > .ing-amt{margin-left:auto}

#pick-chips>.more-chip:not(.open){grid-column:auto;justify-self:stretch}
#pick-chips::after{display:none} 

body.has-tabbar main:has(> #home:not([hidden])){padding-bottom:0}
#home{padding-bottom:calc(66px + env(safe-area-inset-bottom))}

.fz-row{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line,#eee)}
.fz-t{flex:1;min-width:0;display:flex;flex-direction:column}.fz-t b{font-size:15px}.fz-t small{color:var(--sub);font-size:12px}
.fz-pm{width:34px;height:34px;border-radius:50%;border:1px solid var(--line,#ddd);background:var(--surface,#fff);font-size:18px;line-height:1;color:var(--ink,#333);flex:0 0 auto}
.fz-n{min-width:28px;text-align:center;font-size:18px}
.fz-made{margin:6px 0 8px;padding:4px 12px;border-radius:16px;background:var(--soft,#f3efff)}.fz-made .fz-row:last-child{border-bottom:0}
.fz-ask{display:block;margin:8px 0 4px;color:var(--sub)}.fz-pick-row{margin:6px 0;align-items:center}.fz-g{width:100%;color:var(--sub);font-size:12px}
.fz-add{width:100%;margin-top:12px;padding:12px;border-radius:14px;border:1px dashed var(--accent,#9b84f2);background:transparent;color:var(--accent,#6b55d8);font-weight:600}
.fz-go{width:100%;margin-top:12px}.fz-rec{display:block;margin:10px auto 0}.fz-note{margin:0 0 6px}
.fz-plan{margin:10px 0 12px;padding:10px 12px;border-radius:16px;background:var(--soft,#eef6ff)}
.fz-plan-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.fz-plan-m{min-height:0;padding:2px 0}
.fz-plan .chips{margin-top:8px;gap:6px}

.fz-plan .fz-chip{min-height:36px;padding:0 6px 0 12px;gap:6px;font-size:14px;background:var(--surface,#fff);color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--action) 12%,transparent),0 2px 6px rgba(110,80,180,.06)}
.fz-chip b{min-width:24px;height:24px;padding:0 7px;margin-left:0;border-radius:999px;display:inline-grid;place-items:center;font-size:12.5px;color:var(--accent,#6b55d8);background:color-mix(in srgb,var(--action) 14%,transparent)}

.dn-head{min-height:0;height:0;margin:0!important;padding:0}
.dn-card{margin:8px 0 0;border-radius:22px;padding:0;background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--action) 12%,transparent),0 2px 0 rgba(138,106,224,.08),0 8px 24px rgba(110,80,180,.08)}
.dn-in{padding:15px 14px 10px}
.dn-top{display:flex;gap:12px;align-items:center}
.dn-th{width:64px;height:64px;flex:none;border-radius:15px;overflow:hidden;display:grid;place-items:center;font-size:28px;background:var(--soft);border:2px solid var(--surface);box-shadow:0 0 0 1.5px var(--line)}
.dn-th img{width:100%;height:100%;object-fit:cover}
.dn-kick{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;color:var(--action)}
.dn-title{display:block;font-size:18px;font-weight:800;color:var(--ink);margin-top:3px;line-height:1.3}
.dn-sub{display:block;font-size:12px;color:var(--sub);margin-top:2px}

.dn-top{position:relative}
.dn-ics{display:flex;gap:6px;flex:none;align-self:flex-start;margin-left:auto}
.dn-ics .done-ic{width:36px;height:36px;box-shadow:none}

.dn-egg{width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.dn-egg-n{flex:none;font-weight:700;color:var(--action);font-size:14px}
.dn-in>.dn-list{margin-top:10px}
.egg-step{display:flex;align-items:center;justify-content:center;gap:22px;margin:14px 0 18px}
.egg-step .fz-pm{width:48px;height:48px;font-size:24px;border-radius:50%;border:0;background:var(--soft);color:var(--ink);cursor:pointer}
.egg-num{font-size:30px;min-width:78px;text-align:center}
.egg-quick{display:flex;gap:8px;justify-content:center;margin:0 0 16px}
.egg-ov .bk-btn+.bk-btn{margin-top:8px}
.dn-card .fz-made{margin:0;padding:0;background:none}
.dn-list{list-style:none;margin:0;padding:0}
.dn-row{display:flex;align-items:center;gap:8px;padding:6px 0;min-height:44px}
.dn-ic{width:36px;height:36px;flex:none;border-radius:11px;background:var(--soft);display:grid;place-items:center;font-size:18px}
.dn-ic.warm{background:color-mix(in srgb,#ff9a6b 14%,var(--surface))}
.dn-ic .pchip-ic{margin:0}
.dn-name{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap}
.dn-name small{font-size:12px;font-weight:500;color:var(--sub)}
.dn-lead{flex:1;min-width:10px;border-bottom:2px dotted color-mix(in srgb,var(--action) 28%,var(--line));transform:translateY(5px)}
.dn-row .fz-pm{width:34px;height:34px;border:0;background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--action) 14%,transparent),0 2px 6px rgba(110,80,180,.08)}
.dn-n{min-width:40px;text-align:center;font-size:20px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.dn-n small{font-size:12px;margin-left:1px}
.dn-sw{appearance:none;-webkit-appearance:none;flex:none;width:44px;height:26px;border-radius:99px;background:var(--line);position:relative;cursor:pointer;margin:0;transition:background .18s}
.dn-sw::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.18);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.dn-sw:checked{background:var(--action)}.dn-sw:checked::after{transform:translateX(18px)}
.dn-btns{flex-direction:column;gap:10px;margin:18px 2px 8px}
.dn-btns .nbr-add{width:100%;height:52px;border-radius:16px;font-size:16px;font-weight:800;box-shadow:0 6px 16px color-mix(in srgb,var(--action) 26%,transparent)}
.dn-skip{height:46px;border-radius:16px;border:0;background:var(--surface);color:var(--ink);font-size:14px;font-weight:700;box-shadow:0 0 0 1px color-mix(in srgb,var(--action) 12%,transparent),0 2px 0 rgba(138,106,224,.08),0 8px 24px rgba(110,80,180,.08)}

.d-bar .d-bar-main{box-shadow:0 6px 16px color-mix(in srgb,var(--action) 24%,transparent)}

body.world-baby #home .first>:is(#keep-note,.keep-note){margin-top:6px}

.cart-go-wrap{display:grid;gap:6px;margin:4px 0 14px;text-align:center}
.cart-go{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--action) 12%,transparent),0 8px 20px rgba(110,80,180,.14)}
.cart-go:disabled{background:color-mix(in srgb,var(--action) 10%,#fff);color:color-mix(in srgb,var(--action) 45%,#999);box-shadow:none;cursor:default}
.cart-go-sub{font-size:12.5px;color:var(--sub)}


.dl-ban-go{min-height:0;padding:0;font-weight:700}

#recommend .rec-n{font-size:1.15em;margin:0 2px}
#home .ask-row+.live-row{margin-top:6px}

#home .tb-hero{display:grid;grid-template-columns:1fr 140px 146px 1fr;align-items:center}
#home .tb-hero .first-title{grid-column:2;justify-self:center;white-space:nowrap}
#home .tb-hero .tb-scene{grid-column:3}
@media (max-width:340px){#home .tb-hero{grid-template-columns:1fr 103px 112px 1fr}}
@media (min-width:640px){#home .tb-hero{grid-template-columns:1fr 165px 196px 1fr}}

.pl-newchk{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:11px;font-weight:800;color:var(--sub);cursor:pointer;padding:4px 2px}
.pl-newchk input{width:16px;height:16px;margin:0;accent-color:#f0506e}
.pl-addrow{display:block;width:100%;min-height:36px;border:1.5px dashed var(--line);border-radius:12px;background:transparent;color:var(--sub);font-size:20px;line-height:1;cursor:pointer}
.pl-addrow:active{background:var(--soft)}

.pl-newchk[hidden]{display:none}
.pl-row:has(.pl-newchk:not([hidden])) .pl-ic-name{flex:none}
.pl-newchk{margin-right:auto;margin-left:6px;padding:0}
.pl-newchk input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pl-newchk span{border:1.5px dashed var(--line);color:var(--sub);border-radius:999px;padding:2px 7px;font-size:10.5px}
.pl-newchk:has(input:checked) span{background:#f0506e;border:1.5px solid #f0506e;color:#fff}
.pl-newchk:has(input:focus-visible) span{outline:2px solid var(--action);outline-offset:2px}

.pl-mform{display:grid;align-items:stretch}
.pl-mform[hidden]{display:none}
.pl-mrow{display:flex;gap:8px;align-items:center}
.pl-mrow .ob-input{flex:1;min-width:0;margin:0}
.pl-mrow .pl-g{flex:none;width:56px;text-align:center}
.pl-mrow .mini{flex:none;height:44px;padding:0 16px}
.pl-test{display:grid;gap:8px}
.pl-test-list:empty{display:none}
.pl-mform{grid-template-columns:minmax(0,1fr)}.pl-mform>*{min-width:0}

.pl-mrow .ob-input,.pl-mrow .mini{height:44px;min-height:44px;box-sizing:border-box}

.pl-mrow .pl-g{width:39px!important;height:38px;min-height:38px;line-height:38px;border:0;border-radius:10px;background:var(--surface);font-size:20px;padding:0}
.pl-mrow .pl-g{pointer-events:none;caret-color:transparent;outline:none;box-shadow:none;cursor:default}
.pl-mrow .pl-g:focus,.pl-mrow .pl-g:focus-visible{outline:none;box-shadow:none;border:0}
.pl-mrow .pl-g{user-select:none;-webkit-user-select:none}.pl-mrow .pl-g::selection{background:transparent}
.pl-addmeal{font-size:14px;font-weight:700;text-align:left;padding:0 14px}
.fz-plan[hidden]{display:none}

.fz-date{position:relative;align-self:flex-start;color:var(--sub);font-size:12px;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}
.fz-date input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
.fz-x{flex:none;width:28px;height:28px;border:0;background:none;color:var(--sub);font-size:15px;cursor:pointer;margin-left:-4px}
.pl-mn-h{display:flex;align-items:center;gap:4px;font-size:14px}
.pl-test[hidden]{display:none}
.sheet-box{position:relative}.pl-clear-top{position:absolute;top:22px;left:20px;font-size:13px;color:var(--sub);min-height:0;padding:4px 2px}
.pl-foot .ob-next{flex:1}

.kc-x{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.3);font-size:11px;font-weight:800;padding:0 6px;cursor:pointer}
.kc-x{background:none;min-width:0;height:auto;padding:0 0 0 2px;margin-left:4px;font-size:11px;font-weight:700;opacity:.7}
.kc-x.arm{background:none;color:inherit;opacity:1;text-decoration:underline}

.pl-marks .chip.msel,.chip.on.msel{box-shadow:0 0 0 2px var(--action);background:var(--action);color:#fff}
.fz-q{margin:4px 0 8px}.fz-res:empty{display:none}.fz-res .fz-new{border-style:dashed}
.fz-date.old1{color:#e8590c;font-weight:700}.fz-date.old2{color:#e5483b;font-weight:700}
.sug-dishes{flex:1 1 100%;display:flex;flex-direction:column;gap:6px;max-height:196px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sug-dishes .sug-dish{flex:none}

button.fz-date{background:none;border:0;padding:0;font:inherit;font-size:12px;text-align:left}
.dp-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}
.dp-nav{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.dp-nav:disabled{opacity:.3;cursor:default}
.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.dp-w{font-size:12px;color:var(--sub);padding:4px 0}.dp-w.sun{color:#e5483b}
.dp-d{aspect-ratio:1;border:0;border-radius:50%;background:none;color:var(--ink);font:inherit;font-size:15px;cursor:pointer}
.dp-d.today{box-shadow:inset 0 0 0 1.5px var(--action);font-weight:700}
.dp-d.on{background:var(--action);color:var(--action-ink,#fff);font-weight:700}
.dp-d:disabled{opacity:.28;cursor:default}

.sheet-ov.sheet-pop{align-items:center;padding:16px}
.sheet-pop .sheet-box{width:min(100%,360px);max-height:min(80vh,620px);border-radius:24px;padding:18px 16px 16px;animation:popIn .16s cubic-bezier(.2,.8,.2,1)}
.sheet-pop .sheet-box>.sheet-x:not(.light){position:absolute;top:12px;right:12px;margin:0;width:34px;height:34px;font-size:20px}
.sheet-pop .sheet-box>h3{margin:2px 44px 0 0;min-height:34px;display:flex;align-items:center}
.dp-ov .sheet-box{width:min(100%,300px);gap:6px}
.dp-ov .sheet-box>h3{font-size:15px}
.dp-head{margin:0 0 4px}.dp-m{font-size:14px}
.dp-nav{width:32px;height:32px;font-size:17px}
.dp-grid{gap:2px}.dp-w{font-size:11px;padding:2px 0}
.dp-d{aspect-ratio:auto;height:34px;font-size:13.5px}
@keyframes popIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sheet-pop .sheet-box{animation:none}}
.dp-grid .dp-d{margin:0;padding:0}
.dp-ov .sheet-box{box-shadow:0 14px 40px rgba(0,0,0,.35);border:1px solid var(--line)}
.dp-ov .sheet-box{border:1.5px solid color-mix(in srgb,var(--action) 55%,transparent)}

.sheet-ov.above-tab .sheet-box{max-height:calc(100% - 12px);border-radius:22px 22px 0 0}
.sheet-ov.above-tab.sheet-pop .sheet-box{max-height:calc(100% - 32px);border-radius:24px}
.sheet-ov.above-tab:not(.sheet-pop) .sheet-box{max-height:calc(100% - 56px)}
.sheet-box>.pl-foot{max-width:none}


.sheet-ov.under .sheet-box{filter:brightness(.5) saturate(.6);transition:filter .15s}
.fz-res{max-height:150px;overflow-y:auto;overscroll-behavior:contain}
.fz-list{max-height:min(330px,44vh);overflow-y:auto;overscroll-behavior:contain;display:grid}
.sheet-ov.under .sheet-box{filter:brightness(.35) saturate(.5)}
.sheet-pop .sheet-box{border:1.5px solid color-mix(in srgb,var(--action) 55%,transparent);box-shadow:0 14px 40px rgba(0,0,0,.35)} 
.fz-plan{border:1.5px solid color-mix(in srgb,var(--action) 55%,transparent)} 
.fz-plan{padding:12px}.fz-plan>.chips{margin-top:10px;gap:8px}.fz-plan .fz-chip{height:34px;padding:0 5px 0 11px} 
.sheet-box>.pl-disc{margin:6px 2px 0}.sheet-box>.pl-disc+h3{margin:4px 0 0}.sheet-box>.pl-disc+h3+.fz-plan{margin-top:4px} 
.sheet-box>.hint-fold+h3{margin:6px 0 0}.sheet-box>.hint-fold+h3+.fz-plan{margin:6px 0 4px}
.sheet-box>.pl-meals{margin:4px 0}.sheet-box>.pl-rec{margin:4px 0 8px}
 .pl-rec .pl-rec-go{background:var(--soft);color:var(--ink);border:1.5px solid color-mix(in srgb,var(--action) 55%,transparent);box-shadow:none}.fz-res .fz-g{flex-basis:100%;font-size:11.5px;font-weight:700;color:var(--sub);margin:4px 2px 0}


.pl-newtip{display:block;font-size:11.5px;color:var(--sub);margin:-4px 0 6px 30px}


.pl-pick-list{max-height:min(260px,34vh);overflow-y:auto;margin:12px 0 4px;border-top:1px solid var(--line);padding-top:6px}
.pl-pick-list[hidden]{display:none}
.pl-pick-pop .ob-input:not(.ob-input.pl-g){margin-top:8px}


#bl-plan,#bl-plan .pl-list{grid-template-columns:minmax(0,1fr)}


.pl-pick-pop .pl-pool{max-height:min(220px,30vh);overflow-y:auto;overscroll-behavior:contain}
.pl-pick-pop .pl-pick-list{max-height:min(210px,28vh)}
.pl-pool [hidden]{display:none!important}
.pl-pick-pop .pl-pool{margin:8px 0 2px}
.pl-plus{font-weight:800;color:var(--action);margin-right:1px}.pl-ic-chip.on .pl-plus{display:none}
.pl-addq{color:var(--action);font-weight:700;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--action) 55%,transparent);background:none}

.pl-recent{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}.pl-recent[hidden]{display:none}.pl-recent-l{flex-basis:100%;font-size:12px;color:var(--sub);font-weight:600}

.fz-plan-t{flex:1;min-width:0;text-align:left;border:0;background:none;padding:2px 0;font:700 14px/1.4 inherit;color:var(--ink);cursor:pointer}

.search-pop .sheet-box{display:flex;flex-direction:column;overflow:hidden;height:min(56vh,480px);max-height:min(56vh,480px)}
.search-pop .sheet-box>.sheet-title,.search-pop .sheet-box>input{flex:none}
.search-pop .sug-sheet{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:10px;padding-bottom:4px}
.sheet-ov,.sheet-ov.dp-ov,.sheet-ov.sheet-pop,.menu-ov,.np-ov,.ob-ov{background:rgba(0,0,0,.8)} 

.rec-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.rec-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;border-radius:16px;padding:12px 12px 11px;background:var(--soft);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);cursor:pointer;font:inherit;transition:background .15s,box-shadow .15s,transform .1s}
.rec-card.on{background:color-mix(in srgb,var(--action) 16%,var(--soft));box-shadow:inset 0 0 0 1.5px var(--action)}
.rec-card:active{transform:scale(.98)}
.rec-card-i{font-size:20px;line-height:1}
.rec-card-t{margin-top:8px;font-size:14px;font-weight:800}
.rec-card-s{margin-top:2px;font-size:11.5px;color:var(--sub);line-height:1.35}
.rec-card-k{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line);color:transparent;font-size:12px;font-weight:900;display:grid;place-items:center}
.rec-card.on .rec-card-k{background:var(--action);box-shadow:none;color:#1c1c26}
.rec-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 10px}
.rec-row-l{font-size:13.5px;font-weight:700;color:var(--sub)}
.rec-row .pl-rec-seg{margin:0}
.sheet-pop .pl-clear-top{position:static;display:inline-block;margin:4px 0 4px} 

.ki-seg{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.ki-tab{flex:1 0 auto;min-width:0;height:40px;padding:0 12px;border:0;border-radius:12px;background:var(--soft);color:var(--sub);font:inherit;font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer}
.ki-tab.on{background:var(--action);color:#1c1c26}
.ki-tab.ki-add{flex:0 0 44px;padding:0;font-size:18px}
.ki-g{border-radius:16px;background:var(--soft);overflow:hidden}
.ki-r{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 14px;margin:0;cursor:text}
.ki-r+.ki-r{box-shadow:inset 0 1px 0 var(--line)}
.ki-r>span{flex:none;color:var(--sub);font-size:14px;font-weight:600;white-space:nowrap}
.ki-r input{flex:1;min-width:0;height:48px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;font-weight:700;text-align:right;padding:0;outline:none;box-shadow:none}
.ki-r input::placeholder{color:var(--sub);opacity:.6;font-weight:500}
.ki-r input[type=date]{max-width:150px;color-scheme:light dark}
.ki-pair{display:flex;gap:6px}
.ki-pair select{height:34px;border:0;border-radius:10px;padding:0 8px;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink);font:inherit;font-size:14px;font-weight:700}
.ki-cap{margin:10px 4px 0;font-size:12.5px;color:var(--sub);line-height:1.5}
.ki-foot{display:flex;justify-content:space-between;align-items:center;margin:12px 4px 2px;font-size:13px}
.ki-foot a{color:var(--action);font-weight:600}

.ki-go{width:100%;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;text-align:left} .ki-go b{font-size:15px;font-weight:700} .ki-go b.ki-none{color:var(--sub);font-weight:500}  .ki-when{margin-left:4px;font-size:11.5px;font-weight:500;opacity:.75} 

.ad-slot{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;overflow:hidden;color:#555;font-size:13px;font-weight:600}
.ad-slot[hidden]{display:none}
.ad-slot.ad-preview{background:#f4f2f8}
.ad-tag{font-size:10px;font-weight:800;padding:2px 5px;border-radius:4px;background:#f5c542;color:#222}
.ad-recipe-top{min-height:100px;margin:12px 0 4px}
.ad-book{min-height:60px;margin:0 0 12px}
.ad-card{flex:none;flex-direction:column;width:min(78vw,300px);min-height:220px;border-radius:16px}
.ad-full{position:fixed;inset:0;z-index:9999;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px} .ad-full-in{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center} .ad-full-in b{font-size:18px} .ad-full-in small{font-size:13px;opacity:.7} .ad-full .go{width:auto;padding:0 24px} .ad-full-x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:22px}  .pay-price{margin:2px 0 10px;font-size:20px;font-weight:800;color:var(--ink)} .pay-perks{margin:0 0 12px;padding-left:18px;line-height:1.7;font-size:14.5px} .pay-restore{display:block;margin:10px auto 0} .pay-auto{margin:0 0 6px} .pay-seg{margin:4px 0 14px} .pay-seg button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0} .pay-seg button small{font-size:13px;opacity:.8} 
#ad-bottom{display:none}
#ad-bottom.ad-on{display:flex;position:fixed;left:0;right:0;bottom:var(--tabbar-h,calc(57px + env(safe-area-inset-bottom)));z-index:5;max-width:480px;margin:0 auto;height:56px;border-radius:0;border-top:1px solid var(--line)}
body.has-adbar main{padding-bottom:calc(140px + env(safe-area-inset-bottom))}
.pl-mkfz{display:flex;align-items:center;gap:8px;margin:8px 2px 2px;font-size:13.5px;font-weight:600;color:var(--sub);cursor:pointer}.pl-mkfz input{width:18px;height:18px;accent-color:var(--action);margin:0}.pl-mkfz[hidden]{display:none} 
.pl-markpick .pl-mkfz{flex-basis:100%;margin:2px 4px 2px} 
.pl-markpick .pl-mkfz{justify-content:space-between;padding:6px 6px 6px 4px} .pl-markpick .pl-mkfz input{order:2} 
.upd-pop .sheet-box h3.upd-top{display:block;margin:8px 40px 6px;text-align:center} .upd-pop .upd-duck{display:block;width:76px;height:76px;object-fit:contain;margin:0 auto 14px} .upd-pop .bk-btn.d-bar-main{box-shadow:0 0 0 1.5px color-mix(in srgb,#fff 55%,var(--accent,#8a6ae0)) inset;font-weight:800} 

 .wg-cats{background:var(--soft);border-radius:16px;margin:12px 0;padding:0;overflow:hidden} .wg-cats .set-cat{min-height:60px;padding:10px 14px;gap:12px} .wg-cats .set-cat+.set-cat::before{left:62px;right:14px} .wg-cats .set-cat-ic{overflow:hidden} .wg-cats .set-cat-ic img{width:100%;height:100%;object-fit:cover} .wg-cats .set-cat-ic .dl-ic svg,.wg-cats .set-cat-ic .pix svg{width:20px;height:20px} .wg-cats .set-cat-ic em{font-style:normal;font-size:18px} .wg-cats .wg-on .set-cat-ar{color:var(--action);opacity:1} .wg-cats .wg-on .set-cat-t b{color:var(--action)} .wg-pick{max-height:46vh;overflow:auto;margin-top:6px} .wg-sw{position:relative;overflow:hidden} .wg-sw .wg-slot{z-index:1;background:var(--soft);touch-action:pan-y;user-select:none;-webkit-user-select:none} .wg-del{position:absolute;top:0;right:0;bottom:0;width:84px;border:0;background:#ff4d4f;color:#fff;font:700 14px Pretendard,system-ui,sans-serif;cursor:pointer} .wg-sw+.wg-sw::before,.wg-sw+.set-cat::before{content:'';position:absolute;top:0;left:62px;right:14px;height:1px;background:var(--line);z-index:2}  .wg-cats .wg-add .set-cat-t b{color:var(--action)} .wg-cats .wg-add .set-cat-ic{background:none;color:var(--action)}  .wg-sec{margin:16px 2px 0;font:700 13px/1.3 Pretendard,system-ui,sans-serif;color:var(--sub)}

 .wg-cats .nt-row{cursor:pointer} .wg-cats .nt-row .set-cat-t small{white-space:normal} .nt-hours{display:flex;flex-wrap:nowrap;gap:6px;padding:0 14px 12px} .nt-hours button{flex:1 1 0;min-width:0;white-space:nowrap;padding:8px 0;font-size:12.5px!important;border:0;border-radius:999px;background:var(--surface);color:var(--ink);font:600 13px/1 Pretendard,system-ui,sans-serif;box-shadow:0 0 0 1px var(--line) inset;cursor:pointer} .nt-hours button.on{background:var(--action);color:#fff;box-shadow:none} .wg-ov .wg-sec:first-of-type{margin-top:8px} .wg-ov .wg-note{margin:4px 2px 0}
.nt-go{margin-left:auto;flex:none;color:var(--action);font-weight:700;font-size:14px;white-space:nowrap} 


.rp-box{margin:-2px 0 8px}.rp-lab{display:block;font-size:12px;color:var(--sub);margin:0 2px 6px}
.rp-chips{display:flex;flex-wrap:wrap;gap:6px}.rp-chips:empty,.rp-chips[hidden],.rp-lab[hidden],.rp-list[hidden]{display:none}.rp-chips button{border:0;border-radius:999px;padding:8px 13px;background:var(--soft,#f3eff9);color:var(--ink);font-size:13.5px;font-weight:700;cursor:pointer}.rp-chips button.on{background:var(--accent,#8a6ae0);color:#fff}
.rp-list{margin-top:8px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.08);overflow:hidden}
.rp-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink);font-size:14.5px;cursor:pointer}.rp-row:last-child{border-bottom:0}
.rp-l{display:flex;flex-direction:column;gap:2px;min-width:0}.rp-nm b{color:var(--accent,#8a6ae0)}.rp-l small{font-size:12px;color:var(--sub)}.rp-warn{flex:none;font-style:normal;font-size:12px;font-weight:700;color:#e5484d}.rp-free{color:var(--sub);font-size:13.5px}

body.home-tight #home .first{padding-top:4px!important}
body.home-tight #home .world-seg{margin-bottom:2px!important}
body.home-tight #home .tb-hero{grid-template-columns:1fr 128px 112px 1fr!important}
body.home-tight #home .tb-hero .first-title{font-size:24px!important;line-height:1.25!important}
body.home-tight #home .tb-hero .tb-scene{width:112px!important;margin-left:0!important}
body.home-tight #home #pick-chips{row-gap:6px!important;margin-top:6px!important}
body.home-tight #home .pchip{min-height:38px!important}
body.home-tight #home .add input{height:48px!important}


.add .cat-in{position:absolute;left:6px;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;gap:4px;height:36px;max-width:46%;padding:0 10px 0 13px;border:0;border-radius:999px;background:color-mix(in srgb,var(--action,#9b87f5) 16%,transparent);color:var(--action,#9b87f5);font-family:inherit;font-size:14.5px;font-weight:700;line-height:1;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .15s}
.add .cat-in .cat-w{overflow:hidden;text-overflow:ellipsis;min-width:0}
.add .cat-in .cat-more{flex:none;font-size:11px;font-weight:800;line-height:1;padding:3px 5px;border-radius:999px;background:var(--action,#9b87f5);color:var(--surface,#16161c)}
.add .cat-in small{flex:none;font-size:9.5px;opacity:.75;margin-left:1px}
.add .cat-in:active{transform:translateY(-50%) scale(.96)}
@media (hover:hover){.add .cat-in:hover{background:color-mix(in srgb,var(--action,#9b87f5) 24%,transparent)}}
@media (prefers-reduced-motion:reduce){.add .cat-in{transition:none}}

.add .input-wrap input{border-radius:999px!important;box-shadow:inset 0 0 0 1px var(--line,rgba(255,255,255,.08))!important}
.add .cat-in{left:10px;padding:0 12px 0 10px;border-radius:0;background:none}
.add .cat-in::after{content:'';position:absolute;right:0;top:9px;bottom:9px;width:1px;background:var(--line,rgba(255,255,255,.14))}
@media (hover:hover){.add .cat-in:hover{background:none;opacity:.8}}


.ob-full .ob-box>:not(.ob-login-pic){flex-shrink:0}
.ob-full .ob-box>.ob-login-pic{min-height:90px;object-fit:contain}
.ob-full .ob-box>.ob-scroll{flex-shrink:1;min-height:0} 
body.kb-open #tabbar{display:none!important}

body.kb-open::before,body.vv-up::before{content:"";position:fixed;left:0;right:0;top:var(--vvt,0px);height:env(safe-area-inset-top,0px);background:var(--page,#F2F3F6);z-index:9999;pointer-events:none}
body.kb-open header.top,body.vv-up header.top{top:var(--vvt,0px)} 
body.vv-up .sheet-ov{top:var(--vvt,0px)!important}
body.kb-open #home{padding-bottom:var(--vvh,60vh)} 
#ing-suggest.kb{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:flex-start}
#ing-suggest.kb .sug-dishes{max-height:none;overflow:visible} 
body.kb-open{--tabbar-h:0px}
body.kb-open .sheet-ov{top:var(--vvt,0px)!important;bottom:auto!important;height:var(--vvh,100%)!important} 

body.kb-open .ob-ov{top:var(--vvt,0px);bottom:auto;height:var(--vvh,100%)}
body.kb-open .ob-full .ob-box>.ob-scroll{flex-shrink:1} 
body.kb-open .ob-full .ob-dday{display:none} 

body.kb-open .chat-ask{bottom:auto!important;top:calc(var(--vvt,0px) + var(--vvh,100vh));transform:translateY(-100%)}
body.kb-open .chat-bar{top:calc(var(--vvt,0px) + env(safe-area-inset-top,0px))} 

body.kb-open #pt-write.pt-write,body.kb-open #rc-write.pt-write{display:none!important}

body.kb-open #help{padding-bottom:var(--vvh,50vh)}
body.kb-open .sheet-ov:not(.sheet-full){padding-top:max(10px,calc(env(safe-area-inset-top,0px) + 8px))!important;padding-bottom:10px!important}
body.kb-open .sheet-ov:not(.sheet-full) .sheet-box{max-height:calc(var(--vvh,100vh) - max(10px,calc(env(safe-area-inset-top,0px) + 8px)) - 10px)!important;overflow-y:auto!important}

:where(.sheet-ov:not(.sheet-full)) .sheet-box{max-height:min(92vh,calc(var(--vvh,100vh) - 12px));overflow-y:auto}

.sheet-ov:not(.sheet-full){padding-top:calc(env(safe-area-inset-top,0px) + 8px)}
.sheet-ov.sheet-pop{padding-top:max(16px,calc(env(safe-area-inset-top,0px) + 8px))}

.tabbar{padding-bottom:max(6px,calc(env(safe-area-inset-bottom,0px) - 14px))}

html.and-app .tabbar{padding-bottom:calc(8px + max(env(safe-area-inset-bottom,0px),var(--safe-area-inset-bottom,0px)))}
html.and-app #parents #pt-write.pt-write,html.and-app #parents #rc-write.pt-write{bottom:calc(var(--tabbar-h,79px) + 16px)} 
html.and-app #ad-bottom.ad-on{bottom:var(--tabbar-h,79px)}
html.and-app body.has-adbar #parents #pt-write.pt-write{bottom:calc(var(--tabbar-h,79px) + 56px + 14px)}

.sheet-ov.ing-search .sheet-box{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:4px;padding-top:calc(env(safe-area-inset-top,0px) + 12px)}
.sheet-ov.ing-search .full-back{align-self:center!important;min-height:48px;padding:0 6px 0 0!important}
.ing-search .is-box{display:flex;align-items:center;gap:8px;height:48px;padding:0 6px 0 16px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--action)}
.ing-search .is-box svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--sub);stroke-width:2;stroke-linecap:round}
.ing-search .is-box input{flex:1;min-width:0;height:44px;border:0!important;outline:0;background:none!important;box-shadow:none!important;padding:0!important;font-size:16px;color:var(--ink)}
.ing-search .is-box input::-webkit-search-cancel-button{display:none}
.ing-search .is-x{flex:none;width:36px;height:36px;border:0;background:none;display:grid;place-items:center;padding:0}
.ing-search .is-x i{width:20px;height:20px;border-radius:50%;background:var(--sub);opacity:.55;color:var(--surface);font:700 11px/20px system-ui;font-style:normal;text-align:center}
.ing-search .is-body{grid-column:1/-1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -16px;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 20px)}
.ing-search .is-h{display:flex;align-items:baseline;gap:6px;margin:2px 2px 8px;font-size:14px;font-weight:700;color:var(--sub)}
.ing-search .is-h small{font-size:13px;font-weight:500}
.ing-search .is-tabs{display:flex;gap:6px;margin:0 -16px 12px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
.ing-search .is-body{scrollbar-width:none;max-width:none} 
.ing-search .is-tabs::-webkit-scrollbar,.ing-search .is-strip::-webkit-scrollbar,.ing-search .is-body::-webkit-scrollbar{display:none}
.ing-search .is-tabs button{flex:none;border:0;border-radius:999px;padding:8px 14px;background:var(--surface);font-size:13.5px;font-weight:600;color:var(--sub)}
.ing-search .is-tabs button.on{background:var(--action);color:#fff}
.ing-search .is-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}
.ing-search .is-strip{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 14px;padding:0 16px;scrollbar-width:none}
.ing-search .is-strip .is-tile{flex:none;width:72px;height:78px} 
.ing-search .is-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:76px;padding:0 4px;border:0;border-radius:16px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;line-height:1.15;box-shadow:none}
.ing-search .is-tile>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ing-search .is-tile svg{width:30px;height:30px}
.ing-search .is-tile .pchip-ic.px{display:block;width:30px;height:30px;margin:0}
.ing-search .is-tile .is-fb{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--sub);display:grid;place-items:center;font-size:14px;font-weight:800}
.ing-search .is-tile small{font-size:10.5px;font-weight:500;color:var(--sub);margin-top:-3px}
.ing-search .is-tile.on{box-shadow:inset 0 0 0 2px var(--action);color:var(--action)}
.ing-search .is-tile.on::after{content:'✓';position:absolute;top:5px;right:8px;font-size:12px;font-weight:800;color:var(--action)}
.ing-search .is-tile:active{transform:scale(.96)}
.ing-search em{font-style:normal;color:var(--action)}
.ing-search .is-card{background:var(--surface);border-radius:20px;padding:2px 16px;margin-bottom:16px}
.ing-search .is-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink);font-size:15.5px}
.ing-search .is-card>.is-row:last-child{border-bottom:0}
.ing-search .is-row .is-th{width:42px;height:42px;border-radius:12px;flex:none;overflow:hidden;background:var(--soft);display:grid;place-items:center}
.ing-search .is-row .is-th img{width:100%;height:100%;object-fit:cover}
.ing-search .is-row .is-th svg{width:24px;height:24px}
.ing-search .is-row>div{flex:1;min-width:0}
.ing-search .is-row b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ing-search .is-row div small{display:block;margin-top:3px;font-size:12.5px;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ing-search .is-row div small .ok{color:var(--action);font-weight:600}
.ing-search .is-row .chev{color:var(--sub)}
.ing-search .is-all{display:flex;justify-content:space-between;align-items:center;width:100%;height:48px;border:0;border-top:1px solid var(--line);background:none;font-size:14px;font-weight:500;color:var(--sub)}
.ing-search .is-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:8px 8px 8px 16px;border:0;border-radius:16px;background:var(--surface);margin-bottom:16px;font-size:14.5px;color:var(--ink);text-align:left}
.ing-search .is-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ing-search .is-bar .red{color:#e5484d}
.ing-search .is-bar .go{flex:none;border:0;border-radius:999px;padding:10px 14px;background:var(--action);color:#fff;font-size:13.5px;font-weight:700}
.ing-search .is-bar .go.done{background:var(--soft);color:var(--sub)}
.ing-search .is-bar .plus{flex:none;padding:0 8px;color:var(--action);font-weight:700;font-size:13.5px}
.ing-search .is-none{padding:16px 0;text-align:center;color:var(--sub);font-size:14px}
