.coming-soon{--cs-rail-w: minmax(0, 19rem);--cs-rail-gap: var(--space-2xl);--cs-rail-pad: var(--space-xl);position:relative;isolation:isolate;min-height:100svh;overflow:clip;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-inline:max(var(--space-md),env(safe-area-inset-left));padding-bottom:max(var(--space-md),env(safe-area-inset-bottom));color:var(--color-cs-ink);background:var(--color-cs-paper);font-family:var(--font-body)}body:has(.coming-soon):before{content:none}.cs-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cs-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-cs-rule)}.cs-wordmark{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;letter-spacing:-.025em}.cs-wordmark__mark{display:block;width:var(--space-lg);height:var(--space-lg)}.cs-status{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--color-cs-accent-ink);white-space:nowrap}.cs-status__signal{width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-cs-accent)}.cs-body{min-width:0;display:grid;align-content:end;row-gap:var(--space-2xl);padding-block:var(--space-xl) var(--space-2xl)}.cs-marquee{min-width:0}.cs-title{min-width:0;max-width:10ch;display:flex;flex-direction:column;margin:0 0 0 -.03em;font-family:var(--font-display);font-size:var(--text-cs-display);font-style:normal;font-weight:700;line-height:.84;letter-spacing:-.075em;overflow-wrap:anywhere}.cs-title__soon{align-self:flex-end;color:var(--color-cs-accent)}.cs-lede{min-width:0;overflow-wrap:anywhere;max-width:24ch;margin:var(--space-lg) 0 0;font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw + .5rem,1.75rem);font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.cs-what{max-width:48ch;margin:var(--space-md) 0 0;font-size:var(--text-md);line-height:1.55;color:var(--color-cs-muted)}.cs-what__handle{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-cs-ink);white-space:nowrap}.cs-rail{min-width:0;display:grid;align-content:end}.cs-form{display:grid;gap:var(--space-sm)}.cs-form__label{display:block;font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;color:var(--color-cs-ink)}.cs-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border-bottom:var(--rule-strong) solid var(--color-cs-rule-2);outline:2px solid transparent;outline-offset:3px;transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.cs-form__row:has(.cs-form__input:focus-visible){outline-color:var(--color-cs-focus);border-bottom-color:var(--color-cs-ink)}@media (hover: hover){.cs-form__row:hover{background-color:var(--color-cs-paper-2)}}.cs-form__row[data-state=error]{border-bottom-color:var(--color-cs-danger)}.cs-form__row[data-state=success]{border-bottom-color:var(--color-cs-good)}.cs-form__row[data-state=submitting]{opacity:.72}.cs-form__input{min-width:0;min-height:44px;padding:var(--space-xs) var(--space-xs) var(--space-xs) 0;border:0;background:none;color:var(--color-cs-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.4}.cs-form__input::-moz-placeholder{color:var(--color-cs-muted);opacity:1}.cs-form__input::placeholder{color:var(--color-cs-muted);opacity:1}.cs-form__input:focus{outline:none}.cs-form__input:disabled{opacity:.55;cursor:not-allowed;-webkit-text-fill-color:var(--color-cs-muted)}.cs-form__submit{min-height:44px;padding:var(--space-xs) 0 var(--space-xs) var(--space-md);border:0;background:none;color:var(--color-cs-accent-ink);font-size:var(--text-md);font-weight:600;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-base) var(--ease-out)}@media (hover: hover){.cs-form__submit:hover:not(:disabled){color:var(--color-cs-ink)}}.cs-form__submit:focus-visible{outline:2px solid var(--color-cs-focus);outline-offset:3px;border-radius:var(--radius-xs)}.cs-form__submit:active:not(:disabled){transform:translateY(1px)}.cs-form__submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.cs-form__status{min-height:2.6em;margin:0;font-size:var(--text-base);line-height:1.35;color:var(--color-cs-muted);transition:color var(--dur-base) var(--ease-out)}.cs-form__status[data-tone=error]{color:var(--color-cs-danger)}.cs-form__status[data-tone=success]{color:var(--color-cs-good)}.cs-footer{display:flex;flex-direction:column;gap:var(--space-xs);padding-block-start:var(--space-md);border-top:var(--rule-thin) solid var(--color-cs-rule);font-size:var(--text-base);color:var(--color-cs-muted)}.cs-footer p{margin:0}.cs-footer__domain{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-cs-ink)}@media (min-width: 40rem){.coming-soon{padding-inline:max(var(--space-xl),env(safe-area-inset-left));padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom))}.cs-nav{padding-block:var(--space-lg)}.cs-body{padding-block:var(--space-xl) var(--space-3xl)}.cs-footer{flex-direction:row;align-items:baseline;justify-content:space-between;gap:var(--space-xl)}}@media (min-width: 60rem){.coming-soon{padding-inline:var(--space-2xl)}.cs-nav,.cs-body,.cs-footer{display:grid;grid-template-columns:minmax(0,1fr) var(--cs-rail-w);-moz-column-gap:var(--cs-rail-gap);column-gap:var(--cs-rail-gap);align-items:end}.cs-nav{align-items:center}.cs-footer>.cs-footer__domain{justify-self:start;padding-inline-start:var(--cs-rail-pad)}.cs-nav>.cs-status{justify-self:start;padding-inline-start:calc(var(--cs-rail-pad) - var(--space-xs) * 2)}.cs-body{row-gap:0}.cs-rail{align-self:stretch;align-content:end;padding-inline-start:var(--cs-rail-pad);border-inline-start:var(--rule-thin) solid var(--color-cs-rule)}.cs-title{max-width:9.2ch}}@media (prefers-reduced-motion: reduce){.coming-soon,.coming-soon *{animation-duration:var(--dur-reduced)!important;animation-iteration-count:1!important;transition-duration:var(--dur-reduced)!important}.cs-form__submit:active:not(:disabled){transform:none}}:root{--font-display: "Space Grotesk", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", "Noto Sans Thai", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Noto Sans Thai", ui-monospace, "SFMono-Regular", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.9531rem;--text-display: clamp(2.1rem, 3.2vw + 1rem, 3.25rem);--text-cs-display: clamp(4rem, 15vw, 7rem);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: 90ms;--dur-base: .16s;--dur-slow: .26s;--dur-reduced: .15s;--rule-thin: 1px;--rule-strong: 2px;--z-base: 1;--z-raised: 10;--z-sticky: 200;--color-paper: oklch(98.6% .004 255);--color-paper-2: oklch(96.8% .006 255);--color-paper-3: oklch(94.2% .009 255);--color-rule: oklch(90.5% .011 255);--color-rule-2: oklch(85.5% .014 255);--color-neutral: oklch(64% .018 255);--color-muted: oklch(47% .02 258);--color-ink-2: oklch(34% .021 260);--color-ink: oklch(23% .022 262);--color-accent: oklch(54% .196 258);--color-accent-ink: oklch(99% .004 255);--color-accent-press: oklch(47% .19 258);--color-accent-soft: oklch(95% .03 258);--color-focus: oklch(60% .19 258);--color-warn: oklch(52% .13 62);--color-warn-soft: oklch(95.5% .035 75);--color-warn-rule: oklch(83% .09 70);--color-qr-stage: oklch(100% 0 0);--color-qr-ink: oklch(40% .02 262);--shadow-whisper: 0 1px 2px oklch(24% .02 262 / .06), 0 6px 20px oklch(24% .02 262 / .05);--shadow-raise: 0 2px 4px oklch(24% .02 262 / .07), 0 14px 40px oklch(24% .02 262 / .08);--shadow-focus: 0 0 0 3px oklch(60% .19 258 / .28);--color-cs-paper: oklch(96.8% .012 55);--color-cs-ink: oklch(20% .018 42);--color-cs-muted: oklch(43% .024 42);--color-cs-rule: oklch(79% .025 48);--color-cs-accent: oklch(58% .185 32)}@media (prefers-color-scheme: dark){:root{--color-paper: oklch(16% .014 262);--color-paper-2: oklch(19.5% .016 262);--color-paper-3: oklch(23.5% .018 262);--color-rule: oklch(30% .018 262);--color-rule-2: oklch(37% .02 262);--color-neutral: oklch(55% .02 260);--color-muted: oklch(70% .02 258);--color-ink-2: oklch(83% .014 258);--color-ink: oklch(94% .012 258);--color-accent: oklch(70% .16 256);--color-accent-ink: oklch(16% .014 262);--color-accent-press: oklch(64% .16 256);--color-accent-soft: oklch(30% .06 258);--color-focus: oklch(72% .15 256);--color-warn: oklch(83% .12 78);--color-warn-soft: oklch(28% .06 70);--color-warn-rule: oklch(45% .09 72);--shadow-whisper: 0 1px 2px oklch(0% 0 0 / .4), 0 8px 26px oklch(0% 0 0 / .4);--shadow-raise: 0 2px 6px oklch(0% 0 0 / .45), 0 18px 48px oklch(0% 0 0 / .5);--shadow-focus: 0 0 0 3px oklch(72% .15 256 / .35);--color-cs-paper: oklch(16% .015 42);--color-cs-ink: oklch(94% .012 55);--color-cs-muted: oklch(72% .022 50);--color-cs-rule: oklch(33% .03 45);--color-cs-accent: oklch(70% .15 32)}}:root{--color-good: oklch(58% .13 155);--color-good-soft: oklch(95% .04 155);--shadow-pop: 0 8px 30px oklch(24% .02 262 / .14)}@media (prefers-color-scheme: dark){:root{--color-good: oklch(72% .15 158);--color-good-soft: oklch(30% .07 158);--shadow-pop: 0 10px 34px oklch(0% 0 0 / .55)}}:root{--color-danger: oklch(55% .19 27);--color-danger-soft: oklch(95% .03 27);--color-danger-rule: oklch(84% .07 27)}@media (prefers-color-scheme: dark){:root{--color-danger: oklch(72% .17 25);--color-danger-soft: oklch(28% .07 27);--color-danger-rule: oklch(45% .11 27)}}:root{--color-cs-paper-2: oklch(94.2% .016 55);--color-cs-rule-2: oklch(58% .03 45);--color-cs-accent-ink: oklch(47% .16 32);--color-cs-focus: oklch(52% .19 32);--color-cs-good: oklch(48% .11 152);--color-cs-danger: oklch(47% .18 27)}@media (prefers-color-scheme: dark){:root{--color-cs-paper-2: oklch(21% .018 42);--color-cs-rule-2: oklch(52% .035 45);--color-cs-accent-ink: oklch(76% .14 32);--color-cs-focus: oklch(74% .15 32);--color-cs-good: oklch(76% .14 155);--color-cs-danger: oklch(74% .16 25)}}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%}body{overflow-x:clip;margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}body:before{content:none}h1,h2,h3,p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}::-moz-selection{background:var(--color-accent-soft);color:var(--color-ink)}::selection{background:var(--color-accent-soft);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}.topbar{position:sticky;top:0;z-index:var(--z-sticky);background:color-mix(in oklch,var(--color-paper) 82%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-rule);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar__inner{max-width:1160px;margin:0 auto;padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-width:-moz-max-content;min-width:max-content}.wordmark{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-weight:600;font-size:var(--text-base);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap}.wordmark__mark{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-xs);background:var(--color-ink);color:var(--color-paper);font-size:13px}.wordmark b{color:var(--color-accent);font-weight:600}.wordmark__demo{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);white-space:nowrap}.topbar__controls{display:flex;align-items:center;gap:var(--space-sm)}.topbar__ctl{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-muted);white-space:nowrap}.topbar__ctl .select{width:auto;padding:var(--space-2xs) var(--space-lg) var(--space-2xs) var(--space-sm);font-size:var(--text-xs)}@media (max-width: 700px){.topbar__inner{padding:var(--space-xs) var(--space-md);gap:var(--space-sm)}.wordmark__demo{display:none}.topbar__ctl>span{display:none}}.hub{max-width:1160px;margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-2xl);display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--space-lg);align-items:start}@media (max-width: 980px){.hub{grid-template-columns:minmax(0,1fr)}}@media (max-width: 700px){.hub{padding:var(--space-md) var(--space-md) var(--space-xl)}}.hub__main{min-width:0}.hub__preview{position:sticky;top:72px;min-width:0}@media (max-width: 980px){.hub__preview{position:static}}.tabs{display:inline-flex;flex-wrap:nowrap;gap:var(--space-3xs);padding:var(--space-3xs);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:var(--shadow-whisper);max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs--stretch{display:flex}.tabs--stretch .tab{flex:1 0 auto}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-muted);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;min-height:40px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.tab:hover{color:var(--color-ink)}.tab.is-active{color:var(--color-ink);background:var(--color-paper);box-shadow:var(--shadow-whisper)}.tabs--sm{padding:var(--space-2xs)}.tabs--sm .tab{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-sm);min-height:34px}.panel{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-whisper);min-width:0}.panel+.panel{margin-top:var(--space-md)}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;row-gap:4px;min-width:0;max-width:100%;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-rule)}.panel__title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.panel__hint{font-size:var(--text-xs);color:var(--color-muted)}.field{margin-bottom:var(--space-lg)}.field:last-child{margin-bottom:0}.field__label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-ink-2);margin-bottom:var(--space-xs)}.field__hint{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2xs)}.field__hint code{font-family:var(--font-mono);font-size:var(--text-xs)}.input,.select,.textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;font-family:var(--font-body);font-size:var(--text-base);line-height:normal;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2);outline:2px solid transparent;outline-offset:1px;border-radius:var(--radius-sm);padding:var(--space-sm);min-width:0;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.input,.textarea{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:-.01em;margin:0}.textarea{resize:none;line-height:1.5}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--color-neutral)}.input::placeholder,.textarea::placeholder{color:var(--color-neutral)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-neutral)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline-color:var(--color-focus);border-color:var(--color-accent)}.input:disabled{opacity:.5;cursor:not-allowed}.select-wrap{position:relative;display:inline-flex}.select{padding-right:var(--space-xl);cursor:pointer}.select-wrap:after{content:"";position:absolute;right:var(--space-sm);top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.5px solid var(--color-muted);border-bottom:1.5px solid var(--color-muted);transform:rotate(45deg);pointer-events:none}.check{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-2);cursor:pointer;min-height:44px}.check input{accent-color:var(--color-accent);width:16px;height:16px;cursor:pointer}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;line-height:1.1;border-radius:var(--radius-sm);border:1px solid transparent;padding:var(--space-sm) var(--space-md);cursor:pointer;white-space:nowrap;min-height:44px;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{width:100%;margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;box-shadow:var(--shadow-whisper)}.btn--primary:hover:not(:disabled){background:var(--color-accent-press)}.btn--sm{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-sm);min-height:36px}.btn--dashed{width:100%;background:transparent;border:1px dashed var(--color-rule-2);color:var(--color-muted);font-size:var(--text-sm)}.btn--dashed:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent);border-style:solid;background:var(--color-accent-soft)}.icon{width:1em;height:1em;flex:none;vertical-align:-.125em}.iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-items:center;border:0;background:transparent;color:var(--color-neutral);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-xs);font-size:var(--text-base);line-height:1;flex:none;min-width:44px;min-height:44px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.iconbtn:hover{color:var(--color-danger);background:var(--color-danger-soft)}.iconbtn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.alert{display:flex;gap:var(--space-xs);align-items:flex-start;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.45;background:var(--color-warn-soft);border:1px solid var(--color-warn-rule);color:var(--color-warn);min-width:0}.alert strong{font-weight:600}.alert__icon{margin-top:.15em;font-size:var(--text-base)}.alert--danger{background:var(--color-danger-soft);border-color:var(--color-danger-rule);color:var(--color-danger)}.counter{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.counter.is-over{color:var(--color-danger)}.menucat{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md);min-width:0}.menucat+.menucat{margin-top:var(--space-md)}.menucat--nested{background:var(--color-paper);border-style:dashed}.menucat__head{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.menucat__name{font-weight:600}.menucat__items{display:grid;gap:var(--space-xs)}.menucat__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--color-rule)}.menuitem{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-sm);display:flex;gap:var(--space-sm);min-width:0;transition:opacity var(--dur-base) var(--ease-out)}.menuitem.is-soldout{opacity:.65}.photozone{position:relative;display:grid;place-items:center;width:64px;height:64px;flex:none;overflow:hidden;border-radius:var(--radius-sm);border:1px dashed var(--color-rule-2);background:var(--color-paper-3);color:var(--color-muted);font-size:var(--text-xs);cursor:pointer;text-align:center;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.photozone:hover{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.photozone:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.photozone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.photozone img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photozone__busy{font-family:var(--font-mono)}.menuitem__body{flex:1 1 auto;min-width:0;display:grid;gap:var(--space-2xs)}.menuitem__row{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center}.menuitem__row .input{flex:1 1 160px}.menuitem__price{flex:0 1 96px;text-align:right}.menuitem__rowright{display:flex;align-items:flex-start;gap:var(--space-2xs);margin-left:auto}.menuitem__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs) var(--space-sm);padding-top:var(--space-2xs)}.menuitem__meta-group{display:flex;align-items:center;gap:var(--space-xs);min-height:36px}.menuitem__meta-label{font-size:var(--text-sm);color:var(--color-ink-2)}.menuitem__meta .select{width:auto;padding:var(--space-2xs) var(--space-lg) var(--space-2xs) var(--space-sm);font-size:var(--text-sm)}.menuitem__error{font-size:var(--text-xs);color:var(--color-danger)}.tagrow{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.tagchip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-muted);background:var(--color-paper-3);border:1px solid transparent;border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-sm);cursor:pointer;min-height:30px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.tagchip:hover{color:var(--color-ink);border-color:var(--color-rule-2)}.tagchip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tagchip.is-on{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in oklch,var(--color-accent) 35%,transparent)}.hoursrow{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-sm);display:grid;gap:var(--space-sm);min-width:0}.dayrow{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.daychip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-muted);background:var(--color-paper-3);border:1px solid transparent;border-radius:var(--radius-sm);min-width:44px;min-height:36px;padding:0 var(--space-2xs);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.daychip:hover{color:var(--color-ink);border-color:var(--color-rule-2)}.daychip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.daychip.is-on{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.timerow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);min-width:0}.timerow .input{width:auto}.timerow__arrow{color:var(--color-neutral);font-family:var(--font-mono)}.timerow__wrapnote{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-warn);background:var(--color-warn-soft);border:1px solid var(--color-warn-rule);border-radius:var(--radius-pill);padding:2px var(--space-sm);white-space:nowrap}.timerow .iconbtn{margin-left:auto}.statusbadge{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-sm);white-space:nowrap}.statusbadge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.statusbadge--open{color:var(--color-good);background:var(--color-good-soft)}.statusbadge--closed{color:var(--color-muted);background:var(--color-paper-3)}.pmv{max-width:400px;margin:0 auto;border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-rule);box-shadow:var(--shadow-raise);font-family:var(--font-body);min-width:0;overflow-wrap:break-word}.pmv__head{text-align:center}.pmv__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;line-height:1.2}.pmv__cat{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;opacity:.72;margin-top:var(--space-2xs)}.pmv__tagline{font-size:var(--text-sm);opacity:.72;margin-top:var(--space-2xs)}.pmv__badge{margin-top:var(--space-xs)}.pmv__catblock{margin-top:var(--space-lg)}.pmv__catname{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;padding-bottom:var(--space-2xs);border-bottom:1px solid currentColor;-o-border-image:linear-gradient(to right,currentColor,transparent) 1;border-image:linear-gradient(to right,currentColor,transparent) 1;opacity:.92}.pmv__items{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:grid;gap:var(--space-xs)}.pmv__item{display:flex;gap:var(--space-sm);border:1px solid color-mix(in oklch,currentColor 14%,transparent);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);transition:opacity var(--dur-base) var(--ease-out)}.pmv__item.is-soldout{opacity:.55}.pmv__itemphoto{width:56px;height:56px;flex:none;border-radius:var(--radius-xs);-o-object-fit:cover;object-fit:cover}.pmv__itembody{flex:1 1 auto;min-width:0}.pmv__itemtop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.pmv__itemname{font-weight:600;font-size:var(--text-base);min-width:0}.pmv__itemprice{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.pmv__itemdesc{font-size:var(--text-sm);opacity:.68;margin-top:2px}.pmv__taglist{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-2xs)}.pmv__tag{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-family:var(--font-mono);border:1px solid color-mix(in oklch,currentColor 22%,transparent);border-radius:var(--radius-pill);padding:2px var(--space-2xs);opacity:.85;white-space:nowrap}.pmv__tag .icon,.tagchip .icon{width:1.2em;height:1.2em}.pmv__soldout{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:var(--space-2xs);color:currentColor;opacity:.72}.pmv__plain{list-style:disc;margin:var(--space-sm) 0 0;padding-left:var(--space-lg);display:grid;gap:2px;font-size:var(--text-sm)}.pmv__address{display:flex;align-items:center;gap:var(--space-2xs);margin-top:var(--space-lg);font-size:var(--text-sm);opacity:.85}.pmv__tip{margin-top:var(--space-lg);text-align:center}.pmv__tiptitle{font-family:var(--font-display);font-size:var(--text-md);font-weight:600}.pmv__qr{margin:var(--space-sm) auto 0;width:160px;height:160px;display:grid;place-items:center;background:var(--color-qr-stage);color:var(--color-qr-ink);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.pmv__degraded{margin-top:var(--space-lg);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;opacity:.7}.pmv__tierbar{margin-bottom:var(--space-sm)}.btn-google{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:40px;padding:var(--space-2xs) var(--space-md);background:var(--color-qr-stage);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;letter-spacing:.01em;white-space:nowrap;border:1px solid var(--color-rule-2);border-radius:var(--radius-md);box-shadow:var(--shadow-whisper);cursor:pointer;text-decoration:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn-google:hover{box-shadow:var(--shadow-raise);border-color:var(--color-neutral)}.btn-google:active{transform:translateY(1px)}.btn-google:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.user-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-3xs) var(--space-3xs) var(--space-3xs) var(--space-2xs);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-pill);min-width:0}.user-chip__avatar{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.user-chip__name{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--color-ink-2)}.user-chip__out{flex:none;padding:var(--space-3xs) var(--space-sm);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.user-chip__out:hover{color:var(--color-danger);background:var(--color-danger-soft)}.user-chip__out:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.create-panel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:var(--shadow-whisper)}.create-panel input{min-height:32px;padding:var(--space-3xs) var(--space-sm);background:var(--color-paper);border:1px solid var(--color-rule-2);outline:2px solid transparent;outline-offset:1px;border-radius:var(--radius-sm);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base)}.create-panel input:focus-visible{outline-color:var(--color-focus);border-color:var(--color-accent)}.create-panel__name{width:22ch}.create-panel__handle{display:inline-flex;align-items:center;gap:var(--space-3xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.create-panel__handle input{width:16ch;font-family:var(--font-mono)}.create-panel__error{flex-basis:100%;margin-bottom:0}@media (max-width: 768px){.create-panel__name{width:100%}}.ownerbar{min-height:var(--space-2xl);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-paper)}.ownerbar--editor{position:sticky;inset-block-start:0;z-index:var(--z-sticky)}.ownerbar .topbar__inner{width:100%;max-width:none;min-width:0;padding:0}.ownerbar__restaurant{min-width:0;max-width:34ch;overflow:hidden;color:var(--color-ink-2);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ownerbar__restaurant:before{content:"/";padding-inline-end:var(--space-sm);color:var(--color-rule-2)}.ownerbar .topbar__controls{min-width:0}.builder-gate,.restaurant-home{width:min(100% - 2 * var(--space-md),70rem);margin-inline:auto}.builder-gate{min-height:70dvh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-lg);padding-block:var(--space-xl)}.builder-gate h1{max-width:16ch;font-family:var(--font-display);font-size:var(--text-display);line-height:1.02;letter-spacing:-.04em;overflow-wrap:anywhere}.builder-gate h2,.restaurant-home h1,.restaurant-home h2{font-family:var(--font-display);line-height:1.1;letter-spacing:-.025em}.builder-gate p,.restaurant-home p{color:var(--color-muted)}.builder-gate--split{gap:var(--space-xl)}.builder-gate__action{width:100%;display:grid;gap:var(--space-sm);padding-block:var(--space-lg);border-block:var(--rule-thin) solid var(--color-rule)}.builder-gate__action .btn-google{justify-self:start}.restaurant-home{padding-block:var(--space-xl) var(--space-2xl)}.restaurant-home__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:var(--rule-strong) solid var(--color-ink)}.restaurant-home__head h1{font-size:var(--text-2xl)}.restaurant-list{display:grid}.restaurant-row{min-height:calc(var(--space-2xl) + var(--space-lg));display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-md);color:var(--color-ink);border-bottom:var(--rule-thin) solid var(--color-rule);text-decoration:none}.restaurant-row span:first-child{min-width:0;display:grid;gap:var(--space-2xs)}.restaurant-row strong{font-family:var(--font-display);font-size:var(--text-lg)}.restaurant-row small{color:var(--color-muted);font-family:var(--font-mono);overflow-wrap:anywhere}.restaurant-row__action{flex:none;color:var(--color-accent);white-space:nowrap}.restaurant-empty{display:grid;gap:var(--space-lg);max-width:38rem;padding-block:var(--space-xl)}.create-panel__field{display:grid;gap:var(--space-2xs);color:var(--color-ink-2);font-size:var(--text-sm)}.create-panel__field small{color:var(--color-muted);font-weight:400}.create-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:flex-end}.create-panel .btn--primary{width:auto;margin:0}.create-panel--expanded{display:grid;align-items:stretch;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-sm);box-shadow:none}.create-panel--expanded .create-panel__name,.create-panel--expanded .create-panel__handle,.create-panel--expanded .create-panel__handle input{width:100%}.create-panel--expanded input{min-height:44px;padding:var(--space-sm)}.hub{max-width:96rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"rail" "editor" "preview";gap:var(--space-lg);padding:var(--space-md) var(--space-md) var(--space-2xl)}.taskrail{grid-area:rail;min-width:0}.hub__main{grid-area:editor}.hub__preview{grid-area:preview;position:static}.taskrail__context{display:none}.taskrail__steps{display:flex;gap:var(--space-2xs);overflow-x:auto;padding-bottom:var(--space-2xs);scrollbar-width:thin}.taskstep{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;min-height:48px;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-muted);background:var(--color-paper);text-align:start;cursor:pointer}.taskstep__number{width:var(--space-lg);height:var(--space-lg);display:grid;place-items:center;border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs)}.taskstep>span:last-child{display:grid}.taskstep strong{color:inherit;font-size:var(--text-sm);white-space:nowrap}.taskstep small{display:none}.taskstep.is-active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.taskstep.is-active .taskstep__number{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.builder-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--rule-strong) solid var(--color-ink)}.builder-section-head h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;letter-spacing:-.035em}.builder-section-head p{margin-top:var(--space-xs);color:var(--color-muted)}.save-cluster{display:flex;align-items:center;gap:var(--space-sm)}.save-cluster>span{color:var(--color-good);font-size:var(--text-sm)}.btn--primary{width:auto;margin-top:0}.btn--save{min-width:9rem}.panel{border-radius:var(--radius-sm);box-shadow:none}.menucat{padding:var(--space-md) 0 var(--space-lg);border-width:var(--rule-strong) 0 0;border-color:var(--color-ink);border-radius:0;background:transparent}.menucat--nested{padding-inline-start:var(--space-md);border-style:solid;background:transparent}.menuitem{border-radius:var(--radius-xs);box-shadow:none}.textarea{resize:vertical;min-height:6rem}.preview-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:var(--rule-strong) solid var(--color-ink)}.preview-label span{font-weight:600}.preview-label small{color:var(--color-muted);font-family:var(--font-mono)}.pmv__tierbar{display:none}.publish-panel{display:grid;gap:var(--space-lg);padding:var(--space-xl) 0;border-block:var(--rule-thin) solid var(--color-rule-2)}.publish-panel h2{font-family:var(--font-display);font-size:var(--text-2xl)}.publish-panel code{overflow-wrap:anywhere;color:var(--color-accent);font-family:var(--font-mono)}.publish-panel__status{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-good)}.publish-panel__status span{width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-good)}.publish-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.publish-panel__actions .btn{margin:0;width:auto}@media (hover: hover) and (pointer: fine){.taskstep:hover{border-color:var(--color-rule-2);color:var(--color-ink)}.taskstep.is-active:hover{border-color:var(--color-accent);color:var(--color-accent)}.restaurant-row:hover{text-decoration:none;background:var(--color-paper-2)}}@media (min-width: 40rem){.ownerbar{padding-inline:var(--space-lg)}.builder-gate--split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr);align-items:end}.hub{padding:var(--space-lg)}.taskstep small{display:block;color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap}}@media (min-width: 60rem){.hub{grid-template-columns:minmax(0,1fr) minmax(20rem,23rem);grid-template-areas:"rail rail" "editor preview";align-items:start}.hub__preview{position:sticky;inset-block-start:88px}}@media (min-width: 78rem){.hub{grid-template-columns:13rem minmax(32rem,1fr) minmax(20rem,23rem);grid-template-areas:"rail editor preview";gap:var(--space-xl)}.taskrail{position:sticky;inset-block-start:88px}.taskrail__context{display:grid;gap:var(--space-2xs);padding-bottom:var(--space-lg);border-bottom:var(--rule-strong) solid var(--color-ink)}.taskrail__context span,.taskrail__context small{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}.taskrail__steps{display:grid;gap:0;overflow:visible;padding:var(--space-md) 0 0}.taskstep{width:100%;border:0;border-bottom:var(--rule-thin) solid var(--color-rule);border-radius:0;padding:var(--space-sm) 0;background:transparent}.taskstep.is-active{border-color:var(--color-accent);background:transparent}}@media (max-width: 39.99rem){.ownerbar__restaurant,.ownerbar .user-chip__name{display:none}.ownerbar .topbar__controls>.btn{display:none}.restaurant-row{align-items:flex-start}.restaurant-row__action{font-size:var(--text-sm)}.menuitem{display:grid}.photozone{width:100%;height:72px}.menuitem__row{grid-template-columns:minmax(0,1fr) 6rem auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:var(--dur-reduced)!important;transition-duration:var(--dur-reduced)!important}}