.shell{flex-direction:column;min-height:100dvh;display:flex}.rimg{background:var(--image-tile);color:var(--ink-3);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.rimg--hero{padding-bottom:28px}.rimg .rimg__bg{object-fit:cover;opacity:1;will-change:auto;width:100%;height:100%;transition:none;position:absolute;inset:0;transform:none}.rimg__icon{flex:none;place-items:center;display:grid;position:relative}.rcard{isolation:isolate;aspect-ratio:4/5;background:var(--food-env);contain:layout paint;max-width:100%;transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);border-radius:16px;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.rcard:active{box-shadow:var(--sh-raised);transform:scale(.98)}.rcard img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--motion-medium) var(--ease-standard);display:block}.rcard img.is-in{opacity:1}.rcard__ttl{color:var(--ink);letter-spacing:-.005em;border-radius:16px;align-content:space-between;justify-items:start;gap:4px;padding:12px;font-size:14px;font-weight:500;line-height:18px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.rcard__ttl.has-time{min-height:87px}.rcard__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rcard--recent{aspect-ratio:1;border-radius:16px;width:330px}.rcard--recent .rcard__ttl{font-size:15px;line-height:20px}.rcard--recent .rcard__ttl.has-time{min-height:96px}.rcard__time{border-radius:var(--r-pill);font-variant-numeric:tabular-nums;background:#16171a12;align-items:center;gap:4px;height:22px;padding:0 8px 0 6px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.rcard--skeleton{pointer-events:none;background:var(--surface-muted);animation:1.4s ease-in-out infinite skel-pulse}.skel{background:var(--surface-muted);border-radius:var(--r-s);animation:1.4s ease-in-out infinite skel-pulse;display:block}@keyframes skel-pulse{0%,to{opacity:1}50%{opacity:.55}}.skel-stack{padding:16px var(--page-x);align-content:start;gap:12px;display:grid}.lib{background:var(--canvas);flex-direction:column;flex:1;display:flex;position:relative}.lib__head,.lib__top,.lib__main{width:100%;max-width:1120px;margin-inline:auto}.lib__head{padding:max(16px, env(safe-area-inset-top)) var(--page-x) 0;justify-content:space-between;align-items:center;gap:8px;display:flex}.lib__logo{display:inline-flex}.lib__top{padding:20px var(--page-x) 17px;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.lib__actions{flex:none;gap:8px;display:flex}.lib__actions .icon-btn{border-radius:16px}.lib__avatar{background:var(--surface-muted);width:44px;height:44px;color:var(--ink);border-radius:16px;place-items:center;font-size:15px;font-weight:500;display:grid}.lib__main{flex-direction:column;flex:1;padding-bottom:112px;display:flex}.lib__greet{min-width:0}.lib__sec{gap:12px;padding-top:24px;display:grid}.lib__h{padding-inline:var(--page-x)}.lib__row{padding:0 var(--page-x);scroll-snap-type:x proximity;scroll-padding-inline:var(--page-x);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:16px;display:flex;overflow-x:auto}.lib__row::-webkit-scrollbar{display:none}.lib__row>*{scroll-snap-align:start;flex:none}.lib__grid{padding-inline:var(--page-x);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lib__state{text-align:center;justify-items:center;gap:8px;padding:72px 32px 0;display:grid}.lib__state--empty{margin-block:auto;padding-top:0}.lib__state .mascot{margin-bottom:16px}.lib__state-text{color:var(--ink-2);max-width:300px;margin-bottom:8px}.fab{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:10;width:min(calc(100vw - 2 * var(--page-x)), 608px);white-space:nowrap;background:var(--brand-lavender-deep);color:#fff;height:52px;box-shadow:var(--sh-raised);transition:width var(--motion-medium) var(--ease-standard), height var(--motion-medium) var(--ease-standard), border-radius var(--motion-medium) var(--ease-standard), gap var(--motion-medium) var(--ease-standard), transform var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);border-radius:26px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.fab svg{flex:none}.fab__label{transition:opacity var(--motion-fast) var(--ease-standard), max-width var(--motion-medium) var(--ease-standard);max-width:200px}.fab--compact{border-radius:28px;gap:0;width:56px;height:56px}.fab--compact .fab__label{opacity:0;max-width:0}.fab:active{background:var(--brand-lavender-press);transform:translate(-50%)scale(.97)}@media (prefers-reduced-motion:reduce){.fab,.fab__label{transition:none}}@media (width>=600px){.lib__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.lib__head,.lib__top,.lib__h{padding-inline:32px}.lib__row{padding-inline:32px;scroll-padding-inline:32px}.lib__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-inline:32px}}.lib__filterbtn{display:inline-flex;position:relative}.lib__badge{background:var(--graphite);color:#fff;border:2px solid var(--canvas);pointer-events:none;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:600;line-height:16px;display:grid;position:absolute;top:-5px;right:-5px}.lib__applied{width:100%;max-width:1120px;padding:26px var(--page-x) 0;align-items:center;gap:4px;margin-inline:auto;display:flex}.lib__tags{scrollbar-width:none;flex:1;gap:12px;min-width:0;display:flex;overflow-x:auto}.lib__reset{flex:none;height:44px;padding:0 18px;font-size:14px}.lib__tags::-webkit-scrollbar{display:none}.lib__bar{z-index:10;max-width:640px;padding:16px var(--page-x) calc(24px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--canvas) 72%, #fff0);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}@media (width>=960px){.lib__applied{padding-inline:32px}}.toast-region{z-index:100;pointer-events:none;left:0;right:0;bottom:calc(104px + env(safe-area-inset-bottom));padding:0 var(--page-x);justify-content:center;display:flex;position:fixed}.toast{border-radius:var(--r-m);background:var(--graphite);width:fit-content;max-width:420px;color:var(--on-graphite);box-shadow:var(--sh-overlay);pointer-events:auto;animation:toast-in var(--motion-standard) var(--ease-soft) both;align-items:flex-start;gap:10px;padding:14px 16px;font-size:15px;line-height:20px;display:flex}.toast.is-leaving{animation:toast-out var(--motion-fast) var(--ease-exit) both}.toast__icon{width:20px;height:20px;color:var(--graphite);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:0;display:inline-flex}.toast__icon svg{width:14px;height:14px}.toast__icon--success{background:var(--ok-dark)}.toast__icon--error{background:var(--danger-dark)}.toast__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}.mascot{margin-inline:auto;position:relative}.mascot__img{z-index:1;width:100%;height:auto;position:relative}.mascot__glow{z-index:0;background:var(--mascot-glow-light);position:absolute;inset:-12% -18%}.mascot__shadow{z-index:0;background:var(--mascot-shadow-light);filter:blur(2px);height:9%;position:absolute;bottom:-3%;left:14%;right:14%}.mascot--brand .mascot__shadow{background:var(--mascot-shadow-brand);filter:blur(3px)}.btn{border-radius:var(--r-pill);white-space:nowrap;height:52px;transition:background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:500;line-height:20px;display:inline-flex;position:relative}.btn--block{width:100%}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--brand-lavender-deep);color:#fff}.btn--primary:active:not(:disabled){background:var(--brand-lavender-press)}.btn--secondary{background:var(--surface-muted);color:var(--ink)}.btn--secondary:active:not(:disabled){background:var(--line)}.btn--outline{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.btn--outline:active:not(:disabled){background:var(--surface-muted)}.btn--text{color:var(--ink);border-radius:var(--r-xs);background:0 0;height:auto;padding:4px 0;font-weight:400}.btn--text .btn__label{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px}.btn--brand-primary{color:var(--ube-ink);background:#fff;font-weight:600}.btn--brand-secondary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #ffffff73}.btn:disabled:not(.is-loading){background:var(--surface-muted);color:var(--ink-3);cursor:default}.btn--text:disabled{background:0 0}.btn.is-loading{cursor:progress}.btn.is-loading .btn__label{opacity:.55}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-row{gap:10px;display:flex}.btn-row>.btn{flex:1 1 0;min-width:0;padding:0 12px}.icon-btn{width:44px;height:44px;color:var(--ink);transition:transform var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn--square{border-radius:var(--r-m);background:var(--surface-muted)}.icon-btn:active{transform:scale(.96)}.icon-btn svg{width:22px;height:22px}.icon-btn--flat{border-radius:var(--r-m);background:var(--surface-muted)}.icon-btn--glass{border-radius:var(--r-m);isolation:isolate;background:var(--glass-ctrl-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff8c}.icon-btn--glass:before{content:"";border-radius:inherit;background:var(--surface-muted);opacity:var(--p,0);z-index:-1;position:absolute;inset:-1px}.statescreen{background:var(--canvas);flex-direction:column;flex:1;min-height:100dvh;display:flex;position:relative}.statescreen__mid{text-align:center;flex:1;align-content:center;justify-items:center;gap:8px;padding:0 32px 150px;display:grid}.statescreen__title{text-wrap:balance;max-width:300px;margin-top:8px}.statescreen__text{color:var(--ink-2);text-wrap:balance;white-space:pre-line;max-width:280px}.statescreen__bar{z-index:6;padding:16px var(--page-x) calc(24px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--canvas) 72%, #fff0);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px;max-width:640px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.statescreen__bar>.btn:only-child{grid-column:1/-1}.topbar{z-index:5;padding:max(12px, env(safe-area-inset-top)) var(--page-x) 8px;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid;position:sticky;top:0}.topbar--white{background:var(--surface)}.topbar--canvas{background:var(--canvas)}.topbar__title{text-align:center}.topbar__right{justify-content:flex-end;display:flex}.sheet-layer{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-scrim{background:var(--scrim);animation:sheet-fade var(--motion-standard) var(--ease-standard) both;position:absolute;inset:0}.sheet{background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;width:100%;max-width:500px;padding:8px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--sh-overlay);animation:sheet-up var(--motion-medium) var(--ease-soft) both;position:relative}.sheet__grab{background:var(--line-strong);border-radius:2px;width:36px;height:4px;margin:4px auto 12px}.sheet__text{color:var(--ink-2);margin-top:6px}.sheet__acts{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@media (width>=600px){.sheet-layer{align-items:center}.sheet{border-radius:var(--r-xl);padding-top:24px}.sheet__grab{display:none}}.sheet__menu{gap:4px;padding-bottom:8px;display:grid}.sheet__row{border-radius:var(--r-m);text-align:left;width:100%;height:56px;color:var(--ink);align-items:center;gap:12px;padding:0 12px;font-size:16px;display:flex}.sheet__row svg{flex:none;width:22px;height:22px}.sheet__row:active{background:var(--surface-muted)}.sheet__row--danger{color:var(--danger)}.sheet__acts--stack{grid-template-columns:1fr;gap:8px}.addp{background:var(--canvas);flex-direction:column;flex:1;width:100%;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.addp__body{padding:8px var(--page-x) 140px;align-content:start;gap:16px;display:grid}.addp__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.addp__count{color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:var(--r-pill);background:var(--surface-muted);transition:background var(--motion-fast), color var(--motion-fast);padding:3px 10px;font-size:13px;line-height:18px}.addp__count--max{background:var(--graphite);color:var(--on-graphite)}.thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.thumb{transition:transform var(--motion-standard) var(--ease-standard), opacity var(--motion-standard) var(--ease-standard)}.thumb--in{animation:thumb-in var(--motion-medium) var(--ease-soft)}.thumb--out{opacity:0;transform:scale(.88)}@keyframes thumb-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.thumb__box{aspect-ratio:3/4;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);display:block;position:relative;overflow:hidden}.thumb__img{object-fit:cover;width:100%;height:100%;display:block}.thumb__x{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:28px;height:28px;color:var(--ink);cursor:pointer;background:#ffffffb8;border:1px solid #ffffffb3;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.thumb__x:after{content:"";position:absolute;inset:-8px}.thumb__x svg{width:14px;height:14px}.addp__note{color:var(--warn);background:var(--warn-bg);border-radius:var(--r-m);padding:10px 14px;font-size:14px;line-height:20px}.drop{border:1.5px dashed var(--ink-3);border-radius:var(--r-m);width:100%;min-height:56px;color:var(--ink);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:500;line-height:20px;display:flex}.drop:active:not(:disabled){background:var(--surface-muted);transform:scale(.99)}.drop:disabled{border-color:var(--line-strong);color:var(--ink-3);cursor:default}.drop svg{width:20px;height:20px}.addbar{z-index:6;max-width:640px;padding:16px var(--page-x) calc(24px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--canvas) 72%, #fff0);gap:8px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.addbar--two{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.res__title{padding:4px var(--page-x) 0}.res__list{padding:16px var(--page-x) 140px;align-content:start;gap:12px;display:grid}.bres{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);text-align:left;cursor:pointer;width:100%;color:inherit;transition:transform var(--motion-fast) var(--ease-standard);gap:10px;padding:16px;display:grid;position:relative}.bres:active{transform:scale(.99)}.bres__top{grid-template-columns:minmax(0,1fr) 20px;align-items:start;gap:12px;display:grid}.bres__top svg{color:var(--ink-3);width:20px;height:20px;margin-top:2px}.bres__title{letter-spacing:-.01em;font-size:17px;font-weight:500;line-height:23px;display:block}.bres__meta{color:var(--ink-2);margin-top:2px;font-size:13px;line-height:18px}.rstatus{justify-self:start;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.rstatus svg{width:16px;height:16px}.rstatus--ok{color:var(--ink-2)}.rstatus--ok svg{color:var(--ink)}.rstatus--warn{color:var(--warn);background:var(--warn-bg);border:1px solid color-mix(in srgb, var(--orange) 28%, transparent);border-radius:var(--r-pill);padding:3px 10px 3px 8px}.rstatus--dup{color:var(--ink);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 10px 3px 8px}.bres__flags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bwrap{transition:opacity var(--motion-standard) var(--ease-standard), transform var(--motion-standard) var(--ease-standard);gap:2px;display:grid}.bwrap--out{opacity:0;transform:scale(.97)}.bwrap__del{justify-self:end;height:40px}.res__label{padding-top:12px}.ucard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);transition:opacity var(--motion-standard) var(--ease-standard), transform var(--motion-standard) var(--ease-standard);gap:14px;padding:16px;display:grid}.ucard--out{opacity:0;transform:scale(.97)}.ucard__top{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:14px;display:grid}.ucard__src{aspect-ratio:3/4;background:var(--surface-muted);border:1px solid var(--line);border-radius:16px;overflow:hidden}.ucard__src img{object-fit:cover;width:100%;height:100%;display:block}.ucard__title{font-size:16px;font-weight:500;line-height:22px}.ucard__text{color:var(--ink-2);margin-top:2px;font-size:14px;line-height:20px}.ucard__acts{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.btn--s{height:44px;padding:0 16px;font-size:14px}.ucard__del{align-items:center;gap:6px;display:inline-flex}.ucard__del svg{width:16px;height:16px}.rise{opacity:0;animation:rise var(--motion-medium) var(--ease-soft) both;animation-delay:calc(var(--k,0) * 45ms)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.proc{background:var(--canvas);flex:1;place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.proc__stage{transform:translateY(-4dvh)}@media (prefers-reduced-motion:reduce){.thumb--in,.rise{opacity:1;animation:none}.thumb,.ucard,.bwrap{transition:none}}.ucard__del{border-radius:var(--r-pill);height:44px;color:var(--ink);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.ucard__del:active{background:var(--surface-muted)}.chip{border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface);height:40px;color:var(--ink);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);padding:0 16px;font-size:14px;line-height:20px}.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{background:var(--graphite);border-color:var(--graphite);color:#fff}.chip--tag{border-color:var(--line);white-space:nowrap;flex:none;align-items:center;gap:8px;height:44px;padding:0 14px 0 18px;font-size:14px;display:inline-flex}.chip--tag svg{width:16px;height:16px;color:var(--ink-3)}.chips{flex-wrap:wrap;gap:8px;display:flex}.field-wrap{gap:6px;display:grid}.field{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);min-height:60px;transition:border-color var(--motion-fast) var(--ease-standard);align-content:center;gap:2px;padding:9px 14px;display:grid;position:relative}.field:focus-within{border-color:var(--ink-3)}.field label{color:var(--ink-2);font-size:12px;line-height:16px}.field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:16px;line-height:24px}.field input::placeholder{color:var(--ink-3)}.field.pw input{padding-right:36px}.field.is-error{border-color:var(--danger);border-width:1.5px;padding:8.5px 13.5px}.field__eye{width:40px;height:40px;color:var(--ink-3);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field__note{color:var(--ink-2);padding:0 4px;font-size:13px;line-height:18px}.field__note.is-error{color:var(--danger)}.field textarea{resize:none;width:100%;min-height:24px;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:16px;line-height:24px;display:block;overflow:hidden}.field textarea::placeholder{color:var(--ink-3)}.field.is-warn{border:1.5px dashed var(--warn-line);padding:8.5px 13.5px}.field.is-warn label,.field__note.is-warn{color:var(--warn)}.field--compact{min-height:52px;padding:6px 8px}.field--compact.is-warn{padding:5.5px 7.5px}.field--compact input{font-size:15px}.field--compact label{font-size:11px;line-height:14px}.ed{background:var(--surface);flex:1}.ed__body{padding:12px var(--page-x) 120px;gap:24px;width:100%;max-width:640px;margin:0 auto;display:grid}.ed__group,.ed__list{gap:12px;display:grid}.ed__row-wrap{border-radius:var(--r-m);gap:6px;display:grid}.ed__row-wrap.is-drag{background:var(--surface-muted)}.ed__ing{grid-template-columns:20px minmax(0,1fr) 64px 58px 28px;align-items:center;gap:6px;display:grid}.ed__step{grid-template-columns:20px minmax(0,1fr) 32px;align-items:start;gap:6px;display:grid}.ed__grip,.ed__rm{height:44px;color:var(--ink-3);place-items:center;display:grid}.ed__grip{cursor:grab;touch-action:none}.ed__ing .field-wrap,.ed__step .field-wrap{min-width:0}.ed__ing .field-wrap{align-self:start}.ed__warn{color:var(--warn);margin-left:26px;padding:0 4px;font-size:13px;line-height:18px}.ed__warn--field{margin-left:0}.ed .field__note.is-warn{display:none}.ed__add{border:1px dashed var(--line-strong);border-radius:var(--r-m);width:100%;height:44px;color:var(--ink-2);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.ed__add:active{background:var(--surface-muted)}.ed__bar{z-index:6;padding:16px var(--page-x) max(24px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--surface) 70%, #fff0);position:fixed;bottom:0;left:0;right:0}.ed__bar-in{max-width:640px;margin:0 auto}.ed__add--warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn)}.pcloud{width:320px;max-width:100%;height:320px;display:block}.chpw{background:var(--surface);flex:1}.chpw__form{padding:8px var(--page-x) 48px;gap:16px;max-width:500px;margin:0 auto;display:grid}.chpw__act{margin-top:8px}.auth-page{background:var(--surface);flex:1}.auth-card{padding:8px var(--page-x) 72px;gap:24px;max-width:500px;margin:0 auto;display:grid}.auth-card__logo{justify-content:center;display:flex}.auth-card__mascot{margin:0 0 -8px}.auth-card__title{text-align:center;text-wrap:balance}.auth-card form{gap:16px;display:grid}.auth-card__alt{text-align:center;color:var(--ink-2)}.lnk{color:var(--ink);font-weight:500;font-size:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4)}.lnk--sm{font-size:14px;font-weight:400}.row-end{justify-content:flex-end;margin-top:-4px;display:flex}@media (width>=600px){.auth-page{background:var(--canvas);align-content:start;display:grid}.auth-page .topbar{background:0 0;width:100%;max-width:500px;margin:24px auto 0;padding-inline:0}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;margin:12px auto 48px;padding:32px}}.fsheet{flex-direction:column;max-height:88dvh;display:flex}.fsheet__head{justify-content:space-between;align-items:center;padding:4px 0 8px;display:flex}.fsheet__body{scrollbar-width:none;align-content:start;gap:24px;padding:8px 0 16px;display:grid;overflow-y:auto}.fsheet__body::-webkit-scrollbar{display:none}.fsheet__group{gap:12px;display:grid}.fsheet__acts{grid-template-columns:auto minmax(0,1fr);gap:8px;padding-top:4px;display:grid}.fsheet__acts .btn--secondary{padding:0 20px}.profile{background:var(--surface);flex:1}.profile__main{padding:8px var(--page-x) 48px;gap:12px;max-width:500px;margin:0 auto;display:grid}.profile__avatar{background:var(--surface-muted);width:96px;height:96px;color:var(--ink);border-radius:50%;place-items:center;margin:8px auto 4px;font-size:40px;font-weight:500;display:grid}.profile__name{text-align:center}.profile__email{text-align:center;color:var(--ink-2);margin-top:-8px;margin-bottom:12px}.pbl{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}.pbl__row{text-align:left;width:100%;min-height:56px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pbl__row+.pbl__row{border-top:1px solid var(--line)}.pbl__row--btn:active{background:var(--surface-muted)}.pbl__row .t-label{color:var(--ink-2)}.pbl__row--danger{color:var(--danger)}.rd{background:var(--surface);--p:0;--q:0;--rad:16px;--shift:0px;flex:1;position:relative}.rd__bar{z-index:5;height:0;position:sticky;top:0}.rd__bar:before{content:"";height:calc(68px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--line);opacity:var(--q);pointer-events:none;position:absolute;top:0;left:0;right:0}.rd__bar-in{left:var(--page-x);right:var(--page-x);top:max(12px, env(safe-area-inset-top));justify-content:space-between;display:flex;position:absolute}.rd__hero{z-index:0;background:var(--food-env);height:440px;position:sticky;top:0;overflow:hidden}.rd__hero img{object-fit:cover;object-position:50% 52%;width:100%;height:100%;transform:translateY(var(--shift));will-change:transform;opacity:0;transition:opacity var(--motion-medium) var(--ease-standard);display:block}.rd__hero img.is-in{opacity:1}.rd__hero--skel{background:var(--surface-muted);animation:1.4s ease-in-out infinite skel-pulse}.rd__curtain{z-index:1;border-radius:var(--rad) var(--rad) 0 0;background:var(--surface);min-height:100vh;padding:24px var(--page-x) 48px;align-content:start;gap:24px;margin-top:-28px;display:grid;position:relative}.rd__head{gap:8px;display:grid}.rd__desc{color:var(--ink-2)}.rd__h{margin-bottom:8px}.rd__h--steps{margin-bottom:12px}.rd__ings{margin:0;padding:0;list-style:none}.rd__ings li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:13px 0;font-size:16px;line-height:22px;display:flex}.rd__ings li:first-child{border-top:1px solid var(--line)}.rd__ing-name{min-width:0}.rd__ing-qty{color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}.rd__steps{gap:18px;margin:0;padding:0;list-style:none;display:grid}.rd__steps li{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.rd__no{background:var(--surface-muted);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:500;display:grid}.rd__steps p{padding-top:3px}.rd__notice{background:var(--warn-bg);border-radius:var(--r-m);border:1px solid color-mix(in srgb, var(--warn-line) 28%, transparent);align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex}.rd__notice-text{flex:1;min-width:0}.rd__notice-head{color:var(--warn);font-size:14px;font-weight:500;line-height:20px}.rd__notice-text p:last-child{color:var(--ink-2);font-size:13px;line-height:18px}.rd__notice-edit{background:var(--surface);width:36px;height:36px;color:var(--ink);transition:transform var(--motion-fast) var(--ease-standard);border-radius:16px;flex:none;place-items:center;display:grid}.rd__notice-edit:active{transform:scale(.94)}.rd__top{padding:max(12px, env(safe-area-inset-top)) var(--page-x) 8px;justify-content:space-between;display:flex}.rd__state{text-align:center;justify-items:center;gap:8px;padding:48px 32px 0;display:grid}.rd__state .mascot{margin-bottom:16px}.rd__state-text{color:var(--ink-2);margin-bottom:8px}@media (width>=900px){.rd__bar{height:auto;position:static}.rd__bar:before{display:none}.rd__bar-in{max-width:1120px;margin:0 auto;padding:24px 32px 0;position:static}.rd__bar-in .icon-btn--glass{background:var(--surface-muted);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000}.rd__layout{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:56px;max-width:1120px;margin:0 auto;padding:20px 32px 64px;display:grid}.rd__hero{aspect-ratio:4/5;border-radius:var(--r-xl);height:auto;position:sticky;top:24px}.rd__hero img{transform:none}.rd__curtain{border-radius:0;min-height:0;margin:0;padding:0}.rd__edit{justify-self:start;width:auto}}.srch{background:var(--canvas);flex:1;width:100%;max-width:1120px;margin-inline:auto}.srch__head{z-index:5;background:var(--canvas);padding:max(12px, env(safe-area-inset-top)) var(--page-x) 8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;display:grid;position:sticky;top:0}.srch__field{border-radius:var(--r-m);background:var(--surface-muted);height:44px;color:var(--ink-3);border:1px solid #0000;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.srch__field:focus-within{border-color:var(--ink)}.srch__field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px;line-height:24px}.srch__field input::placeholder{color:var(--ink-3)}.srch__field input::-webkit-search-cancel-button{display:none}.srch__clear{background:var(--surface-muted);width:32px;height:32px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.srch__clear svg{width:16px;height:16px}.srch__body{padding:12px 0 40px}.srch__sec{gap:12px;display:grid}.srch__sec>h2{padding-inline:var(--page-x)}.srch__grid{padding-inline:var(--page-x);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.srch__did{padding:4px var(--page-x) 12px;gap:8px;display:grid}.srch__did p{color:var(--ink-2);font-size:14px;line-height:20px}.srch__none{text-align:center;justify-items:center;gap:8px;padding:40px 32px 120px;display:grid}.srch__none .mascot{margin-bottom:12px}.srch__none h2{text-wrap:balance;max-width:300px}.srch__none p{color:var(--ink-2);text-wrap:balance;max-width:280px}@media (width>=600px){.srch__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.srch__head,.srch__sec>h2,.srch__grid,.srch__did{padding-inline:32px}.srch__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.welcome{background:var(--gradient-ube);color:#fff;justify-content:center;min-height:100dvh;display:flex}.welcome__col{width:100%;max-width:440px;padding:max(28px, env(safe-area-inset-top)) var(--page-x) max(24px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;display:flex}.welcome__logo{justify-content:center;display:flex}.welcome__text{text-align:center;gap:12px;margin-top:28px;display:grid}.welcome .t-welcome{text-wrap:balance}.welcome__desc{color:#ffffffc7;text-wrap:balance;font-size:16px;line-height:23px}.welcome__mascot{flex:1;justify-content:center;align-items:center;min-height:300px;padding:16px 0;display:flex;position:relative}.welcome__spot{background:var(--brand-spotlight);width:440px;max-width:120%;height:440px;position:absolute}.welcome__floor{background:var(--brand-floor);width:360px;max-width:100%;height:70px;position:absolute;bottom:8%}.welcome__mascot .mascot{z-index:1}.welcome__acts{gap:12px;display:grid}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-cyrillic-ext-wght-normal-C8B9Chlh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-cyrillic-wght-normal-DbeVG3Ps.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-greek-wght-normal-DPM5d9ub.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-vietnamese-wght-normal-DcI17N1q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-latin-ext-wght-normal-DZyYlgcm.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-latin-wght-normal-BBL8hQxZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--canvas:#fff;--surface:#fff;--surface-muted:#eeedf4;--ink:#16171a;--ink-2:#666970;--ink-3:#8e9198;--ink-4:#c4c7cd;--line:#e3e5ea;--line-strong:#d3d6dc;--graphite:#1d1e22;--graphite-press:#33353a;--on-graphite:#fff;--food-env:#e6e3de;--image-tile:#eceaf1;--orange:#e8913f;--warn:#97510f;--warn-line:#e8913f;--warn-bg:#fbf2e7;--danger:#c44a42;--danger-press:#a93d36;--ok-dark:#6fcba0;--danger-dark:#ee8a82;--brand-lavender:#8f7bf0;--brand-lavender-deep:#6e57d9;--brand-lavender-press:#5b45c4;--brand-lavender-soft:#dcc6fa;--ube-900:#3a2160;--ube-700:#5e3c93;--ube-400:#9677c8;--ube-100:#d3bfea;--ube-ink:#3f2468;--on-brand:#fff;--on-brand-muted:#ffffffc7;--gradient-ube:linear-gradient(180deg, #3a2160 0%, #5e3c93 38%, #9677c8 72%, #d3bfea 100%);--brand-spotlight:radial-gradient(closest-side, #ffffff52, #fff0);--brand-floor:radial-gradient(closest-side, #ffffff38, #fff0);--mascot-glow-light:radial-gradient(closest-side, #8f7bf029, #8f7bf000);--mascot-shadow-light:radial-gradient(closest-side, #3a286038, #3a286000);--mascot-shadow-brand:radial-gradient(closest-side, #2a123e73, #2a123e00);--logo-nk:#1d1e22;--logo-oo:#8f7bf0;--font:"Geologica Variable", "Geologica", system-ui, sans-serif;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--page-x:16px;--r-xs:16px;--r-s:16px;--r-m:16px;--r-l:16px;--r-xl:16px;--r-sheet:16px;--r-pill:999px;--glass-bg:#ffffff29;--glass-blur:7px;--glass-border:#ffffff3d;--glass-ctrl-bg:#fff9;--sh-control:0 1px 2px #12141a0a, 0 2px 8px #12141a0a;--sh-raised:0 6px 18px #12141a2e, 0 2px 4px #12141a14;--sh-overlay:0 12px 40px #12141a24;--scrim:#12141a52;--motion-fast:.15s;--motion-standard:.22s;--motion-medium:.32s;--motion-large:.42s;--motion-brand:.9s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-soft:cubic-bezier(.32, .72, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:22px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--graphite);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.t-welcome{letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:36px}.t-hero{letter-spacing:-.025em;font-size:32px;font-weight:500;line-height:36px}.t-h1{letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:30px}.t-h2{letter-spacing:-.01em;font-size:18px;font-weight:500;line-height:24px}.t-body-l{font-size:16px;line-height:24px}.t-body{font-size:15px;line-height:22px}.t-card{letter-spacing:-.005em;font-size:14px;font-weight:500;line-height:18px}.t-label{color:var(--ink-2);font-size:13px;line-height:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.t-greet{letter-spacing:-.025em;font-size:34px;font-weight:300;line-height:40px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--glass-border)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#ffffff9e}}