@font-face{font-family:Chiron GoRound TC;src:url(fonts/round.woff2) format("woff2");font-weight:600 900;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(fonts/sans-400.woff2) format("woff2");font-weight:400;font-display:swap}:root{color-scheme:light;--base: oklch(.925 .04 80);--fg: oklch(.27 .045 50);--fg-muted: oklch(.4 .045 52);--card: oklch(.965 .025 85);--line: oklch(.27 .045 50 / .22);--hero-bg: oklch(.87 .15 90);--hero-fg: oklch(.25 .045 50);--wall: oklch(.5 .17 32);--wall-fg: oklch(.97 .03 90);--wall-muted: oklch(.92 .05 75);--sweet-bg: oklch(.86 .065 325);--foot-bg: oklch(.27 .045 50);--foot-fg: oklch(.95 .03 85);--primary: oklch(.27 .045 50);--primary-fg: oklch(.95 .06 92);--ring: oklch(.27 .045 50);--today: oklch(.87 .15 90);--glass: oklch(.99 .01 95 / .55);--shine: oklch(1 0 0 / .45);--seal: oklch(.52 .17 32);--seal-mark: oklch(.87 .15 90);--straw: oklch(.52 .13 320);--ice: oklch(.98 .02 220 / .78);--pearl: oklch(.24 .035 40);--stripe: oklch(.42 .09 45);--milk: oklch(.96 .02 85);--taro: oklch(.7 .1 318);--steam: oklch(1 0 0 / .85);--d-boba: oklch(.72 .075 62);--d-latte: oklch(.66 .085 55);--d-green: oklch(.85 .12 100);--d-oolong: oklch(.6 .12 55);--d-milk: oklch(.95 .02 85);--d-wax: oklch(.8 .12 78);--d-passion: oklch(.83 .15 88);--d-taro-layer: oklch(.7 .1 318);--d-milk-tag: oklch(.88 .04 80);--t-boba: oklch(.87 .055 65);--t-latte: oklch(.86 .055 50);--t-green: oklch(.92 .085 108);--t-oolong: oklch(.85 .075 62);--t-taro: oklch(.87 .06 320);--t-milk: oklch(.96 .02 85);--t-wax: oklch(.9 .08 85);--t-passion: oklch(.91 .1 98)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--base: oklch(.22 .03 55);--fg: oklch(.95 .025 85);--fg-muted: oklch(.83 .03 80);--card: oklch(.27 .035 55);--line: oklch(.95 .025 85 / .22);--hero-bg: oklch(.36 .075 82);--hero-fg: oklch(.96 .04 90);--wall: oklch(.34 .1 30);--wall-fg: oklch(.96 .03 90);--wall-muted: oklch(.88 .04 75);--sweet-bg: oklch(.3 .055 320);--foot-bg: oklch(.16 .02 50);--foot-fg: oklch(.93 .025 85);--primary: oklch(.87 .15 90);--primary-fg: oklch(.25 .045 50);--ring: oklch(.87 .15 90);--today: oklch(.45 .09 85);--glass: oklch(.95 .02 90 / .2);--shine: oklch(1 0 0 / .25);--pearl: oklch(.17 .025 40);--t-boba: oklch(.31 .045 62);--t-latte: oklch(.3 .045 45);--t-green: oklch(.32 .05 110);--t-oolong: oklch(.31 .055 58);--t-taro: oklch(.31 .05 320);--t-milk: oklch(.29 .025 70);--t-wax: oklch(.32 .05 80);--t-passion: oklch(.33 .06 95)}}:root[data-theme=dark]{color-scheme:dark;--base: oklch(.22 .03 55);--fg: oklch(.95 .025 85);--fg-muted: oklch(.83 .03 80);--card: oklch(.27 .035 55);--line: oklch(.95 .025 85 / .22);--hero-bg: oklch(.36 .075 82);--hero-fg: oklch(.96 .04 90);--wall: oklch(.34 .1 30);--wall-fg: oklch(.96 .03 90);--wall-muted: oklch(.88 .04 75);--sweet-bg: oklch(.3 .055 320);--foot-bg: oklch(.16 .02 50);--foot-fg: oklch(.93 .025 85);--primary: oklch(.87 .15 90);--primary-fg: oklch(.25 .045 50);--ring: oklch(.87 .15 90);--today: oklch(.45 .09 85);--glass: oklch(.95 .02 90 / .2);--shine: oklch(1 0 0 / .25);--pearl: oklch(.17 .025 40);--t-boba: oklch(.31 .045 62);--t-latte: oklch(.3 .045 45);--t-green: oklch(.32 .05 110);--t-oolong: oklch(.31 .055 58);--t-taro: oklch(.31 .05 320);--t-milk: oklch(.29 .025 70);--t-wax: oklch(.32 .05 80);--t-passion: oklch(.33 .06 95)}:root{--r-1: 10px;--r-2: 24px;--r-3: 999px;--fs-s: .875rem;--fs-b: 1rem;--fs-l: 1.25rem;--fs-h3: 1.5rem;--fs-h2: 2.25rem;--fs-h2: clamp(2.25rem, 1.4rem + 2.8vw, 3.75rem);--section-y: clamp(4rem, 2.5rem + 5vw, 7rem);--dur-press: .11s;--dur-hover: .15s;--dur-pop: .2s;--ease-out: cubic-bezier(.2, 0, 0, 1);--font-round: "Chiron GoRound TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif}:root:lang(zh-Hant){text-autospace:normal;line-break:strict;font-synthesis-style:none}h1,h2,h3{text-wrap:balance;line-height:1.25;letter-spacing:0}pre,code,kbd,samp,.mono{font-family:ui-monospace,monospace;font-variant-ligatures:none;letter-spacing:0;text-spacing-trim:space-all;text-autospace:no-autospace}*,*:before,*:after{box-sizing:border-box}html{background:var(--base);-webkit-text-size-adjust:100%;scroll-padding-top:76px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--base);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-b);line-height:1.75;letter-spacing:.02em}h1,h2,h3{font-family:var(--font-round);font-weight:800;margin:0;font-synthesis-weight:none}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ring);outline-offset:3px}::selection{background:color-mix(in oklch,var(--hero-bg) 70%,transparent);color:var(--hero-fg)}time,.num,td{font-variant-numeric:tabular-nums}:root{--gutter: clamp(1rem, .5rem + 3vw, 3rem)}.wrap{width:min(100% - 2 * var(--gutter),1200px);margin-inline:auto}.skip{position:absolute;left:12px;top:-80px;z-index:50;background:var(--primary);color:var(--primary-fg);padding:10px 16px;border-radius:var(--r-3);text-decoration:none;font-family:var(--font-round);font-weight:800}.skip:focus{top:12px}.nw{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:var(--r-3);font-family:var(--font-round);font-weight:800;font-size:var(--fs-b);letter-spacing:.06em;text-decoration:none;background:var(--primary);color:var(--primary-fg);border:0;transition:background-color var(--dur-hover) var(--ease-out),scale var(--dur-press) var(--ease-out)}@media(hover:hover)and (pointer:fine){.btn:hover{background:oklch(from var(--primary) calc(l + .08) c h)}}.btn:active{scale:.96}.site-header{position:sticky;top:0;z-index:20;background:var(--hero-bg);color:var(--hero-fg)}@media(max-height:500px){.site-header{position:relative}}.bar{display:flex;align-items:center;gap:16px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-round);font-weight:900;font-size:1.5rem;letter-spacing:.08em;min-height:44px}.brand-mark{width:36px;height:36px}.nav{margin-left:auto}.tags{display:flex;gap:8px}.tags a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:var(--r-1);background:var(--base);color:var(--fg);text-decoration:none;font-family:var(--font-round);font-weight:700;font-size:var(--fs-b);transition:translate var(--dur-press) var(--ease-out)}.tags a:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--tag);box-shadow:0 0 0 2px var(--fg);flex:none}@media(hover:hover)and (pointer:fine){.tags a:hover{translate:0 -2px}}.nav-toggle{display:none}@media(max-width:760px){.nav-toggle{display:inline-flex;align-items:center;margin-left:auto;min-height:44px;padding:0 18px;border-radius:var(--r-1);border:0;background:var(--base);color:var(--fg);font-family:var(--font-round);font-weight:800;cursor:pointer}.nav{position:absolute;left:0;right:0;top:100%;background:var(--hero-bg);padding:0 var(--gutter) 16px;display:none}.nav.open{display:block}.tags{flex-direction:column}.tags a{min-height:48px}}.hero{background:var(--hero-bg);color:var(--hero-fg);overflow:clip}.h1-price{font-family:var(--font-round);font-weight:900;line-height:1}.h-name{display:block;font-size:clamp(3.5rem,2rem + 6vw,8rem);line-height:1;letter-spacing:.02em;white-space:nowrap}.h-cup{display:block}.cup-svg{width:100%;height:100%;overflow:visible}.h-price{display:grid;justify-items:start;font-variant-numeric:tabular-nums}.h-size{font-size:clamp(1.5rem,.5rem + 2.2vw,2.25rem);font-weight:800;letter-spacing:.1em}.h-num{display:flex;align-items:flex-start;font-size:clamp(5rem,2rem + 9vw,11rem);letter-spacing:-.01em;line-height:.9}.h-cur{font-size:.245em;font-weight:800;letter-spacing:.02em;margin:.32em .12em 0 0}.lead{font-size:var(--fs-l);line-height:1.75;max-width:15em}.corner{font-family:var(--font-round);font-weight:700;line-height:1.5}.corner p{margin:0}.corner-hours{display:flex;flex-wrap:wrap;column-gap:.8em}@media(min-width:901px){.hero{display:grid;min-height:calc(100svh - 64px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:clamp(24px,3vw,56px);padding:clamp(16px,3svh,36px) max(var(--gutter),calc((100% - 1200px)/2)) clamp(24px,4svh,48px)}.h1-price{grid-column:1 / -1;grid-row:1 / 4;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}.h-name{grid-column:1 / -1;grid-row:1;justify-self:center;position:relative;z-index:1}.h-cup{grid-column:2;grid-row:2 / 4;height:clamp(340px,100svh - 64px - 1rem - 6vw - 150px,620px);aspect-ratio:300 / 472;margin-top:18px}.h-price{grid-column:3;grid-row:2 / 4;align-self:end;justify-self:start;padding-bottom:2svh}.lead{grid-column:1;grid-row:2;align-self:center;justify-self:end;position:relative;z-index:1}.corner{grid-column:1;grid-row:3;align-self:end;justify-self:end;width:min(100%,15em);position:relative;z-index:1;border-top:3px solid currentColor;padding-top:14px;font-size:var(--fs-l)}.corner-place{margin-top:2px}.corner-go{margin-top:14px}}@media(max-width:900px){.hero{display:flex;flex-direction:column;padding:0 var(--gutter) 32px}.corner{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:10px 0 12px;border-bottom:3px solid currentColor;font-size:.9375rem}.corner-hours,.corner-place{grid-column:1}.corner-go{grid-column:2;grid-row:1 / 3;min-height:44px;padding:0 18px}.h1-price{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:10px;margin-top:16px}.h-name{grid-column:1 / -1;justify-self:center}.h-cup{grid-column:1;height:min(44svh,380px,(100vw - 2 * var(--gutter) - 86px) * 472 / 300);aspect-ratio:300 / 472;margin-top:14px}.h-price{grid-column:2;align-self:end;justify-items:start;padding-bottom:6px}.h-size{font-size:1.25rem}.h-num{flex-direction:column;font-size:clamp(3.5rem,1rem + 12vw,6rem)}.h-cur{font-size:1.25rem;margin:0 0 .1em}.lead{margin:16px auto 0;font-size:var(--fs-b);max-width:22em;text-align:center}}@media(max-width:900px)and (max-height:760px){.h-cup{height:min(38svh,(100vw - 2 * var(--gutter) - 86px) * 472 / 300)}}@media(max-width:380px){.h-name{font-size:2.75rem}}@media(prefers-reduced-motion:no-preference){.h-cup svg{transform-origin:50% 96%;animation:shake .9s var(--ease-out) .1s both}}@keyframes shake{0%{rotate:0deg}18%{rotate:-6deg}38%{rotate:5deg}58%{rotate:-3deg}78%{rotate:1.5deg}to{rotate:0deg}}.cups{padding-block:var(--section-y) calc(var(--section-y) * .8)}.cups-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px 40px}.cups-head h2{font-size:var(--fs-h2);font-weight:900}.cups-lead{max-width:30em;font-size:var(--fs-b);color:var(--fg-muted)}.rail-btns{display:flex;gap:8px}.rail-btns button{width:52px;height:52px;border-radius:50%;border:0;background:var(--fg);color:var(--base);cursor:pointer;display:grid;place-items:center;transition:scale var(--dur-press) var(--ease-out),background-color var(--dur-hover) var(--ease-out)}@media(hover:hover)and (pointer:fine){.rail-btns button:hover{background:var(--wall);color:var(--wall-fg)}}.rail-btns button:active{scale:.94}@media(max-width:760px){.cups-head{grid-template-columns:1fr auto;column-gap:16px}.cups-lead{grid-column:1 / -1;grid-row:2}}.rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:min(74vw,272px);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--gutter),calc((100% - 1200px)/2));padding:32px max(var(--gutter),calc((100% - 1200px)/2)) 24px;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--fg-muted) transparent}.rail>*{scroll-snap-align:start}.rail.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}.rail img,.rail svg{-webkit-user-drag:none}.rail:focus-visible{outline-offset:-4px}.drink{position:relative;display:grid;grid-template-rows:auto auto auto auto 1fr;background:var(--tint);border-radius:var(--r-2);padding:20px 22px 24px}.drink-cup{width:112px;height:176px;margin:0 auto 14px}.drink-cat{font-family:var(--font-round);font-weight:700;font-size:var(--fs-s);letter-spacing:.12em;color:var(--fg-muted)}.drink h3{font-size:var(--fs-h3);font-weight:800;margin-top:2px}.drink-price{font-family:var(--font-round);font-weight:900;font-size:var(--fs-h3);font-variant-numeric:tabular-nums;line-height:1.3}.drink p:last-child{margin-top:8px}@media(prefers-reduced-motion:no-preference){.pop:not(.pre){transition:opacity .32s var(--ease-out),translate .42s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(var(--i, 0) * 50ms)}.pop.pre{opacity:.2;translate:0 32px}}.wall{background:var(--wall);color:var(--wall-fg);padding-block:var(--section-y)}.wall-title{font-size:clamp(3.5rem,2rem + 6vw,8rem);font-weight:900;line-height:1;letter-spacing:.04em}.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px clamp(32px,6vw,96px);margin-top:clamp(32px,5vw,56px)}.prices{width:100%;border-collapse:collapse;font-family:var(--font-round)}.prices caption{text-align:left;font-weight:900;font-size:2.25rem;padding-bottom:8px;border-bottom:4px solid currentColor}.prices thead th{font-weight:700;font-size:var(--fs-b);color:var(--wall-muted);text-align:right;padding:10px 0 0;letter-spacing:.1em}.prices tbody th{text-align:left;font-weight:700;font-size:var(--fs-h3);padding:12px 0}.prices td{text-align:right;font-weight:900;font-size:2.25rem;width:3.4em;padding:4px 0}.extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}.extras li{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:14px;padding:18px 22px;border-radius:var(--r-2);background:oklch(from var(--wall) calc(l - .08) c h)}.ex-name{font-family:var(--font-round);font-weight:800;font-size:var(--fs-l)}.ex-val{font-family:var(--font-round);font-weight:900;font-size:2.25rem;font-variant-numeric:tabular-nums;justify-self:end;line-height:1.1}.ex-val small{font-size:.5em;margin-left:.1em}.ex-note{grid-column:1 / -1;color:var(--wall-muted)}.wall-unit{margin-top:20px;color:var(--wall-muted)}@media(max-width:760px){.board{grid-template-columns:1fr;gap:36px}.extras{grid-template-columns:1fr;margin-top:40px}.prices td{font-size:1.75rem}.prices tbody th{font-size:var(--fs-l)}}.sweet{background:var(--sweet-bg);padding-block:var(--section-y)}.sweet-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px 56px;align-items:start}.sweet-head{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 56px;align-items:end}.sweet-head h2{font-size:var(--fs-h2);font-weight:900}.notes{display:grid;gap:10px}.notes li{position:relative;padding-left:26px;font-size:var(--fs-l)}.notes li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:var(--pearl)}.sweet-cup{margin:0;height:340px;position:sticky;top:96px}.picker{display:grid;gap:20px}.row{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;min-inline-size:0}.row legend{font-family:var(--font-round);font-weight:900;font-size:var(--fs-l);padding:0;margin-bottom:8px;float:left;width:100%}.row label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-3);background:var(--card);font-family:var(--font-round);font-weight:700;cursor:pointer;transition:background-color var(--dur-press) var(--ease-out),color var(--dur-press) var(--ease-out),scale var(--dur-press) var(--ease-out)}.row-drink label:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--tag);box-shadow:0 0 0 2px currentColor;flex:none}.row input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.row label:has(input:checked){background:var(--fg);color:var(--base)}.row label:has(input:focus-visible){outline:3px solid var(--ring);outline-offset:3px}.row label:has(input:disabled){opacity:.5;cursor:not-allowed;text-decoration:line-through}.row label:active{scale:.96}.hot-note{font-weight:700}.say{font-family:var(--font-round);font-weight:800;font-size:var(--fs-l);padding:16px 20px;border-radius:var(--r-2);background:var(--card)}.say-q{display:inline-block}@media(max-width:900px){.sweet-grid{grid-template-columns:150px minmax(0,1fr);gap:28px 24px}.sweet-head{grid-template-columns:1fr}.sweet-cup{height:240px}}@media(max-width:600px){.sweet-grid{grid-template-columns:1fr}.sweet-cup{position:static;height:200px}.row label{padding:0 13px}.row:not(.row-drink) label{flex:1 0 calc((100% - 16px) / 3);justify-content:center}}.store{padding-block:var(--section-y)}.store-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px 64px;align-items:start}.store-copy h2{font-size:var(--fs-h2);font-weight:900}.store-copy>p{margin-top:18px;font-size:var(--fs-l);max-width:30em}.store-facts{margin:28px 0 0;display:grid;gap:4px}.store-facts div{display:grid;grid-template-columns:4.5em 1fr;padding:10px 0;border-top:2px solid var(--line)}.store-facts dt{font-family:var(--font-round);font-weight:800}.store-facts dd{margin:0}.hours-card{background:var(--card);border-radius:var(--r-2);padding:24px 26px}.hc-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-family:var(--font-round);font-weight:800;font-size:var(--fs-l)}.hc-state{color:var(--fg)}.hours{width:100%;border-collapse:collapse;margin-top:12px;font-family:var(--font-round);font-weight:700;font-size:var(--fs-l)}.hours th,.hours td{padding:8px 10px}.hours th{text-align:left;white-space:nowrap}.hours td{text-align:right}.hours .is-closed td{color:var(--fg-muted)}.hours .is-today th,.hours .is-today td{background:var(--today)}.hours .is-today th{border-radius:var(--r-1) 0 0 var(--r-1)}.hours .is-today td{border-radius:0 var(--r-1) var(--r-1) 0}.today-tag{margin-left:.5em;font-size:var(--fs-s)}@media(max-width:760px){.store-grid{grid-template-columns:1fr}}@media(max-width:400px){.hours-card{padding:20px 16px}.hours th,.hours td{padding-inline:8px}}.cupback{background:var(--hero-bg);color:var(--hero-fg);padding-block:calc(var(--section-y) * .8)}.own h2{font-size:clamp(3.5rem,2rem + 6vw,8rem);font-weight:900;line-height:1.05;letter-spacing:.02em}.own p{margin-top:20px;font-size:var(--fs-l);max-width:34em}.site-footer{background:var(--foot-bg);color:var(--foot-fg);padding:48px 0 calc(40px + env(safe-area-inset-bottom))}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px 40px;align-items:start}.foot-brand{font-family:var(--font-round);font-weight:900;font-size:1.75rem;letter-spacing:.08em}.foot-nav{display:flex;flex-wrap:wrap;gap:4px 8px}.foot-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-family:var(--font-round);font-weight:700;text-underline-offset:.3em}.copy{align-self:end}@media(max-width:760px){.foot-grid{grid-template-columns:1fr}}.tube{display:none}@supports (animation-timeline: scroll()){@media(min-width:1100px)and (prefers-reduced-motion:no-preference){.tube{display:block;position:fixed;z-index:10;right:14px;top:30vh;width:14px;height:40vh;border-radius:var(--r-3);background:oklch(from var(--straw) l c h / .25);overflow:clip;pointer-events:none}.tube i{position:absolute;inset:0;background:var(--straw);transform-origin:50% 100%;animation:drink linear both;animation-timeline:scroll(root)}}}@keyframes drink{0%{scale:1 1}to{scale:1 .04}}@media(prefers-contrast:more){:root{--fg-muted: var(--fg);--wall-muted: var(--wall-fg)}}@media(forced-colors:active){.btn,.tags a,.row label,.drink,.hours-card,.say{border:1px solid CanvasText}}