:root{--ink: #2B2523;--ink-soft: #6B5F5A;--cream: #FFF8F0;--sand: #F3E7DB;--sand-deep: #E9D8C7;--blush: #FBE0D6;--rose: #F4B9A8;--peach: #FFD3B0;--gold: #F2C14E;--quiet: #DCEBE5;--moderate: #F8E3C8;--busy: #F6CBBE;--line-nsl: #A45F59;--line-ewl: #698876;--line-nel: #8A7597;--line-ccl: #B59B64;--line-dtl: #71899E;--line-tel: #947F70;--line-bpl: #8B8D83;--sky-top: #F8D4B6;--sky-middle: #F1D3BD;--sky-gold: #E8D4CA;--page-angle: 105deg;--page-midpoint: 45%;--page-muted: #594D48;--panel-ivory: #F8F5F1;--page-background: linear-gradient(var(--page-angle) in srgb, var(--sky-top) 0%, var(--sky-middle) var(--page-midpoint), var(--sky-gold) 100%);--desktop-sky-top: #B2C6DE;--desktop-sky-mid: #C1D3DF;--desktop-sky-soft: #D0DCDE;--desktop-sky-glow: #FCEFCD;--desktop-sky-base: #F8D4B6;--desktop-sky-footer: #E8D4CA;--desktop-page-background: linear-gradient(180deg in srgb, var(--desktop-sky-top) 0%, #B7CCDF 12%, var(--desktop-sky-mid) 20%, var(--desktop-sky-soft) 28%, #E8E4D5 36%, var(--desktop-sky-glow) 44%, var(--desktop-sky-base) 64%, var(--desktop-sky-footer) 100%);--tab-surface: color-mix(in srgb, var(--sky-gold) 88%, transparent);--tab-surface-opacity: .88;--primary: var(--ink);--support: var(--sand-deep);--surface: var(--sand);--muted: var(--ink-soft);--body-ink: var(--ink);--orange: var(--peach);--yellow: var(--gold);--white: var(--cream);--border: var(--ink-soft);--accent: var(--blush);--shadow: 0 8px 24px color-mix(in srgb, var(--ink) 8%, transparent);--navigation-shadow: 0 -4px 20px color-mix(in srgb, var(--ink) 7%, transparent);--backdrop: rgb(214 120 80 / 30%);--press: color-mix(in srgb, var(--ink) 5%, transparent);--card-wash-color: var(--cream);--card-tint-color: #E8C98F;--card-tint-strength: .06;--card-pocket-strength: .72;--card-pocket-x: .65;--card-pocket-y: .25;--card-pocket-start: .4;--card-pocket: radial-gradient(ellipse calc(var(--card-pocket-x) * 100%) calc(var(--card-pocket-y) * 100%) at center, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * 1 * 100%), transparent) 40%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .98876953 * 100%), transparent) 43.75%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .95703125 * 100%), transparent) 47.5%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .90771484 * 100%), transparent) 51.25%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .84375 * 100%), transparent) 55%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .76806641 * 100%), transparent) 58.75%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .68359375 * 100%), transparent) 62.5%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .59326172 * 100%), transparent) 66.25%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .5 * 100%), transparent) 70%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .40673828 * 100%), transparent) 73.75%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .31640625 * 100%), transparent) 77.5%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .23193359 * 100%), transparent) 81.25%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .15625 * 100%), transparent) 85%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .09228516 * 100%), transparent) 88.75%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .04296875 * 100%), transparent) 92.5%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * .01123047 * 100%), transparent) 96.25%, color-mix(in srgb, var(--card-wash-color) calc(var(--card-pocket-strength) * 0 * 100%), transparent) 100%);--card-glow: color-mix(in srgb, var(--card-wash-color) 15%, transparent);--card-hairline: color-mix(in srgb, var(--ink) 12%, transparent);--card-lift: 0 12px 26px color-mix(in srgb, var(--ink) 20%, transparent);--font-hero: "Fraunces", Georgia, serif;--sheet-title: 1.5rem;--voice-mic-size: 3rem;--voice-field-height: 5rem;--voice-pulse-duration: 1.4s;--font-title: "DM Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;font-family:var(--font-body);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel-gap: clamp(1rem, 2vw, 2rem);--tablet-panel-max: 45rem;--order-result-size: 1.75rem;--radius: 28px;--radius-inner: calc(var(--radius) - var(--space-1));--line: 2px;--title: clamp(2rem, 6vw, 2.75rem);--section: 1.375rem;--label: .8125rem;--meta: .875rem;--body: 1rem;--subtitle: 1.0625rem;--weight-title: 700;--weight-body: 400;--weight-label: 600;--weight-meta: 700;--weight-subtitle: 400;--weight-control: 700;--leading: 1.6;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--navigation-height: 4rem;--navigation-reserve: var(--navigation-measured, calc(var(--navigation-height) + env(safe-area-inset-bottom, 0px)));--hero-wide-cue-correction: 7px;--hero-hover-duration: .18s;--card-hover-lift: 0 16px 30px color-mix(in srgb, var(--ink) 25%, transparent);--sheet-column: 45rem;--sheet-photo-height: clamp(6rem, 16dvh, 8.75rem);--sheet-duration: .36s;--flip-duration: .45s;--tab-label: .6875rem}:root{--hero-panel-surface: linear-gradient(120deg, var(--cream), var(--panel-ivory));--hero-panel-edge: rgb(43 37 35 / .07);--hero-panel-shadow: 0 24px 64px rgb(80 55 35 / .1);--chrome-nav-size: clamp(.9375rem, calc(.7rem + .3vw) , 1.15rem);--chrome-footer-size: clamp(.8125rem, calc(.65rem + .2vw) , .95rem)}:root{--selected-fill: #A95D38;--selected-text: var(--cream)}:root{--thumbnail-filter: saturate(.97) contrast(.98) brightness(1.015);--paper-grain: rgb(43 37 35 / .025);--paper-wash: rgb(255 248 240 / .06)}:root{--hero-max: 1100px;--hero-outer: clamp(.75rem, 2vw, 2rem);--hero-padding: clamp(1rem, 2.5vw, 2rem);--hero-gap: clamp(1rem, 2vw, 2rem);--card-gap: clamp(.5rem, 1.5vw, 1rem);--mobile-card-side: clamp(7rem, 38vw, 11rem);--hero-inline-inset: max(var(--hero-outer), calc((100% - var(--hero-max)) / 2))}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100svh;background:var(--page-background);background-attachment:scroll;background-repeat:no-repeat;background-size:100% 100%;color:var(--ink);font-size:var(--body);font-weight:var(--weight-body);line-height:var(--leading)}button,textarea{font:inherit;color:var(--ink)}button{cursor:pointer}a{color:var(--ink);text-underline-offset:.2em}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}[data-page-heading][tabindex="-1"]:focus{outline:none}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-title);font-weight:var(--weight-title);line-height:1.1;color:var(--ink);overflow-wrap:anywhere}h1{font-size:var(--title);letter-spacing:-.02em}h2,h3{font-size:var(--section);letter-spacing:-.015em}p{max-width:65ch}strong,b,dt,legend{font-weight:700}.app-shell{width:100%;min-width:0}.panel{border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);padding:var(--space-3)}.mascot{width:4rem;flex-shrink:0}.lead{font-size:var(--subtitle);font-weight:var(--weight-subtitle);color:var(--ink-soft)}.why{font-size:var(--body);color:var(--ink-soft)}.meta,.external-note,.line-chip,.photo-placeholder small,#translation-count{font-size:var(--meta);font-weight:var(--weight-body);color:var(--ink-soft)}.eyebrow{font-size:var(--label);font-weight:var(--weight-label);color:var(--ink-soft);letter-spacing:.035em}.home-card{position:relative;width:100%;height:100%;border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.home-card>.photo-slot,.home-card>.photo-slot .photo-frame{width:100%;height:100%;aspect-ratio:auto;border-radius:var(--radius)}.card-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--radius);background:transparent}.card-trigger:active{background:var(--press)}.card-trigger:focus-visible{outline:3px solid var(--ink);outline-offset:-5px;box-shadow:inset 0 0 0 2px var(--cream)}.round-action{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:var(--ink);color:var(--cream)}.shell-navigation{position:fixed;inset:auto 0 0;z-index:60;background:var(--cream);box-shadow:var(--navigation-shadow);border:0;padding-bottom:env(safe-area-inset-bottom,0px)}.navigation-content{display:contents}.navigation-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:var(--navigation-height);padding:.25rem var(--space-1);gap:.25rem}.navigation-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:56px;min-width:0;padding:.125rem;border:0;border-radius:var(--radius-inner);background:transparent;color:var(--ink);font-size:var(--tab-label);font-weight:var(--weight-meta);overflow-wrap:anywhere}.navigation-item[aria-current=page]{background:var(--blush)}.card-backdrop{position:fixed;inset:0;z-index:30;background:var(--backdrop)}.expanded-card{position:fixed;inset:0 0 var(--navigation-reserve);width:auto;height:auto;z-index:40;border-radius:var(--radius)}.detail-sheet{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--cream);border-radius:inherit;overflow:hidden}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);flex-shrink:0}.sheet-heading h2{margin-top:.25rem}.sheet-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sheet-photo{height:var(--sheet-photo-height)}.sheet-photo .photo-slot,.sheet-photo .photo-frame{width:100%;height:100%;aspect-ratio:auto}.sheet-content{max-width:52rem;margin-inline:auto;padding:var(--space-2);padding-bottom:var(--space-4)}.detail{display:grid;gap:var(--space-2);min-width:0}.detail-intro{display:grid;gap:var(--space-1)}.end-close{width:100%;margin-top:var(--space-3)}.sheet-fade{position:absolute;inset:auto 0 0;height:var(--space-3);pointer-events:none;background:linear-gradient(transparent,var(--cream));border-radius:0 0 var(--radius) var(--radius)}.detail>:last-child{margin-bottom:0}::view-transition-group(*){animation-duration:var(--sheet-duration);animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root),::view-transition-new(root){animation:none}.photo-slot{position:relative;min-width:0}.photo-frame{aspect-ratio:4 / 3;position:relative;overflow:hidden;background:var(--support)}.photo-frame>img{width:100%;height:100%;object-fit:cover;display:block}.detail .photo-slot{overflow:hidden;border-radius:var(--radius-inner)}.photo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2);text-align:center}.photo-placeholder .scene{width:66%;max-height:55%}.photo-placeholder span{background:var(--cream);border-radius:var(--radius-inner);padding:var(--space-1);font-size:var(--meta)}.scene-breakfast{background:var(--sand)}.scene-local{background:var(--orange)}.button{border-radius:var(--radius-inner);min-height:48px;padding:var(--space-2);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-weight:var(--weight-control);border:0;overflow-wrap:anywhere;text-align:center}.primary{background:var(--primary);color:var(--cream);width:100%}.primary:hover{text-decoration:none}.secondary,.text-button{background:transparent;color:var(--primary)}.secondary{text-decoration:none}.text-button{display:inline-flex;align-items:center;gap:var(--space-1);border:0;min-height:48px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-inner);font-weight:var(--weight-control);text-decoration:none}a.text-button{text-decoration:underline;text-underline-offset:.2em}button,a.button{text-decoration:none}button:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface)}.guide-section,.dynamic-section{display:grid;gap:var(--space-1);min-width:0}.step-control{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface);border-radius:var(--radius);min-width:0}.step-control button{flex:1 1 0;min-width:0;min-height:48px;padding:var(--space-1);font-size:var(--meta);font-weight:var(--weight-meta);text-decoration:none}.step-control [aria-pressed=true]{color:var(--cream);background:var(--primary)}.order-summary{padding:var(--space-3);background:var(--sand);border-radius:var(--radius-inner);display:grid;gap:var(--space-2)}fieldset{border:0;padding:0;min-width:0;margin:0}legend{padding:0;margin-bottom:var(--space-1)}.choices{display:flex;flex-wrap:wrap;gap:var(--space-1)}.choices label{position:relative;min-height:48px;display:flex;justify-content:center;text-align:center;align-items:center;padding:var(--space-1) var(--space-4);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:var(--meta);font-weight:var(--weight-meta)}.choices label:has(:checked){background:var(--ink);color:var(--cream)}.choices label:has([aria-disabled=true]){cursor:not-allowed;color:var(--muted);background:var(--surface)}.choices input[aria-disabled=true]+.choice-check{visibility:hidden}.choices.milk-hint{outline:2px solid var(--primary);outline-offset:var(--space-1);border-radius:var(--radius-inner)}.kopi-feedback>:not(:empty){margin-top:var(--space-2)}.choices label:has(:focus-visible){outline:3px solid var(--primary);outline-offset:3px}.choices input{position:absolute;width:1px;height:1px;opacity:0}.choice-check{position:absolute;left:var(--space-1);top:50%;transform:translateY(-50%);width:1em;visibility:hidden}.choices input:checked:not([aria-disabled=true])+.choice-check{visibility:visible}.order-phrase{font-size:var(--title);font-weight:var(--weight-control);line-height:1.2;overflow-wrap:anywhere}dl{margin:var(--space-2) 0}dd{margin:0 0 var(--space-2)}.crowd-toolbar{display:grid;gap:var(--space-2)}.mall-list{list-style:none;padding:0;margin:0;display:grid}.mall-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--space-1);min-height:72px;padding-block:var(--space-1);min-width:0}.mall-list>li+li{border-top:1px solid var(--sand)}.mall-heading{grid-column:1;grid-row:1 / 3;align-self:center;min-width:0}.mall-heading h3{font-size:var(--body);line-height:1.15;margin-bottom:.125rem}.mall-heading .meta{font-size:.8125rem;line-height:1.3}.mall-status{grid-column:2;grid-row:1;justify-self:end}.line-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.line-chip,.chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--radius-inner);font-weight:var(--weight-meta)}.line-chip{background:var(--sand);padding:.125rem .375rem;font-size:.6875rem;line-height:1.2}.chip{padding:.125rem var(--space-1);font-size:.75rem;white-space:nowrap}.line-chip i,.chip i{width:.375rem;height:.375rem;flex-shrink:0;border-radius:50%;background:currentColor}.line-chip i{background:var(--line-color)}[data-line=NSL]{--line-color: var(--line-nsl)}[data-line=EWL]{--line-color: var(--line-ewl)}[data-line=NEL]{--line-color: var(--line-nel)}[data-line=CCL]{--line-color: var(--line-ccl)}[data-line=DTL]{--line-color: var(--line-dtl)}[data-line=TEL]{--line-color: var(--line-tel)}[data-line=BPL]{--line-color: var(--line-bpl)}.line-levels{grid-column:2;grid-row:2;font-size:.75rem}.line-levels summary{min-height:44px;padding-block:var(--space-1);display:flex;align-items:center;gap:.25rem;color:var(--ink-soft)}.line-levels summary:after{content:"+"}.line-levels[open] summary:after{content:"−"}.line-levels[open]{grid-column:1 / -1;grid-row:3}.line-levels ul{list-style:none;padding:0;margin:0;color:var(--ink-soft)}.crowd-l{background:var(--quiet)}.crowd-h{background:var(--busy)}.crowd-m{background:var(--moderate)}.crowd-NA{color:var(--muted)}.translator textarea{width:100%;min-width:0;resize:vertical;border:0;border-radius:var(--radius-inner);background:var(--surface);padding:var(--space-2)}.status-panel{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3);background:var(--support);border-radius:var(--radius-inner)}.status-panel .mascot{width:54px}.status-panel h2{margin-bottom:var(--space-1)}.status-panel>div{min-width:0}.status-panel p{overflow-wrap:anywhere}summary{padding-block:var(--space-2);min-height:48px;cursor:pointer;font-weight:var(--weight-meta)}.external-note{display:block}.skip-link{position:fixed;top:var(--space-1);left:var(--space-1);background:var(--cream);padding:var(--space-2);z-index:10;transform:translateY(-160%);border-radius:var(--radius)}.skip-link:focus{transform:translateY(0)}.mrt-links{display:grid;gap:var(--space-1)}.mrt-secondary{justify-self:start;font-size:var(--meta)}.crowd-guide .crowd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.crowd-guide .crowd-toolbar .primary{width:auto}.crowd-guide .status-panel{padding:var(--space-1)}@media(min-width:1024px){.navigation-items{display:flex;align-items:center;gap:var(--space-3);min-height:0;padding:0}.navigation-item{min-width:44px;min-height:44px;padding:var(--space-1);border-radius:0;font-size:var(--meta)}.navigation-item>svg{display:none}.navigation-item[aria-current=page]{background:var(--blush);border-radius:var(--radius-inner)}.sheet-heading{padding-inline:var(--space-3)}.primary{width:auto}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.sheet-scroll{scroll-behavior:auto}}.fact-panel :is(.meta,.why),.order-summary .meta,.status-panel .meta,.photo-placeholder small{color:var(--ink)}.skip-link{z-index:100}.order-phrase{font-family:var(--font-title)}.crowd-caption{display:grid;gap:.125rem;color:var(--ink-soft)}.crowd-caption .eyebrow{letter-spacing:0}.refresh-control{min-height:44px;background:var(--sand);padding:var(--space-1) var(--space-2);font-size:var(--meta)}.see-all{justify-self:start}.mrt-stepper{list-style:none;padding:0;margin:0}.mrt-stepper>li{position:relative;padding-bottom:var(--space-2)}.mrt-stepper>li:not(:last-child):before{content:"";position:absolute;left:1rem;top:2rem;bottom:0;width:1px;background:var(--sand-deep)}.mrt-step-toggle{display:flex;align-items:center;gap:var(--space-2);text-align:left;width:100%;min-height:48px;padding:0;border:0;background:transparent;font-family:var(--font-title);font-size:var(--section)}.mrt-step-toggle svg{margin-left:auto;color:var(--ink-soft);flex-shrink:0}.step-number{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:var(--sand);font:var(--meta) var(--font-body)}[aria-expanded=true] .step-number{background:var(--ink);color:var(--cream)}.mrt-step-content{padding:var(--space-1) 0 var(--space-1) var(--space-5);display:grid;gap:var(--space-1)}.mrt-step-content h4{font-size:var(--body);font-weight:var(--weight-meta);margin:0}.order-summary{margin-block:var(--space-2)}.order-phrase{font-weight:var(--weight-title)}h1,h2,h3,h4,h5,h6,button,.button,label,legend,summary,.eyebrow,.chip,.line-chip{font-family:var(--font-title);font-weight:700;font-style:normal}.step-number{font-family:var(--font-title);font-weight:700}.expanded-header h2{font-family:var(--font-title);font-weight:700;font-size:var(--sheet-title);line-height:1.15;letter-spacing:-.01em;text-transform:none;overflow-wrap:anywhere}.expanded-header>div{min-width:0}.expanded-header .round-action{flex-shrink:0}.mic-button{display:inline-flex;align-items:center;justify-content:center;width:var(--voice-mic-size);height:var(--voice-mic-size);min-width:var(--voice-mic-size);min-height:var(--voice-mic-size);flex-shrink:0;padding:0;border-radius:50%;background:var(--ink);color:var(--cream)}.mic-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--cream)}.mic-button:active,.mic-button[aria-pressed=true]{box-shadow:0 0 0 var(--space-1) var(--press)}.speaker-button{min-width:44px;min-height:44px}.voice-status:empty{display:none}.voice-status span{display:block}.mic-button[aria-pressed=true]{animation:voice-pulse var(--voice-pulse-duration) ease-in-out infinite}@keyframes voice-pulse{50%{box-shadow:0 0 0 8px var(--press)}}@media(prefers-reduced-motion:reduce){.mic-button[aria-pressed=true]{animation:none}}.order-summary h2{font-family:var(--font-title);font-weight:700;font-size:var(--order-result-size)}.detail-scene{width:100%;max-width:40rem;margin-inline:auto}.situation-card{display:grid;grid-template-columns:1.5rem minmax(0,1fr);column-gap:var(--space-1);row-gap:.25rem;padding:var(--space-1);background:var(--sand);border-radius:var(--radius-inner)}.situation-number{border-radius:50%;background:var(--sand-deep);font-size:.75rem;width:1.5rem;height:1.5rem;display:grid;place-items:center}.situation-card h3{font-size:1rem;line-height:1.25;align-self:center}.situation-question,.situation-toggle{grid-column:2}.situation-question{font-size:.875rem;line-height:1.35}.situation-toggle{justify-self:start;padding:0 var(--space-2);min-height:44px;background:var(--sand-deep);color:var(--ink);border-radius:var(--radius)}.situation-toggle svg{transition:transform var(--sheet-duration)}.situation-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.situation-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.situation-reveal{grid-column:1 / -1;display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--sheet-duration),visibility var(--sheet-duration)}.situation-reveal>div{min-height:0;overflow:hidden}.situation-reveal.is-open{grid-template-rows:1fr;visibility:visible}.situation-answer{display:grid;gap:var(--space-1);padding:var(--space-2);background:var(--cream);border-radius:var(--radius-inner);border:0;outline:0;box-shadow:none}.answer-text{font-family:var(--font-title);font-weight:700}.situation-example blockquote{display:inline-block;background:var(--sand);padding:var(--space-1);margin:var(--space-1) 0 0;border-radius:var(--radius-inner)}.phrase-field{position:relative;min-width:0}.translator textarea{display:block;height:var(--voice-field-height);min-height:var(--voice-field-height);padding:var(--space-1);line-height:1.4}.phrase-field.with-mic textarea{padding-right:calc(var(--voice-mic-size) + var(--space-2))}.phrase-field .mic-button{position:absolute;top:50%;transform:translateY(-50%);right:var(--space-1);background:var(--sand-deep);color:var(--ink)}.phrase-field .mic-button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.translator,.translator form{gap:.25rem}.translator .step-control{padding:.25rem}.translator .step-control button{min-height:44px;padding:.25rem}.translator [type=submit]{min-height:48px;padding-block:var(--space-1)}.voice-notice{font-size:.75rem;line-height:1.35}.detail-sheet[data-card=translator] .sheet-photo{height:clamp(3rem,8dvh,5rem)}.detail-sheet[data-card=translator] .sheet-content{padding-top:var(--space-1)}@media(prefers-reduced-motion:reduce){.situation-reveal,.situation-toggle svg{transition:none}}@media(min-width:1024px){.detail-scene .photo-frame{max-height:40dvh}}@media(min-width:600px)and (max-width:1023px){:root{--tablet-gap: max(var(--panel-gap), calc((100vw - var(--tablet-panel-max)) / 2))}.expanded-card{inset:0 var(--tablet-gap) calc(var(--navigation-reserve) + var(--tablet-gap))}}@media(max-width:1023px)and (max-height:499px){:root{--navigation-height: 3rem}.navigation-items{min-height:48px;padding-block:0}.navigation-item{min-height:48px}.navigation-item>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.expanded-card{inset:0 0 var(--navigation-reserve)}}@media(max-width:1023px){.shell-navigation{background:var(--tab-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.home-return{display:none}@media(min-width:1024px){.home-return{display:inline-flex;position:fixed;top:var(--space-1);left:var(--space-1);min-height:44px;align-items:center;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius);background:var(--cream);z-index:100;transform:translateY(-200%)}.home-return:focus-visible{transform:none}}@media(min-width:1024px){.navigation-item{font-size:var(--chrome-nav-size)}}.expanded-card,.expanded-card .detail-sheet{border-radius:var(--radius);overflow:hidden}.expanded-card .sheet-photo{border-radius:0;overflow:hidden}::view-transition-group(*){overflow:clip;border-radius:var(--radius)}.detail-sheet[data-card=translator] .sheet-scroll{display:flex;flex-direction:column;overflow:hidden;min-height:0}.detail-sheet[data-card=translator] .sheet-photo{flex:0 0 clamp(2rem,5dvh,3rem)}.detail-sheet[data-card=translator] .sheet-content,.detail-sheet[data-card=translator] .detail{flex:1;display:flex;flex-direction:column;min-height:0}.translator{flex:1;display:flex;flex-direction:column;min-height:0;gap:.25rem}.chat-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-1)}.chat-pair{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.chat-user,.chat-answer{max-width:88%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-inner);overflow-wrap:anywhere}.chat-user{align-self:flex-end;background:var(--sand-deep)}.chat-answer{align-self:flex-start;background:var(--sand)}.chat-answer p+p{margin-top:var(--space-1)}.chat-composer{flex:0 0 auto;gap:.25rem;background:var(--cream)}.chat-composer textarea{min-height:3.5rem;height:3.5rem;padding:.95rem var(--space-2)}.detail-sheet[data-card=translator] .end-close{flex-shrink:0;margin-top:.25rem;padding-block:.25rem}.detail-sheet[data-card=translator] .sheet-fade{display:none}.step-control button[aria-pressed=true],.choices label:has(:checked),.mrt-step-toggle[aria-expanded=true] .step-number,.navigation-item[aria-current=page],.phrase-field .mic-button[aria-pressed=true],.speaker-button[aria-pressed=true]{background:var(--selected-fill);color:var(--selected-text)}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.chat-composer .step-control{grid-column:1 / -1;grid-row:1}.chat-composer .label-row{grid-column:1 / -1;grid-row:2}.chat-composer .phrase-field{grid-column:1;grid-row:3}.chat-composer [type=submit]{grid-column:2;grid-row:3;width:auto;margin-left:.25rem}.chat-composer .voice-status{grid-column:1;grid-row:4}.chat-composer>.secondary{grid-column:2;grid-row:4;padding:.25rem}@media(max-height:499px){.chat-composer{max-height:70%;overflow-y:auto}}.detail-sheet[data-card=translator] .sheet-content{width:100%;padding-bottom:var(--space-1)}.chat-log:has(.chat-empty){display:flex}.chat-empty{display:grid;gap:var(--space-2);width:100%;max-width:34rem;padding:var(--space-2);margin:auto;flex-shrink:0}.chat-empty .chat-example{display:grid;grid-template-columns:minmax(0,1fr);width:100%;justify-content:stretch;justify-items:start;gap:var(--space-1);background:var(--sand);padding:var(--space-2);min-height:44px;text-align:left;white-space:normal;overflow-wrap:anywhere}.chat-example>span{width:100%;text-align:left}.chat-example>span:last-child{font-weight:var(--weight-control)}.kopi-resolution-note{font-size:var(--meta);color:var(--ink);background:var(--surface);border-radius:var(--radius-inner);padding:var(--space-2);margin-block:var(--space-2)}.kopi-resolution-note:empty{padding:0;margin:0;background:transparent}.expanded-card{isolation:isolate;overflow:hidden;clip-path:inset(0 round var(--radius))}.expanded-card .sheet-heading{border-radius:var(--radius) var(--radius) 0 0}.expanded-card .sheet-fade,.expanded-card .sheet-scroll{border-radius:0 0 var(--radius) var(--radius)}.expanded-card .sheet-photo :is(.photo-slot,.photo-frame,img){border-radius:0}@media(max-width:599px),(max-width:1023px)and (max-height:499px){.card-backdrop{background:var(--sky-top)}}.expanded-card,.detail-sheet{background:var(--cream)}.expanded-card{visibility:visible}.home-card[aria-hidden=true]{visibility:hidden}html[data-sheet-active=true],body[data-sheet-active=true]{overscroll-behavior:none}.card-backdrop{touch-action:none}@media(max-width:1023px){.expanded-card .sheet-content,.detail-sheet[data-card=translator] .sheet-content{padding-bottom:var(--navigation-reserve)}.detail-sheet[data-card=translator] .sheet-scroll{overflow-y:auto}}#main{width:100%;min-width:0;padding:0 0 var(--navigation-reserve);min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between}.hero{position:relative;width:100%;max-width:100%;margin-inline:auto;padding:0;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-between}.hero-top{display:flex;flex-direction:column;width:100%;flex:1 1 auto;justify-content:flex-start;gap:0}.hero-picture{position:relative;width:100%;max-width:100%;height:clamp(240px,46dvh,420px);border-radius:0;overflow:hidden;mask-image:linear-gradient(to bottom,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 75%,transparent 100%)}.hero-image-motion,.hero-picture .photo-slot,.hero-picture .photo-frame{width:100%;height:100%}.hero-picture .photo-frame{aspect-ratio:auto;border-radius:inherit}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:85% 15%}.hero-image-motion{animation:none;transform:none}.welcome{min-width:0;padding:0 var(--space-2) var(--space-1);margin-top:auto;margin-bottom:var(--space-1)}.welcome h1{font-family:var(--font-hero);font-weight:600;text-transform:none;font-size:clamp(2.1rem,8vw,3.75rem);line-height:1;letter-spacing:-.02em;overflow-wrap:normal}.welcome h1>span{font-family:inherit;font-weight:inherit}.welcome h1 .title-accent{font-style:italic}.welcome .desktop-subtitle{font-family:var(--font-hero);font-style:italic;font-weight:500;font-size:clamp(1.1rem,2vw,1.8rem);line-height:1.3;margin-top:.25rem}.welcome .cover-kicker{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-weight:600;font-size:clamp(.75rem,1vw,.95rem);line-height:1.4;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.25rem}.cover-kicker:before{content:"";width:28px;height:1px;flex-shrink:0;background:currentColor}.strip-section{position:relative;min-width:0;margin-top:0;padding-bottom:var(--space-1);background:transparent}.card-strip{display:flex;gap:var(--card-gap);min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-2);scrollbar-width:none;padding-inline:var(--space-2)}.card-strip::-webkit-scrollbar{display:none}.card-slot{flex:0 0 clamp(7.5rem,36vw,9.5rem);min-width:0;aspect-ratio:1;scroll-snap-align:center}.home-card:not(.expanded-card){position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;box-shadow:0 6px 18px #2b252324;border:1px solid rgb(43 37 35 / .08)}.card-face{position:relative;width:100%;height:100%;border-radius:inherit}.card-face>.photo-slot,.card-face .photo-frame{width:100%;height:100%;border-radius:inherit}.card-copy{position:absolute;inset:0 var(--space-1);display:flex;align-items:center;justify-content:center;text-align:center}.card-copy h2{font-family:var(--font-title);font-weight:700;font-size:clamp(.8125rem,1.4vw,1.05rem);max-width:75%;line-height:1.15;overflow-wrap:anywhere;text-shadow:0 0 6px var(--card-glow)}.card-wash{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--card-pocket)}.card-tint{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:color-mix(in srgb,var(--card-tint-color) calc(var(--card-tint-strength) * 100%),transparent)}.card-strip .home-card:not(.expanded-card) .photo-frame img{filter:var(--thumbnail-filter)}.card-strip .home-card:not(.expanded-card) .photo-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-radial-gradient(circle at 30% 40%,var(--paper-grain) 0 .5px,transparent 1px 3px);background-size:4px 5px;mix-blend-mode:multiply;box-shadow:inset 0 0 12px var(--paper-wash)}.card-slot:has(>.home-card[aria-hidden=true]){visibility:hidden}.home-footer{display:flex;flex-direction:column;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:var(--chrome-footer-size);font-weight:400;color:var(--page-muted);text-align:center;padding:var(--space-2) var(--space-2) var(--space-3)}.footer-vote{display:block;text-align:center;max-width:34rem;padding-inline:var(--space-1)}.hero-vote{display:block;margin-top:var(--space-2)}a.footer-vote-link{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;min-height:44px;box-sizing:border-box;background:var(--cream);border:1.5px dashed color-mix(in srgb,var(--primary) 55%,transparent);border-radius:6px;box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink);font-weight:500;font-size:var(--chrome-footer-size);text-decoration:none;letter-spacing:.01em;line-height:1.35;transition:transform var(--hero-hover-duration),border-color var(--hero-hover-duration),box-shadow var(--hero-hover-duration)}a.footer-vote-link:hover{border-color:var(--primary);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 18%,transparent);transform:translateY(-1px)}a.footer-vote-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.footer-vote-arrow{color:var(--primary);font-weight:700;font-size:.85em;display:inline-block;transition:transform var(--hero-hover-duration)}a.footer-vote-link:hover .footer-vote-arrow{transform:translate(1px,-1px)}@media(max-width:1023px){.hero-vote{display:none}.home-footer .footer-vote{display:block}.shell-navigation{background:var(--tab-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-top{display:flex;flex-direction:column;flex:1 1 auto;gap:0}.welcome{margin-top:auto;margin-bottom:var(--space-1)}.strip-section{margin-top:0}}@media(min-width:600px)and (max-width:1023px){.hero-picture{height:clamp(480px,60dvh,640px);mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.welcome{margin-bottom:var(--space-2)}.detail-sheet[data-card=translator]{--sheet-banner-height: clamp(5.5rem, 14dvh, 7.5rem)}}@media(min-width:1024px){body{background-image:var(--desktop-page-background);background-attachment:scroll;background-repeat:no-repeat;background-size:100% 100%}#main{padding:0;min-height:100vh}.hero{width:100%;max-width:100%;padding:0}.hero .shell-navigation{position:relative;inset:auto;width:100%;padding:var(--space-2) clamp(2rem,5vw,4rem) var(--space-1);padding-right:max(clamp(2rem,5vw,4rem),calc((100vw - 1250px)/2 + clamp(2rem,5vw,4rem)));background:linear-gradient(105deg in srgb,var(--sky-top) 0%,var(--sky-middle) 45%,var(--sky-gold) 100%);border-bottom:1px solid var(--card-hairline);box-shadow:0 2px 16px color-mix(in srgb,var(--ink) 6%,transparent)}.navigation-content{display:flex;width:100%;justify-content:flex-end}.navigation-items{flex-wrap:wrap;gap:var(--space-2)}.navigation-item{font-size:var(--chrome-nav-size)}.hero-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;margin-top:0;padding-left:max(clamp(2rem,5vw,4rem),calc((100vw - 1250px)/2 + clamp(2rem,5vw,4rem)))}.welcome{grid-column:1;grid-row:1;margin:0;padding:0}.hero-picture{grid-column:2;grid-row:1;width:100%;height:100%;aspect-ratio:16 / 10;mask-image:var(--painting-mask);-webkit-mask-image:var(--painting-mask);border-radius:0}.hero-picture img{object-position:center 25%}.welcome .desktop-subtitle{font-weight:400;margin-top:var(--space-2)}.welcome .cover-kicker{margin-bottom:var(--space-2)}.cover-kicker:before{width:34px}.strip-section{margin-top:auto}.card-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1250px;margin:var(--space-3) auto 0;padding-inline:clamp(2rem,5vw,4rem);overflow:visible;scroll-snap-type:none}.card-strip .home-card:not(.expanded-card){box-shadow:none}.card-strip .card-face{box-shadow:var(--card-lift);transition:transform var(--hero-hover-duration),box-shadow var(--hero-hover-duration)}.card-strip .card-face:after{content:"";position:absolute;inset:0;border:1px solid var(--card-hairline);border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cream) 35%,transparent),inset 0 0 16px color-mix(in srgb,var(--cream) 18%,transparent)}.hero:not([data-open=true]) .home-card:has(.card-trigger:focus-visible) .card-face{transform:translateY(-4px);box-shadow:var(--card-hover-lift)}.expanded-card{inset:72px clamp(2rem,5vw,6rem) var(--space-4)}.detail-sheet[data-card=breakfast] .sheet-photo{height:clamp(7.5rem,18dvh,10rem)}.detail-sheet[data-card=translator] .sheet-photo{flex:none;height:clamp(10rem,24dvh,14.5rem)}.detail-sheet[data-card=mrt] .sheet-photo{height:clamp(11rem,24dvh,20rem)}.home-footer{padding:var(--space-2) var(--space-2)}.home-footer .footer-vote{display:none}}@media(hover:hover)and (pointer:fine)and (min-width:1024px){.hero:not([data-open=true]) .home-card:hover .card-face{transform:translateY(-4px);box-shadow:var(--card-hover-lift)}}@media(prefers-reduced-motion:reduce){.card-face{transition:none!important;transform:none!important}}@media(min-width:2000px){.hero-top{padding-left:calc((100vw - 1250px)/2 + clamp(2rem,5vw,4rem) - 320px)}.welcome h1{font-size:clamp(4.2rem,5vw,6rem);line-height:.98}.welcome .desktop-subtitle{font-size:clamp(1.6rem,2vw,2.4rem);margin-top:var(--space-3)}.cover-kicker{font-size:1.05rem;margin-bottom:var(--space-3)}.cover-kicker:before{width:48px}.hero-vote{margin-top:var(--space-3)}.footer-vote-link{font-size:1.15rem;padding:.65rem 1.25rem}}@media(min-width:3000px){.hero-top{padding-left:calc((100vw - 1250px)/2 + clamp(2rem,5vw,4rem) - 500px)}.welcome h1{font-size:clamp(6.5rem,7vw,9rem);line-height:.95}.welcome .desktop-subtitle{font-size:clamp(2.2rem,2.5vw,3.4rem);margin-top:var(--space-4)}.cover-kicker{font-size:1.4rem;margin-bottom:var(--space-3)}.cover-kicker:before{width:60px}.hero-vote{margin-top:var(--space-4)}.footer-vote-link{font-size:1.3rem;padding:.8rem 1.6rem}}.detail-sheet[data-layout=contained] .sheet-content{width:100%;max-width:var(--sheet-column);padding-inline:var(--space-2)}.detail-sheet[data-layout=contained] .sheet-photo{width:calc(100% - 2 * var(--space-2));max-width:calc(var(--sheet-column) - 2 * var(--space-2));margin:var(--space-2) auto 0;border-radius:var(--radius-inner);overflow:hidden}.detail-sheet[data-layout=contained] .sheet-photo :is(.photo-slot,.photo-frame,img){border-radius:var(--radius-inner)}@media(max-width:1023px){.detail-sheet[data-layout=contained] .sheet-content,.detail-sheet[data-layout=contained] .sheet-photo{max-width:none}}.translator-caption{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);padding-inline:var(--space-1)}.translator-caption p{margin:0;font-size:.75rem;line-height:1.35}.translator-caption .clear-all{margin-left:auto}.label-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-1)}.label-row>*{white-space:nowrap}.label-row label{margin-right:auto}.label-row p{margin:0;font-size:.75rem}.clear-button,.clear-all{min-height:44px;min-width:44px;padding-inline:var(--space-1);font-weight:var(--weight-control)}.chat-empty{gap:.25rem;padding:.25rem var(--space-1)}.chat-empty .chat-example{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-1);padding:.375rem var(--space-2);font-size:.875rem;line-height:1.35}.chat-empty .chat-example .meta{font-size:.75rem;line-height:1.35}@media(max-width:1023px){.detail-sheet[data-card=translator]{--sheet-title: 1.25rem;--sheet-banner-height: clamp(6.5rem, 15dvh, 8.5rem)}.detail-sheet[data-card=translator] .sheet-heading{padding-block:var(--space-1)}.detail-sheet[data-card=translator] .sheet-heading h2{margin-top:0}.detail-sheet[data-card=translator] .sheet-scroll{display:block;overflow-y:auto}.detail-sheet[data-card=translator] .sheet-photo{flex:none;height:var(--sheet-banner-height)}.detail-sheet[data-card=translator] .sheet-content{display:flex;flex-direction:column;min-height:calc(100% - var(--sheet-banner-height));padding:0}.detail-sheet[data-card=translator] .detail,.detail-sheet[data-card=translator] .translator{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.detail-sheet[data-card=translator] .chat-log{flex:1 0 auto;overflow:visible;padding:var(--space-1) var(--space-2)}.detail-sheet[data-card=translator] .chat-composer{position:sticky;bottom:0;z-index:2;margin-top:auto;padding:var(--space-1) var(--space-2);background:var(--cream);box-shadow:0 -1px 0 var(--card-hairline),0 -10px 14px -12px #3c28194d}.detail-sheet[data-card=translator] .jump-latest{position:sticky;bottom:0;margin:0 auto var(--space-1)}.detail-sheet[data-card=translator] .chat-composer .step-control button{font-size:.875rem;padding-inline:.25rem}.detail-sheet[data-end-close=desktop] .end-close{display:none}}.order-summary{grid-template-columns:minmax(0,1fr) auto;align-items:start}.order-summary .order-text{display:grid;gap:var(--space-2);min-width:0}.order-summary .speaker-button{grid-column:2;grid-row:1;align-self:start}@media(max-width:599px){.detail-sheet[data-card=translator]{--sheet-banner-height: clamp(6.5rem, 16.5dvh, 8rem)}.detail-sheet[data-card=translator] .translator-caption{padding-top:var(--space-1)}.detail-sheet[data-card=translator] .chat-composer{padding:var(--space-2) var(--space-2) var(--space-3);row-gap:var(--space-1)}.detail-sheet[data-card=translator] .chat-composer .phrase-field{grid-column:1 / -1;grid-row:3}.detail-sheet[data-card=translator] .chat-composer [type=submit]{grid-column:1 / -1;grid-row:4;width:100%;margin-left:0}.detail-sheet[data-card=translator] .chat-composer .voice-status{grid-column:1;grid-row:5}.detail-sheet[data-card=translator] .chat-composer>.secondary{grid-column:2;grid-row:5}.detail-sheet[data-card=translator] .chat-composer textarea{resize:none}.detail-sheet[data-card=translator] .chat-log:has(.chat-empty){flex-direction:column;justify-content:flex-end}.detail-sheet[data-card=translator] .chat-empty{margin:0 auto;padding-bottom:var(--space-2)}.hero-picture{height:clamp(370px,54dvh,490px);mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.welcome .cover-kicker{margin-bottom:.25rem;font-size:.75rem}.welcome h1{font-size:clamp(2.1rem,8.5vw,2.5rem)}.welcome .desktop-subtitle{margin-top:.25rem;font-size:clamp(1.0625rem,4.4vw,1.25rem);line-height:1.25}.strip-section{margin-top:0}}@media(max-width:599px)and (max-height:700px){.hero-picture{height:clamp(260px,46dvh,320px)}.welcome h1{font-size:1.85rem}.welcome .desktop-subtitle{font-size:1rem}}@media(max-width:599px)and (max-height:620px){.detail-sheet[data-card=translator] .chat-composer{padding:var(--space-1) var(--space-2) var(--space-2);row-gap:.25rem}}