.guest{max-width:640px;margin:0 auto;min-height:100dvh;padding-bottom:calc(110px + var(--safe-bottom))}.nav-compact{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:var(--safe-top);background:var(--bg-material);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:.5px solid var(--separator);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.nav-compact.show{opacity:1;transform:none;pointer-events:auto}.nav-compact-inner{max-width:640px;margin:0 auto;height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;gap:8px}.nav-compact-title{font:var(--t-headline);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-actions{display:flex;gap:8px;justify-content:flex-end}.nav-bar{position:sticky;top:0;z-index:40;padding-top:var(--safe-top);background:var(--bg-material);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8)}.nav-bar.transparent{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.nav-bar-inner{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px}.back-btn{display:inline-flex;align-items:center;gap:2px;color:var(--accent);font:var(--t-body);height:44px;padding-right:8px;justify-self:start}.menu-hero{padding:calc(var(--safe-top) + 12px) var(--gutter) 0}.menu-hero-top{display:flex;align-items:center;gap:8px;min-height:40px}.table-chip{color:var(--label);display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--radius-pill);background:var(--fill);font:600 14px/1 var(--font)}.table-chip .live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent)}.table-chip.muted-chip .live{background:var(--gray);box-shadow:none}.menu-hero h1{font:var(--t-large);letter-spacing:-.01em;margin-top:14px}.menu-hero .tagline{color:var(--label-2);font:var(--t-subhead);margin-top:4px}.brand-row{display:flex;align-items:center;gap:12px;margin-top:14px}.brand-row h1{margin-top:0}.logo{width:52px;height:52px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font:700 22px/1 var(--font-display);overflow:hidden}.logo img{width:100%;height:100%;object-fit:cover}.menu-search{padding:16px var(--gutter) 4px}.section-title{font:var(--t-title2);padding:0 var(--gutter);display:flex;align-items:center;gap:8px}.popular{margin-top:20px}.popular-track{display:grid;grid-auto-flow:column;grid-auto-columns:152px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px var(--gutter) 4px;scroll-padding:0 var(--gutter)}.popular-card{scroll-snap-align:start;text-align:left;display:grid;gap:8px;transition:transform var(--dur-fast) var(--ease-out)}.popular-card:active{transform:scale(.97)}.popular-card .img{aspect-ratio:1;border-radius:var(--radius)}.popular-card .p-name{font:600 15px/1.25 var(--font);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-card .p-price{font:500 15px/1 var(--font);color:var(--label-2)}.cat-bar{position:sticky;top:calc(var(--safe-top) + 52px);z-index:30;background:var(--bg);margin-top:16px}.cat-bar:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(var(--bg),transparent);pointer-events:none}.cat-track{display:flex;gap:8px;overflow-x:auto;padding:10px var(--gutter)}.menu-section{padding:22px var(--gutter) 4px;scroll-margin-top:calc(var(--safe-top) + 112px)}.menu-section h2{font:var(--t-title2);margin-bottom:4px;display:flex;gap:8px;align-items:center}.items.list .item{display:flex;gap:14px;padding:16px 0;position:relative;cursor:pointer;border-radius:12px;transition:opacity var(--dur-fast) var(--ease-out)}.items.list .item+.item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--separator);transform:scaleY(.5)}.items.list .item:active{opacity:.7}.item-info{flex:1;min-width:0;display:flex;flex-direction:column}.item-name{font:var(--t-headline)}.item-desc{font:var(--t-subhead);color:var(--label-2);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-meta{font:var(--t-footnote);color:var(--label-3);margin-top:6px}.item-bottom{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.item-price{font:600 16px/1 var(--font);font-variant-numeric:tabular-nums;margin-right:4px}.item-media{position:relative;flex:none;width:112px}.item-media .img{width:112px;height:112px;border-radius:var(--radius)}.item-add{position:absolute;right:-4px;bottom:-4px;min-width:34px;height:34px;padding:0 6px;border-radius:17px;display:grid;place-items:center;background:var(--bg-elevated);color:var(--accent);box-shadow:var(--shadow);font:700 15px/1 var(--font);font-variant-numeric:tabular-nums;transition:transform var(--dur-fast) var(--ease-out)}.item-add.has{background:var(--accent);color:var(--on-accent)}.item-add:active{transform:scale(.88)}.item.unavailable{opacity:.45}.sold-out{position:absolute;inset:auto 6px 6px;text-align:center;font:600 11px/22px var(--font);border-radius:11px;background:#0009;color:#fff}.items.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding-top:10px}.items.grid .item{display:flex;flex-direction:column-reverse;cursor:pointer;gap:10px}.items.grid .item-media,.items.grid .item-media .img{width:100%;height:auto;aspect-ratio:1}.items.grid .item-desc,.items.grid .item-meta{display:none}.items.grid .item-bottom{padding-top:6px}.items.grid .item-name{font:600 15px/1.25 var(--font)}.items.grid .item-add{right:8px;bottom:8px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:0 12px calc(12px + var(--safe-bottom));pointer-events:none}.dock-inner{max-width:616px;margin:0 auto;display:flex;gap:10px}.dock-inner>*{pointer-events:auto}.dock-btn{height:58px;border-radius:29px;display:flex;align-items:center;gap:10px;padding:0 8px;box-shadow:var(--shadow);transition:transform var(--dur-fast) var(--ease-out);min-width:0}.dock-btn:active{transform:scale(.97)}.dock-cart{flex:1;background:var(--accent);color:var(--on-accent);padding:0 20px 0 8px}.dock-cart .count{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--on-accent) 18%,transparent);font:700 16px/1 var(--font);font-variant-numeric:tabular-nums}.dock-cart .d-label{font:var(--t-headline);flex:1;text-align:left}.dock-cart .sum{font:600 17px/1 var(--font);font-variant-numeric:tabular-nums}.dock-order{background:var(--bg-material-thick);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:.5px solid var(--separator);padding-right:18px}.dock-order.full{flex:1}.dock-order .o-text{text-align:left;min-width:0}.dock-order .o-title{font:600 15px/1.2 var(--font);white-space:nowrap}.dock-order .o-sub{font:var(--t-footnote);color:var(--label-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-ring-label{font:700 11px/1 var(--font);font-variant-numeric:tabular-nums}.browse-note svg{flex:none}.browse-note{margin:28px var(--gutter) 0;padding:14px 16px;border-radius:var(--radius);background:var(--fill);display:flex;gap:12px;align-items:center;font:var(--t-subhead);color:var(--label-2)}.item-hero{position:relative}.item-hero .img{aspect-ratio:4 / 3;max-height:34dvh;width:100%}.item-hero .img-fallback{font-size:64px}.item-sheet-body{padding:18px var(--gutter) 24px}.item-sheet-body h2{font:var(--t-title2)}.item-sheet-body .desc{color:var(--label-2);font:var(--t-callout);margin-top:8px}.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fact{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--radius-pill);background:var(--fill);font:500 13px/1 var(--font);color:var(--label-2)}.opt-group{margin-top:22px}.opt-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.opt-head h3{font:var(--t-headline)}.opt-head span{font:var(--t-footnote);color:var(--label-2)}.opt-head span.req{color:var(--orange)}.opt-list{background:var(--bg-elevated-2);border-radius:var(--radius);overflow:hidden}[data-theme=dark] .opt-list{background:var(--bg-elevated-2)}.opt{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 16px;position:relative;text-align:left}.opt+.opt:before{content:"";position:absolute;top:0;left:50px;right:0;height:1px;background:var(--separator);transform:scaleY(.5)}.opt:active{background:var(--fill)}.opt .mark{width:22px;height:22px;border-radius:50%;border:2px solid var(--fill-3);display:grid;place-items:center;flex:none;color:var(--on-accent);transition:background-color .15s,border-color .15s}.opt .mark.square{border-radius:7px}.opt.on .mark{background:var(--accent);border-color:var(--accent)}.opt .o-name{flex:1;font:var(--t-body)}.opt .o-price{color:var(--label-2);font:var(--t-subhead);font-variant-numeric:tabular-nums}.opt:disabled{opacity:.4}.add-comment{margin-top:18px}.add-row{display:flex;gap:12px;align-items:center}.add-row .btn{flex:1}.cart-lines{padding:0 var(--gutter)}.cart-line{display:flex;gap:12px;align-items:center;padding:12px 0;position:relative}.cart-line+.cart-line:before{content:"";position:absolute;top:0;left:68px;right:0;height:1px;background:var(--separator);transform:scaleY(.5)}.cart-line .img{width:56px;height:56px;border-radius:12px;flex:none}.cart-line .img-fallback{font-size:24px}.cl-main{flex:1;min-width:0}.cl-name{font:600 16px/1.25 var(--font)}.cl-opts{font:var(--t-footnote);color:var(--label-2);margin-top:2px}.cl-price{font:500 15px/1 var(--font);margin-top:6px;font-variant-numeric:tabular-nums}.summary{margin:8px var(--gutter) 0;padding:14px 16px;border-radius:var(--radius);background:var(--bg-elevated-2);display:grid;gap:8px}.summary-row{display:flex;justify-content:space-between;gap:12px;font:var(--t-callout);color:var(--label-2);font-variant-numeric:tabular-nums}.summary-row.total{color:var(--label);font:700 19px/1.2 var(--font);padding-top:8px;border-top:.5px solid var(--separator)}.hint{display:flex;gap:10px;align-items:flex-start;margin:14px var(--gutter) 0;font:var(--t-footnote);color:var(--label-2)}.hint svg{flex:none;margin-top:1px}.pin-wrap{padding:8px var(--gutter) 28px;text-align:center;display:grid;justify-items:center;gap:10px}.pin-wrap p{color:var(--label-2);font:var(--t-subhead);max-width:320px}.pin-boxes{position:relative;display:flex;gap:12px;margin:12px 0 4px}.pin-box{width:56px;height:64px;border-radius:14px;background:var(--fill);display:grid;place-items:center;font:700 28px/1 var(--font);font-variant-numeric:tabular-nums;border:2px solid transparent;transition:border-color .15s}.pin-box.focus{border-color:var(--accent)}.pin-boxes input{position:absolute;inset:0;opacity:0;font-size:16px;width:100%;caret-color:transparent}.order-hero{margin:8px var(--gutter) 0;padding:28px 20px 24px;border-radius:var(--radius-lg);background:var(--bg-elevated);display:grid;justify-items:center;text-align:center;gap:18px}body.grouped .order-hero{box-shadow:var(--shadow-sm)}.timer{font:700 52px/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.timer-label{font:var(--t-subhead);color:var(--label-2);margin-top:6px}.order-status-title{font:var(--t-title3)}.order-status-sub{font:var(--t-subhead);color:var(--label-2);margin-top:4px}.steps{display:grid;grid-template-columns:repeat(4,1fr);width:100%;position:relative}.step{display:grid;justify-items:center;gap:6px;position:relative;font:500 12px/1.2 var(--font);color:var(--label-3)}.step .s-dot{width:14px;height:14px;border-radius:50%;background:var(--fill-3);position:relative;z-index:1;transition:background-color .3s}.step:before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--fill-2)}.step:first-child:before{display:none}.step.done{color:var(--label)}.step.done .s-dot{background:var(--accent)}.step.done:before{background:var(--accent)}.step.current .s-dot{box-shadow:0 0 0 5px var(--accent-soft)}.step time{font:400 11px/1 var(--font);color:var(--label-2);font-variant-numeric:tabular-nums}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px var(--gutter) 0}.order-actions .btn{height:72px;border-radius:var(--radius);flex-direction:column;gap:4px;font:600 14px/1.1 var(--font);background:var(--bg-elevated);color:var(--label)}body.grouped .order-actions .btn{box-shadow:var(--shadow-sm)}.order-actions .btn svg{color:var(--accent)}.order-actions .btn.pending svg{color:var(--orange)}.order-card{padding:14px 16px}.order-card-head{display:flex;align-items:center;gap:8px}.order-card-head .oc-title{font:var(--t-headline);flex:1}.order-card-lines{margin-top:8px;display:grid;gap:4px;font:var(--t-subhead)}.order-card-lines .ln{display:flex;gap:8px;justify-content:space-between}.order-card-lines .ln small{display:block;color:var(--label-2);font:var(--t-footnote)}.page-pad{padding:0 var(--gutter)}.thanks{min-height:80dvh;display:grid;place-items:center;text-align:center;padding:24px}.thanks-check{width:96px;height:96px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:0 auto 20px}.about-hero{position:relative;height:min(58dvh,460px);color:#fff;overflow:hidden}.about-hero .img{position:absolute;inset:0;height:100%}.about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000059,#0000 30%,#000000b3)}.about-hero-content{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:24px var(--gutter) 28px}.about-hero-content h1{font:700 40px/1.05 var(--font-display);letter-spacing:-.02em}.about-hero-content p{margin-top:8px;font:var(--t-callout);opacity:.9}.about-top{position:absolute;top:calc(var(--safe-top) + 10px);left:12px;right:12px;z-index:2;display:flex;justify-content:space-between}.about-body{padding:24px var(--gutter) 0}.about-body .lead{font:400 19px/1.45 var(--font)}.timeline{position:relative;margin-top:12px;padding-left:28px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--fill-2);border-radius:1px}.tl-item{position:relative;padding:10px 0 18px}.tl-item:before{content:"";position:absolute;left:-27px;top:14px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent)}.tl-year{font:700 13px/1 var(--font);color:var(--accent);letter-spacing:.04em}.tl-title{font:var(--t-headline);margin-top:6px}.tl-text{color:var(--label-2);font:var(--t-subhead);margin-top:4px}.splash{min-height:100dvh;display:grid;place-items:center;text-align:center;padding:32px 24px calc(32px + var(--safe-bottom))}.splash-inner{display:grid;justify-items:center;gap:14px;max-width:360px}.splash .logo{width:84px;height:84px;border-radius:22px;font-size:36px;box-shadow:var(--shadow)}.splash h1{font:var(--t-title1)}.splash p{color:var(--label-2);font:var(--t-callout)}.splash .actions{display:grid;gap:10px;width:100%;margin-top:12px}.staff-link{margin-top:24px;font:var(--t-footnote);color:var(--label-3)}.shake{animation:shake .42s var(--ease-out)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}:root{--accent: #0071e3;--on-accent: #ffffff;--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--radius: 18px;--radius-sm: calc(var(--radius) * .6);--radius-lg: calc(var(--radius) * 1.35);--radius-pill: 999px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-rounded: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--font-serif: "New York", ui-serif, "Iowan Old Style", Georgia, "Times New Roman", serif;--font-display: var(--font);--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--gutter: 16px;--t-large: 700 34px/1.12 var(--font-display);--t-title1: 700 28px/1.15 var(--font-display);--t-title2: 700 22px/1.2 var(--font-display);--t-title3: 600 20px/1.25 var(--font-display);--t-headline: 600 17px/1.3 var(--font);--t-body: 400 17px/1.4 var(--font);--t-callout: 400 16px/1.38 var(--font);--t-subhead: 400 15px/1.35 var(--font);--t-footnote: 400 13px/1.35 var(--font);--t-caption: 400 12px/1.3 var(--font);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-ios: cubic-bezier(.32, .72, 0, 1);--dur-fast: .16s;--dur: .28s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light;--bg: #ffffff;--bg-grouped: #f2f2f7;--bg-elevated: #ffffff;--bg-elevated-2: #f2f2f7;--bg-material: rgba(255, 255, 255, .72);--bg-material-thick: rgba(249, 249, 251, .86);--fill: rgba(120, 120, 128, .12);--fill-2: rgba(120, 120, 128, .16);--fill-3: rgba(118, 118, 128, .24);--label: #1d1d1f;--label-2: rgba(60, 60, 67, .62);--label-3: rgba(60, 60, 67, .36);--separator: rgba(60, 60, 67, .18);--separator-opaque: #e5e5ea;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .04);--shadow: 0 2px 6px rgba(0, 0, 0, .04), 0 10px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 50px rgba(0, 0, 0, .18);--backdrop: rgba(0, 0, 0, .32);--green: #34c759;--red: #ff3b30;--orange: #ff9500;--yellow: #ffcc00;--blue: #007aff;--indigo: #5856d6;--teal: #30b0c7;--gray: #8e8e93}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #000000;--bg-grouped: #000000;--bg-elevated: #1c1c1e;--bg-elevated-2: #2c2c2e;--bg-material: rgba(28, 28, 30, .72);--bg-material-thick: rgba(22, 22, 24, .86);--fill: rgba(118, 118, 128, .24);--fill-2: rgba(118, 118, 128, .32);--fill-3: rgba(118, 118, 128, .4);--label: #f5f5f7;--label-2: rgba(235, 235, 245, .62);--label-3: rgba(235, 235, 245, .32);--separator: rgba(84, 84, 88, .6);--separator-opaque: #38383a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 50px rgba(0, 0, 0, .6);--backdrop: rgba(0, 0, 0, .55);--green: #30d158;--red: #ff453a;--orange: #ff9f0a;--yellow: #ffd60a;--blue: #0a84ff;--indigo: #5e5ce6;--teal: #40c8e0}}:root[data-theme=dark],[data-theme=dark]{color-scheme:dark;--bg: #000000;--bg-grouped: #000000;--bg-elevated: #1c1c1e;--bg-elevated-2: #2c2c2e;--bg-material: rgba(28, 28, 30, .72);--bg-material-thick: rgba(22, 22, 24, .86);--fill: rgba(118, 118, 128, .24);--fill-2: rgba(118, 118, 128, .32);--fill-3: rgba(118, 118, 128, .4);--label: #f5f5f7;--label-2: rgba(235, 235, 245, .62);--label-3: rgba(235, 235, 245, .32);--separator: rgba(84, 84, 88, .6);--separator-opaque: #38383a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 50px rgba(0, 0, 0, .6);--backdrop: rgba(0, 0, 0, .55);--green: #30d158;--red: #ff453a;--orange: #ff9f0a;--yellow: #ffd60a;--blue: #0a84ff;--indigo: #5e5ce6;--teal: #40c8e0}:root[data-font=rounded]{--font-display: var(--font-rounded)}:root[data-font=serif]{--font-display: var(--font-serif)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--label);font:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}body.grouped{background:var(--bg-grouped)}h1,h2,h3,h4,p{margin:0}h1,h2,h3{text-wrap:balance;font-family:var(--font-display)}p{text-wrap:pretty}img{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;touch-action:manipulation}button:disabled{cursor:not-allowed}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-soft)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--label-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}body{background:#fff!important}}.btn{--btn-h: 50px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:var(--btn-h);padding:0 var(--s5);border-radius:var(--radius-pill);font:var(--t-headline);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5}.btn-primary{background:var(--accent);color:var(--on-accent)}@media(hover:hover){.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,white)}.btn-secondary:hover:not(:disabled),.btn-plain:hover:not(:disabled){background:var(--fill-2)}}.btn-secondary{background:var(--fill);color:var(--accent)}.btn-tinted{background:var(--accent-soft);color:var(--accent)}.btn-plain{background:transparent;color:var(--accent)}.btn-danger{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.btn-success{background:var(--green);color:#fff}.btn-dark{background:var(--label);color:var(--bg)}.btn-block{width:100%}.btn-sm{--btn-h: 34px;padding:0 var(--s3);font:600 15px/1 var(--font)}.btn-md{--btn-h: 42px;padding:0 var(--s4);font:600 16px/1 var(--font)}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--fill);color:var(--label);transition:transform var(--dur-fast) var(--ease-out);position:relative;flex:none}.icon-btn:active{transform:scale(.92)}.icon-btn.accent{color:var(--accent)}.icon-btn.on-image{background:#00000059;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.icon-btn .dot{position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--bg)}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius-pill);background:var(--fill);color:var(--label);font:500 15px/1 var(--font);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.chip.active{background:var(--label);color:var(--bg)}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font:600 12px/1 var(--font);background:var(--fill);color:var(--label-2);white-space:nowrap}.badge.green{background:color-mix(in srgb,var(--green) 16%,transparent);color:color-mix(in srgb,var(--green) 80%,var(--label))}.badge.red{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.badge.orange{background:color-mix(in srgb,var(--orange) 16%,transparent);color:color-mix(in srgb,var(--orange) 80%,var(--label))}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.solid{background:var(--red);color:#fff;min-width:20px;height:20px;padding:0 6px;justify-content:center}.group{background:var(--bg-elevated);border-radius:var(--radius);overflow:hidden}.group-title{font:var(--t-footnote);text-transform:uppercase;letter-spacing:.02em;color:var(--label-2);padding:0 var(--s4) var(--s2);margin-top:var(--s6)}.group-footer{font:var(--t-footnote);color:var(--label-2);padding:var(--s2) var(--s4) 0}.row{display:flex;align-items:center;gap:var(--s3);min-height:48px;padding:10px var(--s4);position:relative;width:100%;text-align:left}.row+.row:before{content:"";position:absolute;top:0;left:var(--s4);right:0;height:1px;background:var(--separator);transform:scaleY(.5);transform-origin:top}.row.with-icon+.row.with-icon:before{left:56px}button.row:active,a.row:active{background:var(--fill)}.row-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--gray);flex:none}.row-main{flex:1;min-width:0}.row-title{font:var(--t-body)}.row-sub{font:var(--t-footnote);color:var(--label-2);margin-top:2px}.row-value{color:var(--label-2);font:var(--t-body);text-align:right}.row-chevron{color:var(--label-3);flex:none}.field{display:block;width:100%;height:44px;padding:0 var(--s3);border-radius:var(--radius-sm);border:0;background:var(--fill);font:var(--t-body);outline:none;transition:box-shadow var(--dur-fast) var(--ease-out);-webkit-appearance:none;appearance:none}.field:focus{box-shadow:0 0 0 2px var(--accent)}textarea.field{height:auto;min-height:88px;padding:var(--s3);resize:vertical}.field::placeholder{color:var(--label-3)}.row .field-inline{flex:1;min-width:0;border:0;background:transparent;outline:none;text-align:right;font:var(--t-body);color:var(--label);padding:0}.row .field-inline.left{text-align:left}.row textarea.field-inline{text-align:left;resize:none;min-height:64px}.label{display:block;font:500 13px/1.3 var(--font);color:var(--label-2);margin:0 0 6px 4px}.search{position:relative}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--label-2);pointer-events:none}.search input{height:38px;padding-left:36px;border-radius:12px}.switch{position:relative;width:51px;height:31px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch .track{position:absolute;inset:0;border-radius:16px;background:var(--fill-3);transition:background-color .2s var(--ease-out)}.switch .thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029;transition:transform .22s var(--ease-ios)}.switch input:checked~.track{background:var(--green)}.switch input:checked~.thumb{transform:translate(20px)}.switch input:focus-visible~.track{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled{cursor:not-allowed}.switch input:disabled~.track,.switch input:disabled~.thumb{opacity:.5}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:2px;border-radius:10px;background:var(--fill);position:relative;isolation:isolate}.segmented button{position:relative;height:32px;padding:0 10px;border-radius:8px;font:500 14px/1 var(--font);color:var(--label);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}.segmented button.active{font-weight:600}.segmented .seg-thumb{position:absolute;inset:0;border-radius:8px;background:var(--bg-elevated);box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a;z-index:-1}[data-theme=dark] .segmented .seg-thumb{background:#636366}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .segmented .seg-thumb{background:#636366}}.stepper{display:inline-flex;align-items:center;background:var(--fill);border-radius:var(--radius-pill);height:36px}.stepper button{width:40px;height:36px;display:grid;place-items:center;color:var(--label);border-radius:var(--radius-pill)}.stepper button:active{background:var(--fill-2)}.stepper button:disabled{opacity:.3}.stepper .val{min-width:24px;text-align:center;font:600 16px/1 var(--font);font-variant-numeric:tabular-nums}.stepper.lg{height:50px}.stepper.lg button{width:50px;height:50px}.stepper.lg .val{min-width:28px;font-size:18px}.backdrop{position:fixed;inset:0;background:var(--backdrop);z-index:100}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:101;margin:0 auto;width:100%;max-width:560px;max-height:calc(100dvh - var(--safe-top) - 12px);display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:14px 14px 0 0;box-shadow:var(--shadow-lg);overflow:hidden;touch-action:none}.sheet.tall{height:calc(100dvh - var(--safe-top) - 12px)}.sheet-grab{position:relative;flex:none;cursor:grab;touch-action:none}.sheet-grab:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:5px;border-radius:3px;background:var(--fill-3);z-index:3}.sheet-header{display:flex;align-items:center;gap:var(--s3);padding:20px var(--s4) var(--s3)}.sheet-title{font:var(--t-title3);flex:1;min-width:0}.sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.sheet-footer{flex:none;padding:var(--s3) var(--s4) calc(var(--s3) + var(--safe-bottom));border-top:.5px solid var(--separator);background:var(--bg-elevated)}.sheet-close{position:absolute;top:14px;right:14px;z-index:4}.sheet-center-wrap{position:fixed;inset:0;z-index:101;display:grid;place-items:center;padding:24px;pointer-events:none}.sheet-center-wrap .sheet{position:relative;pointer-events:auto;border-radius:var(--radius-lg);max-height:min(88dvh,880px)}.sheet-center-wrap .sheet.tall{height:min(88dvh,880px)}.sheet-center-wrap .sheet.wide{max-width:760px}.sheet-center-wrap .sheet-footer{padding-bottom:var(--s3)}.dialog{position:fixed;top:50%;left:50%;z-index:201;width:min(300px,calc(100vw - 48px));background:var(--bg-material-thick);backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);border-radius:14px;text-align:center;overflow:hidden;box-shadow:var(--shadow-lg)}.dialog-body{padding:20px 16px 16px}.dialog-title{font:600 17px/1.3 var(--font)}.dialog-text{font:var(--t-footnote);margin-top:4px;color:var(--label)}.dialog-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:.5px solid var(--separator)}.dialog-actions.vertical{grid-auto-flow:row}.dialog-actions button{height:44px;font:400 17px/1 var(--font);color:var(--accent)}.dialog-actions button+button{border-left:.5px solid var(--separator)}.dialog-actions.vertical button+button{border-left:0;border-top:.5px solid var(--separator)}.dialog-actions button.bold{font-weight:600}.dialog-actions button.destructive{color:var(--red)}.dialog-actions button:active{background:var(--fill)}.dialog .field{margin-top:12px;height:36px;font-size:15px;background:var(--bg-elevated)}.dialog .dialog-choices{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.action-sheet{position:fixed;left:0;right:0;bottom:0;z-index:201;padding:0 8px calc(8px + var(--safe-bottom));max-width:440px;margin:0 auto;display:grid;gap:8px}.action-group{background:var(--bg-material-thick);backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);border-radius:14px;overflow:hidden}.action-head{padding:14px 16px;text-align:center;font:var(--t-footnote);color:var(--label-2);border-bottom:.5px solid var(--separator)}.action-head strong{display:block;font-weight:600;color:var(--label-2)}.action-group button{width:100%;height:57px;display:flex;align-items:center;justify-content:center;gap:10px;font:400 19px/1 var(--font);color:var(--accent)}.action-group button+button{border-top:.5px solid var(--separator)}.action-group button:active{background:var(--fill)}.action-group button.cancel{font-weight:600;background:var(--bg-elevated)}.action-group button.destructive{color:var(--red)}.toasts{position:fixed;top:calc(var(--safe-top) + 8px);left:0;right:0;z-index:300;display:grid;justify-items:center;gap:8px;padding:0 12px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;width:min(420px,100%);padding:12px 14px;border-radius:20px;background:var(--bg-material-thick);backdrop-filter:blur(30px) saturate(1.8);-webkit-backdrop-filter:blur(30px) saturate(1.8);box-shadow:var(--shadow);border:.5px solid var(--separator)}.toast-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;color:#fff;background:var(--accent)}.toast-icon.green{background:var(--green)}.toast-icon.red{background:var(--red)}.toast-icon.orange{background:var(--orange)}.toast-title{font:600 15px/1.25 var(--font)}.toast-text{font:var(--t-footnote);color:var(--label-2);margin-top:1px}.img{position:relative;overflow:hidden;background:var(--fill)}.img img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .4s var(--ease-out),transform .6s var(--ease-out)}.img img.loaded{opacity:1;transform:none}.img-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,var(--fill),var(--fill-2))}.skeleton{background:linear-gradient(90deg,var(--fill) 25%,var(--fill-2) 37%,var(--fill) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--fill-3);border-top-color:var(--label-2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:grid;justify-items:center;text-align:center;gap:var(--s2);padding:var(--s12) var(--s6);color:var(--label-2)}.empty-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--fill);color:var(--label-2);margin-bottom:var(--s2)}.empty h3{color:var(--label);font:var(--t-title3)}.error-text{color:var(--red);font:var(--t-footnote);margin-top:6px}.ring{position:relative;display:grid;place-items:center}.ring svg{position:absolute;inset:0}.ring-spin{animation:spin 1.2s linear infinite}.ring-center{position:relative;text-align:center;display:grid;justify-items:center}