:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--typeface-body,"Avenir Next", Avenir, "Segoe UI", sans-serif);font-synthesis:none;text-rendering:optimizelegibility;--kopitiam-paper:#f8f2e7;--kopitiam-card:#fff;--kopitiam-kaya:#f3ddbe;--kopitiam-ink:#1e1a15;--kopitiam-ink-muted:#625b50;--kopitiam-line:#d9cfbd;--kopitiam-orange:#fe6f02;--kopitiam-orange-hover:#e66402;--kopitiam-orange-deep:#ad4400;--kopitiam-orange-tint:#fdebdd;--kopitiam-live:#1c7a4a;--kopitiam-error:#b42318;--kopitiam-ink-raised:#2b2620;--kopitiam-mark-tile:#434342;--typeface-display-tracking:-.03em}:where([lang]:not(.companion-legacy-typeface *)):lang(zh-CN),:where([lang]:not(.companion-legacy-typeface *)):lang(zh-Hans),:where([lang]:not(.companion-legacy-typeface *)):lang(zh-SG){--kopitiam-font-cjk:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei"}:where([lang]:not(.companion-legacy-typeface *)):lang(zh-TW),:where([lang]:not(.companion-legacy-typeface *)):lang(zh-Hant),:where([lang]:not(.companion-legacy-typeface *)):lang(zh-HK),:where([lang]:not(.companion-legacy-typeface *)):lang(zh-MO){--kopitiam-font-cjk:"PingFang TC", "Noto Sans CJK TC", "Noto Sans TC", "Source Han Sans TC", "Microsoft JhengHei"}:where([lang]:not(.companion-legacy-typeface *)):lang(ja){--kopitiam-font-cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo}:where([lang]:not(.companion-legacy-typeface *)):lang(ko){--kopitiam-font-cjk:"Apple SD Gothic Neo", "Noto Sans CJK KR", "Noto Sans KR", "Source Han Sans KR", "Malgun Gothic"}:root,:where([lang]:not(.companion-legacy-typeface *)){--kopitiam-font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback", var(--kopitiam-font-cjk,system-ui), system-ui, sans-serif;--typeface-body:var(--kopitiam-font-sans);--typeface-display:var(--kopitiam-font-sans);--typeface-mono:var(--kopitiam-font-sans)}:where([lang]:not(:root,.companion-legacy-typeface *,[data-owner-content] *)){font-family:var(--typeface-body)}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial),local(ArialMT);font-weight:100 599;ascent-override:98.16%;descent-override:20.99%;line-gap-override:0%;size-adjust:105.75%}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial Bold),local(Arial-BoldMT);font-weight:600 900;ascent-override:101.54%;descent-override:21.72%;line-gap-override:0%;size-adjust:102.23%}.identity-page{background:var(--kopitiam-paper);color:var(--kopitiam-ink);min-block-size:100svh}.identity-frame{grid-template-rows:auto 1fr;min-block-size:100svh;display:grid}.identity-bar{background:var(--kopitiam-ink);justify-content:space-between;align-items:center;gap:24px;min-block-size:64px;padding:6px clamp(20px,4.5vw,64px);display:flex}.identity-bar-promise{color:var(--kopitiam-line);text-align:end;min-inline-size:0;margin:0;font-size:.8125rem;font-weight:600;line-height:1.4}.identity-stage{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:center;gap:56px;padding:48px clamp(20px,4.5vw,64px);display:grid}.identity-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:22px;flex-direction:column;gap:14px;min-inline-size:0;padding:40px;display:flex}.identity-heading{letter-spacing:var(--typeface-display-tracking);max-inline-size:none;margin:0;font-size:clamp(2.125rem,1.4rem + 1.9vw,2.75rem);font-weight:800;font-stretch:100%;line-height:1.04}:is(.identity-page,.identity-panel) :is(h1,h2):lang(ja){word-break:auto-phrase}:is(.identity-page,.identity-panel):lang(ko){word-break:keep-all}:where(.identity-page:lang(ko)) [data-owner-content]{word-break:normal}.identity-introduction{color:var(--kopitiam-ink-muted);text-wrap:pretty;margin:0 0 6px;font-size:1rem;line-height:1.5}.identity-sign-in,.identity-email,.identity-email-send,.identity-otp{flex-direction:column;gap:14px;min-inline-size:0;display:flex}.identity-sign-in{position:relative}.identity-otp{gap:12px}.identity-field{gap:8px;min-inline-size:0;font-size:.875rem;font-weight:700;display:grid}.identity-input{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-ink-muted);color:var(--kopitiam-ink);font:inherit;border-radius:12px;inline-size:100%;min-inline-size:0;padding:.8125rem 1rem;font-size:1rem;font-weight:500;line-height:1.5}.identity-code{container-type:inline-size}.identity-code .identity-input{background:var(--kopitiam-card);font-variant-numeric:tabular-nums;letter-spacing:min(.2em,1.7cqi);text-align:center;border-width:2px;padding:.5rem min(1rem,4.6cqi);font-size:min(1.75rem,11.5cqi);font-weight:800;line-height:1.4}.identity-input[aria-invalid=true]{border-color:var(--kopitiam-error)}.identity-input:disabled{cursor:not-allowed;opacity:.6}.identity-primary,.identity-secondary,.identity-provider{color:var(--kopitiam-ink);cursor:pointer;font:inherit;text-align:center;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;inline-size:100%;min-inline-size:0;font-weight:700;display:flex}:is(.identity-primary,.identity-provider).identity-method{white-space:nowrap;display:block}.identity-method-label{text-align:center;white-space:normal;min-inline-size:0}.identity-method-name{text-align:start;vertical-align:top;display:inline-block}.identity-primary{background:var(--kopitiam-orange);border:0;padding:1.1rem 1.5rem;font-size:1.0625rem;line-height:1.25}.identity-primary:hover:not(:disabled){background:var(--kopitiam-orange-hover)}.identity-secondary,.identity-provider{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);padding:.95rem 1.25rem;font-size:.9375rem;line-height:1.3}.identity-secondary:hover:not(:disabled),.identity-provider:hover:not(:disabled){background:var(--kopitiam-paper);border-color:var(--kopitiam-ink-muted)}:is(.identity-primary,.identity-secondary,.identity-provider):disabled{cursor:not-allowed;opacity:.5}.identity-method-icon{vertical-align:-.25em;flex:none;block-size:1.2em;inline-size:1.2em;margin-inline-end:10px;display:inline-block}.identity-methods{gap:10px;min-inline-size:0;display:grid}.identity-email-send~.identity-methods{border-block-start:1px solid var(--kopitiam-line);margin-block-start:4px;padding-block-start:18px}.identity-sign-in[data-step=code]>:is(.identity-email-field,.identity-email-send){display:none}.identity-status,.identity-unavailable{color:var(--kopitiam-ink-muted);align-items:flex-start;gap:8px;min-inline-size:0;margin:0;font-size:.9375rem;line-height:1.5;display:flex}.identity-status:empty{position:absolute}.identity-status[role=alert],.identity-status[data-tone=error],.identity-unavailable{color:var(--kopitiam-error);font-weight:600}.identity-status[data-tone=done]{color:var(--kopitiam-live);font-weight:600}.identity-status-icon{flex:none;block-size:1.2em;inline-size:1.2em;margin-block-start:.15em}.identity-status-link{color:var(--kopitiam-orange-deep);max-inline-size:100%;font-weight:700;display:inline-block}.identity-code-destination{color:var(--kopitiam-ink-muted);overflow-wrap:anywhere;min-inline-size:0;margin:0;font-size:.9375rem;line-height:1.5}.identity-code-expiry{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border-radius:16px;align-items:flex-start;gap:12px;margin:10px 0 0;padding:16px;font-size:.875rem;line-height:1.5;display:flex}.identity-code-expiry .identity-status-icon{color:var(--kopitiam-live);margin-block-start:.1em}.identity-invitation{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border-radius:16px;margin:0;padding:14px 16px;font-size:.9375rem;line-height:1.5}.identity-back{color:var(--kopitiam-orange-deep);text-underline-offset:.2em;align-self:flex-start;margin-block-start:8px;font-size:.875rem;font-weight:700}.identity-back:hover{color:var(--kopitiam-ink)}.identity-page :focus-visible,.identity-panel :focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.identity-page .identity-bar :focus-visible{box-shadow:0 0 0 6px var(--kopitiam-paper)}.identity-shop{background:var(--kopitiam-kaya);border-radius:24px;justify-content:center;align-self:stretch;align-items:flex-end;min-block-size:480px;padding:40px 40px 0;display:flex;position:relative;overflow:hidden}.identity-shop:before,.identity-shop:after{content:"";position:absolute;inset-inline:0}.identity-shop:before{background:color-mix(in srgb, var(--kopitiam-ink) 12%, transparent);block-size:6px;inset-block-end:14px}.identity-shop:after{background:var(--kopitiam-ink);block-size:14px;inset-block-end:0}.identity-shop-screen{aspect-ratio:3/4;background:var(--kopitiam-ink);border:10px solid var(--kopitiam-ink);box-shadow:0 18px 40px color-mix(in srgb, var(--kopitiam-ink) 28%, transparent);z-index:1;border-radius:18px;inline-size:min(300px,100%);margin-block-end:14px;display:flex;position:relative;overflow:hidden}.identity-shop-face{background:var(--starter-board);color:var(--starter-cream);border-radius:8px;flex-direction:column;flex:auto;min-inline-size:0;display:flex;overflow:hidden}:where([data-owner-content]) .identity-shop-photo{background:radial-gradient(circle at 38% 30%, var(--starter-photo-light) 0%, var(--starter-photo-mid) 34%, var(--starter-photo-roast) 70%, var(--starter-photo-deep) 100%);flex:1 1 0;justify-content:space-between;align-items:flex-start;min-block-size:0;padding:10px;display:flex;position:relative}:where([data-owner-content]) .identity-shop-photo:before{background:color-mix(in srgb, var(--starter-photo-light) 30%, transparent);content:"";filter:blur(12px);border-radius:50%;block-size:34%;inline-size:40%;position:absolute;inset-block-start:20%;inset-inline-start:26%}.identity-shop-logo{background:var(--starter-board);block-size:30px;color:var(--starter-cream);border-radius:50%;justify-content:center;align-items:center;inline-size:30px;display:flex;position:relative}.identity-shop-logo svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:16px;inline-size:16px}.identity-shop-clock{background:color-mix(in srgb, var(--starter-ink) 75%, transparent);color:var(--starter-cream);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 7px;font-size:.6875rem;font-weight:700;position:relative}.identity-shop-copy{flex-direction:column;gap:6px;padding:14px 14px 16px;display:flex}.identity-shop-headline{letter-spacing:-.02em;text-wrap:balance;word-break:auto-phrase;font-size:1.625rem;font-weight:800;line-height:1}.identity-shop-offer,.identity-shop-price{background:var(--starter-amber);color:var(--starter-ink);border-radius:999px;align-self:flex-start;font-weight:800}.identity-shop-offer{letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;font-size:.5625rem}.identity-shop-detail{color:var(--starter-detail);font-size:.6875rem;line-height:1.35}.identity-shop-price{padding:4px 12px;font-size:.9375rem}.identity-panel{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);overflow-wrap:anywhere;border-radius:20px;flex-direction:column;gap:14px;min-inline-size:0;max-inline-size:36rem;padding:clamp(20px,3vw,28px);display:flex;position:relative}.identity-panel+.identity-panel{margin-block-start:16px}.identity-panel-heading{gap:8px;display:grid}.identity-panel-title{letter-spacing:var(--typeface-display-tracking);margin:0;font-size:1.5rem;font-weight:800;line-height:1.12}.identity-panel-text{color:var(--kopitiam-ink-muted);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.5}.identity-eyebrow{color:var(--kopitiam-orange-deep);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1.4}.identity-panel .identity-methods>.identity-email{margin-block-end:6px}.identity-panel .identity-methods>.identity-email:has(~.identity-provider){border-block-end:1px solid var(--kopitiam-line);margin-block-end:8px;padding-block-end:18px}.identity-recovery[data-step=code] .identity-methods>:not(.identity-panel-text){display:none}@media (max-width:60rem){.identity-stage{grid-template-columns:minmax(0,520px);justify-content:center;align-items:start}.identity-shop{display:none}}@media (max-width:36rem){.identity-bar{min-block-size:56px;padding-inline:20px}.identity-bar-promise{display:none}.identity-stage{grid-template-columns:minmax(0,1fr);padding:28px 20px 40px}.identity-heading{font-size:min(clamp(2.125rem,1.4rem + 1.9vw,2.75rem),11vw)}.identity-card{background:0 0;border:0;border-radius:0;padding:0}.identity-page .identity-input{background:var(--kopitiam-card)}}.team-page{display:block}.identity-provider span{overflow-wrap:anywhere;min-inline-size:0}.team-panel.account-page{padding-block-end:32px}.team-list{grid-template-columns:minmax(0,1fr);gap:10px;max-inline-size:36rem;display:grid}.account-page .team-list>h2{margin-block:8px 4px;font-size:1.25rem}.team-member{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 18px;display:flex}.team-member>div:first-child{gap:2px;min-inline-size:0;display:grid}.team-member>:where(div:first-child) strong{overflow-wrap:anywhere}.team-member>:where(div:first-child) span{color:var(--kopitiam-ink-muted);font-size:.875rem}.team-member-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.team-role{background:var(--kopitiam-kaya);text-transform:capitalize;border-radius:999px;padding:4px 12px;font-size:.8125rem;font-weight:700}.team-invite{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:20px;grid-template-columns:minmax(0,1fr);gap:14px;max-inline-size:36rem;padding:clamp(20px,3vw,28px);display:grid}.team-invite label{gap:8px;font-size:.875rem;font-weight:700;display:grid}.team-invite .account-primary{inline-size:100%}.team-invite-link{background:var(--kopitiam-paper);overflow-wrap:anywhere;border-radius:12px;gap:10px;padding:14px 16px;display:grid}.team-invite-link p{margin:0}.team-invite-link code{font-size:.875rem}.team-invite-link button{justify-self:start}.team-panel>:is(.account-notice,.team-error){max-inline-size:36rem}.team-page>.team-error{max-inline-size:36rem;margin-block:32px 24px}.team-rail-link{color:var(--companion-white-a78,var(--kopitiam-paper));font-size:.85rem;font-weight:700}.team-rail-link:hover,.team-rail-link:focus-visible{color:var(--companion-white,var(--kopitiam-paper))}.owner-language{border-block-start:1px solid var(--companion-white-a18,color-mix(in srgb, var(--kopitiam-card) 18%, transparent));grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;margin-block-start:1rem;padding-block-start:1rem;display:grid}.owner-language label{gap:.3rem;font-size:.72rem;font-weight:700;display:grid}.owner-language button,.owner-language select{background:var(--companion-white-a10,transparent);border:1px solid var(--companion-white-a36,color-mix(in srgb, var(--kopitiam-card) 36%, transparent));color:var(--companion-white,var(--kopitiam-paper));border-radius:.55rem;min-block-size:2.75rem;padding-inline:.65rem}.owner-language button{cursor:pointer;font-weight:800}.owner-language button:hover,.owner-language button:focus-visible,.owner-language select:focus-visible{border-color:var(--companion-cyan,var(--kopitiam-orange-deep));outline:3px solid var(--companion-teal-57e4d6-a34,color-mix(in srgb, var(--kopitiam-orange-deep) 34%, transparent));outline-offset:2px}.schedule-workspace{gap:28px;padding:38px clamp(20px,4vw,64px) 72px;display:grid}.schedule-hero{background:var(--companion-schedule-hero-wash,var(--kopitiam-ink));color:var(--companion-white-f7fbfa,var(--kopitiam-paper));border-radius:28px;padding:clamp(30px,5vw,64px);position:relative;overflow:hidden}.schedule-hero:after{border:1px solid var(--companion-white-a18,color-mix(in srgb, var(--kopitiam-card) 18%, transparent));content:"";border-radius:999px;width:220px;height:220px;position:absolute;top:-70px;right:-48px}.schedule-hero h1{letter-spacing:var(--typeface-display-tracking,-.055em);max-width:700px;margin:12px 0 18px;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95}.schedule-hero>p:last-child{color:var(--companion-white-f7fbfa-a76,var(--kopitiam-paper));max-width:700px}.schedule-builder{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-teal-dbe6e5,var(--kopitiam-line));box-shadow:0 18px 50px var(--companion-ink-a8,color-mix(in srgb, var(--kopitiam-ink) 8%, transparent));border-radius:24px;gap:0;display:grid;overflow:hidden}.schedule-builder fieldset{border:0;border-bottom:1px solid var(--companion-teal-e4eceb,var(--kopitiam-line));gap:18px;margin:0;padding:28px clamp(20px,4vw,42px);display:grid}.schedule-builder legend{color:var(--companion-ink,var(--kopitiam-ink));align-items:center;gap:12px;padding-top:20px;font-size:1.25rem;font-weight:750;display:flex}.schedule-builder legend span{background:var(--companion-amber,var(--kopitiam-orange));border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.schedule-field{gap:7px;display:grid}.schedule-field>span,.schedule-subheading{color:var(--companion-teal-46636a,var(--kopitiam-ink-muted));letter-spacing:.04em;font-size:.83rem;font-weight:700}.schedule-field input,.schedule-field select{background:var(--companion-green-f5f8f7,var(--kopitiam-card));border:1px solid var(--companion-teal-c9d8d6,var(--kopitiam-line));color:var(--companion-ink,var(--kopitiam-ink));font:inherit;border-radius:12px;min-height:48px;padding:10px 13px}.schedule-choice-grid,.schedule-dayparts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.schedule-screen-choice,.schedule-dayparts label{background:var(--companion-green-f5f8f7,var(--kopitiam-card));border:1px solid var(--companion-teal-d2dfdd,var(--kopitiam-line));cursor:pointer;border-radius:14px;align-items:center;gap:11px;min-height:62px;padding:12px 14px;display:flex}.schedule-screen-choice:has(input:checked){background:var(--companion-green-eef8f4,var(--kopitiam-card));border-color:var(--companion-green-147a64,var(--kopitiam-live));box-shadow:inset 0 0 0 1px var(--companion-green-147a64,var(--kopitiam-live))}.schedule-dayparts label:has(input:checked){background:var(--companion-green-eef8f4,var(--kopitiam-card));border-color:var(--companion-green-147a64,var(--kopitiam-live));box-shadow:inset 0 0 0 1px var(--companion-green-147a64,var(--kopitiam-live))}.schedule-screen-choice span{gap:2px;display:grid}.schedule-screen-choice small{color:var(--companion-teal-4f676d,var(--kopitiam-ink-muted));text-transform:capitalize}.schedule-screen-choice input,.schedule-dayparts input{accent-color:var(--companion-green-147a64,var(--kopitiam-live));width:19px;height:19px}.schedule-days{grid-template-columns:repeat(7,minmax(42px,1fr));gap:8px;display:grid}.schedule-days button{background:var(--companion-green-f5f8f7,var(--kopitiam-card));border:1px solid var(--companion-teal-c9d8d6,var(--kopitiam-line));color:var(--companion-teal-284b54,var(--kopitiam-ink));cursor:pointer;border-radius:12px;min-height:46px}.schedule-days button[aria-pressed=true]{background:var(--companion-ink,var(--kopitiam-ink));border-color:var(--companion-ink,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper))}.schedule-inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.schedule-subheading{margin:3px 0 -8px}.schedule-save-row{flex-wrap:wrap;align-items:center;gap:18px;padding:25px clamp(20px,4vw,42px);display:flex}.schedule-save-row button,.schedule-empty a{background:var(--companion-ink,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));cursor:pointer;font:inherit;border:0;border-radius:999px;padding:14px 24px;font-weight:750;text-decoration:none}.schedule-save-row button:disabled{cursor:wait;opacity:.6}.schedule-save-row p{color:var(--companion-teal-46636a,var(--kopitiam-ink-muted));margin:0}.schedule-save-row p[data-status=error],.schedule-save-row p[data-status=signed_out]{color:var(--companion-red-a33b2f,var(--kopitiam-error))}.schedule-save-row p[data-status=saved]{color:var(--companion-green-147a64,var(--kopitiam-live))}.schedule-list{gap:14px;display:grid}.schedule-list>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.schedule-list h2{color:var(--companion-ink,var(--kopitiam-ink));margin:0;font-size:1.8rem}.schedule-card{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-teal-dbe6e5,var(--kopitiam-line));border-radius:18px;gap:7px;padding:20px 22px;display:grid}.schedule-card>div{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.schedule-card>div span,.schedule-card p{color:var(--companion-teal-557077,var(--kopitiam-ink-muted));margin:0}.schedule-card>div button{border:1px solid var(--companion-teal-c9d8d6,var(--kopitiam-line));color:var(--companion-teal-284b54,var(--kopitiam-ink));cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:5px 12px}.schedule-card>div button:disabled{cursor:wait;opacity:.6}.schedule-card>.schedule-conflict{background:var(--companion-amber-fff5e5,var(--kopitiam-orange-tint));border-left:3px solid var(--companion-amber,var(--kopitiam-orange-deep));border-radius:6px;margin-top:5px;padding:9px 11px}.schedule-empty{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-teal-dbe6e5,var(--kopitiam-line));border-radius:20px;justify-items:start;gap:18px;padding:32px;display:grid}@media (max-width:680px){.schedule-days{grid-template-columns:repeat(4,minmax(42px,1fr))}.schedule-inline-fields{grid-template-columns:1fr}}*{box-sizing:border-box}html{background:var(--companion-canvas,var(--kopitiam-paper));color:var(--companion-ink,var(--kopitiam-ink));scroll-behavior:smooth}body{min-inline-size:0;margin:0}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:inherit}h1,h2,p{overflow-wrap:anywhere}.skip-link{background:var(--companion-white,var(--kopitiam-card));border:2px solid var(--companion-ink,var(--kopitiam-ink));z-index:20;border-radius:.4rem;padding:.75rem 1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.workspace-shell{grid-template-columns:16.5rem minmax(0,1fr);min-block-size:100svh;display:grid}.workspace-rail{background:var(--companion-navy,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));overscroll-behavior:contain;flex-direction:column;block-size:100svh;min-block-size:100svh;padding:1.6rem 1.25rem;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.rail-brand,.access-wordmark{align-items:center;gap:.75rem;display:flex}.brand-signal{background:var(--companion-cyan,var(--kopitiam-kaya));block-size:1.1rem;box-shadow:.34rem .34rem 0 var(--companion-amber,var(--kopitiam-orange-deep));border-radius:.15rem .6rem .15rem .15rem;inline-size:1.1rem}.wordmark{letter-spacing:-.045em;font-family:Arial Narrow,Avenir Next Condensed,Arial,sans-serif;font-size:1.15rem;font-weight:900}.shop-identity{border-block:1px solid var(--companion-white-a18,color-mix(in srgb, var(--kopitiam-card) 18%, transparent));gap:.45rem;margin-block:2rem 1.25rem;padding-block:1.35rem;display:grid}.shop-identity strong{text-overflow:ellipsis;font-size:1.15rem;overflow:hidden}.shop-label,.workspace-topline,.card-kicker,.status-label,.status-time,.empty-note,.workspace-footer{font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.075em;text-transform:uppercase;font-size:.72rem}.shop-label{color:var(--companion-white-a66,var(--kopitiam-paper))}.plan-badge{background:var(--companion-cyan,var(--kopitiam-kaya));color:var(--companion-navy,var(--kopitiam-ink));text-transform:uppercase;border-radius:999px;align-items:center;min-block-size:1.7rem;inline-size:max-content;padding-inline:.7rem;font-size:.72rem;font-weight:850;display:inline-flex}.owner-navigation ul{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.owner-navigation a{border-radius:.55rem;align-items:center;gap:.8rem;min-block-size:3rem;padding-inline:.8rem;font-size:.95rem;font-weight:650;text-decoration:none;display:flex}.owner-navigation a:hover{background:var(--companion-white-a8,transparent)}.owner-navigation a[aria-current=page]{background:var(--companion-white,var(--kopitiam-card));color:var(--companion-navy,var(--kopitiam-ink))}.nav-mark{opacity:.72;border:1.5px solid;border-radius:.18rem;block-size:.85rem;inline-size:.85rem}.owner-navigation a[aria-current=page] .nav-mark{background:var(--companion-amber,var(--kopitiam-orange));border-color:var(--companion-amber,var(--kopitiam-orange-deep))}.rail-promise{color:var(--companion-white-a66,var(--kopitiam-paper));max-inline-size:18ch;margin:auto 0 0;font-size:.78rem;line-height:1.5}.workspace-main{min-inline-size:0;padding:1.6rem clamp(1.25rem,4vw,4.5rem) 1.5rem}.workspace-topline{border-block-end:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink-soft,var(--kopitiam-ink-muted));justify-content:space-between;align-items:center;padding-block-end:1rem;display:flex}.workspace-topline p{margin:0}.workspace-topline span{border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:999px;padding:.45rem .75rem}.home-intro{grid-template-columns:minmax(0,1.2fr) minmax(15rem,.8fr);align-items:end;gap:clamp(2rem,7vw,8rem);padding-block:clamp(3rem,7vw,6rem) clamp(2.5rem,5vw,4.5rem);scroll-margin-block-start:1rem;display:grid}.eyebrow,.card-kicker{color:var(--companion-signal,var(--kopitiam-orange-deep));font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.09em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:700}h1,.status-heading{font-family:var(--typeface-display,"Arial Narrow", "Avenir Next Condensed", Arial, sans-serif);font-stretch:75%}h1{letter-spacing:var(--typeface-display-tracking,-.065em);text-wrap:balance;max-inline-size:9ch;margin:0;font-size:clamp(3.25rem,6.8vw,7.2rem);line-height:.88}.owner-intro{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));max-inline-size:32rem;margin:0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.home-grid{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.7fr);gap:1.25rem;display:grid}.signal-frame{min-inline-size:0}.signal-window{background:var(--companion-signal,var(--kopitiam-ink));border:.55rem solid var(--companion-signal-dark,var(--kopitiam-ink));box-shadow:0 1rem 0 -.45rem var(--companion-ink-a12,color-mix(in srgb, var(--kopitiam-ink) 12%, transparent));color:var(--companion-white,var(--kopitiam-paper));border-radius:1.1rem;min-block-size:24rem;padding:clamp(1.5rem,3vw,3rem);position:relative;overflow:hidden}.screen-bezel{gap:.35rem;display:flex;position:absolute;inset-block-start:1.1rem;inset-inline-end:1.2rem}.screen-bezel span{background:var(--companion-white-a36,transparent);border-radius:999px;block-size:.32rem;inline-size:.32rem}.signal-content{flex-direction:column;min-block-size:18rem;display:flex}.status-label,.status-time{color:var(--companion-white-a78,var(--kopitiam-paper))}.status-label{margin:0}.status-heading{letter-spacing:var(--typeface-display-tracking,-.055em);margin:auto 0 1rem;font-size:clamp(4rem,8vw,7.5rem);line-height:.85}.signal-frame[data-state=checking] .status-heading,.signal-frame[data-state=offline] .status-heading{font-size:clamp(3rem,5.4vw,5.4rem)}.status-description{max-inline-size:31rem;margin:0;font-size:1rem;line-height:1.55}.status-footer{justify-content:space-between;align-items:end;gap:1.5rem;margin-block-start:2rem;display:flex}.check-link,.access-action{background:var(--companion-white,var(--kopitiam-card));border:2px solid var(--companion-white,var(--kopitiam-card));color:var(--companion-ink,var(--kopitiam-ink));border-radius:999px;justify-content:center;align-items:center;min-block-size:2.75rem;padding-inline:1.2rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.check-link:hover{color:var(--companion-white,var(--kopitiam-paper));background:0 0}.power-bead{background:var(--companion-amber,var(--kopitiam-orange));border:2px solid var(--companion-signal-dark,var(--kopitiam-ink));block-size:.65rem;box-shadow:0 0 0 .28rem var(--companion-amber-a24,color-mix(in srgb, var(--kopitiam-orange) 24%, transparent));border-radius:999px;inline-size:.65rem;position:absolute;inset-block-end:1rem;inset-inline-end:1rem}.signal-frame[data-state=ready] .power-bead{background:var(--companion-success,var(--kopitiam-live));box-shadow:0 0 0 .28rem var(--companion-success-a24,color-mix(in srgb, var(--kopitiam-live) 24%, transparent))}.first-step,.empty-card,.more-panel{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.85rem}.first-step{flex-direction:column;padding:clamp(1.5rem,3vw,2.4rem);display:flex}.first-step h2,.more-panel h2,.empty-card h2{letter-spacing:var(--typeface-display-tracking,-.035em);margin:0;line-height:1.05}.first-step h2{max-inline-size:10ch;font-size:clamp(2rem,3vw,3rem)}.first-step>p:not(.card-kicker),.more-panel>p,.empty-card p{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));line-height:1.6}.allowance-row{border-block-start:1px solid var(--companion-line,var(--kopitiam-line));gap:.25rem;margin-block-start:auto;padding-block-start:1.4rem;display:grid}.allowance-row span{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));font-size:.8rem}.allowance-row strong{font-size:1.1rem}.empty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:clamp(3rem,6vw,5rem);display:grid}.empty-card{grid-template-columns:auto minmax(0,1fr);gap:1.25rem;min-block-size:14rem;padding:1.5rem;scroll-margin-block-start:1rem;display:grid}.empty-number{background:var(--companion-canvas,var(--kopitiam-paper));border:1px solid var(--companion-line,var(--kopitiam-line));block-size:2.6rem;font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);border-radius:.55rem;justify-content:center;align-items:center;inline-size:2.6rem;font-size:.8rem;font-weight:800;display:inline-flex}.empty-card h2{font-size:clamp(1.35rem,2vw,1.8rem)}.empty-card p{margin-block-end:0}.empty-note{border-block-start:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink-soft,var(--kopitiam-ink-muted));grid-column:1/-1;align-self:end;padding-block-start:1rem}.empty-card a.empty-note{align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;padding-block:.65rem;display:flex}.empty-card a.empty-note:focus-visible{outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.screens-panel{scroll-margin-block-start:1rem}.screen-card{background:var(--companion-navy,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));border-radius:.85rem;grid-template-columns:minmax(8rem,.85fr) minmax(0,1.15fr);gap:1.5rem;min-block-size:14rem;padding:1.5rem;display:grid;overflow:hidden}.screen-card-display{aspect-ratio:16/10;background:var(--companion-signal,var(--kopitiam-ink));border:.38rem solid var(--companion-teal-071d23,var(--kopitiam-ink));box-shadow:0 .7rem 0 -.45rem var(--companion-black-a38,color-mix(in srgb, var(--kopitiam-ink) 38%, transparent));border-radius:.55rem;align-self:center;position:relative;overflow:hidden}.screen-card-stand{background:var(--companion-teal-071d23,var(--kopitiam-ink));block-size:.4rem;inline-size:28%;position:absolute;inset-block-end:-.55rem;inset-inline-start:36%}.screen-card-scan,.pairing-scan{background:var(--companion-screen-card-scan-wash,transparent);opacity:0;block-size:2px;inline-size:100%;position:absolute;inset-block-start:18%;inset-inline-start:0}.screen-card[data-status=online] .screen-card-scan,.pairing-scan{opacity:1;animation:2.8s ease-in-out infinite screen-scan}.screen-card-copy{align-self:center;min-inline-size:0}.screen-card-copy .card-kicker{color:var(--companion-cyan,var(--kopitiam-kaya))}.rendered-output{border-top:1px solid var(--companion-white-a16,color-mix(in srgb, var(--kopitiam-card) 16%, transparent));gap:.65rem;margin-top:1rem;padding-top:1rem;display:grid}.rendered-output-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.rendered-output-heading small,.rendered-output-time{color:var(--companion-white-a76,var(--kopitiam-paper))}.rendered-output-image{object-fit:contain;background:var(--companion-blue-101317,var(--kopitiam-ink));border:1px solid var(--companion-white-a18,color-mix(in srgb, var(--kopitiam-card) 18%, transparent));border-radius:.7rem;width:100%;height:auto;max-height:18rem;display:block}.snapshot-button{background:var(--companion-cyan,var(--kopitiam-kaya));border:1px solid var(--companion-cyan,var(--kopitiam-orange-deep));color:var(--companion-navy,var(--kopitiam-ink));cursor:pointer;white-space:nowrap;border-radius:999px;min-height:2.4rem;padding:.55rem .8rem}.snapshot-button:disabled{cursor:wait;opacity:.65}.rendered-output-empty,.rendered-output-result{color:var(--companion-white-a76,var(--kopitiam-paper));margin:0;font-size:.86rem}.rendered-output-result:empty{display:none}.screen-card h2{font-family:var(--typeface-display,"Arial Narrow", "Avenir Next Condensed", Arial, sans-serif);letter-spacing:var(--typeface-display-tracking,-.05em);margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:.95}.screen-current-content,.screen-no-content{border-block-start:1px solid var(--companion-white-a16,color-mix(in srgb, var(--kopitiam-card) 16%, transparent));margin-block:.9rem 0;padding-block-start:.85rem}.screen-current-content{gap:.55rem;display:grid}.screen-current-content .card-kicker,.screen-current-content strong,.screen-current-content small,.screen-no-content{margin:0}.screen-current-content strong{overflow-wrap:anywhere;font-size:.92rem;line-height:1.25;display:block}.screen-current-content small,.screen-no-content{color:var(--companion-white-a68,var(--kopitiam-paper));font-size:.72rem;line-height:1.45}.screen-play-state{background:var(--companion-white-a12,transparent);color:var(--companion-white-a78,var(--kopitiam-paper));border-radius:999px;align-items:center;min-block-size:1.8rem;inline-size:max-content;padding-inline:.7rem;font-size:.7rem;font-weight:850;display:inline-flex}.screen-current-content[data-delivery=playing] .screen-play-state{background:var(--companion-green-dff4ec,var(--kopitiam-card));color:var(--companion-green-17634f,var(--kopitiam-live))}.screen-state-line{align-items:center;gap:.55rem;margin-block:1.2rem .5rem;display:flex}.screen-contact{color:var(--companion-white-a72,var(--kopitiam-paper));margin:0;font-size:.85rem;line-height:1.5}.playback-controls{border-block-start:1px solid var(--companion-white-a16,color-mix(in srgb, var(--kopitiam-card) 16%, transparent));gap:.75rem;margin-block-start:1rem;padding-block-start:1rem;display:grid}.playback-heading,.playback-primary-row{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.playback-heading h3{margin:.12rem 0 0;font-size:1rem;line-height:1.15}.playback-status{background:var(--companion-white-a12,transparent);border:1px solid var(--companion-white-a18,color-mix(in srgb, var(--kopitiam-card) 18%, transparent));color:var(--companion-white,var(--kopitiam-paper));border-radius:999px;padding:.35rem .6rem;font-size:.68rem;font-weight:850}.playback-status[data-status=executed]{background:var(--companion-green-dff4ec,var(--kopitiam-card));color:var(--companion-green-17634f,var(--kopitiam-live))}.playback-status[data-status=expired],.playback-status[data-status=failed]{background:var(--companion-red-fff0ec,var(--kopitiam-card));color:var(--companion-red-8b2b1f,var(--kopitiam-error))}.playback-controls button{background:var(--companion-white-a10,transparent);border:1px solid var(--companion-white-a25,color-mix(in srgb, var(--kopitiam-card) 25%, transparent));color:var(--companion-white,var(--kopitiam-paper));cursor:pointer;font:inherit;border-radius:.58rem;justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:0;padding:.55rem .8rem;font-size:.75rem;font-weight:800;display:inline-flex}.playback-controls button:hover:not(:disabled){background:var(--companion-white-a20,transparent);border-color:var(--companion-cyan,var(--kopitiam-orange-deep));outline:2px solid #0000}.playback-controls button:disabled{cursor:not-allowed;opacity:.48}.playback-primary-row>button{flex:1}.playback-controls .playback-show-now{background:var(--companion-cyan,var(--kopitiam-kaya));border-color:var(--companion-cyan,var(--kopitiam-orange-deep));color:var(--companion-navy,var(--kopitiam-ink))}.playback-controls .playback-emergency{border-color:var(--companion-red-ff9a8d,var(--kopitiam-error));color:var(--companion-red-ffc7bf,var(--kopitiam-error))}.playback-transport{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-inline-size:0;margin:0;padding:0;display:grid}.playback-message,.playback-hint{color:var(--companion-white-a72,var(--kopitiam-paper));margin:0;font-size:.72rem;line-height:1.45}.playback-hint{color:var(--companion-red-ffc7bf,var(--kopitiam-error))}.pairing-page{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-block-size:100svh;padding:clamp(1rem,4vw,3rem);display:grid}.pairing-brand{justify-self:start}.pairing-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:0 1.5rem 4rem color-mix(in srgb, var(--kopitiam-ink) 10%, transparent);overflow-wrap:anywhere;border-radius:1.1rem;place-self:center;inline-size:min(100%,42rem);min-inline-size:0;padding:clamp(1.25rem,5vw,3.5rem)}.pairing-card h1{max-inline-size:11ch;font-size:clamp(2.75rem,8vw,5.2rem)}.pairing-display{aspect-ratio:16/9;background:var(--kopitiam-ink);border:.5rem solid var(--kopitiam-ink);color:var(--kopitiam-paper);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;margin-block-end:2.25rem;display:flex;position:relative;overflow:hidden}.pairing-display[data-orientation=portrait]{aspect-ratio:9/14;inline-size:min(54%,15rem);margin-inline:auto}.pairing-code-label{color:var(--kopitiam-paper);font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.pairing-display strong{font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.08em;margin-block-start:.55rem;font-size:clamp(1.65rem,7vw,3.4rem)}.pairing-description{color:var(--kopitiam-ink-muted);max-inline-size:32rem;font-size:1.05rem;line-height:1.65}.pairing-actions{align-items:center;gap:1rem;margin-block-start:2rem;display:flex}.pairing-actions button,.pairing-primary-link{background:var(--kopitiam-ink);border:2px solid var(--kopitiam-ink);color:var(--kopitiam-paper);cursor:pointer;font:inherit;border-radius:999px;justify-content:center;align-items:center;min-block-size:3.15rem;padding-inline:1.35rem;font-size:.92rem;font-weight:800;text-decoration:none;display:inline-flex}.pairing-actions button:disabled{cursor:wait;opacity:.68}.pairing-actions a{font-size:.92rem;font-weight:700}.pairing-success,.pairing-error-mark{aspect-ratio:1;background:var(--kopitiam-ink);color:var(--kopitiam-kaya);border-radius:50%;justify-content:center;align-items:center;inline-size:5rem;margin-block-end:2rem;font-size:2.4rem;font-weight:900;display:flex}.pairing-error-mark{color:var(--kopitiam-orange-deep)}@keyframes screen-scan{0%,to{opacity:.25;inset-block-start:18%}50%{opacity:1;inset-block-start:82%}}.more-panel{overflow-wrap:anywhere;grid-template-columns:minmax(0,.7fr) minmax(16rem,1fr);align-items:start;gap:3rem;min-inline-size:0;padding:clamp(1.5rem,4vw,3.5rem);scroll-margin-block-start:1rem;display:grid}.more-panel h2{font-size:clamp(2rem,3.6vw,3.6rem)}.more-intro>p:last-child{max-inline-size:38rem;margin:0}.entitlement-card{background:var(--companion-navy,var(--kopitiam-ink));border:1px solid var(--companion-white-a12,color-mix(in srgb, var(--kopitiam-card) 12%, transparent));box-shadow:0 1.6rem 4rem var(--companion-teal-0a272f-a18,color-mix(in srgb, var(--kopitiam-ink) 18%, transparent));color:var(--companion-white,var(--kopitiam-paper));border-radius:1.35rem;min-inline-size:0;padding:clamp(1.25rem,3vw,2rem);overflow:hidden}.entitlement-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.entitlement-card-heading>*{min-inline-size:0;max-inline-size:100%}.entitlement-card-heading h3{margin:.2rem 0 0;font-size:clamp(1.8rem,3vw,2.7rem)}.entitlement-card-heading>strong{background:var(--companion-cyan,var(--kopitiam-kaya));color:var(--companion-navy,var(--kopitiam-ink));border-radius:999px;padding:.55rem .8rem;font-size:1rem}.entitlement-card .card-kicker,.entitlement-summary,.entitlement-definition{color:var(--companion-white-a76,var(--kopitiam-paper))}.entitlement-summary{margin-block:1rem 1.5rem;line-height:1.55}.entitlement-list{gap:0;margin:0;display:grid}.entitlement-row{border-block-start:1px solid var(--companion-white-a14,color-mix(in srgb, var(--kopitiam-card) 14%, transparent));grid-template-columns:minmax(8rem,1fr) minmax(8rem,1.15fr);gap:1rem;padding-block:.9rem;display:grid}.entitlement-row dt,.entitlement-row dd{margin:0}.entitlement-row dt{font-weight:700}.entitlement-row dd{text-align:end;justify-items:stretch;gap:.35rem;display:grid}.entitlement-row meter{accent-color:var(--companion-cyan,var(--kopitiam-orange-deep));block-size:.65rem;inline-size:100%}.entitlement-row meter::-webkit-meter-bar{background:var(--companion-white-a18,transparent);border:0;border-radius:999px}.entitlement-row meter::-webkit-meter-optimum-value{background:var(--companion-cyan,var(--kopitiam-kaya));border-radius:999px}.entitlement-detail dd{color:var(--companion-white-a76,var(--kopitiam-paper));line-height:1.45}.entitlement-definition{margin:1rem 0 0;font-size:.83rem;line-height:1.45}.entitlement-unavailable{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:1rem;margin:0;padding:1.25rem}.billing-link,.billing-action{background:var(--companion-ink,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.entitlement-card .billing-link{text-align:center;white-space:normal;min-inline-size:0;max-inline-size:100%}.billing-page{display:grid}.billing-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:22px;align-content:start;gap:16px;min-inline-size:0;padding:clamp(20px,3vw,28px);display:grid}.billing-card>p:not(.card-kicker,.billing-status){max-inline-size:36em;margin:0;line-height:1.55}.billing-card>h2,.billing-card>h3{margin:0}.billing-card>.billing-action{justify-self:start}.billing-currency,.billing-operation-field,.billing-campaign-code label{grid-template-columns:minmax(0,1fr);gap:8px;min-inline-size:0;font-size:.875rem;font-weight:700;display:grid}.billing-currency select{justify-self:start}.billing-checkout-fields{flex-wrap:wrap;align-items:end;gap:16px 24px;display:flex}.billing-checkout-fields .billing-currency:first-child{flex:20rem;max-inline-size:28rem}.billing-campaign-controls,.billing-campaign-code{flex-wrap:wrap;align-items:end;gap:12px 16px;display:flex}.billing-campaign-code label{flex:18rem}.billing-campaign-offer{background:var(--kopitiam-paper);border-radius:16px;gap:14px;padding:18px;display:grid}.billing-campaign-offer>p{margin:0}.account-page .billing-campaign-offer h3{font-variant-numeric:tabular-nums;letter-spacing:var(--typeface-display-tracking);overflow-wrap:break-word;margin:0;font-size:max(min(2rem,8.5vw),1.5rem);font-weight:800;line-height:1.1}.billing-campaign-disclosures{gap:6px;margin:0;padding-inline-start:1.2rem;line-height:1.5;display:grid}.billing-confirmation,.billing-screen-choice label{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-size:.875rem;font-weight:600;line-height:1.5;display:grid}.billing-campaign-offer>label:has(>input[type=checkbox]){cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-size:.875rem;font-weight:600;line-height:1.5;display:grid}.billing-grid .billing-card>label:has(>input[type=checkbox]){cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-size:.875rem;font-weight:600;line-height:1.5;display:grid}.billing-grid .billing-card>label:has(>input[type=checkbox]){background:var(--kopitiam-paper);border-radius:12px;padding:12px 14px}.account-page .billing-campaign-offer input:where(:not([type=checkbox])){background:var(--kopitiam-card)}.billing-campaign-offer .billing-action{justify-self:start}.payment-grace-card{background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-tint)}.payment-grace-card>.card-kicker{align-items:center;gap:8px;display:inline-flex}.payment-grace-card>.card-kicker:before{background:var(--kopitiam-orange-deep);block-size:1.25rem;color:var(--kopitiam-card);content:"!" / "";letter-spacing:0;border-radius:50%;flex:none;justify-content:center;align-items:center;inline-size:1.25rem;font-size:.8125rem;font-weight:800;display:inline-flex}.account-page .payment-grace-card :is(select,input){background:var(--kopitiam-card)}.payment-grace-card .billing-action{justify-self:start}.billing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr));gap:20px;display:grid}.billing-grid .billing-card{flex-direction:column;display:flex}.billing-grid .billing-card>h2{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.1}.billing-grid .billing-card>p:not(.card-kicker){color:var(--kopitiam-ink-muted);font-size:.875rem}.billing-grid .billing-action{inline-size:100%;margin-block-start:auto}.billing-card fieldset{border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}.billing-card legend{color:var(--kopitiam-ink-muted);margin-block-end:8px;padding:0;font-size:.8125rem;font-weight:700}.billing-card fieldset label{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-block-size:2.75rem;min-inline-size:0;padding:8px 12px;font-size:.875rem;font-weight:600;line-height:1.3;display:flex}.billing-card fieldset label:has(input:checked){background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep);box-shadow:inset 0 0 0 1px var(--kopitiam-orange-deep)}.billing-totals,.billing-receipt-totals{gap:0;margin:0;display:grid}.billing-totals>div,.billing-receipt-totals>div,.billing-referral-balances>div,.billing-status-list li{border-block-start:1px solid var(--kopitiam-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-block:8px;font-size:.9375rem;line-height:1.45;display:flex}.billing-totals>div>*,.billing-receipt-totals>div>*,.billing-referral-balances>div>*,.billing-status-list li>*{min-inline-size:0}.billing-totals>div:first-child,.billing-receipt-totals>div:first-child{border-block-start:0}.billing-totals dt,.billing-receipt-totals dt{color:var(--kopitiam-ink-muted)}.billing-totals dd,.billing-receipt-totals dd,.billing-referral-balances dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:end;margin:0 0 0 auto;font-weight:700}.billing-receipt-totals>.billing-receipt-total{border-block-start:2px solid var(--kopitiam-ink);font-size:1.0625rem;font-weight:800}.billing-receipt-total dt{color:var(--kopitiam-ink)}.billing-provider-note{color:var(--kopitiam-ink-muted);max-inline-size:40em;font-size:.875rem;line-height:1.55}.billing-referral-redeem,.billing-referral-invite{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:22px;gap:12px;min-inline-size:0;padding:clamp(20px,3vw,28px);display:grid}.billing-referral-redeem{max-inline-size:48rem}.billing-referral-invite{background:var(--kopitiam-paper);border-radius:16px;padding:18px}.billing-referral-invite h3,.billing-referral-redeem h2,.billing-referral-invite>p,.billing-referral-redeem>p{margin:0}.billing-referral-invite>p:not(.billing-operation-field,.billing-operation-status){color:var(--kopitiam-ink-muted);line-height:1.5}.billing-referral-redeem>p:not(.eyebrow,.billing-operation-status){max-inline-size:36em;line-height:1.55}.account-page .billing-referral-invite input{background:var(--kopitiam-card);inline-size:100%}.billing-referral-invite-actions{flex-wrap:wrap;gap:10px;display:flex}.billing-referral-invite .billing-action,.billing-referral-redeem .billing-action{justify-self:start}.billing-operations{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:22px;grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);display:grid}.billing-operation{align-content:start;gap:16px;min-inline-size:0;padding:clamp(20px,3vw,32px);display:grid;position:relative}.billing-operation:nth-child(-n+2){border-block-end:1px dashed var(--kopitiam-line)}.billing-operation:nth-child(odd){border-inline-end:1px dashed var(--kopitiam-line)}.billing-operations-refund-only{grid-template-columns:minmax(0,1fr)}.billing-operations-refund-only .billing-operation{border:0}.billing-operation-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.billing-operation-heading h2,.billing-operation-heading p,.billing-operation>p{margin:0}.account-page .billing-operation-heading h2{margin-block-end:6px;font-size:1.375rem;line-height:1.15}.billing-operation-heading p:not(.billing-receipt-number){color:var(--kopitiam-ink-muted);font-size:.9375rem;line-height:1.5}.billing-receipt-number{background:var(--kopitiam-kaya);block-size:2rem;color:var(--kopitiam-ink);font-variant-numeric:tabular-nums;letter-spacing:.04em;border-radius:8px;justify-content:center;align-items:center;inline-size:2rem;font-size:.8125rem;font-weight:800;display:inline-flex}.billing-operation-field select{inline-size:100%}.billing-operation .billing-action{justify-self:start}.billing-receipt{background:var(--kopitiam-paper);border-block:1px dashed var(--kopitiam-ink-muted);gap:12px;padding:16px 18px;display:grid}.billing-receipt>strong{font-variant-numeric:tabular-nums;font-size:1.25rem}.billing-receipt>p{margin:0}.billing-receipt-label{color:var(--kopitiam-ink-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.billing-receipt-meta,.billing-operation-timing{color:var(--kopitiam-ink-muted);margin:0;font-size:.875rem;line-height:1.5}.billing-screen-choice{border:0;gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}.billing-screen-choice legend{margin-block-end:6px;padding:0;font-weight:800}.billing-screen-choice>p{color:var(--kopitiam-ink-muted);margin:0}.billing-capacity-readout{justify-content:space-between;align-items:end;gap:16px;margin:0;display:flex}.billing-capacity-readout span{color:var(--kopitiam-ink-muted);font-size:.875rem}.billing-capacity-readout strong{font-variant-numeric:tabular-nums;letter-spacing:var(--typeface-display-tracking);font-size:2.25rem;font-weight:800;line-height:1}.billing-status-list{margin:0;padding:0;list-style:none;display:grid}.billing-status-list strong{text-align:end;font-size:.875rem}.billing-referral-balances{gap:8px;margin:0;display:grid}.billing-referral-balances>div{background:var(--kopitiam-kaya);border:0;border-radius:12px;padding:12px 16px}.billing-referral-balances dd{font-size:1.25rem;font-weight:800}@media (max-width:880px){.billing-operations{grid-template-columns:minmax(0,1fr)}.billing-operation,.billing-operation:nth-child(odd){border-block-end:1px dashed var(--kopitiam-line);border-inline-end:0}.billing-operation:last-child{border-block-end:0}}@media (max-width:30rem){.billing-campaign-code .billing-action,.payment-grace-card .billing-action,.billing-operation .billing-action,.billing-referral-redeem .billing-action{justify-self:stretch;inline-size:100%}}@media (forced-colors:active){.billing-card,.billing-operations,.billing-referral-redeem,.billing-referral-invite{border:2px solid canvastext}}.notification-centre{background:var(--companion-notification-centre-wash,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));box-shadow:0 1.4rem 3.5rem var(--companion-teal-0a272f-a10,color-mix(in srgb, var(--kopitiam-ink) 10%, transparent));overflow-wrap:anywhere;border-radius:1.35rem;grid-template-columns:minmax(14rem,.55fr) minmax(20rem,1fr);gap:clamp(1.5rem,3vw,2.5rem);min-inline-size:0;margin-block-start:clamp(2rem,5vw,4rem);padding:clamp(1.5rem,4vw,3.5rem);scroll-margin-block-start:1rem;display:grid;overflow:hidden}.notification-centre-intro h2{margin-block:.45rem 1rem;font-size:clamp(2rem,3.5vw,3.5rem);line-height:.98}.notification-centre-intro>p:last-child{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));max-inline-size:34rem;margin:0;line-height:1.6}.notification-preferences{gap:1.25rem;min-inline-size:0;display:grid}.notification-preferences fieldset{border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:1rem;gap:1rem;min-inline-size:0;margin:0;padding:1.2rem;display:grid}.notification-preferences legend{color:var(--companion-ink,var(--kopitiam-ink));padding-inline:.45rem;font-size:1rem;font-weight:800}.notification-choice{cursor:pointer;align-items:start;gap:.75rem;min-block-size:2.75rem;min-inline-size:0;padding:.65rem .75rem;display:flex}.notification-choice input{accent-color:var(--companion-signal,var(--kopitiam-orange-deep));flex:none;block-size:1.2rem;inline-size:1.2rem;margin-block-start:.15rem}.notification-choice>span{gap:.2rem;min-inline-size:0;display:grid}.notification-choice small,.notification-input small,.notification-policy-note{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));line-height:1.45}.notification-choice-fixed{background:var(--companion-green-e9f7f4,var(--kopitiam-card));border-radius:.8rem;padding:.85rem}.notification-destination{border-block-start:1px solid var(--companion-green-dde6e4,var(--kopitiam-line));grid-template-columns:minmax(9rem,.7fr) minmax(12rem,1fr);gap:1rem;min-inline-size:0;padding-block-start:1rem;display:grid}.notification-input{gap:.4rem;min-inline-size:0;display:grid}.notification-input>span{color:var(--companion-ink,var(--kopitiam-ink));font-size:.82rem;font-weight:750}.notification-input input,.notification-input select{background:var(--companion-green-f5f8f7,var(--kopitiam-card));border:1px solid var(--companion-grey-5f7774,var(--kopitiam-ink-muted));color:var(--companion-ink,var(--kopitiam-ink));font:inherit;border-radius:.7rem;min-block-size:2.9rem;inline-size:100%;min-inline-size:0;padding:.65rem .75rem}.notification-input input:disabled,.notification-input select:disabled,.notification-choice input:disabled{cursor:not-allowed;opacity:.65}.notification-input input:focus-visible,.notification-input select:focus-visible{outline:3px solid var(--companion-amber-6d4b00,var(--kopitiam-ink));outline-offset:3px}.notification-choice:has(input:focus-visible){outline:3px solid var(--companion-amber-6d4b00,var(--kopitiam-ink));outline-offset:3px}.notification-policy-note{border-inline-start:.25rem solid var(--companion-amber,var(--kopitiam-orange-deep));margin:0;padding-inline-start:.75rem}.notification-choice-digest{background:var(--companion-green-f5f8f7,var(--kopitiam-card));border-radius:.8rem;padding:.85rem}.notification-digest-grid{grid-template-columns:.65fr 1.35fr 1fr;gap:.8rem;display:grid}.notification-save-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.notification-save-row button{background:var(--companion-navy,var(--kopitiam-ink));border:1px solid var(--companion-navy,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));cursor:pointer;font:inherit;border-radius:999px;min-block-size:3rem;padding-inline:1.35rem;font-weight:800}.notification-save-row button:disabled{cursor:wait;opacity:.65}.notification-save-row button:focus-visible{outline:3px solid var(--companion-amber-6d4b00,var(--kopitiam-ink));outline-offset:3px}.notification-save-row p{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin:0}.notification-save-row p[data-state=invalid],.notification-save-row p[data-state=unavailable]{color:var(--companion-red-8a2d2d,var(--kopitiam-error))}.notification-feed{border-block-start:1px solid var(--companion-line,var(--kopitiam-line));grid-column:1/-1;padding-block-start:1.5rem}.notification-feed h3{margin-block:0 1rem;font-size:1.25rem}.notification-feed ol{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.notification-feed li{background:var(--companion-green-f5f8f7,var(--kopitiam-card));border-inline-start:.35rem solid var(--companion-signal,var(--kopitiam-orange-deep));border-radius:0 .75rem .75rem 0;gap:.4rem;padding:1rem;display:grid}.notification-feed li[data-kind=payment_failed],.notification-feed li[data-kind=publish_failed],.notification-feed li[data-kind=screen_offline],.notification-feed li[data-kind=security_event]{border-inline-start-color:var(--companion-amber,var(--kopitiam-orange-deep))}.notification-feed li>div{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;font-size:.78rem;font-weight:700;display:flex}.notification-feed li>strong{font-size:1.05rem}.notification-feed li>p,.notification-feed-empty,.notification-unavailable{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin:0;line-height:1.5}.notification-unavailable{background:var(--companion-green-f5f8f7,var(--kopitiam-card));border-radius:.85rem;align-self:start;padding:1rem}.workspace-footer{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));justify-content:space-between;padding-block:3rem .5rem;display:flex}.access-state{grid-template-rows:auto 1fr;min-block-size:100svh;padding:clamp(1.5rem,5vw,4.5rem);display:grid}.access-state section{align-self:center;max-inline-size:48rem}.access-state h1{max-inline-size:11ch}.access-state section>p:not(.eyebrow){color:var(--companion-ink-soft,var(--kopitiam-ink-muted));max-inline-size:35rem;margin-block:2rem;font-size:1.1rem;line-height:1.65}.access-action{background:var(--companion-navy,var(--kopitiam-ink));border-color:var(--companion-navy,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));min-block-size:3rem}html:has(.workspace-shell,.pairing-page,.access-state[data-surface=workspace]){background:var(--kopitiam-paper);color:var(--kopitiam-ink)}.workspace-shell,.pairing-page,.access-state[data-surface=workspace]{background:var(--kopitiam-paper);color:var(--kopitiam-ink)}.workspace-shell :is(.workspace-rail,.workspace-topline,.owner-mode-guide,.home-intro,.home-grid,.empty-grid,.more-panel,.notification-centre,.workspace-footer,.wall-status-card) :is(a,button,input,select,textarea,summary):focus-visible,.pairing-page :is(a,button):focus-visible,.access-state[data-surface=workspace] a:focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.workspace-shell :is(.workspace-rail,.signal-window) :is(a,button,select):focus-visible{box-shadow:0 0 0 6px var(--kopitiam-paper)}.workspace-shell>.skip-link{background:var(--kopitiam-card);border:2px solid var(--kopitiam-orange-deep);color:var(--kopitiam-ink);border-radius:.75rem;font-weight:700;text-decoration:none}.workspace-shell>.skip-link:focus-visible{box-shadow:0 0 0 6px var(--kopitiam-paper);outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.workspace-shell :is(.owner-mode-guide,.home-intro,.signal-window,.first-step,.empty-card,.screen-card,.more-panel,.notification-centre),.pairing-page .pairing-card,.access-state[data-surface=workspace] section{container-type:inline-size}.workspace-shell :is(.home-intro h1,.owner-mode-header h2,.first-step h2,.empty-card h2,.screen-card h2,.more-panel h2,.notification-centre-intro h2,.entitlement-card-heading h3),.pairing-page .pairing-card h1,.access-state[data-surface=workspace] h1{color:var(--kopitiam-ink);font-family:var(--typeface-display);letter-spacing:var(--typeface-display-tracking);overflow-wrap:break-word;text-wrap:balance;max-inline-size:none;font-weight:800;font-stretch:100%;line-height:1.04}:is(.workspace-shell,.pairing-page,.access-state[data-surface=workspace]) :is(h1,h2,h3):lang(ja){word-break:auto-phrase}:is(.workspace-shell,.pairing-page,.access-state[data-surface=workspace]) :is(h1,h2,h3):lang(ko){word-break:keep-all}.workspace-shell :is(.owner-mode-header,.home-intro,.notification-centre-intro,.more-intro) .card-kicker,.workspace-shell .home-intro .eyebrow,.pairing-page .eyebrow,.access-state[data-surface=workspace] .eyebrow{color:var(--kopitiam-orange-deep);font-family:var(--typeface-body);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1.3}.workspace-shell :is(.first-step,.screens-panel,.entitlement-card) .card-kicker{color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1.3}.workspace-shell :is(.owner-mode-action,.notification-save-row button,.playback-controls .playback-show-now),.pairing-page :is(.pairing-actions button,.pairing-primary-link),.access-state[data-surface=workspace] .access-action{background:var(--kopitiam-orange);color:var(--kopitiam-ink);cursor:pointer;font:inherit;overflow-wrap:anywhere;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;min-block-size:3rem;min-inline-size:0;max-inline-size:100%;padding:.5rem 1.375rem;font-size:.9375rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.workspace-shell :is(.owner-mode-action,.notification-save-row button,.playback-controls .playback-show-now):hover:not(:disabled),.pairing-page :is(.pairing-actions button,.pairing-primary-link):hover:not(:disabled),.access-state[data-surface=workspace] .access-action:hover{background:var(--kopitiam-orange-hover)}.workspace-shell :is(.owner-mode-action,.notification-save-row button,.playback-controls .playback-show-now):disabled,.pairing-page .pairing-actions button:disabled{cursor:not-allowed;opacity:.5}.pairing-page .pairing-actions button[aria-busy=true]:disabled{cursor:progress;opacity:1;gap:.5rem}.pairing-page .pairing-actions .owner-status-icon{flex:none;block-size:1.25em;inline-size:1.25em}.workspace-shell :is(.playback-controls button:not(.playback-show-now,.playback-emergency),.snapshot-button,.wall-status-card button){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);cursor:pointer;font:inherit;overflow-wrap:anywhere;text-align:center;white-space:normal;border-radius:999px;justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:0;padding:.5rem .875rem;font-size:.8125rem;font-weight:700;line-height:1.25;display:inline-flex}.workspace-shell :is(.playback-controls button:not(.playback-show-now,.playback-emergency),.snapshot-button,.wall-status-card button):hover:not(:disabled){background:var(--kopitiam-paper);border-color:var(--kopitiam-ink-muted)}.workspace-shell :is(.playback-controls button:not(.playback-show-now,.playback-emergency),.snapshot-button):disabled{cursor:not-allowed;opacity:.5}.workspace-shell :is(.empty-card a.empty-note,.entitlement-card .billing-link),.pairing-page .pairing-actions a:not(.pairing-primary-link){color:var(--kopitiam-orange-deep);letter-spacing:0;text-align:start;text-transform:none;text-underline-offset:.2em;background:0 0;border:0;justify-content:flex-start;align-items:center;min-block-size:2.75rem;min-inline-size:0;padding:0;font-size:.875rem;font-weight:700;text-decoration:underline;text-decoration-thickness:.08em;display:inline-flex}.workspace-shell :is(.empty-card a.empty-note,.entitlement-card .billing-link):hover,.pairing-page .pairing-actions a:not(.pairing-primary-link):hover{text-decoration-thickness:.14em}.workspace-shell :is(.screen-state-line,.screen-play-state,.playback-status){background:var(--kopitiam-card);color:var(--kopitiam-ink-muted);border:1px solid;border-radius:999px;flex:none;place-self:start;align-items:center;gap:.375rem;min-block-size:1.75rem;inline-size:fit-content;max-inline-size:100%;padding:.1875rem .625rem .1875rem .5rem;font-size:.75rem;font-weight:700;line-height:1.3;display:inline-flex}.workspace-shell :is(.screen-state-line,.screen-play-state) .owner-status-icon{flex:none;block-size:1.15em;inline-size:1.15em}.workspace-shell :is(.playback-status,.notification-save-row p:not(:empty),.notification-feed li:is([data-kind=payment_failed],[data-kind=publish_failed],[data-kind=screen_offline],[data-kind=screen_recovered],[data-kind=security_event])>div>span,.wall-status-card>p,.wall-timing-status strong,.rendered-output-time>span,.playback-message[data-state=error],.rendered-output-result[data-state=error],.rendered-output-outcome):before{box-sizing:border-box;content:"";background-color:currentColor;border:0;border-radius:0;flex:none;block-size:.875rem;inline-size:.875rem;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.25'/%3E%3Cpath d='M8 4.9V8l2.2 1.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.25'/%3E%3Cpath d='M8 4.9V8l2.2 1.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.workspace-shell :is(.playback-status[data-status=executed],.notification-save-row p[data-state=saved],.notification-feed li[data-kind=screen_recovered]>div>span,.wall-status-card[data-state=armed]>p,.wall-status-card[data-sync=qualified] .wall-timing-status strong):before{border:solid;background:0 0;border-width:0 2px 2px 0;border-radius:0;block-size:.6875rem;inline-size:.375rem;margin-inline:.125rem;transform:translateY(-.0625rem)rotate(45deg);-webkit-mask:none;mask:none}.workspace-shell :is(.playback-status:is([data-status=failed],[data-status=expired]),.notification-save-row p:is([data-state=invalid],[data-state=unavailable],[data-state=signed_out]),.notification-feed li:is([data-kind=payment_failed],[data-kind=publish_failed],[data-kind=screen_offline],[data-kind=security_event])>div>span,.wall-status-card[data-state=needs_setup]>p,.wall-status-card:is([data-sync=attention],[data-sync=unavailable]) .wall-timing-status strong,.rendered-output-time>span,.playback-message[data-state=error],.rendered-output-result[data-state=error],.rendered-output-outcome):before{background:0 0;border:.25rem solid;border-radius:1px;block-size:.5rem;inline-size:.5rem;margin-inline:.0625rem;transform:rotate(45deg);-webkit-mask:none;mask:none}.workspace-shell{grid-template-columns:15.5rem minmax(0,1fr)}.workspace-shell .workspace-rail{background:var(--kopitiam-ink);color:var(--kopitiam-paper);gap:1.375rem;padding:1.5rem 1rem}.workspace-shell .rail-brand{padding-inline:.375rem}.workspace-shell .shop-identity{border:0;flex-direction:column;align-items:flex-start;gap:.375rem;min-inline-size:0;margin:0;padding:0 .375rem;display:flex}.workspace-shell .shop-label{color:var(--kopitiam-line);font-family:var(--typeface-body);letter-spacing:.14em;font-size:.6875rem;font-weight:700;line-height:1.3}.workspace-shell .shop-identity strong{color:var(--kopitiam-paper);letter-spacing:-.02em;overflow-wrap:anywhere;max-inline-size:100%;font-size:1.375rem;font-weight:800;line-height:1.15;overflow:visible}.workspace-shell .plan-badge{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);font-family:var(--typeface-body);letter-spacing:.06em;border-radius:999px;min-block-size:0;padding:.1875rem .625rem;font-size:.6875rem;font-weight:800;line-height:1.3}.workspace-shell .owner-navigation ul{gap:.375rem}.workspace-shell .owner-navigation a{color:var(--kopitiam-paper);border-radius:.75rem;gap:.75rem;min-block-size:2.75rem;padding-inline:.875rem;font-size:.9375rem;font-weight:700;line-height:1.25}.workspace-shell .owner-navigation a:hover{background:var(--kopitiam-ink-raised)}.workspace-shell .owner-navigation a[aria-current=page]{background:var(--kopitiam-paper);color:var(--kopitiam-ink)}.workspace-shell .nav-mark{background:var(--kopitiam-mark-tile);opacity:1;border:0;border-radius:2px;flex:none;block-size:8px;inline-size:8px}.workspace-shell .owner-navigation a[aria-current=page] .nav-mark{background:var(--kopitiam-orange)}.workspace-shell .rail-links{border-block-start:1px solid var(--kopitiam-mark-tile);flex-direction:column;gap:.125rem;margin:0;padding:.625rem .375rem 0;list-style:none;display:flex}.workspace-shell .team-rail-link{color:var(--kopitiam-line);text-underline-offset:.2em;align-items:center;min-block-size:2rem;font-size:.8125rem;font-weight:600;line-height:1.3;text-decoration:underline;text-decoration-thickness:.08em;display:inline-flex}.workspace-shell .team-rail-link:hover,.workspace-shell .team-rail-link[aria-current=page]{color:var(--kopitiam-paper)}.workspace-shell .team-rail-link[aria-current=page]{font-weight:800}.workspace-shell .owner-language{border:0;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin:auto 0 0;padding:0 .375rem}.workspace-shell .owner-language label{color:var(--kopitiam-line);gap:.375rem;min-inline-size:0;font-size:.75rem;font-weight:700}.workspace-shell .owner-language :is(select,button){background:var(--kopitiam-ink-raised);border:1px solid var(--kopitiam-line);color:var(--kopitiam-paper);font:inherit;border-radius:.625rem;min-block-size:2.75rem;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding-inline:.625rem;font-size:1rem;font-weight:500}.workspace-shell .owner-language button{cursor:pointer;background:0 0;inline-size:auto;font-weight:700}.workspace-shell .owner-language button:hover{border-color:var(--kopitiam-paper)}.workspace-shell .owner-language :is(button,select):hover:not(:focus-visible){outline:none}.workspace-shell .rail-promise{color:var(--kopitiam-line);max-inline-size:22ch;margin:0;padding-inline:.375rem;font-size:.75rem;line-height:1.5}.workspace-shell .workspace-main{padding:2rem clamp(1.25rem,3vw,2.75rem) 1.5rem}.workspace-shell .workspace-topline{border-block-end:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);letter-spacing:.14em;flex-wrap:wrap;gap:.5rem 1rem;margin-block-end:1.5rem;padding-block-end:1rem;font-size:.75rem;font-weight:700}.workspace-shell .workspace-topline span{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);letter-spacing:.06em;border-radius:999px;padding:.3125rem .75rem}.workspace-shell .workspace-footer{border-block-start:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);letter-spacing:.14em;flex-wrap:wrap;gap:.5rem 1.5rem;margin-block-start:2.5rem;padding-block:1.25rem .5rem;font-size:.75rem;font-weight:700}.workspace-shell .owner-mode-guide{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;border-radius:1.375rem;gap:1.125rem;min-inline-size:0;margin-block:0 1.5rem;padding:clamp(16px,2.2vw,28px);display:grid;container-name:owner-guide}.workspace-shell .owner-mode-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.workspace-shell .owner-mode-header>div:first-child{flex:22rem;grid-template-columns:minmax(0,1fr);gap:.5rem;min-inline-size:0;display:grid}.workspace-shell .owner-mode-header h2{margin:0;font-size:min(clamp(2rem,1.35rem + 1.6vw,2.75rem),11cqi);line-height:1.02}.workspace-shell .owner-mode-header>div:first-child>p:last-child{color:var(--kopitiam-ink-muted);max-inline-size:44rem;margin:0;font-size:1rem;line-height:1.5}.workspace-shell .owner-mode-progress{background:var(--kopitiam-ink);color:var(--kopitiam-paper);border-radius:1rem;flex:0 13.75rem;gap:.625rem;min-inline-size:0;padding:1rem 1.125rem;display:grid}.workspace-shell .owner-mode-progress strong{font-size:1rem;font-weight:700}.workspace-shell .owner-mode-progress span{color:var(--kopitiam-line);font-size:.75rem;line-height:1.4}.workspace-shell .owner-mode-progress progress{accent-color:var(--kopitiam-kaya);appearance:none;background:var(--kopitiam-mark-tile);block-size:8px;color:var(--kopitiam-kaya);border:0;border-radius:999px;inline-size:100%;overflow:hidden}.workspace-shell .owner-mode-progress progress::-webkit-progress-bar{background:var(--kopitiam-mark-tile);border-radius:999px}.workspace-shell .owner-mode-progress progress::-webkit-progress-value{background:var(--kopitiam-kaya);border-radius:999px}.workspace-shell .owner-mode-progress progress::-moz-progress-bar{background:var(--kopitiam-kaya);border-radius:999px}.workspace-shell .owner-mode-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:0}.workspace-shell .owner-mode-steps li{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;border-radius:1rem;flex-direction:column;gap:.5rem;min-block-size:0;min-inline-size:0;padding:16px;display:flex}.workspace-shell .owner-mode-steps li[data-state=done]{background:color-mix(in srgb, var(--kopitiam-live) 7%, transparent);border-color:var(--kopitiam-line)}.workspace-shell .owner-mode-steps li[data-state=current]{border:2px solid var(--kopitiam-orange-deep);box-shadow:none;padding:15px}.workspace-shell .owner-mode-step-number{border:2px solid var(--kopitiam-line);block-size:1.75rem;color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;inline-size:1.75rem;font-size:.8125rem;font-weight:800;display:inline-flex}.workspace-shell .owner-mode-steps [data-state=current]>.owner-mode-step-number{border-color:var(--kopitiam-orange-deep);color:var(--kopitiam-orange-deep)}.workspace-shell .owner-mode-steps [data-state=done]>.owner-mode-step-number{background:var(--kopitiam-live);border-color:var(--kopitiam-live);color:var(--kopitiam-card)}.workspace-shell .owner-mode-step-number .owner-status-icon{block-size:.875rem;inline-size:.875rem}.workspace-shell .owner-mode-steps strong{font-size:.9375rem;font-weight:700;line-height:1.3}.workspace-shell .owner-mode-steps small{color:var(--kopitiam-ink-muted);margin-block-start:.375rem;font-size:.8125rem;line-height:1.45}.workspace-shell .owner-mode-screen-instruction{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border:0;border-radius:.75rem;align-items:center;gap:.75rem;max-inline-size:none;margin:0;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;line-height:1.45;display:flex}.workspace-shell .owner-mode-screen-instruction .owner-status-icon{flex:none;block-size:1.25rem;inline-size:1.25rem}.workspace-shell .owner-mode-action{justify-self:start;margin:0}.workspace-shell .home-intro{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.75rem 1.5rem;padding-block:.75rem 1.5rem}.workspace-shell .home-intro>div{grid-template-columns:minmax(0,1fr);gap:.5rem;min-inline-size:0;display:grid}.workspace-shell .home-intro h1{margin:0;font-size:min(clamp(2.125rem,1.4rem + 1.9vw,2.75rem),11cqi)}.workspace-shell .home-lead{flex-direction:column;display:flex}.workspace-shell .home-lead>.owner-mode-guide{order:-1}.workspace-shell .home-lead:has(>.owner-mode-guide) .home-intro h1{font-size:min(clamp(1.875rem,1.5rem + 1vw,2.25rem),11cqi)}.workspace-shell .owner-mode-guide[data-placement=page] .owner-mode-header h2{font-size:min(clamp(1.5rem,1.25rem + .8vw,1.75rem),11cqi)}.workspace-shell .owner-mode-action[data-tone=secondary]{background:var(--kopitiam-card);border:1px solid var(--kopitiam-ink-muted)}.workspace-shell .owner-mode-action[data-tone=secondary]:hover:not(:disabled){background:var(--kopitiam-paper);border-color:var(--kopitiam-ink)}.workspace-shell .owner-intro{color:var(--kopitiam-ink-muted);max-inline-size:32rem;margin:0;padding-inline:clamp(18px,2vw,24px);font-size:1rem;line-height:1.55}.workspace-shell .home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem}.workspace-shell .signal-window{background:var(--kopitiam-ink);block-size:100%;box-shadow:none;color:var(--kopitiam-paper);border:0;border-radius:1.375rem;min-block-size:0;padding:clamp(18px,1.8vw,24px)}.workspace-shell .signal-window :is(.screen-bezel,.power-bead){display:none}.workspace-shell .signal-content{gap:.75rem;min-block-size:100%}.workspace-shell .signal-window .status-label{color:var(--kopitiam-line);font-family:var(--typeface-body);letter-spacing:.14em;margin:0;font-size:.75rem;font-weight:700}.workspace-shell .signal-frame .status-heading{color:var(--kopitiam-paper);font-family:var(--typeface-display);letter-spacing:var(--typeface-display-tracking);flex-wrap:wrap;align-items:center;gap:.75rem;margin:.25rem 0 0;font-size:min(clamp(1.25rem,1.1rem + .45vw,1.5rem),11cqi);font-weight:800;font-stretch:100%;line-height:1.1;display:flex}.workspace-shell .signal-frame:is([data-state=not_ready],[data-state=offline]) .status-heading{font-size:min(clamp(1.5rem,1.2rem + .8vw,2rem),11cqi)}.workspace-shell .status-heading-icon{background:var(--kopitiam-paper);block-size:1em;color:var(--kopitiam-live);border-radius:50%;flex:none;inline-size:1em;padding:.18em}.workspace-shell .signal-frame:is([data-state=not_ready],[data-state=offline]) .status-heading-icon{color:var(--kopitiam-error)}.workspace-shell .signal-frame[data-state=checking] .status-heading-icon{color:var(--kopitiam-ink-muted)}.workspace-shell .signal-window .status-description{color:var(--kopitiam-line);margin:0;font-size:.9375rem;line-height:1.55}.workspace-shell .signal-window .status-footer{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block-start:auto;padding-block-start:.75rem}.workspace-shell .signal-window .status-time{color:var(--kopitiam-line);font-family:var(--typeface-body);letter-spacing:.14em;font-size:.75rem;font-weight:700}.workspace-shell .signal-window .check-link{border:1px solid var(--kopitiam-line);color:var(--kopitiam-paper);background:0 0;border-radius:999px;min-block-size:2.75rem;padding-inline:1.125rem;font-size:.875rem;font-weight:700}.workspace-shell .signal-window .check-link:hover{background:var(--kopitiam-ink-raised);border-color:var(--kopitiam-paper);color:var(--kopitiam-paper)}.workspace-shell .first-step{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:1.375rem;gap:.5rem;min-block-size:0;padding:clamp(18px,2vw,24px)}.workspace-shell .first-step h2{margin:0;font-size:min(clamp(1.5rem,1.2rem + .6vw,1.875rem),11cqi)}.workspace-shell .first-step>p:not(.card-kicker){color:var(--kopitiam-ink-muted);margin:0;font-size:.9375rem;line-height:1.5}.workspace-shell .allowance-row{border-block-start:1px solid var(--kopitiam-line);margin-block-start:auto;padding-block-start:1rem}.workspace-shell .allowance-row span{color:var(--kopitiam-ink-muted);font-size:.8125rem}.workspace-shell .allowance-row strong{font-size:1rem}.workspace-shell .empty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;padding-block:1.5rem}.workspace-shell .empty-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:1.375rem;gap:.75rem 1rem;min-block-size:0;padding:clamp(18px,2vw,24px)}.workspace-shell .empty-number{background:var(--kopitiam-kaya);block-size:2.25rem;color:var(--kopitiam-ink);font-family:var(--typeface-body);border:0;border-radius:.625rem;inline-size:2.25rem;font-size:.8125rem}.workspace-shell .empty-card h2{margin:.375rem 0 0;font-size:min(clamp(1.25rem,1.05rem + .5vw,1.5rem),11cqi);line-height:1.15}.workspace-shell .empty-card p{color:var(--kopitiam-ink-muted);margin:.375rem 0 0;font-size:.9375rem;line-height:1.5}.workspace-shell .empty-note{border-block-start:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);letter-spacing:.1em;padding-block-start:.875rem;font-size:.75rem;font-weight:700}.workspace-shell .empty-card a.empty-note{border-block-start:1px solid var(--kopitiam-line);padding-block:.75rem 0;display:flex}.workspace-shell .empty-grid:has(>.screens-panel)>.empty-card[data-content-state]{grid-column:1/-1}.workspace-shell .empty-grid>.screens-panel{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(min(100%,26rem),1fr));align-items:stretch;gap:1.25rem;display:grid;container:owner-screens/inline-size}.workspace-shell .screen-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:1.375rem;grid-template-columns:6.5rem minmax(0,1fr);align-content:start;align-items:start;gap:0 1.25rem;min-block-size:0;min-inline-size:0;padding:clamp(16px,2vw,24px);display:grid;overflow:visible}.workspace-shell .screen-card-copy{display:contents}.workspace-shell .screen-card-copy>*{grid-column:2;min-inline-size:0}.workspace-shell .screen-card-copy>:is(.screen-current-content,.screen-no-content,.playback-controls,.rendered-output){grid-column:1/-1}.workspace-shell .screen-card-display{aspect-ratio:16/10;background:var(--kopitiam-ink-raised);border:5px solid var(--kopitiam-ink);box-shadow:none;border-radius:.625rem;grid-area:1/1/span 4;align-self:center}.workspace-shell .screen-card-stand{display:none}.workspace-shell .screen-card-scan{background:color-mix(in srgb, var(--kopitiam-orange) 80%, transparent)}.workspace-shell .screen-card-copy>.card-kicker{align-self:end}.workspace-shell .screen-card h2{overflow-wrap:anywhere;margin:.25rem 0 0;font-size:min(clamp(1.375rem,1.1rem + .7vw,1.75rem),11cqi);line-height:1.1}.workspace-shell .screen-state-line{margin:.5rem 0 0;font-size:.8125rem}.workspace-shell .screen-state-line strong{font-weight:700}.workspace-shell .screen-card[data-status=online] .screen-state-line{color:var(--kopitiam-live)}.workspace-shell .screen-card[data-status=offline] .screen-state-line{color:var(--kopitiam-error)}.workspace-shell .screen-contact{color:var(--kopitiam-ink-muted);margin:.375rem 0 0;font-size:.8125rem;line-height:1.5}.workspace-shell :is(.screen-current-content,.screen-no-content){border-block-start:1px solid var(--kopitiam-line);margin-block:1rem 0;padding-block-start:1rem}.workspace-shell .screen-current-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;display:flex}.workspace-shell .screen-current-content>div{flex:12rem;grid-template-columns:minmax(0,1fr);gap:.25rem;min-inline-size:0;display:grid}.workspace-shell .screen-current-content strong{font-size:.9375rem;line-height:1.3}.workspace-shell .screen-current-content[data-delivery=playing] .screen-play-state{background:var(--kopitiam-card);color:var(--kopitiam-live)}.workspace-shell .screen-current-content small,.workspace-shell .screen-no-content{color:var(--kopitiam-ink-muted);font-size:.8125rem;line-height:1.45}.workspace-shell .screen-current-content small{flex-basis:100%}.workspace-shell :is(.playback-controls,.rendered-output,.wall-status-card,.notification-feed li){grid-template-columns:minmax(0,1fr)}.workspace-shell .playback-controls{border-block-start:1px solid var(--kopitiam-line);gap:.75rem;margin-block-start:1rem;padding-block-start:1rem}.workspace-shell .playback-heading{flex-wrap:wrap;align-items:flex-start}.workspace-shell .playback-heading h3{color:var(--kopitiam-ink);margin:.25rem 0 0;font-size:1rem;font-weight:800;line-height:1.25}.workspace-shell .playback-status{padding:.1875rem .625rem}.workspace-shell .playback-status[data-status=executed]{background:var(--kopitiam-card);color:var(--kopitiam-live)}.workspace-shell .playback-status:is([data-status=failed],[data-status=expired]){background:var(--kopitiam-card);color:var(--kopitiam-error)}.workspace-shell .playback-primary-row{flex-flow:wrap;align-items:stretch;gap:.5rem}.workspace-shell .playback-primary-row>button{flex:9rem}.workspace-shell .playback-controls .playback-show-now{min-block-size:2.75rem;padding-inline:1rem}.workspace-shell .playback-controls .playback-emergency{background:var(--kopitiam-card);border:1px solid var(--kopitiam-error);color:var(--kopitiam-error);cursor:pointer;font:inherit;overflow-wrap:anywhere;border-radius:999px;justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:0;padding:.5rem 1rem;font-size:.875rem;font-weight:700;line-height:1.25;display:inline-flex}.workspace-shell .playback-controls .playback-emergency:hover:not(:disabled){background:color-mix(in srgb, var(--kopitiam-error) 8%, transparent);border-color:var(--kopitiam-error)}.workspace-shell .playback-controls .playback-emergency:disabled{cursor:not-allowed;opacity:.5}.workspace-shell .playback-transport{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.workspace-shell :is(.playback-message,.playback-hint){color:var(--kopitiam-ink-muted);margin:0;font-size:.8125rem;line-height:1.5}.workspace-shell .playback-hint{color:var(--kopitiam-ink);font-weight:600}.workspace-shell .rendered-output{border-block-start:1px solid var(--kopitiam-line);gap:.625rem;margin-block-start:1rem;padding-block-start:1rem}.workspace-shell .rendered-output-heading{flex-wrap:wrap}.workspace-shell .rendered-output-heading>div{flex:12rem;grid-template-columns:minmax(0,1fr);gap:.25rem;min-inline-size:0;display:grid}.workspace-shell :is(.rendered-output-heading small,.rendered-output-time){color:var(--kopitiam-ink-muted);font-size:.8125rem;line-height:1.5}.workspace-shell .rendered-output-image{background:var(--kopitiam-ink);border:5px solid var(--kopitiam-ink);border-radius:.75rem;max-block-size:16rem}.workspace-shell .snapshot-button{white-space:nowrap}.workspace-shell .rendered-output-time>span{color:var(--kopitiam-error);align-items:flex-start;gap:.375rem;margin-block-start:.25rem;font-weight:700;display:flex}.workspace-shell .rendered-output-time>span:before{margin-block-start:.45em}.workspace-shell .rendered-output>:is(.rendered-output-empty,.rendered-output-result,.rendered-output-outcome,p:not([class])){color:var(--kopitiam-ink-muted);margin:0;font-size:.8125rem;line-height:1.5}.workspace-shell .playback-message[data-state=error],.workspace-shell .rendered-output>:is(.rendered-output-result[data-state=error],.rendered-output-outcome){color:var(--kopitiam-error);padding-inline-start:1.25rem;font-weight:700;position:relative}.workspace-shell :is(.playback-message[data-state=error],.rendered-output-result[data-state=error],.rendered-output-outcome):before{position:absolute;inset-block-start:calc(.5lh - .25rem);inset-inline-start:.0625rem}@supports not (top:1lh){.workspace-shell :is(.playback-message[data-state=error],.rendered-output-result[data-state=error],.rendered-output-outcome):before{inset-block-start:.4375rem}}.workspace-shell .rendered-output-outcome small{color:var(--kopitiam-ink-muted);font-weight:600}.workspace-shell .more-panel{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:1.375rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2.5rem) 1.5rem;padding:clamp(16px,2.2vw,28px)}.workspace-shell .more-intro{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.workspace-shell .more-panel h2{margin:0;font-size:min(clamp(1.5rem,1.2rem + .6vw,1.875rem),11cqi)}.workspace-shell .more-intro>p:last-child{color:var(--kopitiam-ink-muted);font-size:.9375rem;line-height:1.55}.workspace-shell .entitlement-card{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);border-radius:1rem;padding:clamp(14px,2vw,24px)}.workspace-shell .entitlement-card-heading h3{margin:.25rem 0 0;font-size:min(clamp(1.25rem,1.1rem + .4vw,1.5rem),11cqi)}.workspace-shell .entitlement-card-heading>strong{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border-radius:999px;padding:.375rem .75rem;font-size:.9375rem;font-weight:800}.workspace-shell :is(.entitlement-summary,.entitlement-definition,.entitlement-detail dd){color:var(--kopitiam-ink-muted)}.workspace-shell .entitlement-summary{font-size:.9375rem}.workspace-shell .entitlement-row{border-block-start:1px solid var(--kopitiam-line);font-size:.9375rem}.workspace-shell .entitlement-row meter{accent-color:var(--kopitiam-ink);block-size:.5rem}.workspace-shell .entitlement-row meter::-webkit-meter-bar{background:var(--kopitiam-line);border:0;border-radius:999px;block-size:.5rem}.workspace-shell .entitlement-row meter::-webkit-meter-optimum-value{background:var(--kopitiam-ink);border-radius:999px}.workspace-shell .entitlement-row meter::-webkit-meter-suboptimum-value{background:var(--kopitiam-ink);border-radius:999px}.workspace-shell .entitlement-row meter::-webkit-meter-even-less-good-value{background:var(--kopitiam-ink);border-radius:999px}.workspace-shell .entitlement-row meter::-moz-meter-bar{background:var(--kopitiam-ink);border-radius:999px}.workspace-shell .entitlement-card .billing-link{margin-block-start:.75rem}.workspace-shell .entitlement-unavailable{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);border-radius:1rem}.workspace-shell .notification-centre{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;border-radius:1.375rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2.5rem) 1.5rem;margin-block-start:1.5rem;padding:clamp(16px,2.2vw,28px);overflow:clip}.workspace-shell .notification-centre-intro{grid-template-columns:minmax(0,1fr);align-content:start;gap:.5rem;display:grid}.workspace-shell .notification-centre-intro h2{margin:0;font-size:min(clamp(1.5rem,1.2rem + .6vw,1.875rem),11cqi)}.workspace-shell .notification-centre-intro>p:last-child{color:var(--kopitiam-ink-muted);font-size:.9375rem;line-height:1.55}.workspace-shell .notification-preferences fieldset{border:1px solid var(--kopitiam-line);border-radius:1rem;padding:1rem 1.125rem}.workspace-shell .notification-preferences legend{color:var(--kopitiam-ink);padding-inline:.375rem;font-size:.9375rem;font-weight:800}.workspace-shell .notification-choice input{accent-color:var(--kopitiam-orange-deep);color:var(--kopitiam-ink)}.workspace-shell :is(.notification-choice-fixed,.notification-choice-digest){background:var(--kopitiam-paper);border-radius:.75rem;padding:.75rem .875rem}.workspace-shell :is(.notification-choice small,.notification-input small){color:var(--kopitiam-ink-muted);font-size:.8125rem}.workspace-shell .notification-destination{border-block-start:1px solid var(--kopitiam-line)}.workspace-shell .notification-input>span{color:var(--kopitiam-ink);font-size:.8125rem;font-weight:700}.workspace-shell .notification-input :is(input,select){background:var(--kopitiam-paper);border:1px solid var(--kopitiam-ink-muted);color:var(--kopitiam-ink);font:inherit;border-radius:.75rem;min-block-size:2.875rem;padding:.625rem .875rem;font-size:1rem}.workspace-shell .notification-input input::placeholder{color:var(--kopitiam-ink-muted)}.workspace-shell .notification-choice:has(input:focus-visible){outline:none}.workspace-shell .notification-policy-note{background:var(--kopitiam-orange-tint);color:var(--kopitiam-ink);border:0;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.workspace-shell .notification-save-row p{color:var(--kopitiam-ink-muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.workspace-shell .notification-save-row p[data-state=saved]{color:var(--kopitiam-live)}.workspace-shell .notification-save-row p:is([data-state=invalid],[data-state=unavailable],[data-state=signed_out]){color:var(--kopitiam-error)}.workspace-shell .notification-feed{border-block-start:1px solid var(--kopitiam-line);padding-block-start:1.25rem}.workspace-shell .notification-feed h3{color:var(--kopitiam-ink);margin-block:0 .75rem;font-size:1.125rem;font-weight:800}.workspace-shell .notification-feed li{background:var(--kopitiam-paper);border:0;border-radius:1rem;gap:.375rem;padding:.875rem 1rem}.workspace-shell .notification-feed li>div{color:var(--kopitiam-ink-muted);letter-spacing:.1em;font-size:.75rem}.workspace-shell .notification-feed li>div>span{align-items:center;gap:.375rem;display:inline-flex}.workspace-shell .notification-feed li:is([data-kind=payment_failed],[data-kind=publish_failed],[data-kind=screen_offline],[data-kind=security_event])>div>span{color:var(--kopitiam-error)}.workspace-shell .notification-feed li[data-kind=screen_recovered]>div>span{color:var(--kopitiam-live)}.workspace-shell .notification-feed li>strong{font-size:1rem}.workspace-shell :is(.notification-feed li>p,.notification-feed-empty,.notification-unavailable){color:var(--kopitiam-ink-muted);font-size:.875rem}.workspace-shell .notification-unavailable{background:var(--kopitiam-paper);border-radius:.75rem}.workspace-shell .wall-list{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);border-radius:1.375rem;padding:clamp(16px,2.2vw,28px);container-type:inline-size}.workspace-shell .wall-list h2{color:var(--kopitiam-ink);font-family:var(--typeface-display);letter-spacing:var(--typeface-display-tracking);overflow-wrap:break-word;text-wrap:balance;margin:0;font-size:min(clamp(1.375rem,1.15rem + .6vw,1.75rem),11cqi);font-weight:800;font-stretch:100%;line-height:1.1}.workspace-shell .wall-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin-block-start:1.25rem}.workspace-shell .wall-status-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:1rem;gap:.75rem;padding:1.125rem}.workspace-shell .wall-status-card[data-state=armed]{background:var(--kopitiam-card);border-color:var(--kopitiam-live)}.workspace-shell .wall-status-card .wall-card-heading{flex-wrap:wrap;gap:.25rem 1rem}.workspace-shell .wall-status-card .wall-card-heading strong{font-size:1.0625rem;font-weight:800}.workspace-shell .wall-status-card .wall-card-heading span{color:var(--kopitiam-ink-muted);font-variant-numeric:tabular-nums;font-size:.875rem}.workspace-shell .wall-status-card>p{color:var(--kopitiam-ink);align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:700;display:flex}.workspace-shell .wall-status-card[data-state=armed]>p{color:var(--kopitiam-live)}.workspace-shell .wall-status-card[data-state=needs_setup]>p{color:var(--kopitiam-error)}.workspace-shell .wall-status-card progress{accent-color:var(--kopitiam-ink);appearance:none;background:var(--kopitiam-line);block-size:.5rem;color:var(--kopitiam-ink);border:0;border-radius:999px;overflow:hidden}.workspace-shell .wall-status-card progress::-webkit-progress-bar{background:var(--kopitiam-line);border-radius:999px}.workspace-shell .wall-status-card progress::-webkit-progress-value{background:var(--kopitiam-ink);border-radius:999px}.workspace-shell .wall-status-card progress::-moz-progress-bar{background:var(--kopitiam-ink);border-radius:999px}.workspace-shell .wall-status-card[data-state=armed] progress::-webkit-progress-value{background:var(--kopitiam-live)}.workspace-shell .wall-status-card[data-state=armed] progress::-moz-progress-bar{background:var(--kopitiam-live)}.workspace-shell .wall-status-card[data-sync] .wall-timing-status{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:.75rem;padding:.75rem .875rem}.workspace-shell .wall-status-card .wall-timing-status>span{color:var(--kopitiam-ink)}.workspace-shell .wall-status-card .wall-timing-status strong{color:var(--kopitiam-ink);align-items:center;gap:.5rem;display:flex}.workspace-shell .wall-status-card .wall-timing-status small{color:var(--kopitiam-ink-muted);font-size:.8125rem}.workspace-shell .wall-status-card[data-sync] .wall-timing-rail:before{background:var(--kopitiam-line)}.workspace-shell .wall-status-card[data-sync] .wall-timing-rail span{background:var(--kopitiam-ink-muted);border:2px solid var(--kopitiam-paper);box-shadow:0 0 0 1px var(--kopitiam-ink-muted);animation:none}.workspace-shell .wall-status-card[data-sync=qualified] .wall-timing-status strong{color:var(--kopitiam-live)}.workspace-shell .wall-status-card[data-sync=qualified] .wall-timing-rail:before,.workspace-shell .wall-status-card[data-sync=qualified] .wall-timing-rail span{background:var(--kopitiam-live)}.workspace-shell .wall-status-card[data-sync=qualified] .wall-timing-rail span{box-shadow:0 0 0 1px var(--kopitiam-live)}.workspace-shell .wall-status-card:is([data-sync=attention],[data-sync=unavailable]) .wall-timing-status strong{color:var(--kopitiam-error)}.workspace-shell .wall-status-card:is([data-sync=attention],[data-sync=unavailable]) .wall-timing-rail span{background:var(--kopitiam-error);box-shadow:0 0 0 1px var(--kopitiam-error)}.workspace-shell .wall-status-card button{justify-self:start}.pairing-page{gap:1.5rem;padding:clamp(16px,4vw,48px)}.pairing-page .pairing-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;border-radius:1.375rem;flex-direction:column;gap:.75rem;inline-size:min(100%,40rem);padding:clamp(20px,4.5vw,44px);display:flex}.pairing-page .pairing-card h1{margin:0;font-size:min(clamp(2.125rem,1.4rem + 1.9vw,2.75rem),11cqi)}.pairing-page .pairing-display{background:var(--kopitiam-ink-raised);border:8px solid var(--kopitiam-ink);color:var(--kopitiam-paper);border-radius:1rem;gap:.5rem;margin-block-end:1rem;padding:.75rem;container-type:inline-size}.pairing-page .pairing-display[data-orientation=portrait]{inline-size:min(100%,max(54%,11rem),15rem)}.pairing-page .pairing-scan{background:color-mix(in srgb, var(--kopitiam-orange) 80%, transparent)}.pairing-page .pairing-code-label{color:var(--kopitiam-line);font-family:var(--typeface-body);letter-spacing:.14em;font-size:.75rem;font-weight:700}.pairing-page .pairing-display strong{font-family:var(--typeface-body);font-variant-numeric:tabular-nums;letter-spacing:.08em;overflow-wrap:normal;text-align:center;margin:0;font-size:clamp(1.5rem,12cqi,3rem);font-weight:800;line-height:1.1}.pairing-page .pairing-description{color:var(--kopitiam-ink-muted);margin:0;font-size:1rem;line-height:1.55}.pairing-page .pairing-card>.pairing-primary-link{align-self:flex-start;margin-block-start:1rem}.pairing-page .pairing-actions{flex-wrap:wrap;gap:.75rem 1.25rem;margin-block-start:.75rem}.pairing-page :is(.pairing-success,.pairing-error-mark){background:var(--kopitiam-live);block-size:4rem;color:var(--kopitiam-card);inline-size:4rem;margin-block-end:.5rem}.pairing-page .pairing-error-mark{background:var(--kopitiam-error)}.pairing-page :is(.pairing-success,.pairing-error-mark) .owner-status-icon{block-size:2rem;inline-size:2rem}.access-state[data-surface=workspace]{gap:1.5rem;padding:clamp(16px,4vw,48px)}.access-state[data-surface=workspace] section{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);overflow-wrap:anywhere;border-radius:1.375rem;flex-direction:column;place-self:center;align-items:flex-start;gap:.75rem;inline-size:min(100%,36rem);min-inline-size:0;max-inline-size:none;padding:clamp(20px,4.5vw,44px);display:flex}.access-state[data-surface=workspace] h1{margin:0;font-size:min(clamp(2.125rem,1.4rem + 1.9vw,2.75rem),11cqi)}.access-state[data-surface=workspace] section>p:not(.eyebrow){color:var(--kopitiam-ink-muted);max-inline-size:none;margin:0 0 .5rem;font-size:1rem;line-height:1.55}@media (max-width:75rem){.workspace-shell .owner-mode-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:68rem){.workspace-shell :is(.home-intro,.home-grid,.notification-centre,.more-panel){grid-template-columns:minmax(0,1fr)}.workspace-shell .owner-intro{padding-inline:0}}@media (min-width:68.01rem){.workspace-shell :is(.more-intro,.notification-centre-intro){align-self:start;position:sticky;inset-block-start:1.5rem}}@media (max-width:50rem){.workspace-shell{display:block}.workspace-shell .workspace-rail{flex-flow:wrap;align-items:center;gap:.75rem 1rem;block-size:auto;min-block-size:0;padding:1rem 16px;position:static;overflow:visible}.workspace-shell .workspace-rail>:is(.owner-navigation,.rail-links,.owner-language,.rail-promise){flex:100%}.workspace-shell :is(.rail-brand,.shop-identity,.rail-links,.owner-language){padding-inline:0}.workspace-shell .rail-brand{flex:none}.workspace-shell .shop-identity{flex-flow:wrap;flex:11rem;justify-content:flex-start;align-items:center;gap:.125rem .75rem}.workspace-shell .shop-identity strong{font-size:1.125rem}.workspace-shell .shop-label{clip:auto;clip-path:none;white-space:normal;flex-basis:100%;block-size:auto;inline-size:auto;position:static;overflow:visible}.workspace-shell .owner-navigation{margin:0;padding:0;overflow:visible}.workspace-shell .owner-navigation ul{flex-wrap:wrap;gap:.25rem .375rem;inline-size:auto;display:flex}.workspace-shell .owner-navigation a{border:1px solid var(--kopitiam-mark-tile);min-inline-size:0;padding-inline:.75rem}.workspace-shell .owner-navigation a[aria-current=page]{border-color:var(--kopitiam-paper)}.workspace-shell .rail-links{flex-flow:wrap;gap:0 1.25rem;padding-block-start:.375rem}.workspace-shell .team-rail-link{min-block-size:2.75rem}.workspace-shell .owner-language{margin-block-start:0}.workspace-shell .owner-language label{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;display:flex}.workspace-shell .owner-language label select{flex:7rem;inline-size:auto}.workspace-shell .workspace-main{padding:1.25rem 16px 1.5rem}.workspace-shell .empty-grid{grid-template-columns:minmax(0,1fr)}.workspace-shell .owner-mode-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.workspace-shell .owner-mode-steps{grid-template-columns:minmax(0,1fr)}.workspace-shell .owner-mode-steps li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.workspace-shell .owner-mode-steps small{display:block}.workspace-shell .owner-mode-progress{flex-basis:100%}.workspace-shell :is(.owner-mode-action,.notification-save-row button),.pairing-page :is(.pairing-actions button,.pairing-primary-link),.access-state[data-surface=workspace] .access-action{min-block-size:3.5rem;inline-size:100%;font-size:1.0625rem}.workspace-shell .signal-window .status-footer{flex-direction:column;align-items:stretch}.workspace-shell .workspace-footer{flex-direction:column}.pairing-page .pairing-actions{flex-direction:column;align-items:stretch}.pairing-page .pairing-card>.pairing-primary-link{align-self:stretch}.pairing-page .pairing-actions a:not(.pairing-primary-link){justify-content:center}.workspace-shell .notification-preferences fieldset{padding-inline:clamp(8px,3vw,16px)}.workspace-shell :is(.notification-choice-fixed,.notification-choice-digest){padding-inline:clamp(8px,2.5vw,12px)}}@container owner-screens (max-width:20rem){.workspace-shell .screen-card{grid-template-columns:minmax(0,1fr)}.workspace-shell .screen-card-copy>*,.workspace-shell .screen-card-display{grid-column:1/-1}.workspace-shell .screen-card-display{grid-row:auto;inline-size:min(100%,7.5rem);margin-block-end:.75rem}}@container owner-screens (max-width:30rem){.workspace-shell .playback-transport{grid-template-columns:repeat(2,minmax(0,1fr))}}@container owner-screens (max-width:16rem){.workspace-shell .playback-transport{grid-template-columns:minmax(0,1fr)}}@container owner-guide (max-width:16rem){.workspace-shell .owner-mode-steps li{display:flex}}@media (prefers-reduced-motion:reduce){.workspace-shell .screen-card[data-status=online] .screen-card-scan,.pairing-page .pairing-display .pairing-scan{opacity:0;animation:none}}@media (forced-colors:active){.workspace-shell :is(.owner-mode-action,.notification-save-row button,.playback-controls .playback-show-now),.pairing-page :is(.pairing-actions button,.pairing-primary-link),.access-state[data-surface=workspace] .access-action{border:2px solid buttontext}.workspace-shell :is(.owner-mode-steps li,.first-step,.empty-card,.screen-card,.signal-window,.more-panel,.notification-centre,.wall-list,.wall-status-card),.workspace-shell .nav-mark{border:2px solid canvastext}.workspace-shell .owner-navigation a[aria-current=page]{outline-offset:-3px;text-underline-offset:.25em;outline:3px solid highlight;font-weight:800;text-decoration:underline;text-decoration-thickness:.14em}.workspace-shell .owner-navigation a[aria-current=page] .nav-mark{forced-color-adjust:none;background:highlight}.workspace-shell .owner-navigation a[aria-current=page]:focus-visible{outline-offset:3px;outline:3px solid canvastext}.workspace-shell .owner-mode-steps li[data-state=current]{border-width:.25rem;padding:.8125rem}.workspace-shell :is(.playback-status,.notification-save-row p:not(:empty),.wall-status-card>p,.wall-timing-status strong):before{forced-color-adjust:none}.workspace-shell .owner-mode-progress progress,.workspace-shell .wall-status-card progress,.workspace-shell .entitlement-row meter{accent-color:highlight;forced-color-adjust:none;background:canvas;border:1px solid canvastext}.workspace-shell .owner-mode-progress progress::-webkit-progress-bar{background:canvas}.workspace-shell .wall-status-card progress::-webkit-progress-bar{background:canvas}.workspace-shell .entitlement-row meter::-webkit-meter-bar{background:canvas}.workspace-shell .owner-mode-progress progress::-webkit-progress-value{background:highlight}.workspace-shell .wall-status-card progress::-webkit-progress-value{background:highlight}.workspace-shell .wall-status-card[data-state=armed] progress::-webkit-progress-value{background:highlight}.workspace-shell .entitlement-row meter::-webkit-meter-optimum-value{background:highlight}.workspace-shell .entitlement-row meter::-webkit-meter-suboptimum-value{background:highlight}.workspace-shell .entitlement-row meter::-webkit-meter-even-less-good-value{background:highlight}.workspace-shell .owner-mode-progress progress::-moz-progress-bar{background:highlight}.workspace-shell .wall-status-card progress::-moz-progress-bar{background:highlight}.workspace-shell .wall-status-card[data-state=armed] progress::-moz-progress-bar{background:highlight}.workspace-shell .entitlement-row meter::-moz-meter-bar{background:highlight}}a:focus-visible,button:focus-visible{outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}@media (max-width:68rem){.home-intro,.home-grid,.notification-centre{grid-template-columns:1fr}.home-intro{gap:2rem}.first-step{min-block-size:18rem}.notification-feed{grid-column:auto}}@media (max-width:50rem){.workspace-shell{display:block}.workspace-rail{block-size:auto;min-block-size:auto;padding:1rem;position:static;overflow:visible}.shop-identity{border-block-end:0;align-items:center;margin-block:1rem .5rem;padding-block:1rem 0;display:flex}.shop-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.plan-badge{margin-inline-start:auto}.owner-navigation{margin-inline:-1rem;padding-inline:1rem;overflow-x:auto}.owner-navigation ul{inline-size:max-content;display:flex}.owner-navigation a{min-inline-size:max-content}.rail-promise{display:none}.workspace-main{padding-inline:1rem}.empty-grid,.more-panel{grid-template-columns:minmax(0,1fr)}.more-panel{gap:1rem}.entitlement-row{grid-template-columns:minmax(0,1fr);gap:.65rem}.entitlement-row dd{text-align:start;justify-items:start}.notification-destination,.notification-digest-grid{grid-template-columns:minmax(0,1fr)}.screen-card{grid-template-columns:1fr}}@media (max-width:35rem){.home-intro{padding-block-start:3.5rem}h1{font-size:clamp(3rem,17vw,5.3rem)}.signal-window{min-block-size:27rem;padding:1.35rem}.signal-content{min-block-size:22rem}.status-footer{flex-direction:column;align-items:stretch}.check-link{inline-size:100%}.empty-card{grid-template-columns:1fr}.empty-note{grid-column:auto}.workspace-footer{flex-direction:column;gap:.6rem}.notification-centre{border-radius:1rem;padding:1.3rem}.more-panel,.entitlement-card,.notification-centre{padding-inline:clamp(12px,4vw,24px)}.entitlement-card .billing-link,.notification-preferences fieldset,.notification-save-row button{padding-inline:clamp(8px,3vw,16px)}.notification-choice{column-gap:clamp(8px,2.5vw,12px);padding-inline:clamp(8px,2.5vw,12px)}.notification-save-row{flex-direction:column;align-items:stretch}.notification-save-row button{inline-size:100%}.playback-primary-row{flex-direction:column;align-items:stretch}.playback-transport{grid-template-columns:repeat(2,minmax(0,1fr))}.pairing-actions{flex-direction:column;align-items:stretch}.pairing-actions button,.pairing-primary-link{inline-size:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pairing-scan,.screen-card-scan{opacity:0;animation:none}}@media (forced-colors:active){.brand-signal,.nav-mark,.plan-badge,.power-bead,.pairing-display,.screen-card-display,.signal-window{border:2px solid canvastext}}.hardware-commerce{padding-inline:0}.hardware-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 32px;display:grid}.hardware-hero>div>p:last-child{color:var(--kopitiam-ink-muted);max-inline-size:36em;margin:12px 0 0;font-size:1.0625rem;line-height:1.55}.hardware-currency{color:var(--kopitiam-ink-muted);gap:6px;font-size:.8125rem;font-weight:700;display:grid}.account-page .hardware-currency select{background:var(--kopitiam-card)}.hardware-catalog{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.hardware-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:22px;grid-column:span 4;grid-template-rows:auto auto auto 1fr auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;min-inline-size:0;padding:clamp(20px,3vw,24px);display:grid}.hardware-card:last-child:nth-child(3n+1){grid-column:span 12}.hardware-card:last-child:nth-child(3n+2){grid-column:span 8}.hardware-card-number{color:var(--kopitiam-orange-deep);font-variant-numeric:tabular-nums;letter-spacing:.14em;font-size:.75rem;font-weight:800}.account-page .hardware-card h2{font-size:1.375rem;line-height:1.15}.hardware-card>strong{color:var(--kopitiam-ink);font-size:1rem;font-weight:700}.hardware-card dl{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;margin:0;display:grid}.hardware-card dl div{border-block-start:1px solid var(--kopitiam-line);grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;padding-block-start:10px;display:grid}.hardware-card dt,.hardware-history li span{color:var(--kopitiam-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.hardware-card dd{color:var(--kopitiam-ink);margin:0;font-size:.9375rem;line-height:1.5}.hardware-card button{align-self:end}.hardware-request{background:var(--kopitiam-card);border:2px solid var(--kopitiam-orange-deep);color:var(--kopitiam-ink);border-radius:22px;gap:16px;padding:clamp(20px,3vw,32px);display:grid}.hardware-request>:is(label,.hardware-scope-confirmation){max-inline-size:44rem}.hardware-request-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.hardware-request-heading>div{flex:14rem;min-inline-size:0}.hardware-request-heading p{color:var(--kopitiam-orange-deep);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:700}.account-page .hardware-request-heading h2{overflow-wrap:normal;font-size:1.75rem}.hardware-request-heading button{flex:none}.hardware-request>label{gap:8px;font-size:.875rem;font-weight:700;display:grid}.hardware-scope-confirmation{background:var(--kopitiam-kaya);border-radius:16px;gap:12px;padding:16px 18px;display:grid}.hardware-scope-confirmation p{margin:0;line-height:1.5}.hardware-scope-confirmation label{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-weight:700;line-height:1.45;display:grid}.hardware-submit{justify-self:start}.hardware-notice{background:var(--kopitiam-card);border:1px solid var(--kopitiam-live);color:var(--kopitiam-live);border-radius:12px;align-items:flex-start;gap:10px;max-inline-size:44rem;margin:0;padding:12px 16px;font-weight:700;line-height:1.5;display:flex}.hardware-notice:before{content:"✓" / "";flex:none;font-weight:800}.hardware-error{max-inline-size:44rem}.hardware-history{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:22px;gap:16px;padding:clamp(20px,3vw,28px);display:grid}.hardware-history>div h2{margin-block-start:8px}.hardware-history>p{color:var(--kopitiam-ink-muted);margin:0}.hardware-history ol{margin:0;padding:0;list-style:none;display:grid}.hardware-history li{border-block-start:1px solid var(--kopitiam-line);justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.hardware-history li>:where(div:last-child){place-items:end;gap:10px;display:grid}.account-page .hardware-history h3,.hardware-history li p{margin:4px 0}.hardware-history li p{color:var(--kopitiam-ink-muted)}.hardware-offline.account-page{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:22px;justify-items:start;max-inline-size:44rem;margin:clamp(20px,3vw,32px) 0;padding:clamp(24px,5vw,40px)}.hardware-offline>span{color:var(--kopitiam-orange-deep);font-size:2rem}.hardware-offline>p{color:var(--kopitiam-ink-muted);line-height:1.55}@media (max-width:64rem){.hardware-card,.hardware-card:last-child:nth-child(3n+1),.hardware-card:last-child:nth-child(3n+2){grid-column:span 6}.hardware-card:last-child:nth-child(odd){grid-column:span 12}}@media (max-width:42rem){.hardware-hero{grid-template-columns:minmax(0,1fr);align-items:stretch}.hardware-currency{justify-self:start}.hardware-card,.hardware-card:last-child:nth-child(3n+1),.hardware-card:last-child:nth-child(3n+2),.hardware-card:last-child:nth-child(odd){grid-column:1/-1}.hardware-history li{align-items:start;display:grid}.hardware-history li>:where(div:last-child){justify-items:start}.hardware-submit{inline-size:100%}}@media (forced-colors:active){.hardware-card,.hardware-history,.hardware-offline,.hardware-request{border:2px solid canvastext}}html:has(.platform-page,.staff-support-page){background:var(--kopitiam-paper)}.platform-page,.staff-support-page{background:var(--kopitiam-paper);color:var(--kopitiam-ink);overflow-wrap:anywhere;min-block-size:100svh;padding:24px clamp(16px,3.2vw,44px) 48px}.platform-page:lang(ko){word-break:keep-all}.platform-page :is(h1,h2):lang(ja){word-break:auto-phrase}.platform-page :focus-visible,.staff-support-page :focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}:is(.platform-page,.staff-support-page) .eyebrow{color:var(--kopitiam-orange-deep);font-family:var(--typeface-body);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:700;line-height:1.4}:is(.platform-page,.staff-support-page) h1{font-family:var(--typeface-display);letter-spacing:var(--typeface-display-tracking);text-wrap:balance;max-inline-size:none;margin:0;font-size:clamp(2.125rem,1.4rem + 1.9vw,2.75rem);font-weight:800;font-stretch:100%;line-height:1.04}:is(.platform-page,.staff-support-page) :is(h2,h3){font-family:var(--typeface-display);letter-spacing:var(--typeface-display-tracking);margin:0;font-weight:800;font-stretch:100%;line-height:1.15}:is(.platform-page,.staff-support-page) h2{font-size:1.5rem}:is(.platform-page,.staff-support-page) h3{font-size:1.125rem}:is(.platform-page,.staff-support-page) :is(time,dd,[role=timer]),.platform-section-heading>span,.platform-customer-counts{font-variant-numeric:tabular-nums}:is(.platform-page,.staff-support-page) .console-status-icon{flex:none;block-size:1.05em;inline-size:1.05em}.platform-primary-action,.platform-access-form>a,.staff-support-sign-in{background:var(--kopitiam-orange);color:var(--kopitiam-ink);text-align:center;border:0;border-radius:999px;justify-content:center;place-self:start;align-items:center;min-block-size:3rem;max-inline-size:100%;padding:.625rem 1.375rem;font-size:.9375rem;font-weight:800;text-decoration:none;display:inline-flex}:is(.platform-primary-action,.platform-access-form>a,.staff-support-sign-in):hover{background:var(--kopitiam-orange-hover)}.platform-access-form>button,.platform-fix-form button,.staff-support-session-request button,.staff-case-reply button{background:var(--kopitiam-card);border:2px solid var(--kopitiam-ink);color:var(--kopitiam-ink);cursor:pointer;font:inherit;text-align:center;border-radius:999px;justify-content:center;justify-self:start;align-items:center;min-block-size:3rem;max-inline-size:100%;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:800;display:inline-flex}:is(.platform-access-form>button,.platform-fix-form button,.staff-support-session-request button,.staff-case-reply button):hover:not(:disabled){background:var(--kopitiam-paper)}.platform-window-actions>button{background:var(--kopitiam-card);border:2px solid var(--kopitiam-error);color:var(--kopitiam-error);cursor:pointer;font:inherit;text-align:center;border-radius:999px;justify-content:center;align-items:center;min-block-size:3rem;max-inline-size:100%;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:800;display:inline-flex}.platform-window-actions>button:hover:not(:disabled){background:var(--kopitiam-error);color:var(--kopitiam-card)}.staff-case-section-heading button,.staff-support-session-state button{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);cursor:pointer;font:inherit;text-align:center;border-radius:999px;flex:none;justify-content:center;justify-self:start;align-items:center;min-block-size:2.75rem;max-inline-size:100%;padding:.375rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex}:is(.staff-case-section-heading button,.staff-support-session-state button):hover:not(:disabled){background:var(--kopitiam-paper);border-color:var(--kopitiam-ink-muted)}:is(.platform-page,.staff-support-page) button:disabled{cursor:not-allowed;opacity:.5}:is(.platform-page,.staff-support-page) :is(textarea,input:not([type=checkbox]),select){background:var(--kopitiam-paper);border:1px solid var(--kopitiam-ink-muted);color:var(--kopitiam-ink);font:inherit;border-radius:12px;min-block-size:2.75rem;min-inline-size:0;max-inline-size:100%;padding:.625rem .875rem;font-size:1rem;font-weight:500;line-height:1.45}:is(.platform-page,.staff-support-page) textarea{resize:vertical}:is(.platform-page,.staff-support-page) :is(textarea,input)::placeholder{color:var(--kopitiam-ink-muted);opacity:1}:is(.platform-page,.staff-support-page) :is(.platform-fix-form,.staff-support-session) :is(textarea,input:not([type=checkbox]),select){background:var(--kopitiam-card)}:is(.platform-page,.staff-support-page) :is(textarea,input,select):disabled{cursor:not-allowed;opacity:.6}:is(.platform-page,.staff-support-page) input[type=checkbox]{accent-color:var(--kopitiam-orange-deep);color:var(--kopitiam-ink);block-size:1.25rem;inline-size:1.25rem;margin:.125rem 0 0}.platform-access-history>li>span,.platform-fix-history>li>span,.platform-section-heading>span,.staff-case-state,.staff-support-session-heading>span{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;place-self:start;align-items:center;gap:.375rem;min-block-size:1.625rem;min-inline-size:2rem;padding:.125rem .625rem;font-size:.75rem;font-weight:700;line-height:1.3;display:inline-flex}:is(.platform-access-history>li>span[data-state=active],.staff-support-session-heading>span[data-state=approved]):before{background:var(--kopitiam-live);content:"";border-radius:50%;flex:none;block-size:.4375rem;inline-size:.4375rem}:is(.platform-access-history>li>span[data-state=active],.platform-fix-history>li>span[data-state=executed],.staff-case-state[data-state=resolved],.staff-support-session-heading>span[data-state=approved]){color:var(--kopitiam-live)}:is(.platform-fix-history>li>span[data-state=failed],.staff-case-state[data-state=retry]){border-color:var(--kopitiam-error);color:var(--kopitiam-error)}:is(.platform-access-history>li>span:is([data-state=expired],[data-state=revoked]),.platform-fix-history>li>span[data-state=expired],.platform-section-heading>span,.staff-support-session-heading>span:is([data-state=expired],[data-state=revoked])){color:var(--kopitiam-ink-muted)}.staff-support-session-heading>span[data-state=pending]{background:var(--kopitiam-kaya);border-color:var(--kopitiam-kaya)}:is(.platform-notice,.platform-fix-form>p,.staff-case-notice){align-items:flex-start;gap:8px;min-block-size:1.25rem;margin:0;font-size:.875rem;font-weight:600;line-height:1.45;display:flex}:is(.platform-notice,.platform-fix-form>p,.staff-case-notice) .console-status-icon{margin-block-start:.2em}:is(.platform-notice,.platform-fix-form>p,.staff-case-notice)[data-tone=warning]{color:var(--kopitiam-error)}:is(.platform-fix-form>p,.staff-case-notice)[data-tone=done]{color:var(--kopitiam-live)}.platform-access-boundary,.platform-fix-boundary{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border-radius:12px;margin:0;padding:10px 14px;font-size:.8125rem;line-height:1.5}:is(.platform-brand,.staff-support-brand){justify-self:start}:is(.platform-page,.staff-support-page)[data-view=access]{grid-template-rows:auto 1fr;gap:1.5rem;padding:clamp(16px,4vw,48px);display:grid}.platform-page-state,.staff-support-access{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:22px;flex-direction:column;place-self:center;gap:14px;inline-size:min(100%,36rem);min-inline-size:0;margin:0;padding:clamp(20px,4.5vw,44px);display:flex}:is(.platform-page-state,.staff-support-access)>.eyebrow{margin:0}:is(.platform-page-state,.staff-support-access)>p:not(.eyebrow){color:var(--kopitiam-ink-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.55}:is(.platform-primary-action,.staff-support-sign-in){margin-block-start:8px}.platform-page-header,.staff-support-header{grid-template-columns:minmax(0,1fr) minmax(16rem,30rem);align-items:end;gap:16px 48px;max-inline-size:94rem;margin-inline:auto;padding-block-end:28px;display:grid}:is(.platform-page-header,.staff-support-header)>:is(.platform-brand,.staff-support-brand){grid-column:1/-1;margin-block-end:12px}:is(.platform-page-header,.staff-support-header)>div{min-inline-size:0}:is(.platform-page-header,.staff-support-header)>p{color:var(--kopitiam-ink-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.55}.platform-skip-link{background:var(--kopitiam-card);border:2px solid var(--kopitiam-ink);color:var(--kopitiam-ink);z-index:20;border-radius:12px;padding:.625rem 1rem;font-weight:700;position:fixed;inset-block-start:8px;inset-inline-start:8px}.platform-skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;padding:0;overflow:hidden}.platform-ledger{gap:20px;min-inline-size:0;max-inline-size:94rem;margin-inline:auto;display:grid}.platform-overview{gap:16px;min-inline-size:0;display:grid}.platform-overview-strip{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.platform-overview-strip>div{border-inline-start:1px solid var(--kopitiam-line);min-inline-size:0;padding:20px 24px}.platform-overview-strip>div:first-child{border-inline-start:0}:is(.platform-overview-strip,.platform-customer-facts,.platform-screen-list,.platform-detail-ledger) dt,.platform-screen-content>span{color:var(--kopitiam-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.35}.platform-overview-strip dd{letter-spacing:var(--typeface-display-tracking);margin:8px 0 0;font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);font-weight:800;line-height:1.05}.platform-overview-strip dd.platform-overview-note{color:var(--kopitiam-ink-muted);letter-spacing:0;margin:6px 0 0;font-size:.8125rem;font-weight:500;line-height:1.4}.platform-overview-strip dd.platform-money-total{letter-spacing:0;gap:4px;font-size:1rem;line-height:1.3;display:grid}.platform-hardware-line{background:var(--kopitiam-kaya);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:12px 20px;font-size:.8125rem;line-height:1.45;display:grid}.platform-hardware-line>ul{flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;display:flex}.platform-hardware-line li{flex-wrap:wrap;gap:6px;display:flex}.platform-hardware-line li strong{align-items:center;gap:4px;display:inline-flex}.platform-hardware-line li strong[data-alert=true]{color:var(--kopitiam-error)}.platform-cost-note{color:var(--kopitiam-ink-muted)}.platform-demo-overview,.platform-customer-rail,.platform-customer-workspace{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:22px;min-inline-size:0}.platform-demo-overview{padding:24px}.platform-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:last baseline;gap:8px 16px;min-inline-size:0;display:flex}.platform-section-heading>div{flex:12rem;min-inline-size:0}.platform-section-heading>span{align-self:auto}.platform-cap-note,.platform-empty-row{color:var(--kopitiam-ink-muted);font-size:.875rem;line-height:1.5}.platform-demo-overview>.platform-cap-note{margin:12px 0 0}.platform-demo-list{overscroll-behavior-inline:contain;gap:12px;margin:16px 0 0;padding:0 0 8px;list-style:none;display:flex;overflow-x:auto}.platform-demo-list>li{flex:0 0 min(20rem,100% - 44px);min-inline-size:0;display:flex}.platform-demo-list>li:only-child{flex-basis:min(20rem,100%)}.platform-demo-list button,.platform-customer-list button{background:var(--kopitiam-card);color:inherit;cursor:pointer;font:inherit;text-align:start;inline-size:100%}.platform-demo-list button{border:1px solid var(--kopitiam-line);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:8px 12px;padding:14px 16px;display:grid}:is(.platform-demo-list,.platform-customer-list) button:hover:not(:disabled,[aria-pressed=true]){background:var(--kopitiam-paper)}.platform-demo-list button[aria-pressed=true],.platform-customer-list button[aria-pressed=true]{background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep);box-shadow:inset 0 0 0 1px var(--kopitiam-orange-deep)}.platform-demo-aperture{aspect-ratio:16/9;background:var(--kopitiam-kaya);border:4px solid var(--kopitiam-ink);color:var(--kopitiam-ink);border-radius:7px;justify-content:center;align-items:center;inline-size:3.75rem;font-size:.75rem;font-weight:800;display:flex}.platform-demo-name{gap:2px;min-inline-size:0;display:grid}.platform-demo-name strong,.platform-customer-name strong{overflow-wrap:anywhere}.platform-demo-name small,.platform-demo-list button>span:not(.platform-demo-aperture,.platform-demo-name),.platform-demo-list time{color:var(--kopitiam-ink-muted);font-size:.8125rem;line-height:1.4}.platform-demo-list time{grid-column:1/-1}.platform-console-layout{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:start;gap:20px;display:grid}.platform-customer-rail{padding-block:24px 0;overflow:hidden}.platform-customer-rail>.platform-section-heading,.platform-customer-rail>.platform-cap-note,.platform-customer-rail>.platform-empty-row{margin-inline:24px}.platform-customer-list{overscroll-behavior:contain;max-block-size:min(64rem,100svh - 8rem);margin:16px 0 0;padding:0;list-style:none;overflow:auto}.platform-customer-list li{border-block-start:1px solid var(--kopitiam-line)}.platform-customer-list button{border:1px solid #0000;grid-template-columns:4.5rem minmax(0,1fr);gap:10px 14px;padding:16px 24px;display:grid}:is(.platform-demo-list,.platform-customer-list) button:focus-visible{outline-offset:-4px}:is(.platform-demo-list,.platform-customer-list) button[aria-pressed=true]:focus-visible{outline-offset:-7px}.platform-customer-list button:disabled{cursor:wait}:is(.platform-customer-list,.platform-demo-list)>li{container-type:inline-size}@container (max-width:17rem){.platform-customer-list button{grid-template-columns:minmax(0,1fr)}.platform-demo-list button{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-demo-list button>:is(.platform-demo-aperture,.platform-demo-name){grid-column:1/-1}}.platform-screen-aperture{aspect-ratio:16/9;background:var(--kopitiam-ink);border:4px solid var(--kopitiam-ink);border-radius:7px;align-self:start;gap:2px;inline-size:4.5rem;display:flex;overflow:hidden}.platform-screen-aperture>span[data-state=online]{background:var(--kopitiam-live)}.platform-screen-aperture>span[data-state=waiting]{background:var(--kopitiam-kaya)}.platform-screen-aperture>span[data-state=offline]{background:var(--kopitiam-error)}.platform-customer-name{gap:2px;min-inline-size:0;display:grid}.platform-customer-name small,.platform-customer-counts{color:var(--kopitiam-ink-muted);font-size:.8125rem;line-height:1.4}.platform-attention-tags,.platform-customer-counts{grid-column:1/-1}.platform-attention-tags{flex-wrap:wrap;gap:6px;display:flex}.platform-attention-tags>span{border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;line-height:1.3;display:inline-flex}.platform-attention-tags>span[data-reason]{border-color:var(--kopitiam-error);color:var(--kopitiam-error)}.platform-customer-workspace{padding:clamp(20px,2.6vw,32px)}.platform-selection-empty{color:var(--kopitiam-ink-muted);text-align:center;align-content:center;justify-items:center;min-block-size:24rem;display:grid}.platform-selection-empty p{max-inline-size:32rem;line-height:1.55}.platform-selection-screen{aspect-ratio:16/9;background:var(--kopitiam-kaya);border:8px solid var(--kopitiam-ink);border-radius:12px;inline-size:min(13rem,55vw);margin-block-end:20px}.platform-customer-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 16px;padding-block-end:20px;display:flex}.platform-customer-heading>div{min-inline-size:0}.platform-customer-heading h2{font-size:clamp(1.75rem,1.3rem + 1.2vw,2.25rem);line-height:1.08}.platform-customer-heading>span{color:var(--kopitiam-ink-muted);font-size:.875rem;font-weight:700}.platform-access-form{border-block-start:1px solid var(--kopitiam-line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px 32px;padding-block-start:24px;display:grid}.platform-access-form>div:first-child{grid-row:span 3;align-content:start;gap:8px;display:grid}.platform-access-form>div:first-child>.eyebrow{margin:0}.platform-access-form h3,.platform-service-window h3{font-size:1.375rem}.platform-access-form>div:first-child>p:not(.eyebrow,.platform-access-boundary){color:var(--kopitiam-ink-muted);margin:0;font-size:.9375rem;line-height:1.5}.platform-access-form label{gap:8px;font-size:.875rem;font-weight:700;display:grid}.platform-page .platform-access-form label textarea{min-block-size:7.5rem}.platform-passkey-state{color:var(--kopitiam-ink);align-items:flex-start;gap:8px;font-size:.875rem;font-weight:600;line-height:1.45;display:flex}.platform-passkey-state .console-status-icon{color:var(--kopitiam-error);margin-block-start:.2em}.platform-passkey-state[data-ready=true],.platform-passkey-state[data-ready=true] .console-status-icon{color:var(--kopitiam-live)}.platform-passkey-state p{margin:0}.platform-service-window{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:20px 24px;display:flex}.platform-service-window>div:first-child{flex:20rem;gap:4px;min-inline-size:0;display:grid}.platform-window-actions{flex-wrap:wrap;flex:none;align-items:center;gap:12px 24px;max-inline-size:100%;display:flex}.platform-service-window .eyebrow{margin:0}.platform-service-window h3{align-items:center;gap:10px;display:flex}.platform-service-window h3:before{background:var(--kopitiam-live);content:"";border-radius:50%;flex:none;block-size:.625rem;inline-size:.625rem}.platform-service-window>div:first-child>span{color:var(--kopitiam-ink-muted);font-size:.875rem}.platform-window-clock{background:var(--kopitiam-ink);color:var(--kopitiam-paper);letter-spacing:.01em;white-space:nowrap;border-radius:999px;max-inline-size:100%;margin:0;padding:8px 18px;font-size:1.125rem;font-weight:800}.platform-notice:not(:empty){margin-block:16px}.platform-customer-detail{gap:28px;margin-block-start:20px;display:grid}.platform-customer-facts{background:var(--kopitiam-line);border:1px solid var(--kopitiam-line);border-radius:16px;flex-wrap:wrap;gap:1px;margin:0;display:flex;overflow:hidden}.platform-customer-facts>div{background:var(--kopitiam-card);flex:auto;min-inline-size:0;padding:14px 16px}.platform-customer-facts>div:last-child{flex-basis:12rem}:is(.platform-customer-facts,.platform-screen-list,.platform-ruled-list,.platform-detail-ledger) time{display:inline-block}.platform-hardware-record>span{display:block}.platform-customer-facts dd{margin:6px 0 0;font-size:.9375rem;font-weight:700;line-height:1.4}.platform-ledger-section{min-inline-size:0}.platform-ledger-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.platform-ledger-section>.platform-section-heading{align-items:center}.platform-screen-list,.platform-ruled-list,.platform-access-history,.platform-fix-history{margin:12px 0 0;padding:0;list-style:none}:is(.platform-screen-list,.platform-ruled-list,.platform-access-history,.platform-fix-history)>li{border-block-start:1px solid var(--kopitiam-line)}:is(.platform-screen-list,.platform-ruled-list,.platform-access-history,.platform-fix-history)>li:last-child{border-block-end:1px solid var(--kopitiam-line)}.platform-screen-list>li{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr) minmax(0,.75fr);gap:16px;padding-block:20px;display:grid}.platform-screen-identity{align-items:start;gap:12px;min-inline-size:0;display:flex}.platform-screen-identity>span:last-child{gap:2px;min-inline-size:0;display:grid}.platform-screen-identity small{color:var(--kopitiam-ink-muted);font-size:.8125rem}.platform-screen-glyph{aspect-ratio:16/9;background:var(--kopitiam-live);border:4px solid var(--kopitiam-ink);border-radius:6px;flex:0 0 3.25rem}.platform-screen-glyph[data-state=waiting]{background:var(--kopitiam-kaya)}.platform-screen-glyph[data-state=offline]{background:var(--kopitiam-error)}.platform-screen-list dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}.platform-screen-list dd,.platform-detail-ledger dd{margin:4px 0 0}.platform-screen-list dd:is([data-state],[data-alert=true]){align-items:center;gap:6px;font-weight:700;display:flex}.platform-screen-list dd[data-alert=true]{color:var(--kopitiam-error)}.platform-screen-list dd[data-state=online]{color:var(--kopitiam-live)}.platform-screen-list dd[data-state=offline]{color:var(--kopitiam-error)}.platform-screen-content{grid-column:1/3;align-content:start;gap:4px;margin:0;display:grid}.platform-screen-list figure{grid-area:1/3/span 2;margin:0}.platform-screen-list img{background:var(--kopitiam-ink);border:5px solid var(--kopitiam-ink);border-radius:10px;block-size:auto;inline-size:100%;display:block}.platform-screen-list figcaption{color:var(--kopitiam-ink-muted);margin-block-start:6px;font-size:.75rem;line-height:1.4}:is(.platform-screen-list,.staff-session-screens) figcaption>span{display:block}:is(.platform-screen-list,.staff-session-screens) figcaption time{white-space:nowrap}.platform-screen-list li>p:not(.platform-screen-content,.platform-empty-row){color:var(--kopitiam-ink-muted);grid-column:1/-1;margin:0;font-size:.8125rem;line-height:1.45}.platform-fix-form{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:16px;flex-wrap:wrap;grid-column:1/-1;align-items:flex-start;gap:12px;padding:16px;display:flex}.platform-fix-form label{flex:9 10rem;gap:6px;min-inline-size:0;font-size:.8125rem;font-weight:700;display:grid}.platform-fix-form label:has(>textarea){flex:14 20rem}.platform-page .platform-fix-form label textarea{field-sizing:content;inline-size:100%}.platform-fix-form label:has(>select){flex:0 auto}.platform-fix-form>:is(button,a){flex:none;align-self:flex-end}.platform-fix-form>a{color:var(--kopitiam-orange-deep);text-underline-offset:.2em;align-self:flex-end;align-items:center;min-block-size:2.75rem;font-size:.9375rem;font-weight:700;display:inline-flex}.platform-fix-form>p{flex-basis:100%}:is(.platform-notice,.platform-fix-form>p,.staff-case-notice):empty{position:absolute}.platform-ledger-section>.platform-fix-boundary{margin-block-start:12px}.platform-access-history,.platform-fix-history{grid-template-columns:minmax(6.5rem,max-content) minmax(0,1fr) auto;column-gap:16px;display:grid}.platform-access-history>li,.platform-fix-history>li{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;gap:6px 16px;padding-block:14px;display:grid}.platform-access-history p,.platform-fix-history p{gap:2px;min-inline-size:0;margin:0;display:grid}.platform-access-history small,.platform-fix-history small,.platform-ruled-list span{color:var(--kopitiam-ink-muted);font-size:.8125rem;line-height:1.45}.platform-access-history time,.platform-fix-history time{color:var(--kopitiam-ink-muted);text-align:end;white-space:nowrap;font-size:.8125rem;line-height:1.45}.platform-ruled-list>li{gap:2px;padding-block:12px;display:grid}.platform-detail-ledger{margin:12px 0 0}.platform-detail-ledger>div{border-block-start:1px solid var(--kopitiam-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-block:12px;display:flex}.platform-detail-ledger>div:last-child{border-block-end:1px solid var(--kopitiam-line)}.platform-detail-ledger dd{margin:0;font-weight:700}.platform-ledger-footer{color:var(--kopitiam-ink-muted);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:4px 4px 0;font-size:.8125rem;display:flex}.staff-case-layout{grid-template-columns:minmax(18rem,26rem) minmax(0,1fr);align-items:start;gap:20px;max-inline-size:94rem;margin-inline:auto;display:grid}.staff-case-queue,.staff-case-detail{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:22px;gap:16px;min-inline-size:0;padding:clamp(20px,2.6vw,28px);display:grid}.staff-case-layout{--staff-eyebrow-block:calc(.75rem * 1.4 + 8px)}.staff-case-detail>h2{margin-block-start:var(--staff-eyebrow-block)}.staff-case-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 16px;display:flex}.staff-case-section-heading>div{min-inline-size:0}.staff-case-empty,.staff-case-customer span,.staff-case-reply small{color:var(--kopitiam-ink-muted);margin:0;font-size:.875rem;line-height:1.5}.staff-case-list,.staff-case-conversation{margin:0;padding:0;list-style:none;display:grid}.staff-case-list{overscroll-behavior:contain;gap:8px;max-block-size:min(64rem,100svh - 12rem);overflow:auto}.staff-case-list button:focus-visible{outline-offset:-4px}.staff-case-list button[aria-current=true]:focus-visible{outline-offset:-7px}.staff-case-list button{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:inherit;cursor:pointer;font:inherit;text-align:start;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;inline-size:100%;padding:14px 16px;display:flex}.staff-case-list button:hover:not(:disabled,[aria-current=true]){background:var(--kopitiam-paper);border-color:var(--kopitiam-ink-muted)}.staff-case-list button[aria-current=true]{background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep);box-shadow:inset 0 0 0 1px var(--kopitiam-orange-deep)}.staff-case-list button>span:first-child,.staff-case-conversation p{gap:2px;min-inline-size:0;display:grid}.staff-case-list button>span:first-child{flex:10rem}.staff-case-list small{color:var(--kopitiam-ink-muted);font-size:.8125rem;line-height:1.4}.staff-case-customer{border-block-end:1px solid var(--kopitiam-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-block-end:14px;display:flex}.staff-case-customer strong{font-size:1.0625rem}.staff-case-customer+:is(.staff-session-screens,.staff-case-reply){border-block-start:0;padding-block-start:0}.staff-support-session{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:16px;gap:14px;padding:20px;display:grid}.staff-support-session-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.staff-support-session-heading>div>.eyebrow{margin-block-end:4px}.staff-support-session-heading>span{text-transform:capitalize}.staff-support-session>p:not(.staff-case-notice),.staff-support-session-state p,.staff-support-session-request p{color:var(--kopitiam-ink-muted);margin:0;font-size:.9375rem;line-height:1.5}.staff-support-session-state p strong{color:var(--kopitiam-ink)}.staff-support-session-state,.staff-support-session-request{gap:12px;display:grid}.staff-support-session-request label,.staff-case-reply label{font-size:.875rem;font-weight:700}.staff-support-session-request select{justify-self:start}.staff-support-session-request fieldset{border:0;gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}.staff-support-session-request legend{margin-block-end:8px;padding:0;font-size:.875rem;font-weight:700}.staff-support-session-request fieldset label{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);cursor:pointer;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;display:grid}.staff-support-session-request fieldset label:has(input:checked){background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep);box-shadow:inset 0 0 0 1px var(--kopitiam-orange-deep)}.staff-support-session-request fieldset label:has(input:focus-visible){outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.staff-support-session-request fieldset label input:focus-visible{outline:0}.staff-support-session-request fieldset span{gap:2px;display:grid}.staff-support-session-request fieldset small,.staff-session-screens figcaption,.staff-session-screens li>p{color:var(--kopitiam-ink-muted);font-size:.8125rem;font-weight:500;line-height:1.45}.staff-session-screens{border-block-start:1px solid var(--kopitiam-line);gap:12px;padding-block-start:16px;display:grid}.staff-session-screens>ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.staff-session-screens>ul>li,.staff-case-conversation>li{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:16px;gap:10px;min-inline-size:0;padding:16px;display:grid}.staff-session-screens li>div{gap:2px;display:grid}.staff-session-screens li>div span{color:var(--kopitiam-ink-muted);text-transform:capitalize;font-size:.875rem}.staff-session-screens li>div span[data-state=online]{color:var(--kopitiam-live)}.staff-session-screens li>div span[data-state=offline]{color:var(--kopitiam-error)}.staff-session-screens li>p{margin:0}:is(.platform-screen-list,.staff-session-screens) li>p[data-tone=warning]{color:var(--kopitiam-error);align-items:flex-start;gap:8px;font-weight:600;display:flex}:is(.platform-screen-list,.staff-session-screens) li>p[data-tone=warning] .console-status-icon{margin-block-start:.2em}.staff-session-screens figure{margin:0}.staff-session-screens img{background:var(--kopitiam-ink);border:5px solid var(--kopitiam-ink);height:auto;border-radius:10px;max-inline-size:min(100%,36rem);display:block}.staff-session-screens figcaption{margin-block-start:6px}.staff-case-conversation{gap:12px;max-block-size:34rem;overflow:auto}.staff-case-conversation p{margin:0;font-size:.9375rem;line-height:1.5}.staff-case-conversation ul{color:var(--kopitiam-ink-muted);margin:0;padding-inline-start:1.25rem;font-size:.875rem}.staff-case-diagnostics{flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}.staff-case-diagnostics div{display:grid}.staff-case-diagnostics dt{color:var(--kopitiam-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.staff-case-diagnostics dd{margin:0;font-size:1.125rem;font-weight:800}.staff-case-reply{border-block-start:1px solid var(--kopitiam-line);gap:10px;padding-block-start:16px;display:grid}.staff-case-reply button{justify-self:end}@media (max-width:70rem){.platform-overview-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-overview-strip>div{border-block-end:1px solid var(--kopitiam-line)}.platform-overview-strip>div:nth-child(4){border-inline-start:0}.platform-overview-strip>div:nth-last-child(-n+2){border-block-end:0}.platform-screen-list>li{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-screen-list figure{grid-area:auto/1/auto/-1;max-inline-size:24rem}}@media (max-width:64rem){.platform-access-form{grid-template-columns:minmax(0,1fr)}.platform-access-form>div:first-child{grid-row:auto}}@media (max-width:52rem){.platform-page-header,.staff-support-header,.platform-console-layout,.platform-ledger-columns,.staff-case-layout{grid-template-columns:minmax(0,1fr)}.staff-case-detail>h2{margin-block-start:0}.platform-page-header,.staff-support-header{align-items:start}.platform-hardware-line,.platform-screen-list>li,.platform-screen-list dl{grid-template-columns:minmax(0,1fr);align-items:start}.platform-screen-content,.platform-screen-list figure{grid-column:auto}.platform-customer-list,.staff-case-list{overscroll-behavior:auto;max-block-size:min(28rem,60svh)}}@media (max-width:36rem){.platform-page,.staff-support-page{padding-block-start:16px}:is(.platform-page,.staff-support-page) h1{font-size:min(clamp(2.125rem,1.4rem + 1.9vw,2.75rem),10vw)}:is(.platform-page,.staff-support-page) h2{font-size:min(1.5rem,8vw)}:is(.platform-page,.staff-support-page) h3{font-size:min(1.125rem,7vw)}.platform-customer-heading h2{font-size:min(clamp(1.75rem,1.3rem + 1.2vw,2.25rem),9vw)}.platform-access-form h3,.platform-service-window h3{font-size:min(1.375rem,7.5vw)}:is(.platform-screen-list,.staff-session-screens) figcaption time{white-space:normal}.platform-overview-strip{grid-template-columns:minmax(0,1fr)}.platform-overview-strip>div,.platform-overview-strip>div:nth-last-child(-n+2){border-block-end:1px solid var(--kopitiam-line);border-inline-start:0}.platform-overview-strip>div:last-child{border-block-end:0}.platform-overview-strip>div{padding:16px 20px}.platform-customer-rail>.platform-section-heading,.platform-customer-rail>.platform-cap-note,.platform-customer-rail>.platform-empty-row{margin-inline:20px}.platform-customer-list button{padding-inline:20px}.platform-demo-overview,.platform-service-window{padding:20px}.platform-window-clock{white-space:normal;border-radius:1.25rem}.platform-access-history,.platform-fix-history,.platform-access-history>li,.platform-fix-history>li{grid-template-columns:minmax(0,1fr)}.platform-access-history time,.platform-fix-history time{text-align:start;white-space:normal}.staff-support-session-heading{flex-direction:column;gap:8px}.staff-case-reply button{justify-self:stretch}}@media (prefers-reduced-motion:reduce){html:has(.platform-page,.staff-support-page){scroll-behavior:auto}}@media (forced-colors:active){.platform-page-state,.platform-overview-strip,.platform-demo-overview,.platform-customer-rail,.platform-customer-workspace,.platform-service-window,.platform-hardware-line,.platform-screen-aperture,.platform-screen-glyph,.platform-selection-screen,.staff-support-access,.staff-case-queue,.staff-case-detail,.staff-support-session{border:2px solid canvastext}.platform-primary-action,.platform-access-form>a,.staff-support-sign-in{border:2px solid buttontext}.platform-demo-list button[aria-pressed=true],.platform-customer-list button[aria-pressed=true],.staff-case-list button[aria-current=true]{border:2px solid highlight}.staff-support-session-request fieldset label:has(input:checked){border:2px solid highlight}.platform-attention-tags>span,.platform-access-history>li>span,.platform-fix-history>li>span,.platform-customer-facts>div{border:1px solid canvastext}:is(.platform-page,.staff-support-page) button:disabled,:is(.platform-page,.staff-support-page) :is(textarea,input,select):disabled{color:graytext;opacity:1;border-color:graytext}}.wall-card-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1rem;display:grid}.wall-status-card{border:1px solid var(--kopitiam-line);background:var(--kopitiam-card);border-radius:1rem;gap:.8rem;padding:1.1rem;display:grid}.wall-status-card[data-state=armed]{border-color:color-mix(in srgb, var(--kopitiam-live) 45%, transparent);background:var(--kopitiam-card)}.wall-card-heading{justify-content:space-between;gap:1rem;display:flex}.wall-status-card span,.wall-status-card p{color:var(--kopitiam-ink-muted)}.wall-status-card progress{width:100%;accent-color:var(--kopitiam-live)}.wall-timing-status{border:1px solid color-mix(in srgb, var(--kopitiam-line), transparent 20%);background:0 0;border-radius:.85rem;gap:.65rem;padding:.8rem;display:grid}.wall-timing-status>span{gap:.2rem;display:grid}.wall-timing-status small{color:var(--kopitiam-ink-muted);line-height:1.4}.wall-timing-rail{justify-content:space-between;align-items:center;display:flex;position:relative}.wall-timing-rail:before{content:"";background:var(--kopitiam-line);height:2px;position:absolute;left:.35rem;right:.35rem}.wall-timing-rail span{z-index:1;border:2px solid var(--kopitiam-card);background:var(--kopitiam-ink-muted);width:.72rem;height:.72rem;box-shadow:0 0 0 1px var(--kopitiam-ink-muted);border-radius:50%}.wall-status-card[data-sync=qualified] .wall-timing-status{border-color:color-mix(in srgb, var(--kopitiam-live) 32%, transparent);background:color-mix(in srgb, var(--kopitiam-live) 8%, transparent)}.wall-status-card[data-sync=qualified] .wall-timing-rail:before,.wall-status-card[data-sync=qualified] .wall-timing-rail span{background:var(--kopitiam-live)}.wall-status-card[data-sync=qualified] .wall-timing-rail span{box-shadow:0 0 0 1px var(--kopitiam-live), 0 0 0 0 color-mix(in srgb, var(--kopitiam-live) 20%, transparent);animation:2.4s ease-out infinite wall-timing-pulse}.wall-status-card[data-sync=attention] .wall-timing-rail:before,.wall-status-card[data-sync=attention] .wall-timing-rail span{background:var(--kopitiam-orange)}@keyframes wall-timing-pulse{50%{box-shadow:0 0 0 1px var(--kopitiam-live), 0 0 0 .4rem color-mix(in srgb, var(--kopitiam-live) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.wall-status-card[data-sync=qualified] .wall-timing-rail span{animation:none}}.wall-status-card button{cursor:pointer;min-height:2.75rem;color:var(--kopitiam-ink);background:0 0;border:0;border-radius:999px;font-weight:750}.public-screenos{--public-gutter:clamp(1.25rem, 4.5vw, 4rem);background:var(--kopitiam-paper);color:var(--kopitiam-ink);font-family:var(--typeface-body,"Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif);min-block-size:100svh;overflow-x:clip;container:public-page/inline-size}.public-screenos *,.public-screenos :before,.public-screenos :after{box-sizing:border-box}:where(.public-screenos) :where(h1,h2,h3,p){margin-block-start:0}.public-screenos :is(h1,h2,h3){overflow-wrap:break-word}.public-screenos :is(h1,h2,h3):lang(ja){word-break:auto-phrase}.public-screenos :is(h1,h2,h3):lang(ko){word-break:keep-all}@container public-page (max-width:19rem){.public-screenos :is(h1,h2,h3):lang(de){hyphenate-limit-chars:12 4 4;-webkit-hyphens:auto;hyphens:auto}.public-screenos .public-section-heading h2:lang(fr){hyphenate-limit-chars:9 4 3;-webkit-hyphens:auto;hyphens:auto}}.public-screenos :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.public-screenos :is(.public-nav,.public-footer,.public-privacy-header) :is(a,button,input,select):focus-visible{box-shadow:0 0 0 6px var(--kopitiam-paper)}.public-skip-link{background:var(--kopitiam-card);border:2px solid var(--kopitiam-orange-deep);color:var(--kopitiam-ink);overflow-wrap:anywhere;z-index:100;border-radius:.75rem;max-inline-size:calc(100% - 2rem);padding:.6rem 1.1rem;font-weight:800;transition:transform .14s;position:absolute;inset:.5rem auto auto 1rem;transform:translateY(calc(-100% - 1.5rem))}.public-skip-link:focus{transform:translateY(0)}.public-screenos .public-skip-link:focus-visible{box-shadow:0 0 0 6px var(--kopitiam-paper)}.public-text-action,.public-enquiry-consent a{color:var(--kopitiam-orange-deep);text-underline-offset:.2em;font-weight:700;text-decoration:underline;text-decoration-thickness:.08em}.public-text-action:hover,.public-enquiry-consent a:hover{text-decoration-thickness:.14em}.public-kicker{color:var(--kopitiam-orange-deep);letter-spacing:.14em;text-transform:uppercase;margin-block-end:.85rem;font-size:.75rem;font-weight:700}.public-nav{background:var(--kopitiam-ink);color:var(--kopitiam-paper);min-block-size:4.5rem;padding:.7rem max(var(--public-gutter), calc((100% - 91rem) / 2 + var(--public-gutter)));flex-wrap:wrap;align-items:center;gap:.6rem 2rem;display:flex}.public-nav>:first-child{margin-inline-end:auto}.public-nav nav{gap:2rem;display:flex}.public-nav nav a{color:var(--kopitiam-kaya);font-size:.94rem;font-weight:600;text-decoration:none}.public-nav nav a:hover{color:var(--kopitiam-paper);text-underline-offset:.3em;text-decoration:underline}.public-language{flex-wrap:wrap;align-items:center;gap:.5rem;min-inline-size:0;display:flex}.public-language label{color:var(--kopitiam-line);flex-wrap:wrap;align-items:center;gap:.5rem;min-inline-size:0;font-size:.82rem;font-weight:600;display:flex}.public-language select,.public-language button{border:1px solid var(--kopitiam-mark-tile);color:var(--kopitiam-paper);font:inherit;border-radius:.5rem;min-block-size:2.75rem;min-inline-size:0;max-inline-size:100%;font-size:.875rem}.public-language select{background:var(--kopitiam-ink-raised);padding:0 .75rem}.public-language button{cursor:pointer;background:0 0;padding:0 .9rem;font-weight:600}.public-language button:hover{background:var(--kopitiam-ink-raised)}.public-nav-cta,.public-primary-action{background:var(--kopitiam-orange);color:var(--kopitiam-ink);text-align:center;border-radius:999px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.public-nav-cta{padding:.5rem 1.25rem;font-size:.94rem}.public-nav-cta:hover,.public-primary-action:hover{background:var(--kopitiam-orange-hover)}.public-hero{max-inline-size:91rem;padding:2.75rem var(--public-gutter) 2rem;grid-template-columns:minmax(0,1fr) minmax(0,35rem);gap:3rem;margin-inline:auto;display:grid}.public-hero-copy{flex-direction:column;justify-content:center;gap:1.125rem;min-inline-size:0;display:flex;container-type:inline-size}.public-hero-copy>*{margin:0}.public-free-badge{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:.375rem .875rem;font-size:.8125rem;font-weight:800}.public-hero h1{font-family:var(--typeface-display,"Avenir Next Condensed", "Arial Narrow", sans-serif);letter-spacing:var(--typeface-display-tracking,-.03em);max-inline-size:none;font-size:clamp(2.75rem,5.3vw,4.75rem);font-weight:800;line-height:.98}.public-hero h1:lang(de){font-size:max(clamp(2.75rem,4.45vw,4rem),min(clamp(2.75rem,5.3vw,4.75rem),11.5cqi))}.public-hero h1 span{color:var(--kopitiam-orange-deep);display:block}.public-hero-copy>p:not(.public-free-badge){color:var(--kopitiam-ink-muted);max-inline-size:35rem;font-size:clamp(1rem,1.35vw,1.1875rem);line-height:1.55}.public-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.public-primary-action{min-block-size:3.625rem;padding:.6rem 1.875rem;font-size:1.125rem}.public-hero-copy>small{color:var(--kopitiam-ink);align-items:center;gap:.5rem;font-size:.94rem;font-weight:600;display:flex}.public-hero-copy>small svg{fill:none;stroke:var(--kopitiam-live);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none}.public-store-badges{border:0;flex-wrap:wrap;gap:.75rem;min-inline-size:0;margin:0;padding:0;display:flex}.public-store-badges>a,.public-store-badges>span{border:1px solid var(--kopitiam-ink);color:var(--kopitiam-ink);border-radius:.75rem;align-items:center;gap:.625rem;min-block-size:3rem;min-inline-size:0;padding:.4rem 1rem;text-decoration:none;display:flex}.public-store-badges>span{border-color:var(--kopitiam-line);color:var(--kopitiam-ink-muted);border-style:dashed}.public-store-badges>a:hover{background:var(--kopitiam-card)}.public-store-badges :is(a,span)>svg{flex:none}.public-store-badges>*>span{flex-direction:column;min-inline-size:0;display:flex}.public-store-badges i{letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-style:normal;font-weight:700}.public-store-badges b{font-size:.875rem;font-weight:700}.public-hero-window{background:var(--kopitiam-kaya);border-radius:1.5rem;justify-content:center;align-items:flex-end;min-block-size:30rem;min-inline-size:0;padding:1.75rem 2rem 0;display:flex;position:relative;overflow:hidden}.public-hero-window:before,.public-hero-window:after,.public-tour-stage:before,.public-tour-stage:after{content:"";position:absolute;inset-inline:0}.public-hero-window:after,.public-tour-stage:after{background:var(--kopitiam-ink);block-size:14px;inset-block-end:0}.public-hero-window:before,.public-tour-stage:before{background:color-mix(in srgb, var(--kopitiam-ink) 12%, transparent);block-size:6px;inset-block-end:14px}.public-hero-shelf{align-items:flex-end;gap:2.25rem;margin-block-end:14px;display:flex;position:relative}.public-hero-phone{aspect-ratio:9/19;background:var(--kopitiam-paper);border:7px solid var(--kopitiam-ink);box-shadow:0 14px 30px color-mix(in srgb, var(--kopitiam-ink) 25%, transparent);color:var(--kopitiam-ink);border-radius:26px;flex-direction:column;gap:8px;inline-size:150px;padding:14px 10px 12px;display:flex;overflow:hidden}.public-hero-phone p{color:var(--kopitiam-orange-deep);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.public-hero-phone strong{letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1.05}.public-hero-phone>span{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:none;padding:0 6px;font-size:10px;font-weight:700;line-height:24px;display:block;overflow:hidden}.public-hero-phone>span+span{font-size:9px;font-weight:600}.public-hero-phone small{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 5px;margin-block-start:auto;padding:5px 7px;font-size:9px;line-height:1.25;display:grid}.public-hero-phone small i{background:var(--kopitiam-live);border-radius:50%;block-size:7px;inline-size:7px}.public-hero-phone small b{font-weight:800}.public-hero-phone small span{color:var(--kopitiam-ink-muted);grid-column:1/-1;font-size:8px;font-weight:600}:where(.public-screenos) [data-owner-content]{--shop-bean:#3b2416;--shop-caramel:#e8a33d;--shop-cream:#f8f2e7;--shop-foam:#ebddc6;--shop-roast:#6e4630}.public-hero-display{aspect-ratio:3/4;background:var(--shop-bean);border:10px solid var(--kopitiam-ink);box-shadow:0 18px 40px color-mix(in srgb, var(--kopitiam-ink) 28%, transparent);border-radius:18px;flex-direction:column;inline-size:270px;display:flex;overflow:hidden}:where([data-owner-content]) .public-hero-photo{background:radial-gradient(circle at 38% 30%, #f1e0c6 0%, #c9955f 34%, var(--shop-roast) 70%, #2e1e17 100%);flex-grow:1;min-block-size:0;position:relative}:where([data-owner-content]) .public-hero-photo i{filter:blur(12px);background:#fff4e14d;border-radius:50%;block-size:34%;inline-size:40%;position:absolute;inset:20% auto auto 26%}.public-hero-offer{background:var(--shop-bean);color:var(--shop-cream);flex-direction:column;gap:6px;padding:14px 14px 16px;display:flex}.public-hero-offer p,.public-hero-offer b{background:var(--shop-caramel);color:var(--shop-bean);border-radius:999px;align-self:flex-start;margin:0;font-weight:800}.public-hero-offer p{letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;font-size:9px}.public-hero-offer strong{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1}.public-hero-offer span{color:var(--shop-foam);font-size:11px;line-height:1.35}.public-hero-offer b{padding:4px 12px;font-size:15px}.public-hero-price,.public-hero-phone small,.public-hero-offer b,.public-hero-shelf{position:relative}.public-hero-price:before{background:var(--kopitiam-card);border-radius:inherit;content:attr(data-hero-was);opacity:0;padding:0 6px;position:absolute;inset:0}.public-hero-price:after{border:1.5px solid var(--kopitiam-ink);content:"";opacity:0;border-radius:5px;position:absolute;inset:0}.public-hero-phone small:after{background:var(--kopitiam-orange);color:var(--kopitiam-ink);content:attr(data-hero-action);opacity:0;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-block-size:calc(100% + 2px);padding:3px 6px;font-size:8.5px;font-weight:800;line-height:1.12;display:flex;position:absolute;inset:auto -1px -1px}.public-hero-phone small:is(:lang(ja),:lang(zh),:lang(ko)):after{word-break:keep-all}.public-hero-offer b:before{background:inherit;border-radius:inherit;content:attr(data-hero-was);opacity:0;padding:inherit;position:absolute;inset:0}.public-hero-live{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;max-inline-size:150px;padding:4px 9px 4px 7px;font-size:10px;font-weight:800;line-height:1.15;display:flex;position:absolute;inset:20px 20px auto auto}.public-hero-live>i{aspect-ratio:1;background:var(--kopitiam-live);border-radius:50%;flex:none;inline-size:7px;position:relative}.public-hero-live>i:after{border:1.5px solid var(--kopitiam-live);content:"";opacity:0;border-radius:50%;position:absolute;inset:-3px}@media (prefers-reduced-motion:no-preference) and (not (max-width:34rem)){.public-hero-window{--public-hero-length:4.2s}.public-hero-window[data-hero-state=playing] .public-hero-price:before{animation:public-hero-was-field var(--public-hero-length) ease-in both}.public-hero-window[data-hero-state=playing] .public-hero-price:after{animation:public-hero-focus var(--public-hero-length) linear both}.public-hero-window[data-hero-state=playing] .public-hero-price>span{animation:public-hero-key calc(var(--public-hero-length) * .02) linear calc(var(--public-hero-length) * (.21 + .14 * var(--public-key) / var(--public-typed))) both}.public-hero-window[data-hero-state=playing] .public-hero-phone small:after{animation:public-hero-publish var(--public-hero-length) both}.public-hero-window[data-hero-state=playing] .public-hero-phone small>i{animation:public-hero-status-dot var(--public-hero-length) both}.public-hero-window[data-hero-state=playing] .public-hero-phone small>:is(b,span){animation:public-hero-status var(--public-hero-length) ease-out both}.public-hero-window[data-hero-state=playing] .public-hero-offer b{animation:public-hero-price-pop var(--public-hero-length) both}.public-hero-window[data-hero-state=playing] .public-hero-offer b:before{animation:public-hero-was-screen var(--public-hero-length) ease-in both}.public-hero-window[data-hero-state=playing] .public-hero-live{animation:public-hero-live var(--public-hero-length) cubic-bezier(.2, .8, .2, 1) both}.public-hero-window[data-hero-state=playing] .public-hero-live>i:after{animation:public-hero-ring var(--public-hero-length) ease-out both}}@keyframes public-hero-was-field{0%,14%{opacity:1;transform:none}19%,to{opacity:0;transform:translateY(-60%)}}@keyframes public-hero-focus{0%,7%{opacity:0}10%,38%{opacity:1}42%,to{opacity:0}}@keyframes public-hero-key{0%{opacity:0}to{opacity:1}}@keyframes public-hero-publish{0%{opacity:0;transform:none}5%,43%{opacity:1;transform:none}47%{opacity:1;transform:scale(.92)}51%{opacity:1;transform:none}55%{opacity:1;transform:none}60%,to{opacity:0;transform:none}}@keyframes public-hero-status-dot{0%{transform:none}4%,57%{transform:scale(0)}63%{transform:scale(1.4)}68%,to{transform:none}}@keyframes public-hero-status{0%{opacity:1}4%,58%{opacity:0}66%,to{opacity:1}}@keyframes public-hero-was-screen{0%,60%{opacity:1;transform:none}66%,to{opacity:0;transform:translateY(-45%)}}@keyframes public-hero-price-pop{0%,61%{transform:none}66%{transform:scale(1.12)}72%,to{transform:none}}@keyframes public-hero-live{0%,63%{opacity:0;transform:translateY(-40%)}70%,88%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}@keyframes public-hero-ring{0%,68%{opacity:0;transform:scale(.5)}71%{opacity:.8;transform:scale(.7)}84%,to{opacity:0;transform:scale(1.9)}}.public-owner-proof{max-inline-size:91rem;padding:0 var(--public-gutter) clamp(3rem, 6vw, 5rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-inline:auto;display:grid}.public-owner-proof article{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:1rem;flex-direction:column;gap:.375rem;min-inline-size:0;padding:1.125rem 1.25rem;display:flex}.public-owner-proof h2{letter-spacing:var(--typeface-display-tracking,-.03em);margin:0;font-size:1.1875rem;font-weight:800;line-height:1.15}.public-owner-proof p{color:var(--kopitiam-ink-muted);margin:0;font-size:.875rem;line-height:1.45}.public-story-heading{max-inline-size:91rem;padding:clamp(3rem, 6vw, 5rem) var(--public-gutter) clamp(1rem, 2vw, 2rem);margin-inline:auto}.public-story-heading h2,.public-section-heading h2,.public-enquiry-heading h2{font-family:var(--typeface-display,"Avenir Next Condensed", "Arial Narrow", sans-serif);letter-spacing:var(--typeface-display-tracking,-.03em);max-inline-size:18ch;margin-block:0 1rem;font-size:clamp(2.75rem,4.45vw,4rem);font-weight:800;line-height:1.02}.public-story-heading>p:last-child,.public-section-heading>p:last-child,.public-enquiry-heading>p:last-child{color:var(--kopitiam-ink-muted);max-inline-size:40rem;margin:0;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.55}.public-tour-sequence{--tour-progress:0;max-inline-size:91rem;padding-inline:var(--public-gutter);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:clamp(2rem,4vw,4rem);margin-inline:auto;display:grid;position:relative}.public-tour-sticky{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;block-size:100svh;min-block-size:34rem;display:flex;position:sticky;top:0}.public-tour-stage{aspect-ratio:1.25;background:var(--kopitiam-kaya);border-radius:1.5rem;inline-size:min(100%,60rem);position:relative;overflow:hidden;container-type:inline-size}.public-display{width:64%;position:absolute;inset:auto 6% 14px auto}.public-display-bezel{aspect-ratio:16/10;background:var(--kopitiam-ink);border:.6rem solid var(--kopitiam-ink);box-sizing:content-box;box-shadow:0 1.5rem 3rem color-mix(in srgb, var(--kopitiam-ink) 28%, transparent);border-radius:1rem;position:relative}.public-display-content{background:var(--shop-bean);block-size:100%;color:var(--shop-cream);border-radius:.4rem;padding:4.4cqi;position:relative;overflow:hidden}.public-display-neck{background:var(--kopitiam-ink);block-size:2.6rem;inline-size:9%;margin-inline:auto}.public-display-foot{background:var(--kopitiam-ink);border-radius:99px;block-size:.5rem;inline-size:30%;margin-inline:auto}.public-phone{background:var(--kopitiam-ink);border:.45rem solid var(--kopitiam-ink);box-shadow:0 1.25rem 2.5rem color-mix(in srgb, var(--kopitiam-ink) 28%, transparent);z-index:5;border-radius:2rem;width:26%;position:absolute;inset:auto auto 14px 5%;overflow:hidden}.public-phone-speaker{background:var(--kopitiam-ink);z-index:2;border-radius:0 0 .8rem .8rem;block-size:max(.7rem,2.25cqi);inline-size:38%;position:absolute;inset:0 50% auto auto;transform:translate(50%)}.public-phone-screen{aspect-ratio:9/18.5;background:var(--kopitiam-paper);color:var(--kopitiam-ink);border-radius:1.55rem;flex-direction:column;padding:max(1rem,3.5cqi) clamp(.55rem,1.1vw,.95rem) max(.4rem,1.6cqi);display:flex}.public-phone-screen header{justify-content:space-between;align-items:center;gap:.3rem;font-size:clamp(.45rem,.8vw,.7rem);font-weight:800;display:flex}.public-phone-screen header b{background:var(--kopitiam-kaya);border-radius:50%;flex:none;justify-content:center;align-items:center;block-size:clamp(1rem,3.1cqi,1.5rem);inline-size:clamp(1rem,3.1cqi,1.5rem);font-size:clamp(.4rem,1cqi,.5rem);display:inline-flex}.public-phone-screen>p{color:var(--kopitiam-ink-muted);margin-block:max(.4rem,2.25cqi) max(.25rem,1.2cqi);font-size:clamp(.42rem,.72vw,.62rem);font-weight:600}.public-phone-screen button{background:var(--kopitiam-orange);color:var(--kopitiam-ink);font:inherit;border:0;border-radius:999px;min-block-size:max(1.25rem,4.1cqi);inline-size:100%;margin-block-start:auto;font-size:clamp(.42rem,.75vw,.66rem);font-weight:800}.public-pair-screen{place-items:center;padding:3cqi;display:grid}.public-pair-screen>*{grid-area:1/1}.public-pair-waiting{opacity:0;align-items:center;gap:3cqi;display:flex}.public-pair-qr{aspect-ratio:1;background:var(--shop-cream);border-radius:.8cqi;flex:none;inline-size:14cqi;position:relative}.public-pair-qr i{aspect-ratio:1;border:1cqi solid var(--shop-bean);border-radius:.4cqi;inline-size:30%;position:absolute}.public-pair-qr i:first-child{inset:8% auto auto 8%}.public-pair-qr i:nth-child(2){inset:8% 8% auto auto}.public-pair-qr i:nth-child(3){inset:auto auto 8% 8%}.public-pair-qr b{aspect-ratio:1;background:var(--shop-bean);box-shadow:2.4cqi 0 var(--shop-bean), 1.2cqi 1.2cqi var(--shop-bean), 0 2.4cqi var(--shop-bean), 2.4cqi 2.4cqi var(--shop-bean);inline-size:1.2cqi;position:absolute;inset:56% auto auto 56%}.public-pair-code{gap:1cqi;min-inline-size:0;display:grid}.public-pair-code>span{color:var(--shop-caramel);letter-spacing:.1em;text-transform:uppercase;font-size:max(.4rem,1.47cqi);font-weight:800}.public-pair-code strong{font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;font-size:6cqi;font-weight:800;line-height:1}.public-pair-code small{color:var(--shop-foam);font-size:max(.4rem,1.65cqi)}.public-pair-paired{background:var(--shop-cream);color:var(--shop-bean);letter-spacing:-.01em;border-radius:1.2em;align-items:center;gap:.55em;max-inline-size:100%;padding:.65em 1.1em .65em .75em;font-size:max(.4rem,3cqi);font-weight:800;line-height:1.15;display:flex}.public-pair-paired>span>span{white-space:nowrap}.public-pair-paired>i,.public-phone-paired>i{aspect-ratio:1;border-radius:50%;flex:none;inline-size:1.5em;position:relative}.public-pair-paired>i{background:var(--shop-caramel)}.public-pair-paired>i:after,.public-phone-paired>i:after{content:"";border-block-end-style:solid;border-block-end-width:.17em;border-inline-end-style:solid;border-inline-end-width:.17em;position:absolute;inset:22% 36% 32%;transform:rotate(45deg)}.public-pair-paired>i:after{border-color:var(--shop-bean)}.public-phone-scan{background:var(--kopitiam-ink-raised);color:var(--kopitiam-paper);border-radius:1.3cqi;flex:1 1 0;place-items:center;min-block-size:0;display:grid;position:relative;overflow:hidden}.public-phone-scan>*{grid-area:1/1}.public-phone-scan strong{font-variant-numeric:tabular-nums;letter-spacing:.12em;justify-items:center;margin-inline-end:-.12em;font-size:clamp(.55rem,3.2cqi,1.8rem);font-weight:800;line-height:1.05;display:grid}.public-phone-scan-frame{position:absolute;inset:12% 14%}.public-phone-scan-frame i{border:0 solid var(--kopitiam-paper);block-size:24%;inline-size:24%;position:absolute}.public-phone-scan-frame i:first-child{border-block-start-width:2px;border-inline-start-width:2px;border-start-start-radius:.5cqi;inset:0 auto auto 0}.public-phone-scan-frame i:nth-child(2){border-block-start-width:2px;border-inline-end-width:2px;border-start-end-radius:.5cqi;inset:0 0 auto auto}.public-phone-scan-frame i:nth-child(3){border-block-end-width:2px;border-inline-start-width:2px;border-end-start-radius:.5cqi;inset:auto auto 0 0}.public-phone-scan-frame i:nth-child(4){border-block-end-width:2px;border-inline-end-width:2px;border-end-end-radius:.5cqi;inset:auto 0 0 auto}.public-phone-scan-line{border-block-start:2px solid var(--kopitiam-paper);opacity:0;position:absolute;inset:0}.public-phone-paired{color:var(--kopitiam-ink);min-inline-size:0;margin-block:max(.3rem,1.2cqi);font-size:clamp(.5rem,1.4cqi,.8rem);font-weight:800;line-height:1.2}.public-phone-paired>i{background:var(--kopitiam-live);vertical-align:-.25em;inline-size:1.25em;margin-inline-end:.4em;display:inline-block}.public-phone-paired>i:after{border-color:var(--kopitiam-card)}.public-tour-still{margin:0;display:none}.public-tour-still .public-phone-screen button{background:var(--kopitiam-card);box-shadow:inset 0 0 0 1px var(--kopitiam-line)}@container (max-width:30rem){.public-phone{width:31%}.public-phone-screen{aspect-ratio:9/20;padding-inline:.35rem}.public-shape-frame{margin-block-start:.2rem;margin-inline:-.35rem}.public-shape-facts{margin-block:.2rem}.public-health-card{margin-inline:-.35rem}.public-display{width:60%;inset-inline-end:3%}}@container (max-width:18rem){.public-phone{width:37%}.public-display{width:56%}}@media (max-width:24rem){.public-tour-stage{aspect-ratio:1.1}}.public-display-content.public-shop-screen{padding:0}.public-shop-layout{color:var(--shop-cream);display:block;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.public-shop-layout>*{position:absolute}.public-shop-rail{background:var(--shop-roast);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:2.4cqi;block-size:14%;padding-inline:5cqi;font-size:3.1cqi;font-weight:800;display:flex;inset:0 0 auto}.public-shop-rail i{background:var(--shop-caramel);border-radius:1cqi;flex:none;block-size:.9cqi;inline-size:6cqi}.public-shop-photo{inset:14% 0 0 54%;overflow:hidden}.public-shop-headline{letter-spacing:-.03em;font-size:6.6cqi;font-weight:800;line-height:.95;display:flex;inset:22% 48% 36% 5%}.public-shop-lines{gap:1.2cqi;display:grid;inset:66% 52% auto 5%}.public-shop-lines i{background:var(--shop-foam);opacity:.55;border-radius:1cqi;block-size:1.3cqi;inline-size:100%}.public-shop-lines i+i{inline-size:70%}.public-shop-price{background:var(--shop-caramel);color:var(--shop-bean);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;block-size:14%;inline-size:40%;font-size:4.4cqi;font-weight:800;line-height:1;display:flex;inset:auto auto 9% 5%}.public-dish{display:block;position:absolute;inset:0;overflow:hidden;container-type:size}:where([data-owner-content]) .public-dish{background:radial-gradient(circle at 34% 28%, var(--shop-roast) 0%, var(--shop-bean) 78%)}.public-dish i{aspect-ratio:1;border-radius:50%;position:absolute}.public-dish[data-dish=lunch] i:first-child{background:var(--shop-cream);block-size:84cqmin;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.public-dish[data-dish=lunch] i:nth-child(2){background:var(--shop-foam);block-size:46cqmin;box-shadow:inset -3cqmin -4cqmin 0 var(--shop-cream);inset:50% auto auto 50%;transform:translate(-72%,-58%)}.public-dish[data-dish=lunch] i:nth-child(3){background:var(--shop-caramel);block-size:26cqmin;box-shadow:inset -3cqmin -3cqmin 0 var(--shop-roast);inset:50% auto auto 50%;transform:translate(28%,4%)}.public-dish[data-dish=breakfast] i:first-child{background:var(--shop-roast);border:6cqmin solid var(--shop-cream);block-size:44cqmin;inset:50% auto auto 50%;transform:translate(-104%,-30%)}.public-dish[data-dish=breakfast] i:nth-child(2),.public-dish[data-dish=breakfast] i:nth-child(3){background:var(--shop-caramel);border:3cqmin solid var(--shop-foam);border-radius:14% 14% 10% 10%;block-size:33cqmin;inset:50% auto auto 50%}.public-dish[data-dish=breakfast] i:nth-child(2){transform:translate(-2%,-96%)rotate(-9deg)}.public-dish[data-dish=breakfast] i:nth-child(3){transform:translate(22%,-10%)rotate(11deg)}.public-create-photo{background:var(--kopitiam-card);border:1.5px dashed var(--kopitiam-line);border-radius:max(.3rem,1.3cqi);flex:1 1 0;min-block-size:max(2.5rem,12cqi);position:relative;overflow:hidden}.public-create-photo-empty{place-items:center;display:grid;position:absolute;inset:0}.public-create-photo-empty i{aspect-ratio:1.35;border:max(1.5px, .35cqi) solid var(--kopitiam-ink-muted);border-radius:18%;place-items:center;inline-size:24%;display:grid}.public-create-photo-empty i:after{aspect-ratio:1;border:max(1.5px, .35cqi) solid var(--kopitiam-ink-muted);content:"";border-radius:50%;inline-size:42%}.public-create-photo-fill{position:absolute;inset:0}.public-create-field{gap:max(.12rem,.5cqi);min-inline-size:0;margin-block-start:max(.25rem,1cqi);display:grid}.public-create-field>i{background:var(--kopitiam-line);border-radius:99px;block-size:max(3px,.55cqi);inline-size:38%}.public-create-field+.public-create-field>i{inline-size:24%}.public-create-field>span{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:max(.2rem,.8cqi);min-inline-size:0;padding:max(.15rem,.55cqi) max(.25rem,.9cqi);font-size:clamp(.42rem,1.45cqi,.9rem);font-weight:800;line-height:1.2;position:relative}.public-create-field>span>b{border:max(1.5px, .25cqi) solid var(--kopitiam-ink);border-radius:inherit;opacity:0;position:absolute;inset:-1px}.public-create-field+button{margin-block-start:max(.3rem,1.2cqi)}.public-create-price{font-variant-numeric:tabular-nums;display:inline-block}.public-shape-cue{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);letter-spacing:.04em;border-radius:999px;align-self:flex-start;align-items:center;gap:.4em;min-inline-size:0;max-inline-size:100%;padding:.3em .75em .3em .55em;font-size:clamp(.42rem,1.2cqi,.72rem);font-weight:700;line-height:1.15;display:inline-flex}.public-shape-cue>i{background:currentColor;border-radius:.12em;flex:none;block-size:.6em;inline-size:.75em;margin-block-start:.35em;position:relative}.public-shape-cue>i:before{content:"";border:.13em solid;border-block-end:0;border-radius:.4em .4em 0 0;block-size:.42em;inline-size:.5em;position:absolute;inset:auto auto 100% 50%;transform:translate(-50%)}.public-shape-frame{aspect-ratio:16/10;background:var(--kopitiam-ink);border:max(2px, .45cqi) solid var(--kopitiam-ink);box-sizing:content-box;z-index:1;border-radius:max(.25rem,.9cqi);flex:none;margin-block-start:max(.3rem,1.2cqi);position:relative}.public-shape-design{background:var(--shop-bean);border-radius:max(.15rem,.5cqi);position:absolute;inset:0}.public-shape-design .public-shop-layout{overflow:visible}.public-shape-design .public-shop-headline{font-size:max(.4rem,6.6cqi)}.public-shape-design .public-shop-price{font-size:max(.4rem,4.4cqi)}.public-shape-design .public-shop-rail{border-start-start-radius:.15rem;border-start-end-radius:.15rem}.public-shape-design .public-shop-photo{border-end-end-radius:.15rem}.public-shape-slots{opacity:0;position:absolute;inset:0}.public-shape-slots i,.public-shape-outline>i{border:max(1px, .3cqi) dashed var(--kopitiam-paper);border-radius:max(.1rem,.4cqi);position:absolute}.public-shape-slots i:first-child,.public-shape-outline>i:first-child{inset:14% 0 0 54%}.public-shape-slots i:nth-child(2),.public-shape-outline>i:nth-child(2){inset:22% 48% 36% 5%}.public-shape-slots i:nth-child(3),.public-shape-outline>i:nth-child(3){block-size:14%;inline-size:40%;inset:auto auto 9% 5%}.public-shape-facts{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:max(.25rem,1cqi);flex:1 1 0;grid-auto-rows:minmax(0,1fr);gap:max(.1rem,.6cqi);min-block-size:max(2.25rem,10cqi);max-block-size:22cqi;margin-block:max(.3rem,1.2cqi);padding:max(.15rem,.8cqi);display:grid;overflow:hidden}.public-shape-facts>span{align-items:center;gap:max(.15rem,.8cqi);min-block-size:0;display:flex}.public-shape-facts i{aspect-ratio:1;background:var(--kopitiam-kaya);border-radius:max(.1rem,.5cqi);flex:none;block-size:min(100%,4.4cqi);position:relative;overflow:hidden}.public-shape-facts b{background:var(--kopitiam-line);border-radius:99px;flex:0 60%;block-size:max(3px,.55cqi)}.public-shape-facts>span+span b{flex-basis:44%}.public-shape-facts>span:after{border-block-end:max(1.5px, .3cqi) solid var(--kopitiam-ink-muted);border-inline-end:max(1.5px, .3cqi) solid var(--kopitiam-ink-muted);content:"";flex:none;block-size:max(.3rem,1.1cqi);inline-size:max(.16rem,.55cqi);margin-inline:auto max(.15rem,.6cqi);transform:rotate(45deg)translate(-15%,-15%)}.public-shape-outline{z-index:4;border-radius:.4rem;position:absolute;inset:0;container-type:inline-size}.public-shape-outline>i{border-width:max(1.5px,.4cqi);border-radius:1cqi}.public-shape-ready{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);font-family:var(--kopitiam-font-sans);border-radius:999px;align-items:center;gap:.45em;max-inline-size:60%;padding:.3em .8em .3em .55em;font-size:max(.4rem,2.5cqi);font-weight:800;line-height:1.15;display:flex;position:absolute;inset:2.4% 2.4% auto auto}.public-shape-ready>i{aspect-ratio:1;border:.13em dashed;border-radius:.15em;flex:none;inline-size:.85em}.public-publish-design{margin-block-start:max(.2rem,.8cqi)}.public-publish-panel{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:max(.3rem,1.2cqi);flex-direction:column;gap:max(.2rem,.9cqi);min-inline-size:0;margin-block:auto 0;padding:max(.3rem,1.2cqi);display:flex;position:relative}.public-publish-done-edge{border:max(1px, .2cqi) solid var(--kopitiam-live);border-radius:inherit;pointer-events:none;position:absolute;inset:-1px}.public-publish-copy{gap:max(2px,.55cqi);display:grid}.public-publish-copy i{background:var(--kopitiam-line);border-radius:99px;block-size:max(3px,.55cqi);inline-size:34%}.public-publish-copy i:nth-child(2){block-size:max(4px,1cqi);inline-size:78%}.public-publish-copy i:nth-child(3){inline-size:92%}.public-phone-screen .public-publish-panel button{margin-block-start:max(.1rem,.4cqi);padding:max(.15rem,.5cqi) max(.3rem,1cqi);line-height:1.15}.public-publish-status{min-block-size:1.5em;min-inline-size:0;font-size:clamp(.5rem,1.4cqi,.8rem);font-weight:800;line-height:1.2;display:grid}.public-publish-status>*{grid-area:1/1;align-self:center;min-inline-size:0}.public-publish-progress{background:var(--kopitiam-line);opacity:0;border-radius:99px;block-size:max(3px,.55cqi);overflow:hidden}.public-publish-progress i{background:var(--kopitiam-ink);transform-origin:0;block-size:100%;display:block}.public-publish-done{color:var(--kopitiam-live)}.public-publish-done>i{aspect-ratio:1;background:var(--kopitiam-live);vertical-align:-.25em;border-radius:50%;inline-size:1.25em;margin-inline-end:.4em;display:inline-block;position:relative}.public-publish-done>i:after{border-block-end:.17em solid var(--kopitiam-card);border-inline-end:.17em solid var(--kopitiam-card);content:"";position:absolute;inset:22% 36% 32%;transform:rotate(45deg)}.public-publish-before,.public-publish-after{position:absolute;inset:0}.public-publish-after{background:var(--shop-bean)}.public-publish-before{opacity:0}.public-publish-overlay{pointer-events:none;z-index:4;border-radius:.4rem;position:absolute;inset:0;container-type:inline-size}.public-publish-live,.public-screen-pill{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);font-family:var(--kopitiam-font-sans);border-radius:999px;align-items:center;gap:.45em;max-inline-size:60%;padding:.3em .8em .3em .6em;font-size:max(.4rem,2.5cqi);font-weight:800;line-height:1.15;display:flex;position:absolute;inset:2.4% 2.4% auto auto}.public-publish-live>i{aspect-ratio:1;background:var(--kopitiam-live);border-radius:50%;flex:none;inline-size:.6em;position:relative}.public-publish-live>i:after{border:.12em solid var(--kopitiam-live);content:"";opacity:0;border-radius:50%;position:absolute;inset:-.35em}.public-schedule-clock{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:max(.3rem,1.2cqi);align-items:center;gap:.4em;min-inline-size:0;padding:max(.25rem,1cqi) max(.3rem,1.1cqi);font-size:clamp(.42rem,1.2cqi,.72rem);font-weight:700;line-height:1.15;display:flex}.public-schedule-clock>span{color:var(--kopitiam-ink-muted);min-inline-size:0}.public-schedule-clock>i{aspect-ratio:1;border:.14em solid var(--kopitiam-ink);border-radius:50%;flex:none;inline-size:1.25em;position:relative}.public-schedule-clock>i b{background:var(--kopitiam-ink);transform-origin:50% 100%;border-radius:99px;block-size:38%;inline-size:.14em;margin-inline-start:-.07em;position:absolute;inset:auto auto 50% 50%}.public-schedule-clock>i b+b{block-size:26%}.public-schedule-clock>strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-inline-start:auto;font-size:clamp(.62rem,2.4cqi,1.3rem);font-weight:800;line-height:1;display:grid;overflow:hidden}.public-schedule-clock>strong>span{grid-area:1/1}.public-schedule-clock>strong>span:first-child{opacity:0}.public-schedule-list{gap:max(.2rem,.8cqi);margin-block-start:max(.3rem,1.2cqi);display:grid}.public-schedule-row{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:max(.3rem,1.2cqi);align-items:center;gap:max(.2rem,.8cqi);min-inline-size:0;padding:max(.2rem,.8cqi);font-size:clamp(.45rem,1.4cqi,.85rem);line-height:1.15;display:flex;position:relative}.public-schedule-edge{border:max(1.5px, .3cqi) solid var(--kopitiam-ink);border-radius:inherit;pointer-events:none;position:absolute;inset:-1px}.public-schedule-dish{aspect-ratio:1;border-radius:max(.15rem,.6cqi);flex:none;inline-size:max(1.35rem,5.4cqi);display:block;position:relative;overflow:hidden}.public-schedule-row>span{gap:.15em;min-inline-size:0;display:grid}.public-schedule-row strong{font-weight:800}.public-schedule-row small{color:var(--kopitiam-ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9em;font-weight:600}.public-schedule-row>b{background:var(--kopitiam-ink);clip-path:polygon(0 0,100% 50%,0 100%);flex:none;block-size:.7em;inline-size:.6em;margin-inline:auto .2em}.public-schedule-row[data-schedule-row=breakfast]>:is(.public-schedule-edge,b){opacity:0}.public-schedule-days{justify-content:space-between;gap:max(2px,.6cqi);margin-block-start:max(.3rem,1.2cqi);display:flex}.public-schedule-days i{background:var(--kopitiam-ink);border:1px solid var(--kopitiam-ink);border-radius:max(.2rem,.9cqi);flex:1 1 0;block-size:max(.6rem,2.4cqi)}.public-schedule-days i:nth-child(n+6){background:var(--kopitiam-card);border-color:var(--kopitiam-line)}.public-offline-pill>i{flex:none;block-size:.85em;inline-size:.8em;position:relative}.public-offline-pill>i:before{border:.13em solid;content:"";border-block-start:0;border-radius:0 0 .14em .14em;block-size:.36em;position:absolute;inset:auto 0 0}.public-offline-pill>i:after{content:"";border-block-end:.13em solid;border-inline-end:.13em solid;block-size:.34em;inline-size:.34em;position:absolute;inset:.02em auto auto 50%;transform:translate(-50%)rotate(45deg)}.public-offline-pill>span{min-inline-size:0}.public-health-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:max(.3rem,1.2cqi);flex-direction:column;gap:max(.15rem,.7cqi);min-inline-size:0;margin-block-end:max(.3rem,1.2cqi);padding:max(.25rem,1cqi);display:flex}.public-health-status{font-size:clamp(.45rem,1.4cqi,.85rem);font-weight:800;line-height:1.35}.public-health-online{border:1px solid var(--kopitiam-line);white-space:nowrap;border-radius:999px;align-items:center;gap:.35em;padding:0 .5em 0 .4em;display:inline-flex}.public-health-online>i{aspect-ratio:1;background:var(--kopitiam-live);border-radius:50%;flex:none;inline-size:.55em}.public-health-label{color:var(--kopitiam-ink-muted);letter-spacing:.02em;font-size:clamp(.42rem,1.15cqi,.7rem);font-weight:700;line-height:1.2}.public-shape-frame.public-health-output{margin-block-start:0;margin-inline:calc(-1*max(.25rem,1cqi) - 1px)}.public-health-time i{background:var(--kopitiam-line);border-radius:99px;block-size:max(3px,.55cqi);inline-size:52%;display:block}.public-health-scan{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.public-health-scan>i{background:var(--kopitiam-card);opacity:0;block-size:100%;inline-size:1.2%;position:absolute;inset:0 auto 0 0}.public-display-health{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:0 .4em 1.2em color-mix(in srgb, var(--kopitiam-ink) 30%, transparent);color:var(--kopitiam-ink);font-family:var(--kopitiam-font-sans);border-radius:.7em;align-items:center;gap:.55em;max-inline-size:52%;padding:.6em .95em .6em .7em;font-size:max(.45rem,2.7cqi);font-weight:800;line-height:1.2;display:flex;position:absolute;inset:auto 3% 5% auto}.public-display-health>i{aspect-ratio:1;background:var(--kopitiam-live);border-radius:50%;flex:none;inline-size:1.3em;position:relative}.public-display-health>i:after{border-block-end:.16em solid var(--kopitiam-card);border-inline-end:.16em solid var(--kopitiam-card);content:"";position:absolute;inset:22% 36% 32%;transform:rotate(45deg)}.public-display-health>strong{min-inline-size:0}:is(.public-shop-headline,.public-create-typed):is(:lang(ja),:lang(zh)),.public-shape-cue:lang(zh){word-break:keep-all}.public-tour-stage:lang(ja){word-break:auto-phrase}.public-phone-paired:lang(zh),.public-publish-panel :is(button,.public-publish-done):lang(zh),.public-publish-panel :is(button,.public-publish-done):lang(ja),:is(.public-health-card,.public-health-card+button,.public-offline-pill,.public-display-health,.public-schedule-row):is(:lang(ja),:lang(zh)),.public-tour-stage:lang(ko){word-break:keep-all}@media (prefers-reduced-motion:no-preference){.public-tour-stage{--public-scene-length:3.2s;--public-scene-play:running}.public-tour-stage[data-scene-state=waiting]{--public-scene-play:paused}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] button{animation:public-pair-press var(--public-scene-length) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] .public-phone-scan-frame{animation:public-pair-frame var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] .public-phone-scan-line{animation:public-pair-sweep var(--public-scene-length) ease-in-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] .public-phone-scan strong{animation:public-pair-read var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] .public-phone-paired{animation:public-pair-confirm var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] .public-phone-paired>i{animation:public-pair-tick var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] .public-pair-waiting{animation:public-pair-code-out var(--public-scene-length) ease-in-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] .public-pair-paired{animation:public-pair-paired-in var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=pair] .public-pair-paired>i{animation:public-pair-tick-screen var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage[data-scene=create]{--public-scene-length:3.4s}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=create] button,.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] button{animation:public-pair-press var(--public-scene-length) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=create] .public-create-photo-fill{animation:public-create-photo var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=create] .public-create-field>span>b{animation:public-create-focus var(--public-scene-length) linear both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=create] .public-create-typed>span{animation:public-create-key calc(var(--public-scene-length) * .02) linear calc(var(--public-scene-length) * (.3 + .36 * var(--public-key) / var(--public-typed))) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=create] .public-create-price{animation:public-create-drop var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage[data-scene=shape]{--public-scene-length:3.6s}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-design .public-shop-photo{animation:public-shape-photo var(--public-scene-length) cubic-bezier(.3, .7, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-design .public-shop-headline{animation:public-shape-headline var(--public-scene-length) cubic-bezier(.3, .7, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-design .public-shop-price{animation:public-shape-price var(--public-scene-length) cubic-bezier(.3, .7, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-slots{animation:public-shape-slots var(--public-scene-length) linear both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-cue{animation:public-shape-cue var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-cue>i:before{animation:public-shape-lock var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-outline>i:first-child{animation:public-shape-outline-photo var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-outline>i:nth-child(2){animation:public-shape-outline-headline var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-outline>i:nth-child(3){animation:public-shape-outline-price var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=shape] .public-shape-ready{animation:public-shape-ready var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage[data-scene=publish]{--public-scene-length:3.6s}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] button{animation:public-publish-press var(--public-scene-length) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-progress{animation:public-publish-progress var(--public-scene-length) linear both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-progress>i{animation:public-publish-fill var(--public-scene-length) ease-in-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-done{animation:public-publish-done var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-done>i{animation:public-publish-tick var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-done-edge{animation:public-publish-edge var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-before{animation:public-publish-before var(--public-scene-length) step-end both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-after{animation:public-publish-after var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-live{animation:public-publish-live var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=publish] .public-publish-live>i:after{animation:public-publish-ring var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage[data-scene=schedule]{--public-scene-length:3.6s}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-schedule-row{animation:public-schedule-row var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-schedule-row+.public-schedule-row{animation-name:public-schedule-row-next}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] [data-schedule-row=breakfast]>:is(.public-schedule-edge,b){animation:public-schedule-was-now var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] [data-schedule-row=lunch]>:is(.public-schedule-edge,b){animation:public-schedule-now var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-schedule-days{animation:public-schedule-days var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-schedule-clock>strong>span:first-child{animation:public-schedule-minute-out var(--public-scene-length) ease-in both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-schedule-clock>strong>span:last-child{animation:public-schedule-minute-in var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-schedule-clock>i b:first-child{animation:public-schedule-hand var(--public-scene-length) cubic-bezier(.3, 1.4, .5, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-offline-pill{animation:public-schedule-offline var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-publish-before{animation:public-publish-before var(--public-scene-length) step-end both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=schedule] .public-publish-after{animation:public-publish-after var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage[data-scene=support]{--public-scene-length:3.4s}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=support] button{animation:public-support-press var(--public-scene-length) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=support] .public-health-output .public-shape-design{animation:public-support-output var(--public-scene-length) ease-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=support] .public-health-online{animation:public-support-online var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=support] .public-health-scan>i{animation:public-support-scan var(--public-scene-length) ease-in-out both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=support] .public-display-health{animation:public-support-good var(--public-scene-length) cubic-bezier(.2, .8, .2, 1) both var(--public-scene-play)}.public-tour-stage:not([data-scene-state=finished]) [data-scene-frame=support] .public-display-health>i{animation:public-support-tick var(--public-scene-length) ease-out both var(--public-scene-play)}}@keyframes public-pair-press{0%{transform:none}6%{transform:scale(.93)}13%,to{transform:none}}@keyframes public-pair-frame{0%,6%{opacity:0;transform:scale(1.45)rotate(-5deg)}38%,to{opacity:1;transform:none}}@keyframes public-pair-sweep{0%,14%{opacity:0;transform:none}18%{opacity:.7;transform:translateY(8%)}42%{opacity:.7;transform:translateY(92%)}46%,to{opacity:0;transform:translateY(100%)}}@keyframes public-pair-read{0%,40%{opacity:.35;transform:scale(.92)}48%{opacity:1;transform:scale(1.08)}56%,to{opacity:1;transform:none}}@keyframes public-pair-confirm{0%,54%{opacity:0;transform:translateY(40%)}66%,to{opacity:1;transform:none}}@keyframes public-pair-tick{0%,58%{transform:scale(0)}68%{transform:scale(1.2)}74%,to{transform:none}}@keyframes public-pair-code-out{0%,60%{opacity:1;transform:none}70%,to{opacity:0;transform:scale(.94)}}@keyframes public-pair-paired-in{0%,70%{opacity:0;transform:translateY(14%)scale(.94)}84%,to{opacity:1;transform:none}}@keyframes public-pair-tick-screen{0%,78%{transform:scale(0)}88%{transform:scale(1.2)}94%,to{transform:none}}@keyframes public-create-photo{0%,8%{opacity:0;transform:scale(1.14)}26%,to{opacity:1;transform:none}}@keyframes public-create-focus{0%,26%{opacity:0}30%,68%{opacity:1}74%,to{opacity:0}}@keyframes public-create-key{0%{opacity:0}to{opacity:1}}@keyframes public-create-drop{0%,70%{opacity:0;transform:translateY(-110%)}80%{opacity:1;transform:translateY(10%)}86%,to{opacity:1;transform:none}}@keyframes public-shape-photo{0%,6%{opacity:0;transform:translate(-90%,150%)rotate(-7deg)scale(.7)}14%{opacity:1;transform:translate(-90%,150%)rotate(-7deg)scale(.7)}38%,to{opacity:1;transform:none}}@keyframes public-shape-headline{0%,12%{opacity:0;transform:translate(10%,230%)rotate(4deg)}20%{opacity:1;transform:translate(10%,230%)rotate(4deg)}44%,to{opacity:1;transform:none}}@keyframes public-shape-price{0%,18%{opacity:0;transform:translate(40%,420%)rotate(-5deg)}26%{opacity:1;transform:translate(40%,420%)rotate(-5deg)}50%,to{opacity:1;transform:none}}@keyframes public-shape-slots{0%,40%{opacity:1}54%,to{opacity:0}}@keyframes public-shape-cue{0%,48%{opacity:0;transform:scale(.7)}58%{opacity:1;transform:scale(1.08)}64%,to{opacity:1;transform:none}}@keyframes public-shape-lock{0%,56%{transform:translate(-50%,-60%)}64%,to{transform:translate(-50%)}}@keyframes public-shape-outline-photo{0%,60%{opacity:0;transform:scale(1.06)}72%,to{opacity:1;transform:none}}@keyframes public-shape-outline-headline{0%,64%{opacity:0;transform:scale(1.06)}76%,to{opacity:1;transform:none}}@keyframes public-shape-outline-price{0%,68%{opacity:0;transform:scale(1.1)}80%,to{opacity:1;transform:none}}@keyframes public-shape-ready{0%,78%{opacity:0;transform:translateY(-40%)}90%,to{opacity:1;transform:none}}@keyframes public-publish-press{0%,9%{transform:none}13%{transform:scale(.93)}18%,to{transform:none}}@keyframes public-publish-progress{0%,15%{opacity:0}19%,56%{opacity:1}61%,to{opacity:0}}@keyframes public-publish-fill{0%,19%{transform:scaleX(0)}56%,to{transform:none}}@keyframes public-publish-done{0%,58%{opacity:0;transform:translateY(40%)}66%,to{opacity:1;transform:none}}@keyframes public-publish-tick{0%,62%{transform:scale(0)}70%{transform:scale(1.2)}76%,to{transform:none}}@keyframes public-publish-edge{0%,58%{opacity:0}66%,to{opacity:1}}@keyframes public-publish-after{0%,68%{opacity:0}80%,to{opacity:1}}@keyframes public-publish-before{0%{opacity:1}80%,to{opacity:0}}@keyframes public-publish-live{0%,82%{opacity:0;transform:translateY(-40%)}92%,to{opacity:1;transform:none}}@keyframes public-publish-ring{0%,88%{opacity:0;transform:scale(.5)}92%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.8)}}@keyframes public-schedule-row{0%{opacity:0;transform:translateY(30%)}14%,to{opacity:1;transform:none}}@keyframes public-schedule-row-next{0%,8%{opacity:0;transform:translateY(30%)}22%,to{opacity:1;transform:none}}@keyframes public-schedule-days{0%,16%{opacity:0}28%,to{opacity:1}}@keyframes public-schedule-minute-out{0%,44%{opacity:1;transform:none}52%,to{opacity:0;transform:translateY(-70%)}}@keyframes public-schedule-minute-in{0%,46%{opacity:0;transform:translateY(70%)}54%,to{opacity:1;transform:none}}@keyframes public-schedule-hand{0%,45%{transform:rotate(-6deg)}52%,to{transform:none}}@keyframes public-schedule-was-now{0%,52%{opacity:1}56%,to{opacity:0}}@keyframes public-schedule-now{0%,52%{opacity:0;transform:scale(.6)}57%{opacity:1;transform:scale(1.12)}62%,to{opacity:1;transform:none}}@keyframes public-schedule-offline{0%,22%{opacity:0;transform:translateY(-40%)}32%,to{opacity:1;transform:none}}@keyframes public-support-output{0%,4%{opacity:0}20%,to{opacity:1}}@keyframes public-support-online{0%,12%{opacity:0;transform:scale(.7)}22%,to{opacity:1;transform:none}}@keyframes public-support-press{0%,30%{transform:none}34%{transform:scale(.93)}39%,to{transform:none}}@keyframes public-support-scan{0%,40%{opacity:0;transform:none}44%{opacity:.7;transform:translate(400%)}58%{opacity:.7;transform:translate(7600%)}62%,to{opacity:0;transform:translate(8300%)}}@keyframes public-support-good{0%,58%{opacity:0;transform:translateY(30%)}68%,to{opacity:1;transform:none}}@keyframes public-support-tick{0%,64%{transform:scale(0)}72%{transform:scale(1.2)}78%,to{transform:none}}.public-stage-caption{color:var(--kopitiam-ink-muted);letter-spacing:.13em;margin:0;font-size:.62rem;font-weight:700;position:absolute;inset:5cqi auto auto 5cqi}.public-tour-meter{color:var(--kopitiam-ink-muted);font-variant-numeric:tabular-nums;letter-spacing:.1em;align-items:center;gap:.75rem;font-size:.7rem;font-weight:700;display:flex}.public-tour-meter>i{background:var(--kopitiam-line);block-size:2px;inline-size:6rem;overflow:hidden}.public-tour-meter b{background:var(--kopitiam-orange-deep);block-size:100%;transform:scaleX(var(--tour-progress));transform-origin:0;display:block}.public-tour-chapters{margin:0;padding:0;list-style:none}.public-tour-chapters li{align-items:center;min-block-size:100svh;display:flex}.public-tour-chapters li>div{inline-size:100%;min-inline-size:0;max-inline-size:29rem;container-type:inline-size}.public-tour-chapters li>div>p{color:var(--kopitiam-orange-deep);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0;font-size:.75rem;font-weight:700;display:flex}.public-tour-chapters li>div>p span{border:1.5px solid var(--kopitiam-line);block-size:2.25rem;color:var(--kopitiam-ink);font-variant-numeric:tabular-nums;letter-spacing:0;border-radius:50%;flex:none;place-items:center;inline-size:2.25rem;display:grid}.public-tour-sequence[data-motion=scrub] .public-tour-chapters li[aria-current=step]>div>p span{background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep)}.public-tour-chapters h3{--public-moment-fit:100cqi;--public-moment-size:clamp(2.25rem, 3.4vw, 3.5rem);font-family:var(--typeface-display,"Avenir Next Condensed", "Arial Narrow", sans-serif);font-size:min(var(--public-moment-size), var(--public-moment-fit));letter-spacing:var(--typeface-display-tracking,-.03em);margin-block:1.25rem 1rem;font-weight:800;line-height:1.02}.public-tour-chapters li>div>div{color:var(--kopitiam-ink-muted);font-size:clamp(1rem,1.3vw,1.1875rem);line-height:1.6}.public-pricing{max-inline-size:91rem;padding:clamp(4rem, 8vw, 7rem) var(--public-gutter);margin-inline:auto}.public-currency-picker{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-block:2rem 1.75rem;display:flex}.public-currency-picker>span{color:var(--kopitiam-ink-muted);font-size:.875rem;font-weight:700}.public-currency-picker select{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);font:inherit;border-radius:.75rem;min-block-size:2.75rem;padding:0 .75rem;font-size:.9rem;font-weight:700}.public-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1rem;display:grid}.public-plan{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:1.25rem;flex-direction:column;min-inline-size:0;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative}.public-plan.is-shop{background:var(--kopitiam-orange-tint);border:2px solid var(--kopitiam-orange-deep)}.public-plan-note{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);letter-spacing:.04em;border-radius:999px;margin:0;padding:.25rem .75rem;font-size:.75rem;font-weight:800;position:absolute;inset:-.85rem auto auto 1.25rem}.public-plan h3{letter-spacing:var(--typeface-display-tracking,-.03em);margin-block:0 .5rem;font-size:clamp(1.5rem,2vw,1.875rem);font-weight:800;line-height:1.1}.public-plan-summary{color:var(--kopitiam-ink-muted);min-block-size:2.9em;margin:0;font-size:.94rem;line-height:1.45}.public-plan-price{flex-wrap:wrap;align-items:baseline;gap:.4rem;margin-block:1.25rem;display:flex}.public-plan-price strong{letter-spacing:-.03em;font-size:clamp(2rem,2.8vw,2.75rem);font-weight:800;line-height:1}.public-plan-price span{color:var(--kopitiam-ink-muted);font-size:.875rem;font-weight:600}.public-plan ul{border-block-start:1px solid var(--kopitiam-line);gap:.65rem;margin:0 0 1.75rem;padding:1.25rem 0 0;list-style:none;display:grid}.public-plan li{align-items:flex-start;gap:.55rem;font-size:.9rem;line-height:1.4;display:flex}.public-plan li span{color:var(--kopitiam-live);font-weight:900}.public-plan>a{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);text-align:center;border-radius:999px;justify-content:center;align-items:center;min-block-size:3rem;margin-block-start:auto;padding:.5rem 1.25rem;font-size:.95rem;font-weight:800;text-decoration:none;display:flex}.public-plan>a:hover{border-color:var(--kopitiam-ink)}.public-plan.is-shop>a{background:var(--kopitiam-orange);border-color:var(--kopitiam-orange)}.public-plan.is-shop>a:hover{background:var(--kopitiam-orange-hover);border-color:var(--kopitiam-orange-hover)}.public-price-footnote{color:var(--kopitiam-ink-muted);max-inline-size:60rem;margin-block:1.5rem 0;font-size:.875rem;line-height:1.55}.public-enquiry{border-block-start:1px solid var(--kopitiam-line);max-inline-size:91rem;padding:clamp(4rem, 8vw, 7rem) var(--public-gutter);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);margin-inline:auto;display:grid}.public-enquiry-form,.public-enquiry-success{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:1.25rem;min-inline-size:0;padding:clamp(1.25rem,3vw,2.25rem)}.public-enquiry-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem;display:grid}.public-enquiry-fields label,.public-enquiry-consent{gap:.45rem;min-inline-size:0;display:grid}.public-enquiry-fields label>span{font-size:.875rem;font-weight:700}.public-enquiry-wide{grid-column:1/-1}.public-enquiry-form input,.public-enquiry-form textarea{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-ink-muted);color:var(--kopitiam-ink);font:inherit;border-radius:.75rem;min-block-size:3.25rem;min-inline-size:0;padding:.75rem 1rem;font-size:1rem;font-weight:500}.public-enquiry-form textarea{resize:vertical;min-block-size:9rem}.public-enquiry-form ::placeholder{color:var(--kopitiam-ink-muted);opacity:1}.public-enquiry-honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.public-enquiry-honeypot input{background:var(--kopitiam-card);color:var(--kopitiam-ink);border:0}.public-enquiry-challenge{min-block-size:4rem;margin-block-start:1.25rem}.public-enquiry-consent{align-items:flex-start;gap:.6rem;margin-block-start:1.25rem;font-size:.875rem;line-height:1.5;display:flex}.public-enquiry-consent input{accent-color:var(--kopitiam-orange-deep);background:var(--kopitiam-card);block-size:1.125rem;color:var(--kopitiam-ink);border:0;flex:none;min-block-size:0;inline-size:1.125rem;margin:.15rem 0 0;padding:0}.public-enquiry-consent>span{overflow-wrap:anywhere;min-inline-size:0}.public-enquiry-error{background:var(--kopitiam-card);border:1px solid var(--kopitiam-error);color:var(--kopitiam-error);border-radius:.75rem;align-items:flex-start;gap:.6rem;margin-block:1.25rem 0;padding:.75rem 1rem;font-size:.875rem;font-weight:600;line-height:1.45;display:flex}.public-enquiry-error:before{background:var(--kopitiam-error);block-size:1.25rem;color:var(--kopitiam-card);content:"!" / "";border-radius:50%;flex:none;justify-content:center;align-items:center;inline-size:1.25rem;font-size:.8rem;font-weight:800;display:inline-flex}.public-enquiry-submit{border-block-start:1px solid var(--kopitiam-line);justify-content:space-between;align-items:center;gap:1.5rem;margin-block-start:1.25rem;padding-block-start:1.25rem;display:flex}.public-enquiry-submit p{color:var(--kopitiam-ink-muted);max-inline-size:26rem;margin:0;font-size:.8rem;line-height:1.45}.public-enquiry-submit button{background:var(--kopitiam-orange);color:var(--kopitiam-ink);cursor:pointer;font:inherit;border:0;border-radius:999px;flex:none;min-block-size:3.25rem;padding:.6rem 1.75rem;font-size:1rem;font-weight:700}.public-enquiry-submit button:hover:not(:disabled){background:var(--kopitiam-orange-hover)}.public-enquiry-submit button:disabled{cursor:not-allowed;opacity:.5}.public-enquiry-success{align-content:center;justify-items:start;min-block-size:22rem;display:grid}.public-enquiry-success>span{background:var(--kopitiam-live);block-size:3rem;color:var(--kopitiam-card);border-radius:50%;justify-content:center;align-items:center;inline-size:3rem;font-size:1.3rem;font-weight:800;display:inline-flex}.public-enquiry-success>p:first-of-type{color:var(--kopitiam-live);letter-spacing:.08em;text-transform:uppercase;margin-block:1.5rem 0;font-size:.75rem;font-weight:800}.public-enquiry-success h3{font-family:var(--typeface-display,"Avenir Next Condensed", "Arial Narrow", sans-serif);letter-spacing:var(--typeface-display-tracking,-.03em);margin-block:.75rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.05}.public-enquiry-success>p:last-child{color:var(--kopitiam-ink-muted);margin:0}.public-footer{background:var(--kopitiam-ink-raised);color:var(--kopitiam-paper);padding:2rem max(var(--public-gutter), calc((100% - 91rem) / 2 + var(--public-gutter)));grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem 2rem;display:grid}.public-footer p{color:var(--kopitiam-line);margin:0;font-size:.875rem}.public-footer nav{flex-wrap:wrap;justify-self:end;gap:0 1.5rem;display:flex}.public-footer nav a{color:var(--kopitiam-paper);text-underline-offset:.25em;font-size:.875rem;font-weight:600}@media (max-width:56rem){.public-nav nav:lang(fr){display:none}}@media (max-width:70rem){.public-hero{grid-template-columns:minmax(0,1fr) minmax(0,28rem)}.public-hero-shelf{gap:1.5rem}.public-hero-phone{inline-size:124px}.public-hero-display{inline-size:220px}.public-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:60rem){.public-hero:lang(de){grid-template-columns:minmax(0,1fr)}}@media (max-width:52rem){.public-screenos{--public-gutter:1.25rem}.public-nav{column-gap:1rem;min-block-size:3.75rem}.public-nav nav{display:none}.public-nav-cta{padding-inline:.9rem;font-size:.875rem}.public-hero{padding:1.5rem var(--public-gutter) 1.75rem;grid-template-columns:minmax(0,1fr);gap:1.75rem}.public-hero-copy{gap:.875rem}.public-hero-copy>p:not(.public-free-badge){font-size:1rem;line-height:1.5}.public-owner-proof{grid-template-columns:minmax(0,1fr)}.public-tour-sequence{padding-block-end:max(0px,min(42svh,100svh - 22rem));padding-inline:0;display:block}.public-tour-sticky{block-size:58svh;min-block-size:22rem;padding-inline:var(--public-gutter);z-index:0}.public-tour-stage{inline-size:min(100%,40rem)}.public-tour-sequence[data-motion=scrub] .public-tour-stage{aspect-ratio:1.1}.public-tour-chapters{padding:0 var(--public-gutter);z-index:2;position:relative}.public-tour-chapters li{align-items:flex-end;min-block-size:68svh;padding-block-end:2rem}.public-tour-chapters li>div{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--kopitiam-ink) 12%, transparent);border-radius:1.25rem;max-inline-size:32rem;padding:1.25rem}.public-tour-chapters h3{--public-moment-fit:21cqi;--public-moment-size:clamp(1.9rem, 8vw, 2.75rem)}.public-tour-chapters h3:not(:lang(en)){--public-moment-fit:16cqi}.public-enquiry{grid-template-columns:minmax(0,1fr)}.public-footer{grid-template-columns:1fr auto}.public-footer p{display:none}}@media (max-width:34rem){.public-screenos{--public-gutter:min(1.25rem, 20px)}.public-language{flex-basis:100%}.public-nav-cta{flex:1 1 0;max-inline-size:max-content}.public-hero h1,.public-story-heading h2,.public-section-heading h2,.public-enquiry-heading h2{font-size:clamp(2rem,11.3vw,2.75rem)}.public-hero h1:lang(de),.public-story-heading h2:lang(de),.public-section-heading h2:lang(de),.public-enquiry-heading h2:lang(de){font-size:max(min(clamp(2rem, 11.3vw, 2.75rem), .115 * (100vw - 2 * var(--public-gutter))), 2rem)}.public-hero h1:is(:lang(ms),:lang(es)),.public-story-heading h2:is(:lang(ms),:lang(es)),.public-section-heading h2:is(:lang(ms),:lang(es)),.public-enquiry-heading h2:is(:lang(ms),:lang(es)){font-size:min(clamp(2rem, 11.3vw, 2.75rem), max(2.5rem, 8vw), calc(.165 * (100vw - 2 * var(--public-gutter))))}.public-tour-chapters li>div{padding:min(1.25rem,20px)}.public-primary-action{min-block-size:3.375rem;inline-size:100%;font-size:1.0625rem}.public-hero-actions{justify-content:center}.public-hero-window{min-block-size:18.75rem;padding:1.125rem 1.125rem 0}.public-hero-phone{display:none}.public-hero-display{border-width:7px;border-radius:12px;inline-size:170px}.public-hero-offer{gap:4px;padding:9px 9px 11px}.public-hero-offer p{padding:2px 6px;font-size:6px}.public-hero-offer strong{font-size:17px}.public-hero-offer span{font-size:7px}.public-hero-offer b{padding:3px 8px;font-size:10px}.public-hero-live{gap:4px;padding:3px 7px 3px 5px;font-size:8px;inset:14px 14px auto auto}.public-hero-live>i{inline-size:6px}.public-store-badges{grid-template-columns:minmax(0,1fr);display:grid}.public-store-badges>a,.public-store-badges>span{justify-content:center}.public-plan-grid,.public-enquiry-fields{grid-template-columns:minmax(0,1fr)}.public-enquiry-wide{grid-column:auto}.public-enquiry-submit{flex-direction:column;align-items:stretch}.public-enquiry-submit button{inline-size:100%}.public-footer{grid-template-columns:minmax(0,1fr)}.public-footer nav{justify-self:start}}@media (prefers-reduced-motion:reduce){.public-screenos{scroll-behavior:auto}.public-skip-link{transition:none}.public-tour-sequence[data-motion=static]{padding:clamp(1rem, 3vw, 2rem) var(--public-gutter) clamp(3rem, 8vw, 6rem);display:block}.public-tour-sequence[data-motion=static] .public-tour-sticky{block-size:auto;min-block-size:0;padding-inline:0;position:relative}.public-tour-sequence[data-motion=static] .public-tour-stage{inline-size:min(100%,58rem)}.public-tour-sequence[data-motion=static] .public-tour-meter{display:none}.public-tour-sequence[data-motion=static] .public-tour-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;padding:4rem 0 0;display:grid}.public-tour-sequence[data-motion=static] .public-tour-chapters li{flex-direction:column;align-items:flex-start;min-block-size:0;padding:0}.public-tour-sequence[data-motion=static] .public-tour-chapters h3{--public-moment-fit:16cqi}.public-tour-sequence[data-motion=static] .public-tour-still{inline-size:min(100%,29rem);margin-block-start:1.5rem;display:block}}@media (prefers-reduced-motion:reduce) and (max-width:42rem){.public-tour-sequence[data-motion=static] .public-tour-chapters{grid-template-columns:minmax(0,1fr)}.public-tour-sequence[data-motion=static] .public-tour-chapters li>div{box-shadow:none;background:0 0;border:0;padding:0}}@media (scripting:none){.public-tour-sequence{padding:clamp(1rem, 3vw, 2rem) var(--public-gutter) clamp(3rem, 8vw, 6rem);display:block}.public-tour-sequence .public-tour-sticky{block-size:auto;min-block-size:0;padding-inline:0;position:relative}.public-tour-sequence .public-tour-stage{inline-size:min(100%,58rem)}.public-tour-sequence .public-tour-meter{display:none}.public-tour-sequence .public-tour-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;padding:4rem 0 0;display:grid}.public-tour-sequence .public-tour-chapters li{flex-direction:column;align-items:flex-start;min-block-size:0;padding:0}.public-tour-sequence[data-motion] .public-tour-chapters li[aria-current]>div>p span{border-color:var(--kopitiam-line);background:0 0}.public-tour-sequence .public-tour-chapters h3{--public-moment-fit:16cqi}.public-tour-sequence .public-tour-still{inline-size:min(100%,29rem);margin-block-start:1.5rem;display:block}}@media (scripting:none) and (max-width:42rem){.public-tour-sequence .public-tour-chapters{grid-template-columns:minmax(0,1fr)}.public-tour-sequence .public-tour-chapters li>div{box-shadow:none;background:0 0;border:0;padding:0}}@media (forced-colors:active){.public-display-bezel,.public-enquiry-form,.public-hero-display,.public-hero-phone,.public-owner-proof article,.public-phone,.public-plan,.public-store-badges>a,.public-store-badges>span{border:2px solid canvastext}}.demo-landing,.demo-experience{min-block-size:100svh}.demo-landing-tools,.demo-registration-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-language-switcher{flex-wrap:wrap;align-items:end;gap:.45rem;min-inline-size:0;max-inline-size:100%;display:flex}.demo-language-switcher label{gap:.2rem;min-inline-size:0;max-inline-size:100%;display:grid}.demo-language-switcher label>span{font-size:.68rem;font-weight:800}.demo-language-switcher select,.demo-language-switcher button,.demo-landing-copy .demo-language-switcher button{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink,var(--kopitiam-ink));font:inherit;border-radius:.5rem;min-block-size:2.4rem;inline-size:auto;min-inline-size:0;max-inline-size:100%;padding:.4rem .65rem;font-size:.76rem}.demo-language-switcher button,.demo-landing-copy .demo-language-switcher button{cursor:pointer;font-weight:850}.demo-landing-copy button,.demo-ended a{background:var(--kopitiam-orange);color:var(--kopitiam-ink);cursor:pointer;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;min-block-size:3.5rem;inline-size:max-content;padding:.9rem 1.5rem;font-weight:900;text-decoration:none;display:inline-flex}.demo-experience{background:var(--kopitiam-paper);color:var(--kopitiam-ink);grid-template-columns:minmax(0,1fr);padding-block-end:4rem;display:grid}.demo-state-page,.demo-registration{background:var(--kopitiam-paper);color:var(--kopitiam-ink)}html:has(.demo-experience,.demo-state-page,.demo-registration){background:var(--kopitiam-paper)}:is(.demo-experience,.demo-state-page,.demo-registration) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}:is(.demo-topbar,.demo-state-topbar,.demo-registration-topbar) :is(a,button,select):focus-visible{box-shadow:0 0 0 6px var(--kopitiam-paper)}:is(.demo-experience,.demo-state-page,.demo-registration) :is(.eyebrow,.card-kicker){color:var(--kopitiam-orange-deep);font-family:var(--typeface-body);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.3}:is(.demo-experience,.demo-state-page,.demo-registration) h1{font-family:var(--typeface-display);letter-spacing:var(--typeface-display-tracking);text-wrap:balance;max-inline-size:none;margin:0;font-weight:800;font-stretch:100%;line-height:1.04}:is(.demo-experience,.demo-state-page,.demo-registration) h1:lang(ja){word-break:auto-phrase}:is(.demo-experience,.demo-state-page,.demo-registration) h1:lang(ko),:is(.demo-experience,.demo-state-page,.demo-registration):lang(ko){word-break:keep-all}:where(.demo-experience,.demo-state-page,.demo-registration):lang(ko) [data-owner-content]{word-break:normal}.demo-experience .skip-link{background:var(--kopitiam-card);border:2px solid var(--kopitiam-ink);color:var(--kopitiam-ink);font-weight:700}.demo-experience .skip-link:focus-visible{box-shadow:0 0 0 6px var(--kopitiam-paper)}.demo-topbar,.demo-state-topbar,.demo-registration>.demo-registration-topbar{background:var(--kopitiam-ink);color:var(--kopitiam-paper);align-items:center;gap:.75rem 1.5rem;min-block-size:4rem;padding:.75rem clamp(1rem,3.4vw,3rem)}.demo-state-topbar,.demo-registration>.demo-registration-topbar{flex-flow:wrap;justify-content:space-between;display:flex}.demo-topbar{z-index:10;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:sticky;inset-block-start:0}.demo-topbar>.screenos-brand{justify-self:start}:is(.demo-topbar,.demo-state-topbar,.demo-registration-topbar) .demo-language-switcher,:is(.demo-topbar,.demo-state-topbar,.demo-registration-topbar) .demo-language-switcher label{flex-wrap:wrap;align-items:center;gap:.5rem;min-inline-size:0;max-inline-size:100%;display:flex}:is(.demo-topbar,.demo-state-topbar,.demo-registration-topbar) .demo-language-switcher label>span{color:var(--kopitiam-line);font-size:.75rem;font-weight:600}:is(.demo-topbar,.demo-state-topbar,.demo-registration-topbar) .demo-language-switcher :is(select,button){background:var(--kopitiam-ink-raised);border:1px solid var(--kopitiam-ink-muted);color:var(--kopitiam-paper);font:inherit;border-radius:.5rem;min-block-size:2.75rem;inline-size:auto;min-inline-size:0;max-inline-size:100%;padding:.375rem .625rem;font-size:.8125rem;font-weight:500}:is(.demo-topbar,.demo-state-topbar,.demo-registration-topbar) .demo-language-switcher button{cursor:pointer;background:0 0;font-weight:600}.demo-clock{background:var(--kopitiam-paper);color:var(--kopitiam-ink);overflow-wrap:anywhere;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;min-block-size:2.5rem;min-inline-size:0;padding:.25rem .375rem .25rem 1rem;display:flex}.demo-clock>span:first-child{color:var(--kopitiam-ink-muted);font-size:.8125rem;font-weight:600}.demo-clock strong{background:var(--kopitiam-ink);color:var(--kopitiam-paper);font-family:var(--typeface-body);font-variant-numeric:tabular-nums;letter-spacing:.02em;border-radius:999px;padding:.25rem .75rem;font-size:1.0625rem;font-weight:800}.demo-preserve-action{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:.75rem;min-inline-size:0;max-inline-size:100%;display:flex}.demo-preserve-action>a,.demo-stage .demo-ended a,.demo-state-card>a{background:var(--kopitiam-orange);color:var(--kopitiam-ink);overflow-wrap:anywhere;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;min-block-size:2.75rem;inline-size:auto;min-inline-size:0;max-inline-size:100%;padding:.5rem 1.125rem;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.demo-preserve-action>a:hover,.demo-stage .demo-ended a:hover,.demo-state-card>a:hover{background:var(--kopitiam-orange-hover)}.demo-stage{grid-template-columns:minmax(0,1fr);gap:1.5rem;inline-size:100%;min-inline-size:0;max-inline-size:92rem;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 0;display:grid}.demo-intro{overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) minmax(15rem,21.25rem);align-items:end;gap:1rem 2rem;display:grid}.demo-intro .eyebrow{margin:0 0 .5rem}.demo-intro h1{font-size:clamp(2rem,1.25rem + 2vw,2.625rem)}.demo-next-step{grid-template-columns:minmax(0,1fr);gap:.375rem;min-inline-size:0;display:grid}.demo-next-step p{margin:0;font-size:.9375rem;font-weight:700;line-height:1.45}.demo-next-step a{color:var(--kopitiam-orange-deep);text-underline-offset:.2em;justify-self:start;font-size:.9375rem;font-weight:700}.demo-next-step small{color:var(--kopitiam-ink-muted);font-size:.8125rem;line-height:1.45}.demo-ended{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);overflow-wrap:anywhere;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem 1.25rem;display:flex}.demo-ended strong{font-weight:800}.demo-ended:lang(ko){word-break:keep-all}.demo-ended span{color:var(--kopitiam-ink-muted);flex:16rem;line-height:1.45}.demo-screen-grid{background:var(--kopitiam-kaya);border-radius:1.25rem;grid-template-columns:repeat(2,minmax(0,22rem));justify-content:center;gap:1.5rem clamp(1.5rem,3vw,2.5rem);max-inline-size:none;margin:0;padding:1.5rem clamp(1rem,2.5vw,2rem) 3.5rem;display:grid}.demo-draft-slot:empty{display:none}.demo-virtual-screen{align-content:start;gap:.625rem;min-inline-size:0;margin:0;display:grid}.demo-screen-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.demo-screen-caption>div{gap:.125rem;min-inline-size:0;display:grid}.demo-screen-caption h2{font-family:var(--typeface-body);letter-spacing:normal;margin:0;font-size:.9375rem;font-weight:800;line-height:1.25}.demo-screen-caption>div>span{color:var(--kopitiam-ink-muted);font-size:.75rem}.demo-screen-state{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:999px;flex:none;align-items:center;gap:.375rem;min-block-size:1.625rem;padding:.125rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.demo-screen-state:before{background:var(--kopitiam-ink-muted);content:"";border-radius:50%;flex:none;block-size:.4375rem;inline-size:.4375rem}.demo-virtual-screen[data-published=true] .demo-screen-state:before{background:var(--kopitiam-live)}.demo-virtual-screen-frame{aspect-ratio:9/16;background:var(--kopitiam-ink);border:.5rem solid var(--kopitiam-ink);box-shadow:0 1.125rem 2.5rem color-mix(in srgb, var(--kopitiam-ink) 25%, transparent);border-radius:1.125rem 1.125rem .375rem .375rem;place-items:center;display:grid;overflow:hidden}.demo-virtual-screen-frame>.protected-template-canvas[data-orientation=portrait]{block-size:100%;box-shadow:none;border:0;border-radius:0;max-block-size:none;inline-size:100%}.demo-virtual-content{background:var(--kopitiam-ink);color:var(--kopitiam-paper);flex-direction:column;justify-content:flex-end;gap:.5rem;min-block-size:100%;inline-size:100%;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.demo-virtual-content small{color:var(--kopitiam-line);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:700}.demo-virtual-content strong{letter-spacing:var(--typeface-display-tracking);max-inline-size:11ch;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.02}.demo-virtual-content b{color:var(--kopitiam-line);font-size:1.25rem;font-weight:800}:where([data-owner-content]) .template-video-caption{z-index:3;color:#fff;overflow-wrap:anywhere;text-align:center;background:#000000d1;border-radius:.5rem;width:fit-content;max-width:calc(100% - 2rem);margin:0 auto;padding:.35rem .6rem;font-size:clamp(.75rem,1.4vw,1rem);line-height:1.35;position:absolute;bottom:1rem;left:1rem;right:1rem}.demo-screen-ready{color:var(--kopitiam-paper);text-align:center;justify-items:center;gap:.75rem;padding:1rem;display:grid}.demo-screen-ready>span{background:var(--kopitiam-live);border-radius:50%;block-size:.75rem;inline-size:.75rem}.demo-preserve-status{margin:0;font-size:.875rem;font-weight:600;line-height:1.45}.demo-experience>#demo-editor{inline-size:100%;min-inline-size:0;max-inline-size:92rem;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 0;scroll-margin-block-start:5rem}.demo-experience .protected-template-editor{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:1.25rem;margin:0;padding:clamp(1rem,2.5vw,1.75rem)}.demo-experience .template-editor-intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""heading""intro";align-items:start;gap:.375rem 1rem;margin:0 0 1.25rem;display:grid}.demo-experience .template-editor-intro:has(>.autosave-pill){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow status""heading status""intro intro"}.demo-experience .template-editor-intro .eyebrow{grid-area:eyebrow;margin:0}.demo-experience .template-editor-intro h1{letter-spacing:var(--typeface-display-tracking);grid-area:heading;max-inline-size:none;font-size:clamp(1.625rem,1.25rem + 1vw,1.875rem);line-height:1.05}.demo-experience .template-editor-intro>p:last-child{color:var(--kopitiam-ink-muted);grid-area:intro;max-inline-size:none;margin:0;font-size:.875rem;line-height:1.45}.demo-experience .template-controls{gap:.875rem}.demo-experience .template-controls fieldset{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:.75rem;padding:1rem}.demo-experience .template-controls legend{color:var(--kopitiam-ink);font-family:var(--typeface-body);letter-spacing:normal;text-transform:none;padding-inline:.25rem;font-size:.875rem;font-weight:800}.demo-experience .template-controls .protected-media-upload{background:var(--kopitiam-paper);border-style:dashed;gap:.625rem}.demo-experience .template-controls .protected-media-upload>legend{float:inline-start;inline-size:100%;padding:0}.demo-experience :is(.media-upload-hint,.media-upload-privacy,.media-upload-status){color:var(--kopitiam-ink-muted)}.demo-experience .media-upload-hint{font-size:.8125rem}.demo-experience .media-upload-privacy{border-block-start:1px solid var(--kopitiam-line);font-size:.75rem}.demo-experience .media-upload-status{font-size:.8125rem}.demo-experience .protected-media-upload[data-status=error] .media-upload-status{color:var(--kopitiam-error);font-weight:700}.demo-experience .protected-media-upload[data-status=selected] .media-upload-status{color:var(--kopitiam-live);font-weight:700}.demo-experience .media-accessibility-field>span{font-size:.8125rem;font-weight:700}.demo-experience .media-accessibility-field small{color:var(--kopitiam-ink-muted);font-size:.75rem}.demo-experience .media-file-action{color:var(--kopitiam-orange-deep);text-underline-offset:.2em;background:0 0;border:0;padding-inline:0;font-size:.875rem;font-weight:700;text-decoration:underline}.demo-experience :is(.media-remove-action,.media-retry-action),.demo-experience :is(.autosave-row,.conflict-actions) button,.demo-experience .conflict-actions button:last-child{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);cursor:pointer;border-radius:999px;min-block-size:2.75rem;padding-inline:1rem;font-size:.8125rem;font-weight:700}.demo-experience .media-remove-action:focus-visible,.demo-experience .media-retry-action:focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.demo-experience .media-file-action:has(+.media-file-input:focus-visible){outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.demo-experience .media-file-input:focus-visible+.media-remove-action{outline:none}.demo-experience .media-upload-progress progress{accent-color:var(--kopitiam-orange-deep)}.demo-experience .template-controls .template-fields{background:0 0;border:0;gap:.875rem;padding:0}.demo-experience .template-controls .template-fields>legend{color:var(--kopitiam-ink-muted);letter-spacing:.12em;text-transform:uppercase;margin-block-end:.75rem;padding:0;font-size:.75rem}.demo-experience .template-fields label>span{font-size:.8125rem;font-weight:700}.demo-experience .template-fields small{color:var(--kopitiam-ink-muted);font-size:.75rem}.demo-experience :is(.template-fields input,.template-fields textarea,.media-accessibility-field textarea,.publish-screen-choice select){background:var(--kopitiam-card);border:1px solid var(--kopitiam-ink-muted);color:var(--kopitiam-ink);font:inherit;border-radius:.5rem;min-block-size:2.75rem;padding:.625rem .75rem;font-size:.9375rem}.demo-experience :is(.template-fields input,.template-fields textarea,.media-accessibility-field textarea,.publish-screen-choice select):focus-visible{border-color:var(--kopitiam-orange-deep)}.demo-experience :is(input,textarea)::placeholder{color:var(--kopitiam-ink-muted)}.demo-experience :is(input,textarea,select):disabled{background:var(--kopitiam-paper);color:var(--kopitiam-ink-muted);cursor:not-allowed}.demo-experience .template-editor-intro>.autosave-pill{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);white-space:nowrap;border-radius:999px;grid-area:status;place-self:start end;align-items:center;gap:.375rem;min-block-size:1.75rem;margin:0;padding:.125rem .625rem;font-size:.75rem;font-weight:700;line-height:1.3;display:flex}.demo-experience .autosave-row{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5rem .75rem;min-block-size:0;padding:.75rem 1rem;display:grid}.demo-experience .autosave-row strong{color:var(--kopitiam-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.demo-experience .autosave-row p{color:var(--kopitiam-ink);margin:.125rem 0 0;font-size:.875rem;line-height:1.45}.demo-experience :is(.autosave-row,.autosave-pill)[data-status] .autosave-light{background:var(--kopitiam-ink-muted);block-size:.5rem;box-shadow:none;border:0;border-radius:50%;flex:none;inline-size:.5rem}.demo-experience .autosave-row .autosave-light{margin-block-start:.3125rem}.demo-experience .autosave-pill[data-status=saved] .autosave-light{border:solid var(--kopitiam-live);background:0 0;border-width:0 2px 2px 0;border-radius:0;block-size:.6875rem;inline-size:.375rem;margin-inline:.1875rem .125rem;transform:translateY(-.0625rem)rotate(45deg)}.demo-experience .autosave-pill[data-status=saved],.demo-experience .autosave-row[data-status=saved] p{color:var(--kopitiam-live)}.demo-experience :is(.autosave-row,.autosave-pill):is([data-status=saving],[data-status=restored]) .autosave-light{background:var(--kopitiam-orange-deep)}.demo-experience .autosave-row>:is(button,.conflict-actions){grid-column:2;justify-self:start}.demo-experience .conflict-actions{justify-content:start}.demo-experience .autosave-row:is([data-status=brand_required],[data-status=conflict],[data-status=invalid],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=not_allowed],[data-status=offline],[data-status=rate_limited],[data-status=signed_out]) .autosave-light{background:var(--kopitiam-error)}.demo-experience .autosave-row:is([data-status=brand_required],[data-status=conflict],[data-status=invalid],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=not_allowed],[data-status=offline],[data-status=rate_limited],[data-status=signed_out]) p{color:var(--kopitiam-error)}.autosave-row[data-shown-beside-heading]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;min-block-size:0;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-experience .publish-panel{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);border-radius:.75rem;grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1rem 1.125rem}.demo-experience .publish-signal{display:none}.demo-experience .publish-copy .card-kicker{color:var(--kopitiam-orange-deep);margin:0 0 .25rem}.demo-experience .publish-copy h2{letter-spacing:var(--typeface-display-tracking);margin:0;font-size:1.25rem;font-weight:800;line-height:1.15}.demo-experience :is(.publish-copy>p:last-child,.publish-status){color:var(--kopitiam-ink-muted);margin:.25rem 0 0;font-size:.8125rem;line-height:1.45}.demo-experience .publish-screen-choice span{color:var(--kopitiam-ink);font-size:.8125rem;font-weight:700}.demo-experience .publish-panel>button{background:var(--kopitiam-orange);color:var(--kopitiam-ink);cursor:pointer;overflow-wrap:anywhere;border:0;border-radius:999px;min-block-size:3.5rem;padding:.5rem 1.25rem;font-size:1.0625rem;font-weight:700}.demo-experience .publish-panel>button:hover:not(:disabled){background:var(--kopitiam-orange-hover)}.demo-experience .publish-panel>button:disabled{cursor:not-allowed;opacity:.5}.demo-experience .publish-panel[data-status=published]{border-color:var(--kopitiam-live);box-shadow:none}.demo-experience .publish-panel[data-status=published] .publish-status{color:var(--kopitiam-live);font-weight:700}.demo-experience .publish-panel:is([data-status=conflict],[data-status=content_limit],[data-status=empty],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=offline],[data-status=rate_limited],[data-status=screen_unavailable],[data-status=signed_out]){border-color:var(--kopitiam-error)}.demo-experience .publish-panel:is([data-status=conflict],[data-status=content_limit],[data-status=empty],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=offline],[data-status=rate_limited],[data-status=screen_unavailable],[data-status=signed_out]) .publish-status{color:var(--kopitiam-error);font-weight:700}.demo-experience .publish-view-link{color:var(--kopitiam-orange-deep);overflow-wrap:anywhere;text-underline-offset:.2em;justify-self:start;inline-size:auto;max-inline-size:100%;font-size:.875rem;font-weight:700}.demo-experience .template-preview-panel{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:.75rem;padding:1rem;inset-block-start:5rem}.demo-experience .template-preview-heading{flex-wrap:wrap;gap:.5rem 1rem;padding:0 0 .75rem}.demo-experience .template-preview-heading h2{letter-spacing:var(--typeface-display-tracking);font-size:1.25rem;font-weight:800}.demo-experience .protected-pill{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);letter-spacing:.08em;border-radius:1rem;max-inline-size:100%;font-size:.6875rem;font-weight:700}.demo-experience .orientation-stage{background:var(--kopitiam-kaya);background-image:none;border-radius:.75rem}.demo-experience .orientation-stage>.protected-template-canvas{border-color:var(--kopitiam-ink);box-shadow:0 1.125rem 2.5rem color-mix(in srgb, var(--kopitiam-ink) 25%, transparent)}@media (min-width:86rem){.demo-experience{grid-template-columns:minmax(0,31.25rem) minmax(0,1fr);grid-template-areas:"top top""editor stage";align-items:start;column-gap:2.5rem;padding-inline:3rem}.demo-topbar{grid-area:top;margin-inline:-3rem}.demo-stage{grid-area:stage;max-inline-size:none;padding:1.75rem 0 0}.demo-experience>#demo-editor{grid-area:editor;max-inline-size:none;padding:1.75rem 0 0}.demo-experience .template-workbench{grid-template-columns:minmax(0,1fr)}.demo-experience .template-preview-panel{padding:.75rem;position:static}.demo-experience .orientation-stage{min-block-size:0;padding:1rem 1rem 3.5rem}.demo-experience .orientation-stage>.protected-template-canvas[data-orientation=portrait]{inline-size:min(100%,24rem)}.demo-next-step a{display:none}.demo-shelf{--demo-screen-scale:.58;background:var(--kopitiam-kaya);border-radius:1.25rem;grid-auto-flow:column;justify-content:center;align-items:end;gap:1.5rem;padding:1.5rem 1.5rem 3.5rem;display:grid}.demo-shelf>.demo-screen-grid{grid-template-columns:repeat(2, calc(22rem * var(--demo-screen-scale)));background:0 0;border-radius:0;gap:1.5rem;padding:0}.demo-virtual-screen-frame{zoom:var(--demo-screen-scale);inline-size:22rem}.demo-draft-slot{border-inline-end:1px solid var(--kopitiam-line);inline-size:calc(22rem * var(--demo-screen-scale) + 1.5rem + 1px);padding-inline-end:1.5rem}.demo-experience .demo-draft-slot>.template-preview-panel{background:0 0;border:0;border-radius:0;gap:.625rem;padding:0;display:grid;position:static;overflow:visible}.demo-experience .demo-draft-slot .template-preview-heading{padding:0}.demo-experience .demo-draft-slot .template-preview-heading>div{gap:.125rem;min-inline-size:0;display:grid}.demo-experience .demo-draft-slot .template-preview-heading .card-kicker{color:var(--kopitiam-ink);letter-spacing:normal;text-transform:none;font-size:.9375rem;font-weight:800;line-height:1.25}.demo-experience .demo-draft-slot .template-preview-heading h2{color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);letter-spacing:normal;font-size:.75rem;font-weight:400;line-height:1.25}.demo-experience .demo-draft-slot .protected-pill{display:none}.demo-experience .demo-draft-slot .orientation-stage{zoom:var(--demo-screen-scale);background:0 0;border-radius:0;min-block-size:0;padding:0;display:block;overflow:visible}.demo-experience .demo-draft-slot .orientation-stage>.protected-template-canvas[data-orientation=portrait]{border:.5rem solid var(--kopitiam-ink);border-radius:1.125rem 1.125rem .375rem .375rem;max-block-size:none;inline-size:22rem;max-inline-size:none}}@media (min-width:90rem){.demo-shelf{--demo-screen-scale:.64}}@media (min-width:96rem){.demo-shelf{--demo-screen-scale:.72}}@media (min-width:100rem){.demo-shelf{--demo-screen-scale:.78}}@media (min-width:86rem) and (min-height:46rem){.demo-experience[data-demo-status=editable] .demo-stage{align-content:start;align-self:stretch}.demo-experience[data-demo-status=editable] .demo-shelf{position:sticky;inset-block-start:calc(var(--demo-band-block-size,4.25rem) + .75rem)}}.demo-state-page{min-block-size:100svh}.demo-state-card,.demo-registration>section{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);overflow-wrap:anywhere;border-radius:1.375rem;grid-template-columns:minmax(0,1fr);gap:.875rem;inline-size:min(35rem,100% - 2rem);max-inline-size:none;margin:clamp(2rem,10vh,6rem) auto 3rem;padding:clamp(1.25rem,3.5vw,2.5rem);display:grid}:is(.demo-state-card,.demo-registration>section) h1{font-size:clamp(2rem,1.4rem + 2vw,2.75rem)}:is(.demo-state-card,.demo-registration>section) .eyebrow{margin:0}.demo-state-card>p:not(.eyebrow),.demo-registration>section>p:not(.eyebrow){color:var(--kopitiam-ink-muted);max-inline-size:none;margin:0;font-size:1rem;line-height:1.5}.demo-state-card>a{justify-self:start;max-inline-size:100%;margin-block-start:.5rem}.demo-registration{min-block-size:100svh;padding:0 0 3rem}.demo-registration-action{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:.875rem;min-inline-size:0;max-inline-size:none;margin-block-start:.5rem;padding:0;display:grid}.demo-registration-action label{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);cursor:pointer;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:700;line-height:1.45;display:grid}.demo-registration-action label:has(input:checked){background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep)}.demo-registration-action input{accent-color:var(--kopitiam-orange-deep);block-size:1.25rem;color:var(--kopitiam-ink);inline-size:1.25rem;margin:.1rem 0 0}.demo-registration-action button{background:var(--kopitiam-orange);color:var(--kopitiam-ink);cursor:pointer;font:inherit;overflow-wrap:anywhere;border:0;border-radius:999px;min-block-size:3.5rem;min-inline-size:0;padding:.75rem 1.25rem;font-size:1.0625rem;font-weight:700}.demo-registration-action button:hover:not(:disabled){background:var(--kopitiam-orange-hover)}.demo-registration-action button:disabled{cursor:not-allowed;opacity:.5}@media (forced-colors:active){.demo-experience .publish-panel>button,.demo-registration-action button{border:2px solid buttontext}.demo-experience .publish-panel>button:disabled,.demo-registration-action button:disabled{border-color:graytext}.demo-preserve-action>a,.demo-stage .demo-ended a,.demo-state-card>a{border:2px solid linktext}}.demo-registration>section>a{color:var(--kopitiam-orange-deep);text-underline-offset:.2em;border:0;border-radius:0;justify-self:start;align-items:center;min-block-size:2.75rem;inline-size:auto;max-inline-size:100%;padding:0;font-size:.9375rem;font-weight:700;text-decoration:underline;display:inline-flex}@media (max-width:58rem){.demo-intro{grid-template-columns:minmax(0,1fr);align-items:start}.demo-topbar{grid-template-columns:minmax(0,1fr) auto}.demo-clock{grid-area:2/1/auto/-1}}@media (max-width:42rem){.demo-topbar{flex-wrap:wrap;justify-content:space-between;display:flex;position:static}.demo-preserve-action{display:contents}.demo-topbar .demo-language-switcher{order:1}.demo-clock{flex:100%;order:2;justify-content:space-between}.demo-preserve-action>a{flex:100%;order:3}.demo-stage{gap:1.25rem;padding-block-start:1.5rem;padding-inline:16px}.demo-experience>#demo-editor{padding-inline:16px}.demo-experience .protected-template-editor{padding:min(1rem,4vw)}.demo-intro h1{font-size:clamp(1.75rem,1rem + 4vw,2rem)}.demo-experience .template-editor-intro h1{font-size:clamp(1.25rem,.75rem + 4vw,1.625rem)}.demo-experience .template-editor-intro:has(>.autosave-pill){grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""heading""status""intro"}.demo-experience .template-editor-intro>.autosave-pill{justify-self:start}.demo-registration-action label{gap:min(.75rem,2vw);padding:min(.875rem,3vw)}.demo-registration-action button{border-radius:1.5rem;padding-inline:min(1.25rem,4vw)}.demo-landing-tools,.demo-registration-topbar{flex-direction:column;align-items:flex-start}.demo-screen-grid{border-radius:0;grid-template-columns:minmax(0,1fr);margin-inline:-16px;padding-inline:16px}.demo-ended{grid-template-columns:minmax(0,1fr);justify-items:start;padding:min(1rem,4vw) min(1.25rem,5vw);display:grid}.demo-stage .demo-ended a{justify-self:stretch}.demo-preserve-action>a,.demo-stage .demo-ended a,.demo-state-card>a{border-radius:1.5rem}.demo-state-card,.demo-registration>section{border-radius:1rem;inline-size:calc(100% - 32px);margin-block-start:1.5rem;padding:min(1.25rem,5vw)}:is(.demo-state-card,.demo-registration>section) h1{font-size:min(clamp(1.75rem,1rem + 4vw,2rem),10vw)}}html:has(.demo-landing){background:var(--kopitiam-paper)}.demo-landing{background:var(--kopitiam-paper);color:var(--kopitiam-ink);font-family:var(--kopitiam-font-sans);flex-direction:column;display:flex}.demo-landing .demo-landing-copy{display:grid}.demo-landing .demo-landing-tools{background:var(--kopitiam-ink);color:var(--kopitiam-paper);flex-flow:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;min-block-size:4rem;padding:.5rem clamp(16px,4.5vw,64px);display:flex}.demo-landing .demo-landing-tools .demo-language-switcher,.demo-landing .demo-landing-tools .demo-language-switcher label{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.demo-landing .demo-landing-tools .demo-language-switcher label>span{color:var(--kopitiam-line);font-size:.8125rem;font-weight:600}.demo-landing .demo-landing-tools .demo-language-switcher :is(select,button){background-color:var(--kopitiam-ink-raised);border:1px solid var(--kopitiam-ink-muted);color:var(--kopitiam-paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:inherit;border-radius:8px;min-block-size:2.75rem;padding:.375rem .75rem;font-size:.875rem}.demo-landing .demo-landing-tools .demo-language-switcher select{min-inline-size:9.375rem}.demo-landing .demo-landing-tools .demo-language-switcher button{cursor:pointer;background-color:#0000;padding-inline:.875rem;font-weight:600}.demo-landing .demo-landing-tools .demo-language-switcher button:hover{background-color:var(--kopitiam-ink-raised)}.demo-landing .demo-landing-tools :is(a,button,select):focus-visible{box-shadow:0 0 0 6px var(--kopitiam-paper);outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.demo-landing .demo-landing-intro{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.25rem clamp(16px,4.5vw,64px) 0;display:flex}.demo-landing .demo-landing-intro .eyebrow{color:var(--kopitiam-orange-deep);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.demo-landing .demo-landing-intro h1{color:var(--kopitiam-ink);font-family:var(--kopitiam-font-sans);letter-spacing:var(--typeface-display-tracking);text-wrap:balance;max-inline-size:60rem;margin:0;font-size:clamp(2.25rem,4.45vw,4rem);font-weight:800;font-stretch:100%;line-height:1.02}.demo-landing :is(h1,h2):lang(ja){word-break:auto-phrase}.demo-landing:lang(ko){word-break:keep-all}.demo-landing .demo-landing-intro>p:not(.eyebrow){color:var(--kopitiam-ink-muted);max-inline-size:42.5rem;margin:0;font-size:1.125rem;line-height:1.5}.demo-landing .demo-landing-stage{flex:1 0 auto;grid-template-columns:minmax(0,26.25rem) minmax(0,1fr);gap:2.5rem;padding:1.75rem clamp(16px,4.5vw,64px) 2.5rem;display:grid}.demo-landing .demo-landing-start{background-color:var(--kopitiam-card);border:1px solid var(--kopitiam-line);border-radius:20px;flex-direction:column;gap:1rem;padding:28px;display:flex;position:relative;container:demo-start/inline-size}.demo-landing .demo-landing-start h2{font-family:var(--kopitiam-font-sans);letter-spacing:var(--typeface-display-tracking);margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.demo-landing .demo-challenge:empty:not([data-widget]){display:none}.demo-landing .demo-challenge[data-widget]{min-block-size:65px;max-inline-size:100%}@container demo-start not (min-width:300px){.demo-landing .demo-challenge[data-widget]{min-block-size:140px}}.demo-landing .demo-challenge[data-widget][data-size=normal]{min-block-size:65px}.demo-landing .demo-challenge[data-widget][data-size=compact]{min-block-size:140px}.demo-landing .demo-challenge:focus{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px;border-radius:4px}.demo-landing .demo-landing-start button{background-color:var(--kopitiam-orange);color:var(--kopitiam-ink);cursor:pointer;font:inherit;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;min-block-size:3.5rem;inline-size:100%;padding:.75rem 1.5rem;font-size:1.0625rem;font-weight:700;display:flex}.demo-landing .demo-landing-start button:is(:hover,:active):not(:disabled){background-color:var(--kopitiam-orange-hover)}.demo-landing .demo-landing-start button:disabled{cursor:wait;opacity:.55}.demo-landing .demo-landing-stage :is(a,button):focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}@media (forced-colors:active){.demo-landing .demo-landing-start button{border:2px solid buttontext}.demo-landing .demo-landing-start button:disabled{color:graytext;opacity:1;border-color:graytext}}.demo-landing .demo-launch-status{color:var(--kopitiam-ink-muted);align-items:flex-start;gap:.5rem;margin:0;font-size:.875rem;line-height:1.45;display:flex}.demo-landing .demo-launch-status[data-tone=error]{color:var(--kopitiam-error);font-weight:600}.demo-landing .demo-launch-status svg{flex:none;block-size:1.05em;inline-size:1.05em;margin-block-start:.2em}.demo-landing .demo-landing-promises{border-block-start:1px dashed var(--kopitiam-line);flex-direction:column;gap:.5rem;margin:auto 0 0;padding:1rem 0 0;font-size:.875rem;font-weight:600;list-style:none;display:flex}.demo-landing .demo-landing-promises li{align-items:center;gap:.625rem;display:flex}.demo-landing .demo-landing-promises svg{color:var(--kopitiam-orange-deep);flex:none}.demo-landing .demo-landing-screens{background-color:var(--kopitiam-kaya);border-radius:20px;flex-wrap:wrap;place-content:flex-end center;align-items:flex-end;gap:1.5rem clamp(1.5rem,3.9vw,3.5rem);padding:1.75rem 2.5rem 14px;display:flex;position:relative;overflow:hidden}.demo-landing .demo-landing-screens:after{background-color:var(--kopitiam-ink);content:"";block-size:14px;position:absolute;inset:auto 0 0}.demo-landing .demo-landing-screens:before{background-color:var(--kopitiam-ink);content:"";opacity:.12;block-size:6px;position:absolute;inset:auto 0 14px}.demo-landing .demo-landing-screen{z-index:1;flex-direction:column;flex:1 1 0;gap:.625rem;min-inline-size:min(10rem,100%);max-inline-size:14.75rem;margin:0;display:flex;position:relative}.demo-landing .demo-landing-screen figcaption{text-align:center;font-size:.875rem;font-weight:700}.demo-landing .demo-landing-screen-face{aspect-ratio:9/16;background-color:var(--kopitiam-paper);border:8px solid var(--kopitiam-ink);box-shadow:0 18px 40px color-mix(in srgb, var(--kopitiam-ink) 25%, transparent);border-radius:18px 18px 6px 6px;flex-direction:column;gap:.375rem;padding:1rem 1.125rem 1.125rem;display:flex;overflow:hidden}.demo-landing .demo-landing-screen-face span{color:var(--kopitiam-ink-muted);letter-spacing:.18em;font-size:.625rem;font-weight:700}.demo-landing .demo-landing-screen-face i:where([data-owner-content]){background:radial-gradient(circle at 35% 28%, var(--kopitiam-kaya) 0%, color-mix(in srgb, var(--kopitiam-orange-deep) 45%, var(--kopitiam-kaya)) 36%, color-mix(in srgb, var(--kopitiam-orange-deep) 35%, var(--kopitiam-ink-raised)) 76%, var(--kopitiam-ink-raised) 100%);border-radius:10px;flex:1 1 0;min-block-size:1.5rem;margin-block:.375rem .5rem}.demo-landing .demo-landing-screen:nth-child(2) .demo-landing-screen-face i:where([data-owner-content]){background:radial-gradient(circle at 60% 35%, var(--kopitiam-paper) 0%, color-mix(in srgb, var(--kopitiam-orange-deep) 35%, var(--kopitiam-kaya)) 40%, color-mix(in srgb, var(--kopitiam-orange-deep) 30%, var(--kopitiam-ink-raised)) 80%, var(--kopitiam-ink-raised) 100%)}.demo-landing .demo-landing-screen-face strong{letter-spacing:var(--typeface-display-tracking);font-size:1.875rem;font-weight:800;line-height:1}.demo-landing .demo-landing-screen-face b{font-size:1.375rem;font-weight:800}.demo-landing .demo-landing-screen:nth-child(2) .demo-landing-screen-face strong{font-size:1.625rem;line-height:1.02}.demo-landing .demo-landing-screen-face strong:has(wbr){word-break:keep-all}.demo-landing .demo-landing-screen-face small{color:var(--kopitiam-ink-muted);font-size:.8125rem;font-weight:600;line-height:1.3}@media (max-width:62rem){.demo-landing .demo-landing-stage{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.demo-landing .demo-landing-start{justify-self:center;inline-size:100%;max-inline-size:26.25rem}.demo-landing .demo-challenge{justify-content:center;display:flex}}@media (max-width:42rem){.demo-landing .demo-landing-tools{flex-direction:row;align-items:center;gap:.5rem .75rem;min-block-size:3.5rem;padding-block:.375rem;padding-inline:16px}.demo-landing .demo-landing-tools .demo-language-switcher,.demo-landing .demo-landing-tools .demo-language-switcher label{gap:.5rem}.demo-landing .demo-landing-tools .demo-language-switcher label>span{font-size:.75rem}.demo-landing .demo-landing-tools .demo-language-switcher :is(select,button){padding-inline:.5rem;font-size:.8125rem}.demo-landing .demo-landing-tools .demo-language-switcher select{min-inline-size:0}.demo-landing .demo-landing-intro{text-align:start;align-items:flex-start;padding-block-start:1.125rem;padding-inline:16px}.demo-landing .demo-landing-intro .eyebrow{font-size:.6875rem}.demo-landing .demo-landing-intro h1{font-size:min(2.25rem,11vw);line-height:1.04}.demo-landing .demo-landing-intro>p:not(.eyebrow){font-size:.9375rem;line-height:1.45}.demo-landing .demo-landing-stage{gap:.875rem;padding:1rem 16px 0}.demo-landing .demo-landing-start{border-radius:16px;gap:.625rem;max-inline-size:none;padding:16px}.demo-landing .demo-landing-start h2{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.demo-landing .demo-landing-start button{padding-inline:1.25rem}.demo-landing .demo-launch-status{font-size:.8125rem;line-height:1.4}.demo-landing .demo-landing-promises{color:var(--kopitiam-ink-muted);border:0;margin:0;padding:0;font-size:.75rem;font-weight:400;line-height:1.4;display:block}.demo-landing .demo-landing-promises li{display:inline}.demo-landing .demo-landing-promises li+li:before{content:" · ";content:" · " / ", "}.demo-landing .demo-landing-promises svg{display:none}.demo-landing .demo-landing-screens{border-radius:16px 16px 0 0;align-content:flex-start;align-items:flex-start;gap:1rem 1.125rem;padding:14px 16px}.demo-landing .demo-landing-screens:before,.demo-landing .demo-landing-screens:after{display:none}.demo-landing .demo-landing-screen{gap:.375rem;min-inline-size:min(7rem,100%);max-inline-size:9.375rem}.demo-landing .demo-landing-screen figcaption{font-size:.75rem}.demo-landing .demo-landing-screen-face{box-shadow:0 14px 28px color-mix(in srgb, var(--kopitiam-ink) 25%, transparent);border-width:6px;border-radius:14px 14px 5px 5px;gap:.25rem;padding:.625rem .75rem .75rem}.demo-landing .demo-landing-screen-face span{font-size:.5rem}.demo-landing .demo-landing-screen-face i{border-radius:8px;margin-block:.25rem .375rem}.demo-landing .demo-landing-screen-face strong{font-size:1.125rem}.demo-landing .demo-landing-screen-face b{font-size:.875rem}.demo-landing .demo-landing-screen:nth-child(2) .demo-landing-screen-face strong{font-size:1rem}.demo-landing .demo-landing-screen-face small{font-size:.625rem}}.owner-mode-guide{background:var(--companion-owner-mode-guide-wash,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));box-shadow:0 1rem 2.5rem var(--companion-ink-a7,color-mix(in srgb, var(--kopitiam-ink) 7%, transparent));overflow-wrap:anywhere;border-radius:1.25rem;margin-block:1.5rem 2rem;padding:clamp(1.25rem,3vw,2.25rem)}.owner-mode-guide[data-status=complete]{background:var(--companion-owner-mode-guide-complete-wash,var(--kopitiam-card));border-color:var(--companion-success-a48,color-mix(in srgb, var(--kopitiam-live) 48%, transparent))}.owner-mode-header{grid-template-columns:minmax(0,1fr) minmax(14rem,.35fr);align-items:start;gap:2rem;display:grid}.owner-mode-header h2{font-family:var(--typeface-display,"Arial Narrow", "Avenir Next Condensed", Arial, sans-serif);letter-spacing:var(--typeface-display-tracking,-.045em);text-wrap:balance;max-inline-size:16ch;margin:0 0 .75rem;font-size:clamp(2rem,4vw,3.8rem);line-height:.95}.owner-mode-header p:last-child{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));max-inline-size:44rem;margin:0;line-height:1.6}.owner-mode-progress{background:var(--companion-navy,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));border-radius:.9rem;gap:.65rem;padding:1rem;display:grid}.owner-mode-progress strong{font-size:.95rem}.owner-mode-progress span{color:var(--companion-white-a76,var(--kopitiam-paper));font-size:.78rem}.owner-mode-progress progress{accent-color:var(--companion-amber,var(--kopitiam-orange-deep));block-size:.65rem;inline-size:100%}.owner-mode-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.owner-mode-steps li{background:var(--companion-white-a76,transparent);border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.8rem;align-content:start;gap:.7rem;min-block-size:9rem;padding:.85rem;display:grid}.owner-mode-steps li[data-state=current]{border-color:var(--companion-signal,var(--kopitiam-orange-deep));box-shadow:inset 0 0 0 1px var(--companion-signal,var(--kopitiam-orange-deep))}.owner-mode-steps li[data-state=done]{background:var(--companion-success-a10,color-mix(in srgb, var(--kopitiam-live) 10%, transparent));border-color:var(--companion-success-a42,color-mix(in srgb, var(--kopitiam-live) 42%, transparent))}.owner-mode-step-number{background:var(--companion-canvas,var(--kopitiam-paper));border:1px solid var(--companion-line,var(--kopitiam-line));block-size:1.9rem;font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);border-radius:999px;justify-content:center;align-items:center;inline-size:1.9rem;font-size:.75rem;font-weight:800;display:inline-flex}[data-state=done] .owner-mode-step-number{background:var(--companion-success,var(--kopitiam-live));border-color:var(--companion-success,var(--kopitiam-live));color:var(--companion-white,var(--kopitiam-paper))}.owner-mode-steps strong,.owner-mode-steps small{display:block}.owner-mode-steps strong{font-size:.93rem;line-height:1.25}.owner-mode-steps small{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin-block-start:.4rem;font-size:.78rem;line-height:1.45}.owner-mode-action{background:var(--companion-navy,var(--kopitiam-ink));border:2px solid var(--companion-navy,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));border-radius:999px;justify-content:center;align-items:center;min-block-size:3rem;margin-block-start:1.25rem;padding-inline:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.owner-mode-action:hover{background:var(--companion-signal,var(--kopitiam-ink));border-color:var(--companion-signal,var(--kopitiam-orange-deep))}.owner-mode-screen-instruction{border-inline-start:.3rem solid var(--companion-amber,var(--kopitiam-orange-deep));color:var(--companion-ink-soft,var(--kopitiam-ink-muted));max-inline-size:42rem;margin:1.25rem 0 0;padding-inline-start:.8rem;font-weight:650;line-height:1.5}@media (max-width:68rem){.owner-mode-header{grid-template-columns:minmax(0,1fr)}.owner-mode-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:42rem){.owner-mode-guide,.owner-mode-progress{padding:min(1rem,4vw)}.owner-mode-steps{grid-template-columns:minmax(0,1fr)}.owner-mode-steps li{grid-template-columns:auto minmax(0,1fr);gap:min(.7rem,3vw);min-block-size:0;padding:min(.85rem,3vw)}.owner-mode-action{inline-size:100%}}@media (forced-colors:active){.owner-mode-guide,.owner-mode-progress,.owner-mode-steps li{border:2px solid canvastext}}.protected-template-editor{border-block-start:1px solid var(--companion-line,var(--kopitiam-line));margin-block-start:clamp(4rem,8vw,8rem);padding-block:clamp(4rem,8vw,7rem) 2rem}.workspace-topline+.protected-template-editor{border-block-start:0;margin-block-start:0}.template-editor-intro{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:end;gap:1rem clamp(2rem,8vw,8rem);margin-block-end:clamp(2.5rem,5vw,4.5rem);display:grid}.template-editor-intro .eyebrow{grid-column:1/-1;margin:0}.template-editor-intro h1{letter-spacing:var(--typeface-display-tracking,-.065em);max-inline-size:10ch;margin:0;font-size:clamp(3rem,6vw,6.2rem);line-height:.92}.template-editor-intro>p:last-child{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));max-inline-size:35rem;margin:0;font-size:1.05rem;line-height:1.65}.template-workbench{grid-template-columns:minmax(20rem,.82fr) minmax(28rem,1.18fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.template-controls{overflow-wrap:anywhere;gap:1rem;min-inline-size:0;display:grid}.template-controls fieldset{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.85rem;min-inline-size:0;margin:0;padding:1.25rem}.template-controls .protected-media-upload{background:var(--companion-template-controls-protected-media-upload-wash,var(--kopitiam-card));gap:.85rem;display:grid}.media-upload-hint,.media-upload-privacy,.media-upload-status{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin:0;line-height:1.5}.media-upload-hint{font-size:.82rem}.media-upload-privacy{border-block-start:1px solid var(--companion-line,var(--kopitiam-line));padding-block-start:.75rem;font-size:.72rem}.media-upload-status{min-block-size:1.2rem;font-size:.78rem}.protected-media-upload[data-status=error] .media-upload-status{color:var(--companion-red-8a2c25,var(--kopitiam-error));font-weight:700}.protected-media-upload[data-status=selected] .media-upload-status{color:var(--companion-green-17634f,var(--kopitiam-live));font-weight:700}.media-upload-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.media-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.media-file-action,.media-remove-action,.media-retry-action{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-block-size:2.75rem;padding-inline:1rem;font-size:.78rem;font-weight:850;display:inline-flex}.media-file-action{background:var(--companion-signal,var(--kopitiam-ink));border:1px solid var(--companion-signal,var(--kopitiam-orange-deep));color:var(--companion-white,var(--kopitiam-paper))}.media-file-action[aria-disabled=true],.media-remove-action:disabled{cursor:wait;opacity:.58}.media-remove-action,.media-retry-action{border:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink,var(--kopitiam-ink));background:0 0}.media-file-input:focus-visible+.media-remove-action,.media-remove-action:focus-visible,.media-retry-action:focus-visible{outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.media-file-action:has(+.media-file-input:focus-visible){outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.media-upload-progress{gap:.35rem;display:grid}.media-upload-progress label{font-size:.72rem;font-weight:800}.media-upload-progress progress{accent-color:var(--companion-signal,var(--kopitiam-orange-deep));block-size:.65rem;inline-size:100%}.template-controls legend{color:var(--companion-signal,var(--kopitiam-orange-deep));font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.06em;text-transform:uppercase;padding-inline:.3rem;font-size:.75rem;font-weight:800}.template-business-options,.orientation-rail{gap:.65rem;display:grid}.template-choice,.orientation-choice{border:1px solid var(--companion-line,var(--kopitiam-line));cursor:pointer;border-radius:.65rem;min-block-size:4.6rem;position:relative}.template-choice{padding:.9rem .9rem .9rem 2.8rem;display:block}.template-choice:before{border:1.5px solid var(--companion-ink-soft,var(--kopitiam-ink-muted));content:"";border-radius:999px;block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:1.05rem;inset-inline-start:.95rem}:is(.template-choice:has(input:checked),.orientation-choice:has(input:checked)){background:var(--companion-teal-e9f7f5,var(--kopitiam-orange-tint));border-color:var(--companion-signal,var(--kopitiam-orange-deep));box-shadow:inset .22rem 0 0 var(--companion-cyan,var(--kopitiam-orange-deep))}.template-choice:has(input:checked):before{background:var(--companion-signal,var(--kopitiam-ink));border:.22rem solid var(--companion-white,var(--kopitiam-card));box-shadow:0 0 0 1.5px var(--companion-signal,var(--kopitiam-orange-deep))}.template-choice input,.orientation-choice input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.template-choice strong,.template-choice small,.orientation-choice strong,.orientation-choice small{display:block}.template-choice strong,.orientation-choice strong{font-size:.92rem}.template-choice small,.orientation-choice small,.template-fields small{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin-block-start:.25rem;font-size:.76rem;line-height:1.45}:is(.template-choice:has(input:focus-visible),.orientation-choice:has(input:focus-visible)){outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.orientation-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.orientation-choice{grid-template-columns:2.4rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.8rem;display:grid}.orientation-glyph{background:var(--companion-white,var(--kopitiam-card));border:2px solid var(--companion-signal-dark,var(--kopitiam-ink));box-shadow:inset 0 -.22rem var(--companion-amber,var(--kopitiam-orange-deep));border-radius:.18rem;justify-self:center;display:block}.orientation-glyph[data-orientation=portrait]{block-size:2.5rem;inline-size:1.45rem}.orientation-glyph[data-orientation=landscape]{block-size:1.45rem;inline-size:2.5rem}.template-fields{gap:1rem;display:grid}.template-fields>label,.template-short-fields label{gap:.4rem;display:grid}.template-fields label>span{font-size:.82rem;font-weight:800}.template-fields input,.template-fields textarea{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink,var(--kopitiam-ink));font:inherit;resize:vertical;border-radius:.55rem;min-block-size:3rem;inline-size:100%;padding:.72rem .8rem}.template-fields textarea{min-block-size:6rem}.template-short-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.template-details{gap:.85rem;display:grid}.template-details-intro{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin:0;font-size:.82rem;line-height:1.5}.template-detail-grid,.template-weather-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.template-weather-fields{grid-template-columns:minmax(0,1fr) minmax(7rem,.45fr) minmax(0,.8fr)}.template-detail-card,.template-detail-toggle{border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.65rem}.template-detail-card{gap:.75rem;padding:.8rem;display:grid}.template-detail-card .template-detail-toggle{border:0;padding:0}.template-detail-toggle{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;min-block-size:3.25rem;padding:.75rem;display:grid}.template-detail-toggle:has(input:checked){background:var(--companion-teal-e9f7f5,var(--kopitiam-orange-tint));border-color:var(--companion-signal,var(--kopitiam-orange-deep));box-shadow:inset .2rem 0 var(--companion-cyan,var(--kopitiam-orange-deep))}.template-detail-toggle:has(input:focus-visible){outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.template-detail-toggle input{accent-color:var(--companion-signal,var(--kopitiam-orange-deep));block-size:1.1rem;inline-size:1.1rem;margin-block-start:.08rem}.template-detail-toggle strong,.template-detail-toggle small{display:block}.template-detail-toggle strong,.template-detail-field>span{font-size:.82rem;font-weight:800}.template-detail-toggle small,.template-detail-field small{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin-block-start:.2rem;font-size:.72rem;line-height:1.4}.template-detail-field{gap:.4rem;display:grid}.template-detail-field input,.template-detail-field select{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink,var(--kopitiam-ink));font:inherit;border-radius:.55rem;min-block-size:2.8rem;inline-size:100%;padding:.65rem .75rem}.ai-draft-panel{background:var(--companion-white-f5faf8,var(--kopitiam-card));border:1px solid var(--companion-green-9fc9bf,var(--kopitiam-live));box-shadow:inset .24rem 0 0 var(--companion-cyan,var(--kopitiam-orange-deep));border-radius:.85rem;gap:1rem;padding:1.25rem;display:grid}.ai-draft-intro{justify-content:space-between;align-items:start;gap:1rem;display:flex}.ai-draft-intro .card-kicker,.ai-draft-intro h2{margin:0}.ai-draft-intro h2{font-family:var(--typeface-display,"Arial Narrow", "Avenir Next Condensed", Arial, sans-serif);letter-spacing:var(--typeface-display-tracking,-.045em);margin-block-start:.3rem;font-size:1.65rem;line-height:1}.ai-draft-allowance{background:var(--companion-signal-dark,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.035em;text-align:center;text-transform:uppercase;border-radius:999px;flex:none;max-inline-size:10rem;padding:.55rem .7rem;font-size:.63rem;font-weight:800}.ai-draft-explainer{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin:0;font-size:.86rem;line-height:1.55}.template-controls .ai-draft-facts{border:0;border-block-start:1px solid var(--companion-green-bdd8d1,var(--kopitiam-live));background:0 0;border-radius:0;gap:.8rem;padding:1rem 0 0;display:grid}.template-controls .ai-draft-facts legend{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));letter-spacing:0;text-transform:none;padding:0 .4rem 0 0;font-family:inherit;font-size:.72rem;font-weight:700}.ai-draft-facts label{gap:.35rem;display:grid}.ai-draft-facts label>span{font-size:.8rem;font-weight:850}.ai-draft-facts input,.ai-draft-facts select{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-green-9fc9bf,var(--kopitiam-live));color:var(--companion-ink,var(--kopitiam-ink));font:inherit;border-radius:.55rem;min-block-size:3rem;inline-size:100%;padding:.72rem .8rem}.ai-draft-facts small{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));font-size:.7rem;line-height:1.4}.ai-draft-short-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.ai-draft-action-row{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.ai-draft-action-row button,.ai-draft-proof button{background:var(--companion-signal,var(--kopitiam-ink));border:1px solid var(--companion-signal,var(--kopitiam-orange-deep));color:var(--companion-white,var(--kopitiam-paper));cursor:pointer;border-radius:999px;min-block-size:2.75rem;padding-inline:1rem;font-size:.8rem;font-weight:850}.ai-draft-action-row button:disabled,.ai-draft-proof button:disabled{cursor:not-allowed;opacity:.55}.ai-draft-action-row p{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin:0;font-size:.76rem;line-height:1.45}.ai-draft-proof{background:var(--companion-signal-dark,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));overflow-wrap:anywhere;border-radius:.7rem;gap:.9rem;padding:1rem;display:grid}.ai-draft-proof .card-kicker,.ai-draft-proof h3,.ai-draft-proof p{margin:0}.ai-draft-proof .card-kicker{color:var(--companion-cyan,var(--kopitiam-kaya))}.ai-draft-proof h3{font-family:var(--typeface-display,"Arial Narrow", "Avenir Next Condensed", Arial, sans-serif);letter-spacing:var(--typeface-display-tracking,-.045em);margin-block-start:.25rem;font-size:1.75rem;line-height:1}.ai-draft-proof-media{aspect-ratio:16/9;background:var(--companion-teal-0b2929,var(--kopitiam-ink));border:1px solid var(--companion-white-a24,color-mix(in srgb, var(--kopitiam-card) 24%, transparent));border-radius:.55rem;overflow:hidden}.ai-draft-proof-media img,.ai-draft-proof-media video{object-fit:cover;block-size:100%;inline-size:100%;display:block}.ai-draft-proof dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.ai-draft-proof-item{background:var(--companion-white-a8,transparent);min-inline-size:0;padding:.75rem}.ai-draft-proof dt{color:var(--companion-green-b8d8d2,var(--kopitiam-live));font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem}.ai-draft-proof dd{margin:.35rem 0 0;font-size:.82rem;line-height:1.4}.ai-draft-proof>p{color:var(--companion-green-b8d8d2,var(--kopitiam-live));font-size:.72rem;line-height:1.45}.ai-draft-proof button{background:var(--companion-amber,var(--kopitiam-orange));border-color:var(--companion-amber,var(--kopitiam-orange-deep));color:var(--companion-teal-17252a,var(--kopitiam-ink));justify-self:start}.autosave-row{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.85rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;min-block-size:5rem;padding:.9rem 1rem;display:grid}.autosave-light{background:var(--companion-line,var(--kopitiam-line));border:2px solid var(--companion-white,var(--kopitiam-card));block-size:.75rem;box-shadow:0 0 0 1px var(--companion-line,var(--kopitiam-line));border-radius:999px;inline-size:.75rem}.autosave-row[data-status=saved] .autosave-light{background:var(--companion-success,var(--kopitiam-live));box-shadow:0 0 0 1px var(--companion-success,var(--kopitiam-live))}.autosave-row[data-status=saving] .autosave-light,.autosave-row[data-status=restored] .autosave-light{background:var(--companion-amber,var(--kopitiam-orange));box-shadow:0 0 0 1px var(--companion-amber-a96000,var(--kopitiam-orange-deep))}.autosave-row[data-status=conflict] .autosave-light,.autosave-row[data-status=brand_required] .autosave-light,.autosave-row[data-status=invalid] .autosave-light,.autosave-row[data-status=not_allowed] .autosave-light,.autosave-row[data-status=offline] .autosave-light,.autosave-row[data-status=signed_out] .autosave-light{background:var(--companion-red-b5473e,var(--kopitiam-error));box-shadow:0 0 0 1px var(--companion-red-8a2c25,var(--kopitiam-error))}.autosave-row strong{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.autosave-row p{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin:.15rem 0 0;font-size:.78rem;line-height:1.45}.autosave-row button,.conflict-actions button{background:var(--companion-signal,var(--kopitiam-ink));border:1px solid var(--companion-signal,var(--kopitiam-orange-deep));color:var(--companion-white,var(--kopitiam-paper));cursor:pointer;border-radius:999px;min-block-size:2.75rem;padding-inline:.9rem;font-size:.75rem;font-weight:800}.publish-panel{background:var(--companion-publish-panel-wash,var(--kopitiam-ink));border:1px solid var(--companion-teal-244f58,var(--kopitiam-orange-deep));color:var(--companion-white,var(--kopitiam-paper));border-radius:.95rem;grid-template-columns:auto minmax(0,1fr);gap:.9rem;padding:1.1rem;display:grid;position:relative;overflow:hidden}.publish-signal{justify-content:center;align-items:center;block-size:3.2rem;inline-size:3.2rem;display:flex;position:relative}.publish-signal span,.publish-signal i{border:1px solid var(--companion-amber,var(--kopitiam-orange-deep));border-radius:999px;position:absolute}.publish-signal span{background:var(--companion-amber,var(--kopitiam-orange));block-size:.75rem;inline-size:.75rem}.publish-signal i{opacity:.55;block-size:2.3rem;inline-size:2.3rem}.publish-panel[data-status=publishing] .publish-signal i{animation:1.4s ease-out infinite publish-broadcast}@keyframes publish-broadcast{0%{opacity:.8;transform:scale(.45)}to{opacity:0;transform:scale(1.35)}}.publish-copy .card-kicker{color:var(--companion-cyan,var(--kopitiam-kaya));margin:0 0 .35rem}.publish-copy h2{letter-spacing:var(--typeface-display-tracking,-.035em);margin:0;font-size:1.35rem}.publish-copy>p:last-child,.publish-status{color:var(--companion-white-a72,var(--kopitiam-paper));margin:.4rem 0 0;font-size:.78rem;line-height:1.5}.publish-screen-choice,.publish-panel>button,.publish-status,.publish-view-link{grid-column:1/-1}.content-lifecycle-panel,.content-recovery-card{background:var(--companion-white-f5faf8,var(--kopitiam-card));border:1px solid var(--companion-green-9fc9bf,var(--kopitiam-live));box-shadow:inset .24rem 0 var(--companion-cyan,var(--kopitiam-orange-deep));border-radius:.95rem}.content-lifecycle-panel{gap:1rem;padding:1.2rem;display:grid}.content-lifecycle-panel header .card-kicker,.content-lifecycle-panel header h2,.content-lifecycle-panel header p,.content-recovery-card p{margin:0}.content-lifecycle-panel header h2{font-family:var(--typeface-display,"Arial Narrow", "Avenir Next Condensed", Arial, sans-serif);letter-spacing:var(--typeface-display-tracking,-.04em);margin-block-start:.25rem;font-size:1.55rem}.content-lifecycle-panel header>p:last-child,.content-lifecycle-status,.content-history>p,.content-delete-zone p,.content-recovery-card>p{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));font-size:.78rem;line-height:1.5}.content-undo-action,.content-delete-zone button,.content-recovery-action{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-block-size:3rem;padding-inline:1rem;font-size:.8rem;font-weight:850;display:inline-flex}.content-undo-action,.content-recovery-action{background:var(--companion-signal,var(--kopitiam-ink));border:1px solid var(--companion-signal,var(--kopitiam-orange-deep));color:var(--companion-white,var(--kopitiam-paper))}.content-undo-action:disabled,.content-delete-zone button:disabled,.content-recovery-action:disabled{cursor:not-allowed;opacity:.5}.content-lifecycle-status{min-block-size:1.2rem;margin:0}.content-history{border-block:1px solid var(--companion-green-bdd8d1,var(--kopitiam-live));padding-block:1rem}.content-history h3{margin:0 0 .7rem;font-size:.85rem}.content-history ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.content-history li{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.65rem;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.7rem;padding:.8rem;display:grid}.content-history li[data-current=true]{border-color:var(--companion-signal,var(--kopitiam-orange-deep));box-shadow:inset .2rem 0 var(--companion-cyan,var(--kopitiam-orange-deep))}.content-history-main,.content-history-meta{gap:.2rem;display:grid}.content-history-meta{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));text-align:end;font-size:.68rem}.content-history li strong{font-size:.78rem}.content-history li span,.content-history li time{font-size:.72rem}.content-history li :is(strong,span){overflow-wrap:anywhere}.content-delete-zone{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.content-delete-zone p{margin:0}.content-delete-zone button{border:1px solid var(--companion-red-a54a40,var(--kopitiam-error));color:var(--companion-red-8a2c25,var(--kopitiam-error));background:0 0}.content-recovery-card{gap:1rem;max-inline-size:52rem;margin-block-start:2rem;padding:clamp(1.4rem,4vw,3rem);display:grid}.content-recovery-card h1{max-inline-size:11ch;font-size:clamp(2.5rem,6vw,5.6rem)}.content-recovery-summary{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.75rem;gap:.3rem;padding:1rem;display:grid}.content-recovery-summary span{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));font-size:.78rem}.content-recovery-action{inline-size:max-content;text-decoration:none}.content-undo-action:focus-visible,.content-delete-zone button:focus-visible,.content-recovery-action:focus-visible{outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.publish-screen-choice{grid-template-columns:minmax(0,1fr);gap:.4rem;min-inline-size:0;display:grid}.publish-screen-choice span{color:var(--companion-white-a72,var(--kopitiam-paper));font-size:.72rem;font-weight:800}.publish-screen-choice select{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-white,var(--kopitiam-card));color:var(--companion-ink,var(--kopitiam-ink));font:inherit;border-radius:.55rem;min-block-size:3rem;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding-inline:.75rem}.publish-panel>button{background:var(--companion-amber,var(--kopitiam-orange));border:1px solid var(--companion-amber,var(--kopitiam-orange-deep));color:var(--companion-teal-142e34,var(--kopitiam-ink));cursor:pointer;border-radius:999px;min-block-size:3rem;padding-inline:1rem;font-size:.82rem;font-weight:900}.publish-panel>button:disabled{cursor:not-allowed;opacity:.46}.publish-panel[data-status=published]{border-color:var(--companion-green-65c9ad,var(--kopitiam-live));box-shadow:inset .22rem 0 var(--companion-green-65c9ad,var(--kopitiam-live))}.publish-panel[data-status=conflict],.publish-panel[data-status=empty],.publish-panel[data-status=media_unavailable],.publish-panel[data-status=offline],.publish-panel[data-status=screen_unavailable],.publish-panel[data-status=signed_out]{border-color:var(--companion-red-e88d83,var(--kopitiam-error))}.publish-view-link{color:var(--companion-white,var(--kopitiam-paper));text-underline-offset:.3rem;inline-size:max-content;font-size:.78rem;font-weight:800;text-decoration-thickness:1px}.conflict-actions{flex-wrap:wrap;justify-content:end;gap:.45rem;display:flex}.conflict-actions button:last-child{border-color:var(--companion-line,var(--kopitiam-line));color:var(--companion-ink,var(--kopitiam-ink));background:0 0}.template-preview-panel{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.95rem;min-inline-size:0;padding:1rem;position:sticky;inset-block-start:1rem;overflow:hidden}.template-preview-heading{justify-content:space-between;align-items:center;gap:1rem;padding:.25rem .25rem 1rem;display:flex}.template-preview-heading .card-kicker,.template-preview-heading h2{margin:0}.template-preview-heading h2{letter-spacing:var(--typeface-display-tracking,-.035em);font-size:1.35rem}.orientation-stage{background-color:var(--companion-signal-dark,var(--kopitiam-ink));background-image:var(--companion-orientation-stage-pattern,none);background-size:2rem 2rem;border-radius:.7rem;justify-content:center;align-items:center;min-block-size:clamp(29rem,52vw,46rem);padding:clamp(1rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.protected-template-canvas{background:var(--template-primary);border:.45rem solid var(--companion-teal-071f25,var(--kopitiam-ink));box-shadow:0 1.5rem 3rem var(--companion-black-a35,color-mix(in srgb, var(--kopitiam-ink) 35%, transparent));color:var(--template-primary-foreground);transform-origin:50%;border-radius:.4rem;max-block-size:39rem;max-inline-size:100%;transition:aspect-ratio .26s,inline-size .26s;display:grid;position:relative;overflow:hidden}.protected-template-canvas[data-orientation=landscape]{aspect-ratio:16/9;grid-template:"rail rail"2.1rem"copy photo"minmax(0,1fr)/minmax(0,1.05fr) minmax(0,.95fr);inline-size:min(100%,48rem)}.protected-template-canvas[data-orientation=portrait]{aspect-ratio:9/16;grid-template-rows:2.1rem minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"rail""photo""copy";inline-size:min(64%,24rem)}:where([data-owner-content]) .template-brand-rail{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#071f25;grid-area:rail;align-items:center;gap:.7rem;padding-inline:.8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.45rem,.9vw,.7rem);display:flex}.template-brand-rail i{background:var(--template-accent);block-size:.3rem;inline-size:1.5rem;display:block}:where([data-owner-content]) .template-photo-slot{background:linear-gradient(145deg, #ffffff2e, #0000001f), var(--template-accent);color:var(--template-accent-foreground);grid-area:photo;justify-content:center;align-items:center;min-block-size:0;display:flex;position:relative;overflow:hidden}.template-photo-slot:before,.template-photo-slot:after{content:"";opacity:.38;border:1px solid;border-radius:999px 999px 0 0;position:absolute}.template-photo-slot:before{block-size:58%;inline-size:42%;inset-block-end:-10%;inset-inline-start:12%}.template-photo-slot:after{block-size:42%;inline-size:31%;inset-block-end:-8%;inset-inline-end:10%}.template-photo-slot span{background:var(--template-accent);letter-spacing:.06em;text-transform:uppercase;color:var(--template-accent-foreground);z-index:1;border:1px solid;border-radius:999px;padding:.45rem .7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.45rem,.9vw,.68rem);font-weight:800}.template-photo-slot[data-has-media=true]:before,.template-photo-slot[data-has-media=true]:after{display:none}.template-photo-slot img,.template-photo-slot video{object-fit:cover;block-size:100%;inline-size:100%}.template-copy-block{z-index:1;grid-area:copy;align-content:center;gap:clamp(.35rem,1vw,.8rem);min-inline-size:0;padding:clamp(.8rem,3vw,2.4rem);display:grid;position:relative}.template-copy-block h3{letter-spacing:-.055em;overflow-wrap:anywhere;max-inline-size:12ch;margin:0;font-family:Arial Narrow,Avenir Next Condensed,Arial,sans-serif;font-size:clamp(1.2rem,3.8vw,3.4rem);line-height:.92}.protected-template-canvas[data-orientation=portrait] .template-copy-block h3{font-size:clamp(1.2rem,4.5vw,2.7rem)}.template-copy-block h3[data-script=cjk]{max-inline-size:max(12ch,9.5em)}.template-copy-block h3[data-breaks=words]{word-break:keep-all}.template-offer{background:var(--template-accent);color:var(--template-accent-foreground);letter-spacing:.075em;overflow-wrap:anywhere;text-transform:uppercase;border-radius:999px;inline-size:max-content;max-inline-size:100%;margin:0;padding:.3rem .55rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.45rem,.9vw,.72rem);font-weight:900}.template-supporting{max-inline-size:29ch;margin:0;font-size:clamp(.58rem,1.3vw,1rem);line-height:1.45}.template-price{background:var(--template-accent);color:var(--template-accent-foreground);overflow-wrap:anywhere;border-radius:999px;inline-size:max-content;max-inline-size:100%;margin-block-start:.35rem;padding:.45rem .75rem;font-size:clamp(.65rem,1.6vw,1.25rem)}.template-menu-rules{z-index:2;gap:.45rem;display:grid;position:absolute;inset-block-end:.9rem;inset-inline-end:.9rem}:where([data-owner-content]) .template-menu-rules span{background:#ffffff9e;block-size:1px;inline-size:clamp(2rem,5vw,4.5rem)}.template-fashion-index,.template-product-mark{color:var(--template-accent-foreground);z-index:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.45rem,.85vw,.65rem);font-weight:900;position:absolute}.template-fashion-index{background:var(--template-accent);padding:.35rem .45rem;inset-block-start:2.8rem;inset-inline-end:.75rem}.template-product-mark{background:var(--template-accent);border-radius:999px;justify-content:center;align-items:center;block-size:clamp(1.5rem,4vw,3rem);inline-size:clamp(1.5rem,4vw,3rem);font-size:clamp(.8rem,2vw,1.5rem);display:flex;inset-block-end:.8rem;inset-inline-end:.8rem}.protected-template-canvas:where([data-owner-content])[data-layout=fashion_story] .template-photo-slot{background:linear-gradient(25deg, #00000052, transparent 45%), var(--template-accent)}.protected-template-canvas:where([data-owner-content])[data-layout=product_feature] .template-photo-slot{background:radial-gradient(circle at 50% 45%, #ffffff4d, transparent 38%), var(--template-accent)}.template-information-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.template-shop-logo,.template-outlet-name,.template-information-stack,.template-qr,.template-ticker{position:absolute}:where([data-owner-content]) .template-shop-logo{background:#ffffffeb;border-radius:.45rem;justify-content:center;align-items:center;block-size:clamp(1.45rem,4.2vw,3.2rem);inline-size:clamp(1.45rem,4.2vw,3.2rem);padding:.25rem;display:flex;inset-block-start:2.65rem;inset-inline-start:.7rem;overflow:hidden}.template-shop-logo img{object-fit:contain;block-size:100%;inline-size:100%}:where([data-owner-content]) .template-outlet-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#071f25e0;border:1px solid #ffffff42;border-radius:999px;max-inline-size:38%;padding:.35rem .55rem;font-size:clamp(.42rem,.9vw,.7rem);font-weight:850;inset-block-start:2.75rem;inset-inline-start:clamp(2.5rem,6vw,5rem);overflow:hidden}.template-information-stack{text-align:end;place-items:end;gap:.18rem;max-inline-size:36%;display:grid;inset-block-start:2.7rem;inset-inline-end:.7rem}.template-clock{font-size:clamp(.8rem,2vw,1.7rem);line-height:1}:where([data-owner-content]) .template-date,:where([data-owner-content]) .template-weather{color:#fff;background:#071f25d1;border-radius:.35rem;padding:.28rem .4rem;font-size:clamp(.38rem,.75vw,.62rem)}.template-weather{gap:.05rem;display:grid}.template-weather b{color:var(--template-accent);font-size:1.25em}.template-weather small{opacity:.72}:where([data-owner-content]) .template-qr{color:#071f25;text-align:center;background:#fff;border-radius:.4rem;align-items:center;gap:.22rem;inline-size:clamp(3.1rem,9vw,6.8rem);padding:.35rem;display:grid;inset-block-end:2.6rem;inset-inline-end:.65rem}:where([data-owner-content]) .template-qr-pattern{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(90deg,#071f25 25%,#0000 25% 50%,#071f25 50% 75%,#0000 75%),linear-gradient(#071f25 25%,#0000 25% 50%,#071f25 50% 75%,#0000 75%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:.55rem .55rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:.18rem solid #fff;box-shadow:0 0 0 1px #071f25}.template-qr small{font-size:clamp(.3rem,.55vw,.5rem);font-weight:850;line-height:1.15}.template-ticker{background:var(--template-accent);color:var(--template-accent-foreground);white-space:nowrap;padding:.42rem .7rem;font-size:clamp(.42rem,.9vw,.72rem);font-weight:850;inset-block-end:0;inset-inline:0;overflow:hidden}.template-ticker span{text-overflow:ellipsis;display:block;overflow:hidden}.protected-template-canvas[data-orientation=portrait] .template-outlet-name{max-inline-size:52%}.protected-template-canvas[data-orientation=portrait] .template-information-stack{max-inline-size:48%}@media (max-width:75rem){.template-workbench{grid-template-columns:minmax(18rem,.9fr) minmax(23rem,1.1fr)}}@media (max-width:68rem){.template-editor-intro,.template-workbench{grid-template-columns:1fr}.template-editor-intro .eyebrow{grid-column:auto}.template-preview-panel{position:static}.orientation-stage{min-block-size:34rem}}@media (max-width:42rem){.template-editor-intro h1{font-size:clamp(3rem,15vw,5rem)}.template-controls fieldset{padding:min(1rem,4vw)}.publish-panel{gap:min(.9rem,3vw);padding:min(1.1rem,4vw)}.orientation-choice{gap:min(.75rem,3vw);padding:min(.8rem,3vw)}.template-detail-card,.template-detail-toggle{padding:min(.75rem,3vw)}.orientation-rail,.template-short-fields,.template-detail-grid,.template-weather-fields,.ai-draft-short-facts,.ai-draft-proof dl{grid-template-columns:1fr}.ai-draft-intro,.ai-draft-action-row{grid-template-columns:1fr;align-items:stretch}.ai-draft-intro{display:grid}.ai-draft-allowance{max-inline-size:none}.ai-draft-action-row button,.ai-draft-proof button,.content-delete-zone button,.content-recovery-action,.content-undo-action{inline-size:100%}.content-delete-zone,.content-history li{grid-template-columns:1fr}.content-history-meta{text-align:start}.autosave-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.autosave-row>button,.conflict-actions{grid-column:1/-1;inline-size:100%}.autosave-row>button,.conflict-actions button{flex:auto}.orientation-stage{min-block-size:28rem;padding:1rem}.protected-template-canvas[data-orientation=portrait]{inline-size:min(78%,20rem)}}@media (prefers-reduced-motion:reduce){.protected-template-canvas,.publish-panel[data-status=publishing] .publish-signal i{transition:none;animation:none}}@media (forced-colors:active){.ai-draft-panel,.ai-draft-proof,.autosave-row,.content-lifecycle-panel,.content-recovery-card,.orientation-choice,.protected-template-canvas,.template-choice,.template-controls fieldset,.template-fields input,.template-fields textarea,.template-detail-card,.template-detail-field input,.template-detail-field select,.template-detail-toggle,.template-preview-panel,.publish-panel{border:2px solid canvastext}.content-delete-zone button,.content-recovery-action,.content-undo-action{border:2px solid buttontext}}.brand-starter-studio{padding-block:clamp(2.8rem,6vw,5.5rem) 1rem}.starter-intro{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);align-items:end;gap:1rem clamp(2rem,8vw,8rem);margin-block-end:clamp(2.5rem,5vw,4.5rem);display:grid}.starter-intro .eyebrow{grid-column:1/-1;margin:0}.starter-intro h1{max-inline-size:10ch}.starter-intro>p:last-child,.starter-unavailable-copy{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));max-inline-size:34rem;margin:0;font-size:1.05rem;line-height:1.65}.starter-workbench{grid-template-columns:minmax(18rem,.75fr) minmax(28rem,1.25fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.starter-form,.starter-preview-panel{min-inline-size:0}.starter-form{gap:1rem;display:grid}.starter-form fieldset{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.85rem;min-inline-size:0;margin:0;padding:1.25rem}.starter-form legend{color:var(--companion-signal,var(--kopitiam-orange-deep));font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.06em;text-transform:uppercase;padding-inline:.3rem;font-size:.75rem;font-weight:800}.choice-grid{gap:.65rem;display:grid}.choice-card{border:1px solid var(--companion-line,var(--kopitiam-line));cursor:pointer;border-radius:.65rem;min-block-size:4.6rem;padding:.9rem .9rem .9rem 2.8rem;display:block;position:relative}.choice-card:before{border:1.5px solid var(--companion-ink-soft,var(--kopitiam-ink-muted));content:"";border-radius:999px;block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:1.05rem;inset-inline-start:.95rem}.choice-card:has(input:checked){background:var(--companion-teal-e9f7f5,var(--kopitiam-orange-tint));border-color:var(--companion-signal,var(--kopitiam-orange-deep));box-shadow:inset .22rem 0 0 var(--companion-cyan,var(--kopitiam-orange-deep))}.choice-card:has(input:checked):before{background:var(--companion-signal,var(--kopitiam-ink));border:.22rem solid var(--companion-white,var(--kopitiam-card));box-shadow:0 0 0 1.5px var(--companion-signal,var(--kopitiam-orange-deep))}.choice-card input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.choice-card strong,.choice-card small{display:block}.choice-card strong{font-size:.95rem}.choice-card small{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));margin-block-start:.25rem;font-size:.78rem;line-height:1.45}button:focus-visible,input:focus-visible{outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.choice-card:has(input:focus-visible){outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.colour-control>label{margin-block-end:.45rem;font-size:.82rem;font-weight:750;display:block}.colour-control>div{border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.6rem;align-items:center;gap:.5rem;min-inline-size:0;padding:.35rem;display:flex}.colour-control input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;flex:0 0 2.6rem;block-size:2.6rem;inline-size:2.6rem;padding:0}.colour-control input[type=color]::-webkit-color-swatch{border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.35rem}.colour-control input[type=text]{color:var(--companion-ink,var(--kopitiam-ink));font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);text-transform:uppercase;border:0;flex:1 1 0;min-block-size:2.6rem;inline-size:0;min-inline-size:0;font-size:.82rem;font-weight:750}.field-hint,.preview-note,.save-status{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));font-size:.76rem;line-height:1.5}.field-hint{margin:.8rem 0 0}.logo-control{grid-template-columns:4.2rem minmax(0,1fr);align-items:center;gap:1rem;display:grid}.logo-thumbnail,.logo-placeholder{background:var(--companion-canvas,var(--kopitiam-paper));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.6rem;justify-content:center;align-items:center;block-size:4.2rem;inline-size:4.2rem;display:flex;overflow:hidden}.logo-thumbnail img{object-fit:contain;block-size:100%;inline-size:100%;padding:.35rem}.logo-placeholder{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.08em;font-size:.62rem}.logo-control input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.logo-control>div:last-child{flex-wrap:wrap;align-items:center;gap:.45rem;min-inline-size:0;display:flex}.file-action,.remove-logo{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-block-size:2.75rem;padding-inline:.9rem;font-size:.78rem;font-weight:800;display:inline-flex}.file-action{background:var(--companion-navy,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper))}.logo-control:has(input:focus-visible) .file-action{outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}.remove-logo{border:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink,var(--kopitiam-ink));background:0 0;margin-inline-start:0}.save-row{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.75rem;min-block-size:4rem;display:grid}.save-row>button{background:var(--companion-signal,var(--kopitiam-ink));border:2px solid var(--companion-signal,var(--kopitiam-orange-deep));color:var(--companion-white,var(--kopitiam-paper));cursor:pointer;border-radius:999px;min-block-size:3rem;padding-inline:1.25rem;font-size:.88rem;font-weight:850}.save-row>button:disabled{cursor:wait;opacity:.66}.save-status{margin:0}.starter-preview-panel{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));border-radius:.95rem;padding:clamp(1rem,2.2vw,1.6rem);position:sticky;inset-block-start:1.5rem}.preview-heading-row{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.preview-heading-row .card-kicker{margin-block-end:.35rem}.preview-heading-row h2{letter-spacing:var(--typeface-display-tracking,-.035em);margin:0;font-size:clamp(1.4rem,2vw,2rem)}.protected-pill{border:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink-soft,var(--kopitiam-ink-muted));font-family:var(--typeface-mono,ui-monospace, "SFMono-Regular", Consolas, monospace);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.45rem .65rem;font-size:.62rem;font-weight:750}.shop-window-frame{background:var(--companion-teal-071b22,var(--kopitiam-ink));box-shadow:0 1.1rem 0 -.65rem var(--companion-ink-a18,color-mix(in srgb, var(--kopitiam-ink) 18%, transparent));border-radius:.95rem;padding:.65rem .65rem 1.1rem;position:relative}.shop-window-topbar{justify-content:flex-end;gap:.28rem;padding:.1rem .2rem .55rem;display:flex}.shop-window-topbar span{background:var(--companion-white-a38,transparent);border-radius:999px;block-size:.28rem;inline-size:.28rem}.shop-window-canvas{aspect-ratio:16/9;background:var(--brand-primary);color:var(--brand-primary-foreground);isolation:isolate;min-inline-size:0;padding:clamp(.8rem,3.3cqw,2.2rem);transition:background-color .18s,color .18s;position:relative;overflow:hidden;container-type:inline-size}.shop-window-canvas:before{border:1px solid var(--structure-colour);content:"";opacity:.24;pointer-events:none;z-index:5;position:absolute;inset:clamp(.5rem,1.6cqw,1rem)}.canvas-brand-row{letter-spacing:.08em;text-transform:uppercase;z-index:4;justify-content:space-between;align-items:center;min-block-size:clamp(1.6rem,4cqw,2.6rem);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.52rem,1.25cqw,.78rem);font-weight:800;display:flex;position:relative}.canvas-logo{background:var(--brand-accent);block-size:clamp(1.5rem,4cqw,2.7rem);color:var(--brand-accent-foreground);outline:1px solid var(--structure-colour);justify-content:center;align-items:center;inline-size:clamp(3.6rem,11cqw,7rem);display:flex;overflow:hidden}.canvas-logo img{object-fit:contain;block-size:100%;inline-size:100%;padding:.25rem}.canvas-logo span{font-size:clamp(.45rem,1.1cqw,.68rem)}.canvas-message p{letter-spacing:.08em;text-transform:uppercase;margin:0 0 clamp(.4rem,1.2cqw,.8rem);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.5rem,1.25cqw,.78rem);font-weight:800}.canvas-message h3{letter-spacing:-.06em;text-wrap:balance;max-inline-size:10ch;margin:0;font-family:Arial Narrow,Avenir Next Condensed,Arial,sans-serif;font-size:clamp(1.65rem,5.4cqw,4.2rem);line-height:.88}.canvas-message>span{max-inline-size:33ch;margin-block-start:clamp(.45rem,1.4cqw,.9rem);font-size:clamp(.52rem,1.3cqw,.84rem);line-height:1.4;display:block}.menu-composition{grid-template-columns:minmax(0,1.15fr) minmax(7rem,.85fr);gap:clamp(.65rem,2.5cqw,1.6rem);display:grid;position:absolute;inset:clamp(3.8rem,10cqw,6.8rem) clamp(.8rem,3.3cqw,2.2rem) clamp(.8rem,3.3cqw,2.2rem)}.menu-composition .canvas-message{z-index:2;align-self:center;position:relative}.menu-slots{background:var(--brand-accent);color:var(--brand-accent-foreground);outline:2px solid var(--structure-colour);z-index:2;align-self:end;gap:0;margin:0;padding:clamp(.5rem,1.8cqw,1.1rem);list-style:none;display:grid;position:relative}.menu-slots li{border-block-end:1px solid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;min-block-size:clamp(1.5rem,4.3cqw,2.8rem);font-size:clamp(.5rem,1.3cqw,.78rem);display:grid}.menu-slots li:last-child{border-block-end:0}.menu-slots li>span{opacity:.68;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.counter-plate{background:var(--brand-accent);opacity:.33;outline:2px solid var(--structure-colour);border-radius:999px;block-size:clamp(6rem,23cqw,15rem);inline-size:clamp(6rem,23cqw,15rem);transition:transform .18s;position:absolute;inset-block-end:-12cqw;inset-inline-start:34%}.counter-plate span{border:1px solid var(--structure-colour);border-radius:inherit;position:absolute;inset:22%}.shop-window-canvas[data-emphasis=spotlight] .counter-plate{transform:scale(1.25)translateY(-8%)}.shop-window-canvas[data-emphasis=greeting] .menu-slots{transform:translateY(12%)}.fashion-composition{grid-template-columns:minmax(2rem,.3fr) minmax(5rem,.8fr) minmax(0,1.15fr);gap:clamp(.5rem,2cqw,1.4rem);display:grid;position:absolute;inset:clamp(3.8rem,10cqw,6.8rem) clamp(.8rem,3.3cqw,2.2rem) clamp(.8rem,3.3cqw,2.2rem)}.fashion-index{border-inline-end:1px solid var(--structure-colour);writing-mode:vertical-rl;align-items:end;padding-block-end:.3rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.45rem,1.1cqw,.7rem);display:flex}.fashion-figure{background:var(--brand-accent);color:var(--brand-accent-foreground);outline:2px solid var(--structure-colour);align-self:stretch;position:relative;overflow:hidden}.fashion-figure:before{content:"";background:currentColor;border-radius:999px;block-size:18%;inline-size:26%;position:absolute;inset-block-start:14%;inset-inline-start:37%}.fashion-figure:after{content:"";border-block-end:clamp(2.5rem,11cqw,7.5rem) solid;border-inline:clamp(1.5rem,5cqw,3.7rem) solid #0000;inline-size:12%;position:absolute;inset-block-start:34%;inset-inline-start:12%}.fashion-composition .canvas-message{align-self:center}.fashion-slots{flex-wrap:wrap;grid-column:3;align-self:end;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.fashion-slots li{border:1px solid var(--structure-colour);padding:.3rem .45rem;font-size:clamp(.45rem,1.1cqw,.68rem)}.shop-window-canvas[data-emphasis=spotlight] .fashion-figure{transform:translateY(-4%)}.shop-window-canvas[data-emphasis=greeting] .fashion-index{background:var(--brand-accent);color:var(--brand-accent-foreground);justify-content:center}.retail-composition{grid-template-rows:minmax(0,1fr) auto;gap:clamp(.7rem,2.5cqw,1.5rem);display:grid;position:absolute;inset:clamp(3.8rem,10cqw,6.8rem) clamp(.8rem,3.3cqw,2.2rem) clamp(.8rem,3.3cqw,2.2rem)}.retail-composition .canvas-message{align-self:center;max-inline-size:70%}.retail-slots{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.35rem,1.2cqw,.8rem);margin:0;padding:0;list-style:none;display:grid;position:relative}.retail-slots li{background:var(--brand-accent);color:var(--brand-accent-foreground);outline:2px solid var(--structure-colour);gap:.35rem;min-block-size:clamp(2.7rem,8cqw,5.4rem);padding:clamp(.35rem,1.2cqw,.75rem);display:grid}.retail-slots li span{opacity:.7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.45rem,1cqw,.65rem)}.retail-slots li strong{align-self:end;font-size:clamp(.5rem,1.2cqw,.76rem)}.retail-shelf-line{border-block-start:clamp(.4rem, 1.4cqw, .9rem) solid var(--brand-accent);border-block-end:2px solid var(--structure-colour);position:absolute;inset-block-end:-1.4cqw;inset-inline:-3cqw}.shop-window-canvas[data-emphasis=spotlight] .retail-slots li:first-child{transform:translateY(-25%)}.shop-window-canvas[data-emphasis=greeting] .retail-slots{transform:translateY(10%)}.window-power{background:var(--companion-success,var(--kopitiam-live));border-radius:999px;block-size:.38rem;inline-size:.38rem;position:absolute;inset-block-end:.38rem;inset-inline-end:1.1rem}.workspace-main :is(.protected-template-editor,.content-recovery-card,.brand-starter-studio,.starter-unavailable,.schedule-workspace,.schedule-empty,.reports-dashboard,.reports-state,.platform-reports-panel,.video-wall-workspace,.wall-upgrade){color:var(--kopitiam-ink)}.workspace-main :is(.protected-template-editor,.content-recovery-card,.brand-starter-studio,.starter-unavailable,.schedule-workspace,.schedule-empty,.reports-dashboard,.reports-state,.platform-reports-panel,.video-wall-workspace,.wall-upgrade) :is(a,button,input,select,textarea,summary,.reports-table-scroll):focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.workspace-main :is(.template-choice,.orientation-choice,.choice-card):has(input:focus-visible){outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.workspace-main .media-file-action:has(+.media-file-input:focus-visible){outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.workspace-main .logo-control:has(input:focus-visible) .file-action{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.workspace-main :is(.media-file-input,.logo-control input[type=file]):focus-visible,.workspace-main :is(.template-choice,.orientation-choice,.choice-card) input:focus-visible,.workspace-main .media-file-input:focus-visible+.media-remove-action:not(:focus-visible){outline:none}.workspace-main .template-detail-toggle:has(input:focus-visible){outline:none}.workspace-main :is(.template-editor-intro,.starter-intro,.content-recovery-card,.starter-unavailable,.schedule-hero,.schedule-list,.reports-hero,.reports-state,.platform-reports-panel,.wall-hero,.wall-upgrade) .eyebrow,.workspace-main :is(.ai-draft-intro,.ai-draft-proof,.publish-copy,.content-lifecycle-panel,.template-preview-heading,.preview-heading-row,.schedule-list) .card-kicker{color:var(--kopitiam-orange-deep);font-family:var(--typeface-body);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .375rem;font-size:.75rem;font-weight:700;line-height:1.4}.workspace-main :is(.template-editor-intro,.starter-intro,.content-recovery-card,.starter-unavailable,.schedule-hero,.reports-hero,.reports-state,.wall-hero,.wall-upgrade,.schedule-empty) h1{color:var(--kopitiam-ink);font-family:var(--typeface-display);-webkit-hyphens:auto;hyphens:auto;letter-spacing:var(--typeface-display-tracking);overflow-wrap:break-word;text-wrap:balance;max-inline-size:24ch;margin:0;font-size:clamp(1.875rem,1.35rem + 1.5vw,2.5rem);font-weight:800;font-stretch:100%;line-height:1.05}.workspace-main :is(.template-editor-intro>p:last-child,.starter-intro>p:last-child,.content-recovery-card>p:not([role=status],.eyebrow),.starter-unavailable-copy,.schedule-hero>p:last-child,.reports-hero>div>p:last-child,.reports-state>p:not(.eyebrow),.wall-hero>p,.wall-upgrade>p:not(.eyebrow),.schedule-empty>p){color:var(--kopitiam-ink-muted);max-inline-size:40rem;margin:0;font-size:1rem;line-height:1.55}.workspace-main :is(.ai-draft-intro h2,.publish-copy h2,.content-lifecycle-panel header h2,.template-preview-heading h2,.preview-heading-row h2,.schedule-list h2,.schedule-empty h2,.reports-panel h2,.platform-reports-panel h2,.wall-list h2){color:var(--kopitiam-ink);font-family:var(--typeface-display);letter-spacing:var(--typeface-display-tracking);margin:0;font-size:1.375rem;font-weight:800;font-stretch:100%;line-height:1.15}.workspace-main .publish-panel>button,.workspace-main .content-recovery-action,.workspace-main :is(.starter-unavailable,.wall-upgrade) .access-action,.workspace-main .save-row>button,.workspace-main .schedule-save-row button,.workspace-main .schedule-empty :is(a,button),.workspace-main .reports-filter button,.workspace-main .reports-state .reports-next,.workspace-main .wall-save{background:var(--kopitiam-orange);box-shadow:none;color:var(--kopitiam-ink);cursor:pointer;font:inherit;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;min-block-size:3rem;padding:.5rem 1.5rem;font-size:.9375rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.workspace-main :is(.publish-panel>button,.content-recovery-action,:is(.starter-unavailable,.wall-upgrade) .access-action,.save-row>button,.schedule-save-row button,.schedule-empty :is(a,button),.reports-filter button,.reports-state .reports-next,.wall-save):hover:not(:disabled){background:var(--kopitiam-orange-hover)}.workspace-main :is(.publish-panel>button,.content-recovery-action,.save-row>button,.schedule-save-row button,.schedule-empty button,.reports-filter button,.wall-save):disabled{cursor:not-allowed;opacity:.5}.workspace-main :is(.media-file-action,.media-remove-action,.media-retry-action,.ai-draft-action-row button,.ai-draft-proof button,.autosave-row button,.conflict-actions button,.content-undo-action,.file-action,.remove-logo,.reports-export,.reports-dashboard .reports-next,.wall-arrange-button){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);cursor:pointer;font:inherit;text-align:center;border-radius:999px;justify-content:center;align-items:center;min-block-size:2.75rem;padding:.375rem 1.125rem;font-size:.875rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.workspace-main :is(.media-file-action,.media-remove-action,.media-retry-action,.ai-draft-action-row button,.ai-draft-proof button,.autosave-row button,.conflict-actions button,.content-undo-action,.file-action,.remove-logo,.reports-export,.reports-dashboard .reports-next,.wall-arrange-button):hover:not(:disabled,[aria-disabled=true]){background:var(--kopitiam-paper);border-color:var(--kopitiam-ink-muted)}.workspace-main :is(.media-file-action[aria-disabled=true],.media-remove-action:disabled,.media-retry-action:disabled,.ai-draft-action-row button:disabled,.ai-draft-proof button:disabled,.content-undo-action:disabled,.wall-arrange-button:disabled){cursor:not-allowed;opacity:.5}.workspace-main :is(.content-delete-zone button,.schedule-card>div button){background:var(--kopitiam-card);border:1px solid var(--kopitiam-error);color:var(--kopitiam-error);cursor:pointer;font:inherit;border-radius:999px;min-block-size:2.75rem;padding:.375rem 1.125rem;font-size:.875rem;font-weight:700}.workspace-main :is(.content-delete-zone button,.schedule-card>div button):hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--kopitiam-error)}.workspace-main :is(.content-delete-zone button,.schedule-card>div button):disabled{cursor:not-allowed;opacity:.5}.workspace-main :is(.template-fields input,.template-fields textarea,.template-detail-field input,.template-detail-field select,.media-accessibility-field textarea,.ai-draft-facts input,.ai-draft-facts select,.publish-screen-choice select,.colour-control>div,.schedule-field input,.schedule-field select,.reports-filter input,.reports-filter select,.wall-number-row input){background:var(--kopitiam-paper);border:1px solid var(--kopitiam-ink-muted);box-shadow:none;box-sizing:border-box;color:var(--kopitiam-ink);font:inherit;border-radius:.75rem;min-block-size:2.875rem;inline-size:100%;min-inline-size:0;padding:.625rem .875rem;font-size:.9375rem;font-weight:400}.workspace-main :is(.template-fields textarea,.media-accessibility-field textarea){resize:vertical;min-block-size:5.5rem}.workspace-main :is(.template-fields input,.template-fields textarea,.template-detail-field input,.template-detail-field select,.media-accessibility-field textarea,.ai-draft-facts input,.ai-draft-facts select,.publish-screen-choice select,.schedule-field input,.schedule-field select,.reports-filter input,.reports-filter select,.wall-number-row input):focus-visible,.workspace-main .colour-control>div:focus-within{border-color:var(--kopitiam-orange-deep)}.workspace-main :is(.protected-template-editor,.brand-starter-studio,.schedule-workspace,.reports-dashboard,.video-wall-workspace) :is(input,textarea)::placeholder{color:var(--kopitiam-ink-muted);opacity:1}.workspace-main :is(.protected-template-editor,.brand-starter-studio,.schedule-workspace,.reports-dashboard,.video-wall-workspace) :is(input:not([type=checkbox],[type=radio],[type=color]),textarea,select):disabled{background:var(--kopitiam-paper);color:var(--kopitiam-ink-muted);cursor:not-allowed}.workspace-main :is(.protected-template-editor,.brand-starter-studio,.schedule-workspace,.video-wall-workspace) :is(input[type=checkbox],input[type=radio]){accent-color:var(--kopitiam-orange-deep)}.workspace-main :is(.protected-template-editor,.brand-starter-studio,.schedule-workspace,.video-wall-workspace) progress{accent-color:var(--kopitiam-ink)}.workspace-main .media-accessibility-field textarea[aria-invalid=true]{border-color:var(--kopitiam-error);box-shadow:inset 0 0 0 1px var(--kopitiam-error)}.workspace-main .media-accessibility-field:has(textarea[aria-invalid=true])>span{align-items:center;gap:.5rem;display:flex}.workspace-main .media-accessibility-field:has(textarea[aria-invalid=true])>span:before{background:var(--kopitiam-error);block-size:1.125rem;color:var(--kopitiam-card);content:"!" / "";border-radius:50%;flex:none;justify-content:center;align-items:center;inline-size:1.125rem;font-size:.75rem;font-weight:800;display:inline-flex}.workspace-main :is(.template-fields label>span,.template-detail-field>span,.media-accessibility-field>span,.ai-draft-facts label>span,.publish-screen-choice span,.colour-control>label,.schedule-field>span,.reports-filter label,.wall-number-row label){color:var(--kopitiam-ink);letter-spacing:normal;text-transform:none;font-size:.875rem;font-weight:700}.workspace-main :is(.template-fields small,.template-detail-field small,.template-detail-toggle small,.media-accessibility-field small,.ai-draft-facts small,.template-choice small,.orientation-choice small,.choice-card small,.field-hint,.preview-note,.template-details-intro,.media-upload-hint,.media-upload-privacy,.ai-draft-explainer){color:var(--kopitiam-ink-muted);font-size:.8125rem;line-height:1.5}.workspace-main .template-controls fieldset:not(.ai-draft-facts),.workspace-main .starter-form fieldset,.workspace-main :is(.ai-draft-panel,.autosave-row,.publish-panel,.content-lifecycle-panel,.content-recovery-card,.template-preview-panel,.starter-preview-panel,.starter-unavailable,.schedule-builder,.schedule-card,.schedule-empty,.reports-filter,.reports-summary-grid article,.reports-panel,.reports-state,.platform-reports-panel,.platform-report-grid article,.wall-builder,.wall-upgrade){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);border-radius:1.125rem}.workspace-main :is(.template-controls,.starter-form) fieldset:not(.ai-draft-facts)>legend{color:var(--kopitiam-ink-muted);float:inline-start;font-family:var(--typeface-body);letter-spacing:.12em;text-transform:uppercase;inline-size:100%;margin:0 0 .25rem;padding:0;font-size:.8125rem;font-weight:800;line-height:1.35}.workspace-main .protected-template-editor{border:0;margin:clamp(1.5rem,3vw,2rem) 0 0;padding:0 0 2rem}.workspace-main .template-editor-intro,.workspace-main .starter-intro{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow action""heading action""intro intro";align-items:end;gap:.5rem 2rem;margin:0 0 1.75rem;display:grid}.workspace-main :is(.template-editor-intro,.starter-intro) .eyebrow{grid-area:eyebrow;margin:0}.workspace-main :is(.template-editor-intro,.starter-intro) h1{grid-area:heading}.workspace-main :is(.template-editor-intro,.starter-intro)>p:last-child{grid-area:intro}.workspace-main :is(.template-editor-intro,.starter-intro)>:is(.template-editor-action,.starter-intro-action){grid-area:action;justify-self:end}.workspace-main .content-recovery-card>.template-editor-action{justify-self:start}.workspace-main :is(.template-editor-action,.starter-intro-action) a{color:var(--kopitiam-orange-deep);text-underline-offset:.2em;align-items:center;min-block-size:2.75rem;font-size:.9375rem;font-weight:700;text-decoration:underline;display:inline-flex}.workspace-main :is(.template-editor-action,.starter-intro-action) a:hover{text-decoration-thickness:2px}.workspace-main .template-workbench[data-layout=send-beside-preview]{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-areas:"controls send""history history";align-items:start;gap:1.25rem 1.75rem;display:grid}.workspace-main .template-workbench[data-layout=send-beside-preview]>.template-controls{grid-area:controls}.workspace-main .template-send{grid-area:send;gap:1rem;min-inline-size:0;display:grid}.workspace-main .template-workbench>.content-lifecycle-panel{grid-area:history}@media (min-width:68.0625rem) and (min-height:62rem){.workspace-main .template-send:has([data-orientation=landscape]){position:sticky;inset-block-start:1.5rem}}@media (min-width:68.0625rem) and (min-height:72rem){.workspace-main .template-send:has([data-orientation=portrait]){position:sticky;inset-block-start:1.5rem}}.workspace-main .template-controls{gap:1rem}.workspace-main .template-controls fieldset:not(.ai-draft-facts){gap:.75rem;min-inline-size:0;margin:0;padding:1.25rem;display:grid}.workspace-main :is(.template-choice,.orientation-choice,.choice-card){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);border-radius:.875rem}.workspace-main :is(.template-choice,.orientation-choice,.choice-card):has(input:checked){background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep);box-shadow:inset 0 0 0 1px var(--kopitiam-orange-deep)}.workspace-main :is(.template-choice,.orientation-choice,.choice-card):before{background:var(--kopitiam-card);border:1.5px solid var(--kopitiam-ink-muted);block-size:1.125rem;box-shadow:none;box-sizing:border-box;inline-size:1.125rem}.workspace-main :is(.template-choice,.orientation-choice,.choice-card):has(input:checked):before{background:var(--kopitiam-orange-deep);border:1.5px solid var(--kopitiam-orange-deep);box-shadow:inset 0 0 0 .1875rem var(--kopitiam-card)}.workspace-main .orientation-choice{gap:.625rem;padding-inline-start:2.5rem}.workspace-main .orientation-choice:before{content:"";border-radius:999px;position:absolute;inset-block-start:50%;inset-inline-start:.75rem;transform:translateY(-50%)}.workspace-main :is(.template-choice,.orientation-choice,.choice-card) strong{color:var(--kopitiam-ink);font-size:.9375rem;font-weight:700}.workspace-main .orientation-glyph{background:var(--kopitiam-card);border:2px solid var(--kopitiam-ink);box-shadow:inset 0 -.22rem var(--kopitiam-ink-muted)}.workspace-main .orientation-choice:has(input:checked) .orientation-glyph{box-shadow:inset 0 -.22rem var(--kopitiam-orange-deep)}.workspace-main .template-controls .protected-media-upload{background:var(--kopitiam-card);gap:.75rem}.workspace-main :is(.media-upload-status,.content-lifecycle-status,.content-recovery-card>[role=status]):empty{position:absolute}.workspace-main .protected-media-upload .media-upload-privacy{border-block-start:1px solid var(--kopitiam-line);padding-block-start:.75rem;font-size:.75rem}.workspace-main .media-upload-progress label{color:var(--kopitiam-ink);font-size:.8125rem}.workspace-main :is(.media-upload-status,.publish-status,.save-status,.schedule-save-row p,.wall-save-status,.ai-draft-action-row p,.content-lifecycle-status){color:var(--kopitiam-ink-muted);font-size:.875rem;font-weight:600;line-height:1.45}.workspace-main :is(.protected-media-upload[data-status=selected] .media-upload-status,.publish-panel[data-status=published] .publish-status,.save-status[data-status=saved],.schedule-save-row p[data-status=saved],.wall-save-status[data-state=saved]):not(:empty){color:var(--kopitiam-live);align-items:center;gap:.5rem;font-weight:700;display:flex}.workspace-main :is(.protected-media-upload[data-status=selected] .media-upload-status,.publish-panel[data-status=published] .publish-status,.save-status[data-status=saved],.schedule-save-row p[data-status=saved],.wall-save-status[data-state=saved]):not(:empty):before{border:solid var(--kopitiam-live);content:"";border-width:0 2px 2px 0;flex:none;block-size:.6875rem;inline-size:.375rem;margin-inline:.25rem .125rem;transform:translateY(-.125rem)rotate(45deg)}.workspace-main :is(.protected-media-upload[data-status=error] .media-upload-status,.publish-panel:is([data-status=conflict],[data-status=content_limit],[data-status=empty],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=offline],[data-status=rate_limited],[data-status=screen_unavailable],[data-status=signed_out]) .publish-status,.save-status:not([data-status=saved],[data-status=saving]),.schedule-save-row p:is([data-status=error],[data-status=signed_out]),.wall-save-status[data-state=error]):not(:empty){color:var(--kopitiam-error);align-items:flex-start;gap:.5rem;font-weight:700;display:flex}.workspace-main :is(.protected-media-upload[data-status=error] .media-upload-status,.publish-panel:is([data-status=conflict],[data-status=content_limit],[data-status=empty],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=offline],[data-status=rate_limited],[data-status=screen_unavailable],[data-status=signed_out]) .publish-status,.save-status:not([data-status=saved],[data-status=saving]),.schedule-save-row p:is([data-status=error],[data-status=signed_out]),.wall-save-status[data-state=error]):not(:empty):before{background:var(--kopitiam-error);block-size:1.125rem;color:var(--kopitiam-card);content:"!" / "";border-radius:50%;flex:none;justify-content:center;align-items:center;inline-size:1.125rem;margin-block-start:.1rem;font-size:.75rem;font-weight:800;display:inline-flex}.workspace-main .ai-draft-panel{gap:1rem;padding:1.25rem}.workspace-main .ai-draft-intro h2{margin-block-start:0}.workspace-main .ai-draft-intro{flex-wrap:wrap;row-gap:.625rem}.workspace-main .ai-draft-allowance{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);font-family:var(--typeface-body);letter-spacing:normal;text-transform:none;text-wrap:balance;border-radius:999px;align-self:start;inline-size:fit-content;max-inline-size:100%;padding:.375rem .75rem;font-size:.75rem;font-weight:700}.workspace-main .ai-draft-panel .ai-draft-explainer{font-size:.875rem}.workspace-main .template-controls .ai-draft-facts{border-block-start:1px solid var(--kopitiam-line)}.workspace-main .template-controls .ai-draft-facts legend{color:var(--kopitiam-ink);font-family:var(--typeface-body);font-size:.8125rem;font-weight:700}.workspace-main .ai-draft-proof{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:.875rem}.workspace-main .ai-draft-proof h3{color:var(--kopitiam-ink);font-family:var(--typeface-display);letter-spacing:var(--typeface-display-tracking);font-size:1.25rem;font-weight:800;font-stretch:100%;line-height:1.15}.workspace-main .ai-draft-proof-media{background:var(--kopitiam-ink-raised);border:1px solid var(--kopitiam-line)}.workspace-main .ai-draft-proof-item{background:var(--kopitiam-card)}.workspace-main .ai-draft-proof dl{border:1px solid var(--kopitiam-line);border-radius:.625rem;gap:0}.workspace-main .ai-draft-proof-item+.ai-draft-proof-item{border-inline-start:1px solid var(--kopitiam-line)}.workspace-main .ai-draft-proof dt{color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);letter-spacing:.08em;font-size:.6875rem;font-weight:700}.workspace-main .ai-draft-proof dd{color:var(--kopitiam-ink)}.workspace-main .ai-draft-proof>p{color:var(--kopitiam-ink-muted);font-size:.8125rem}.workspace-main .template-controls .template-fields,.workspace-main .template-short-fields{gap:1rem}.workspace-main :is(.template-detail-card,.template-detail-toggle){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;border-radius:.75rem}.workspace-main .template-detail-card .template-detail-toggle{background:0 0;border:0;min-block-size:0}.workspace-main .template-detail-card{min-block-size:3.25rem}:is(.workspace-main .template-detail-toggle:has(input:checked),.workspace-main .template-detail-card:has(>.template-detail-toggle input:checked)){background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep);box-shadow:none}.workspace-main .template-detail-toggle strong{color:var(--kopitiam-ink);font-size:.875rem;font-weight:700}.workspace-main .autosave-row{gap:.5rem .875rem;min-block-size:0;padding:.875rem 1.125rem}.workspace-main .autosave-row[data-status] .autosave-light{background:var(--kopitiam-ink-muted);block-size:.5rem;box-shadow:none;border:0;border-radius:50%;inline-size:.5rem}.workspace-main .autosave-row[data-status=saved] .autosave-light{border:solid var(--kopitiam-live);background:0 0;border-width:0 2px 2px 0;border-radius:0;block-size:.6875rem;inline-size:.375rem;margin-inline:.1875rem .125rem;transform:translateY(-.0625rem)rotate(45deg)}.workspace-main .autosave-row:is([data-status=saving],[data-status=restored]) .autosave-light{background:var(--kopitiam-orange-deep)}.workspace-main .autosave-row:is([data-status=brand_required],[data-status=conflict],[data-status=invalid],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=not_allowed],[data-status=offline],[data-status=rate_limited],[data-status=signed_out]) .autosave-light{background:var(--kopitiam-error)}.workspace-main .autosave-row strong{color:var(--kopitiam-ink-muted);letter-spacing:.1em;font-size:.75rem;font-weight:700}.workspace-main .autosave-row p{color:var(--kopitiam-ink);font-size:.875rem}.workspace-main .autosave-row[data-status=saved] p{color:var(--kopitiam-live);font-weight:700}.workspace-main .autosave-row:is([data-status=brand_required],[data-status=conflict],[data-status=invalid],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=not_allowed],[data-status=offline],[data-status=rate_limited],[data-status=signed_out]) p{color:var(--kopitiam-error);font-weight:700}.workspace-main .template-preview-panel{padding:1rem;position:static;overflow:hidden}.workspace-main .template-preview-heading{flex-wrap:wrap;gap:.5rem 1rem;padding:0 0 .875rem}.workspace-main .template-preview-heading .card-kicker{margin:0 0 .125rem}.workspace-main .protected-pill{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);font-family:var(--typeface-body);letter-spacing:.08em;border-radius:999px;max-inline-size:100%;padding:.375rem .625rem;font-size:.6875rem;font-weight:700}.workspace-main :is(.orientation-stage,.shop-window-shelf){background:var(--kopitiam-kaya);background-image:none;border-radius:.875rem;justify-content:center;align-items:flex-end;min-block-size:0;padding:1.5rem 1.25rem calc(14px + 1.25rem);display:flex;position:relative;overflow:hidden}.workspace-main :is(.orientation-stage,.shop-window-shelf):after{background:var(--kopitiam-ink);content:"";block-size:14px;position:absolute;inset:auto 0 0}.workspace-main :is(.orientation-stage,.shop-window-shelf):before{background:var(--kopitiam-ink);content:"";opacity:.12;block-size:6px;position:absolute;inset:auto 0 14px}.workspace-main .orientation-stage>.protected-template-canvas{z-index:1}@media (max-width:68rem){.workspace-main .orientation-stage{padding-inline:clamp(1rem,4vw,3rem)}}.workspace-main .publish-panel{grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1.25rem;display:grid;overflow:visible}.workspace-main .publish-signal{display:none}.workspace-main .publish-copy .card-kicker{margin:0 0 .25rem}.workspace-main .publish-copy>p:last-child{color:var(--kopitiam-ink-muted);margin:.375rem 0 0;font-size:.875rem;line-height:1.5}.workspace-main .publish-panel>button{overflow-wrap:anywhere;min-block-size:3.5rem;inline-size:100%;font-size:1.0625rem}.workspace-main .publish-panel[data-status] .publish-status{margin:0}.workspace-main .publish-panel[data-status=published]{border-color:var(--kopitiam-live);box-shadow:none}.workspace-main .publish-panel:is([data-status=conflict],[data-status=content_limit],[data-status=empty],[data-status=limited],[data-status=logo_unavailable],[data-status=media_unavailable],[data-status=offline],[data-status=rate_limited],[data-status=screen_unavailable],[data-status=signed_out]){border-color:var(--kopitiam-error)}.workspace-main .publish-view-link,.workspace-main .content-recovery-card a:not(.content-recovery-action){color:var(--kopitiam-orange-deep);overflow-wrap:anywhere;text-underline-offset:.2em;justify-self:start;inline-size:auto;max-inline-size:100%;font-size:.9375rem;font-weight:700;text-decoration:underline}.workspace-main .content-lifecycle-panel{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.25rem}.workspace-main :is(.content-undo-action,.content-delete-zone button){overflow-wrap:anywhere;max-inline-size:100%}.workspace-main .content-lifecycle-panel header>p:last-child,.workspace-main :is(.content-history>p,.content-delete-zone p){color:var(--kopitiam-ink-muted);font-size:.875rem;line-height:1.5}.workspace-main .content-undo-action{justify-self:start}.workspace-main .content-history{border-block:1px solid var(--kopitiam-line)}.workspace-main .content-history h3{color:var(--kopitiam-ink);font-size:.875rem;font-weight:800}.workspace-main .content-history li{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);border-radius:.75rem}.workspace-main .content-history li[data-current=true]{background:var(--kopitiam-kaya);border-color:var(--kopitiam-kaya);box-shadow:none}.workspace-main .content-history li strong{font-size:.875rem}.workspace-main .content-history li :is(span,time),.workspace-main .content-history-meta{color:var(--kopitiam-ink-muted);font-size:.8125rem}.workspace-main .content-recovery-card{gap:1rem;max-inline-size:46rem;margin-block-start:clamp(1.5rem,3vw,2rem);padding:clamp(1.25rem,4vw,2.25rem)}.workspace-main .content-recovery-card .eyebrow{margin:0}.workspace-main .content-recovery-summary{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:.875rem}.workspace-main .content-recovery-summary span{color:var(--kopitiam-ink-muted);font-size:.875rem}.workspace-main .content-recovery-action{justify-self:start;inline-size:auto}.workspace-main .content-recovery-card>p[role=status]{color:var(--kopitiam-ink-muted);min-block-size:1.25rem;font-size:.875rem}.workspace-main .starter-unavailable{justify-items:start;gap:.75rem;min-block-size:0;max-inline-size:46rem;margin-block-start:clamp(1.5rem,3vw,2rem);padding:clamp(1.25rem,4vw,2.25rem);display:grid}.workspace-main .starter-unavailable :is(.eyebrow,h1,.access-action){margin:0}@media (max-width:68rem){.workspace-main .template-workbench[data-layout=send-beside-preview]{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""send""history"}}@media (max-width:42rem){.workspace-main .template-editor-intro,.workspace-main .starter-intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""heading""action""intro"}.workspace-main :is(.template-editor-intro,.starter-intro)>:is(.template-editor-action,.starter-intro-action){justify-self:start}.workspace-main :is(.template-controls fieldset:not(.ai-draft-facts),.ai-draft-panel){padding:1rem}.workspace-main .ai-draft-proof-item+.ai-draft-proof-item{border-block-start:1px solid var(--kopitiam-line);border-inline-start:0}.workspace-main .shop-window-shelf{padding:1rem .75rem calc(14px + .875rem)}.workspace-main .orientation-stage{padding:1rem 1rem calc(14px + .875rem)}}.workspace-main .brand-starter-studio{padding-block:clamp(1.5rem,3vw,2rem) 2rem}.workspace-main .starter-workbench{grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);gap:1.25rem 1.75rem}.workspace-main .starter-form{gap:1rem}.workspace-main .starter-form fieldset{gap:.75rem;min-inline-size:0;margin:0;padding:1.25rem;display:grid}.workspace-main .choice-grid{gap:.625rem}.workspace-main .choice-card{min-block-size:0;padding:.75rem .875rem .75rem 3rem}.workspace-main .choice-card:before{inset-block-start:.9rem}.workspace-main .colour-control>div{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:.25rem .375rem;display:flex}.workspace-main .colour-control>div>input:not([type=color]){color:var(--kopitiam-ink);font-family:var(--typeface-body);text-transform:uppercase;background:0 0;border:0;flex:1 1 0;min-block-size:2.5rem;inline-size:0;min-inline-size:calc(5.75em + .25rem);padding:0 .125rem;font-size:.9375rem;font-weight:700}.workspace-main .colour-control input[type=color]::-webkit-color-swatch{border:1px solid var(--kopitiam-ink-muted);border-radius:.5rem}.workspace-main :is(.logo-thumbnail,.logo-placeholder){background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);border-radius:.75rem}.workspace-main .logo-placeholder{font-family:var(--typeface-body);font-size:.75rem;font-weight:700}.workspace-main .save-row{gap:.75rem 1rem;min-block-size:3.5rem}.workspace-main .save-status{margin:0}.workspace-main .starter-preview-panel{padding:1.25rem;inset-block-start:1.5rem}.workspace-main .preview-heading-row{flex-wrap:wrap;grid-template-columns:minmax(0,1fr);min-inline-size:0;margin-block-end:.875rem}.workspace-main .preview-heading-row>*{min-inline-size:0}.workspace-main .preview-heading-row .protected-pill{overflow-wrap:anywhere;justify-self:start;inline-size:fit-content;max-inline-size:100%}.workspace-main .preview-heading-row .card-kicker{margin:0 0 .125rem}.workspace-main .shop-window-shelf{padding-inline:.75rem;display:block}.workspace-main .shop-window-frame{background:var(--kopitiam-ink);box-shadow:0 1.125rem 2.5rem color-mix(in srgb, var(--kopitiam-ink) 28%, transparent);z-index:1}.workspace-main .shop-window-topbar span{background:var(--kopitiam-paper);opacity:.45}.workspace-main .window-power{background:var(--kopitiam-live)}.workspace-main .preview-note{margin:.875rem 0 0}@media (max-width:68rem){.workspace-main .starter-workbench{grid-template-columns:minmax(0,1fr)}}@media (max-width:42rem){.workspace-main .starter-form fieldset{padding:1rem}.workspace-main .colour-grid{grid-template-columns:minmax(0,1fr)}.workspace-main .starter-preview-panel{padding:1rem}.workspace-main .shop-window-shelf{padding-inline:0}}.workspace-main .schedule-workspace{color:var(--kopitiam-ink);gap:1.5rem;padding:clamp(1.5rem,3vw,2rem) 0 2rem}.workspace-main .schedule-hero{color:var(--kopitiam-ink);background:0 0;border-radius:0;gap:.5rem;padding:0;display:grid;overflow:visible}.workspace-main .schedule-hero:after{content:none}.workspace-main .schedule-hero .eyebrow{margin:0}.workspace-main .schedule-builder{border-radius:1.375rem;overflow:hidden}.workspace-main .schedule-builder fieldset{border:0;border-block-end:1px solid var(--kopitiam-line);gap:1rem;min-inline-size:0;padding:1.5rem clamp(1.25rem,3vw,2rem)}.workspace-main :is(.schedule-builder,.wall-controls) legend{color:var(--kopitiam-ink);float:inline-start;font-family:var(--typeface-display);inline-size:100%;letter-spacing:var(--typeface-display-tracking);align-items:center;gap:.75rem;margin:0;padding:0;font-size:1.125rem;font-weight:800;display:flex}.workspace-main :is(.schedule-builder,.wall-controls) legend>span{background:var(--kopitiam-kaya);block-size:2rem;color:var(--kopitiam-ink);letter-spacing:normal;border-radius:50%;flex:none;justify-content:center;align-items:center;inline-size:2rem;font-size:.875rem;font-weight:800;display:inline-flex}.workspace-main :is(.schedule-screen-choice,.schedule-dayparts label,.wall-screen-choice){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);border-radius:.875rem;min-block-size:3.5rem}.workspace-main :is(.schedule-screen-choice,.schedule-dayparts label,.wall-screen-choice):has(input:checked){background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep);box-shadow:inset 0 0 0 1px var(--kopitiam-orange-deep)}.workspace-main :is(.schedule-screen-choice,.schedule-dayparts label,.wall-screen-choice)>input{flex:none;block-size:1.1875rem;inline-size:1.1875rem}.workspace-main .schedule-dayparts{grid-template-columns:repeat(auto-fill,minmax(max(min(100%,14rem),33.3333% - .416667rem - 1px),1fr));gap:.625rem}.workspace-main .schedule-daypart-range{white-space:nowrap}.workspace-main :is(.schedule-screen-choice,.wall-screen-choice) small,.workspace-main .schedule-card>div span,.workspace-main .schedule-card p{color:var(--kopitiam-ink-muted)}.workspace-main .schedule-days{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.625rem),1fr))}.workspace-main .schedule-days button{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);font:inherit;border-radius:.75rem;flex-wrap:wrap;place-content:center safe center;align-items:center;gap:.125rem .375rem;min-block-size:2.875rem;min-inline-size:0;padding:.25rem .5rem;font-size:.875rem;font-weight:700;display:inline-flex}.workspace-main .schedule-days button[aria-pressed=true]{background:var(--kopitiam-orange-tint);border-color:var(--kopitiam-orange-deep);box-shadow:inset 0 0 0 1px var(--kopitiam-orange-deep);color:var(--kopitiam-ink)}.workspace-main .schedule-days button[aria-pressed=true]:before{border:solid var(--kopitiam-orange-deep);content:"";border-width:0 2px 2px 0;flex:none;block-size:.625rem;inline-size:.3125rem;transform:translateY(-.125rem)rotate(45deg)}.workspace-main .schedule-subheading{color:var(--kopitiam-ink);letter-spacing:normal;font-size:.875rem;font-weight:800}.workspace-main .schedule-save-row{gap:.75rem 1.25rem;padding:1.25rem clamp(1.25rem,3vw,2rem)}.workspace-main .schedule-save-row p{margin:0}.workspace-main .schedule-list{gap:.875rem}.workspace-main .schedule-list>div{justify-content:start;align-items:start;gap:0;display:grid}.workspace-main .schedule-list>div .card-kicker{margin:0}.workspace-main .schedule-list>p{color:var(--kopitiam-ink-muted);margin:0}.workspace-main .schedule-card{gap:.5rem;padding:1.25rem 1.375rem}.workspace-main .schedule-card>div>strong{color:var(--kopitiam-ink);font-weight:800}.workspace-main .schedule-card>.schedule-conflict{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border:0;border-radius:.625rem;margin-block-start:.25rem;padding:.625rem .875rem}.workspace-main .schedule-empty{border-radius:1.375rem;gap:1rem;padding:clamp(1.25rem,4vw,2rem)}.workspace-main .schedule-empty>:is(h1,h2){max-inline-size:32ch}.workspace-main :is(.reports-dashboard,.reports-state,.platform-reports-panel){color:var(--kopitiam-ink);max-inline-size:78rem;margin-inline:0}.workspace-main .reports-dashboard{gap:1.25rem;padding-block:clamp(1.5rem,3vw,2rem) 0;display:grid}.workspace-main .reports-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 2rem;display:grid}.workspace-main .reports-hero>div{gap:.5rem;display:grid}.workspace-main .reports-hero .eyebrow{margin:0}.workspace-main :is(.reports-freshness,.reports-screen-status){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:999px;justify-self:start;align-items:center;gap:.5rem;max-inline-size:22rem;margin:0;padding:.375rem .875rem;font-size:.8125rem;font-weight:700;line-height:1.35;display:inline-flex}.workspace-main :is(.reports-freshness,.reports-screen-status):before{background:var(--kopitiam-ink-muted);content:"";border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem}.workspace-main :is(.reports-freshness[data-state=current],.reports-screen-status[data-state=online]):before{background:var(--kopitiam-live)}.workspace-main :is(.reports-freshness[data-state=delayed],.reports-screen-status[data-state=offline]):before{background:var(--kopitiam-error)}.workspace-main .reports-filter{flex-wrap:wrap;align-items:end;gap:.875rem;padding:1rem 1.25rem;display:flex}.workspace-main .reports-filter label{flex:9rem;gap:.375rem;min-inline-size:0;display:grid}.workspace-main .reports-filter :is(button,.reports-export){flex:0 auto;max-inline-size:100%}.workspace-main .reports-summary-grid,.workspace-main .platform-report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem;display:grid}.workspace-main :is(.reports-summary-grid,.platform-report-grid) article{align-content:space-between;gap:.75rem;min-block-size:7rem;padding:1.125rem 1.25rem;display:grid}.workspace-main :is(.reports-summary-grid,.platform-report-grid) span{color:var(--kopitiam-ink-muted);font-size:.8125rem;font-weight:700}.workspace-main :is(.reports-summary-grid,.platform-report-grid) strong{color:var(--kopitiam-ink);letter-spacing:-.02em;overflow-wrap:anywhere;align-self:end;font-size:clamp(1.5rem,1.1rem + 1vw,2rem);font-weight:800;line-height:1.05}.workspace-main .platform-report-grid strong[data-value=words]{color:var(--kopitiam-ink-muted);letter-spacing:normal;font-size:.9375rem;font-weight:700;line-height:1.4}.workspace-main .reports-privacy-note{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border:0;border-radius:.75rem;margin:0;padding:.875rem 1.125rem;font-size:.875rem;line-height:1.5}.workspace-main :is(.reports-panel,.platform-reports-panel,.reports-state){padding:clamp(1.25rem,3vw,2rem)}.workspace-main :is(.reports-panel,.platform-reports-panel){gap:1rem;display:grid}.workspace-main .reports-screen-list{gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.workspace-main .reports-screen-list>li{border-block-start:1px solid var(--kopitiam-line);gap:.75rem;padding-block-start:1rem;display:grid}.workspace-main .reports-screen-list>li>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.workspace-main .reports-screen-list dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.workspace-main .reports-screen-list dl div{gap:.2rem;display:grid}.workspace-main .reports-screen-list dt{color:var(--kopitiam-ink-muted);font-size:.8125rem}.workspace-main .reports-screen-list dd{margin:0;font-weight:700}.workspace-main .reports-table-scroll{overflow-x:auto}.workspace-main .reports-table-panel table{border-collapse:collapse;inline-size:100%;min-inline-size:42rem}.workspace-main .reports-table-panel :is(th,td){border-block-end:1px solid var(--kopitiam-line);text-align:start;padding:.75rem}.workspace-main .reports-table-panel thead th{color:var(--kopitiam-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.workspace-main .reports-table-panel{container-type:inline-size}@container (max-width:42rem){.workspace-main .reports-table-panel table{min-inline-size:0;display:block}.workspace-main .reports-table-panel thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;display:block;position:absolute;overflow:hidden}.workspace-main .reports-table-panel tbody{gap:.75rem;display:grid}.workspace-main .reports-table-panel tbody tr{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:.875rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:.5rem 1rem;padding:.875rem 1rem;display:grid}.workspace-main .reports-table-panel tbody :is(th,td){border:0;padding:0;display:block}.workspace-main .reports-table-panel tbody th{grid-column:1/-1;font-size:1rem;font-weight:800}.workspace-main .reports-table-panel tbody td{gap:.125rem;font-weight:700;display:grid}.workspace-main .reports-table-panel tbody td:before{color:var(--kopitiam-ink-muted);content:attr(data-label) / "";font-size:.8125rem;font-weight:600}}@container (min-width:30rem) and (max-width:42rem){.workspace-main .reports-table-panel tbody tr{grid-template-columns:repeat(4,minmax(0,1fr))}}.workspace-main .reports-dashboard .reports-next{justify-self:start}.workspace-main .reports-state{justify-items:start;gap:.75rem;margin-block:clamp(1.5rem,3vw,2rem) 0;display:grid}.workspace-main .reports-state :is(.eyebrow,h1){margin:0}.workspace-main .platform-reports-panel{margin-block-start:1.5rem}.workspace-main .platform-reports-panel .eyebrow{margin:0 0 -.5rem}.workspace-main .platform-report-ledgers{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.workspace-main .platform-report-ledgers>div{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:.875rem;padding:1rem 1.125rem}.workspace-main .platform-report-ledgers h3{overflow-wrap:anywhere;margin:0 0 .75rem;font-size:1rem;font-weight:800}.workspace-main .platform-report-ledgers ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.workspace-main .platform-report-ledgers li{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}.workspace-main .platform-report-ledgers p{color:var(--kopitiam-ink-muted);margin:0}@media (max-width:60rem){.workspace-main :is(.reports-hero,.platform-report-ledgers){grid-template-columns:minmax(0,1fr)}.workspace-main :is(.reports-summary-grid,.platform-report-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:34rem){.workspace-main :is(.reports-summary-grid,.platform-report-grid,.reports-screen-list dl){grid-template-columns:minmax(0,1fr)}.workspace-main .reports-filter>:is(label,button,.reports-export){flex:100%}}.workspace-main .video-wall-workspace{color:var(--kopitiam-ink);grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:clamp(1.5rem,3vw,2rem) 2rem;display:grid}.workspace-main .wall-hero{grid-template-columns:minmax(0,1.4fr) minmax(15rem,.6fr);align-items:end;gap:1rem 2.5rem;display:grid}.workspace-main .wall-hero .eyebrow{margin:0 0 .5rem}.workspace-main .wall-upgrade{flex-direction:column;align-items:flex-start;gap:.75rem;max-inline-size:46rem;margin-block-start:clamp(1.5rem,3vw,2rem);padding:clamp(1.25rem,3vw,2rem);display:flex}.workspace-main .wall-upgrade :is(.eyebrow,h1){margin:0}.workspace-main .wall-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:1rem;margin-block-start:1rem;display:grid}:where(.workspace-main .wall-list) .wall-status-card{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:1rem;grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1.125rem}:where(.workspace-main .wall-list) .wall-status-card[data-state=armed]{background:var(--kopitiam-card);border-color:var(--kopitiam-live)}:where(.workspace-main .wall-list) .wall-card-heading{flex-wrap:wrap;gap:.25rem 1rem}:where(.workspace-main .wall-list) .wall-status-card :is(span,p){color:var(--kopitiam-ink-muted)}:where(.workspace-main .wall-list) .wall-status-card>p{color:var(--kopitiam-ink);margin:0;font-weight:700}:where(.workspace-main .wall-list) .wall-status-card[data-state=armed]>p{color:var(--kopitiam-live)}:where(.workspace-main .wall-list) .wall-status-card[data-state=needs_setup]>p{color:var(--kopitiam-error)}:where(.workspace-main .wall-list) .wall-status-card progress{accent-color:var(--kopitiam-ink)}:where(.workspace-main .wall-list) .wall-status-card[data-sync] .wall-timing-status{overflow-wrap:anywhere;background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:.75rem;grid-template-columns:minmax(0,1fr);padding:.75rem .875rem}:where(.workspace-main .wall-list) .wall-timing-status small{color:var(--kopitiam-ink-muted)}:where(.workspace-main .wall-list) .wall-status-card[data-sync] .wall-timing-status strong{color:var(--kopitiam-ink)}:where(.workspace-main .wall-list) .wall-status-card[data-sync=qualified] .wall-timing-status strong{color:var(--kopitiam-live)}:where(.workspace-main .wall-list) .wall-status-card:is([data-sync=attention],[data-sync=unavailable]) .wall-timing-status strong{color:var(--kopitiam-error)}:where(.workspace-main .wall-list) .wall-status-card[data-sync] .wall-timing-rail:before{background:var(--kopitiam-line)}:where(.workspace-main .wall-list) .wall-status-card[data-sync] .wall-timing-rail span{background:var(--kopitiam-ink-muted);border:2px solid var(--kopitiam-paper);box-shadow:0 0 0 1px var(--kopitiam-ink-muted);animation:none}:where(.workspace-main .wall-list) .wall-status-card button{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);cursor:pointer;font:inherit;border-radius:999px;justify-self:start;min-block-size:2.75rem;padding:.375rem 1.125rem;font-size:.875rem;font-weight:700}:where(.workspace-main .wall-list) .wall-status-card button:hover{background:var(--kopitiam-paper);border-color:var(--kopitiam-ink-muted)}.workspace-main .wall-hint{color:var(--kopitiam-ink-muted)}.workspace-main section.wall-builder{border-radius:1.375rem}.workspace-main .wall-builder{grid-template-columns:minmax(19rem,.8fr) minmax(20rem,1.2fr);display:grid;overflow:hidden}.workspace-main .wall-controls{border-inline-end:1px solid var(--kopitiam-line);gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.workspace-main .wall-controls fieldset{border:0;grid-template-columns:minmax(0,1fr);gap:.875rem;min-inline-size:0;margin:0;padding:0;display:grid}.workspace-main .wall-screen-grid{grid-template-columns:minmax(0,1fr);gap:.625rem;display:grid}.workspace-main .wall-screen-choice{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}.workspace-main .wall-screen-choice>span{gap:.2rem;display:grid}.workspace-main .wall-screen-choice[data-supported=false]{background:var(--kopitiam-paper);cursor:not-allowed;border-style:dashed}.workspace-main .wall-number-row{grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));gap:.75rem;display:grid}.workspace-main .wall-number-row label{gap:.375rem;display:grid}.workspace-main .wall-crop-fields{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);border-radius:.75rem;padding:.25rem .875rem}.workspace-main .wall-crop-fields[open]{padding-block-end:.875rem}.workspace-main .wall-crop-fields summary{cursor:pointer;padding-block:.625rem;font-weight:700}.workspace-main .wall-crop-fields .wall-number-row{margin-block-start:.5rem}.workspace-main .wall-arrange-button{justify-self:start}.workspace-main .wall-save{min-block-size:3.5rem;inline-size:100%;font-size:1.0625rem}.workspace-main .wall-save-status{min-block-size:1.4rem;margin:0}.workspace-main .wall-preview-panel{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);flex-direction:column;justify-content:flex-end;gap:1rem;min-inline-size:0;padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vw,2rem) calc(14px + 1.5rem);display:flex;position:relative}.workspace-main .wall-preview-panel:after{background:var(--kopitiam-ink);content:"";block-size:14px;position:absolute;inset:auto 0 0}.workspace-main .wall-preview-heading{color:var(--kopitiam-ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;font-weight:800;display:flex}.workspace-main .wall-preview-heading small{color:var(--kopitiam-ink-muted);font-size:.875rem;font-weight:700}.workspace-main .wall-preview-panel>p{color:var(--kopitiam-ink);margin:0;font-size:.875rem;line-height:1.55}.workspace-main .wall-preview{background:var(--kopitiam-ink-raised);border:.5rem solid var(--kopitiam-ink);box-shadow:0 1.125rem 2.5rem color-mix(in srgb, var(--kopitiam-ink) 28%, transparent);box-sizing:border-box;border-radius:.75rem;max-block-size:62vh;inline-size:100%;position:relative;overflow:hidden}.workspace-main .wall-preview-art{background:var(--kopitiam-ink-raised);background-image:none;position:absolute;inset:0}.workspace-main .wall-preview-art:after{content:none}.workspace-main .wall-preview-screen{border:2px solid var(--kopitiam-paper);box-shadow:0 0 0 1px var(--kopitiam-ink), inset 0 0 0 1px var(--kopitiam-ink);box-sizing:border-box;background:0 0;place-items:center;font-size:.75rem;display:grid;position:absolute;overflow:hidden}.workspace-main .wall-preview-screen span{background:var(--kopitiam-ink);color:var(--kopitiam-paper);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-inline-size:calc(100% - .5rem);padding:.2rem .5rem;font-weight:700;overflow:hidden}@media (max-width:61rem){.workspace-main :is(.wall-hero,.wall-builder){grid-template-columns:minmax(0,1fr)}.workspace-main .wall-controls{border-block-end:1px solid var(--kopitiam-line);border-inline-end:0}}@media (forced-colors:active){.workspace-main :is(.template-choice,.orientation-choice,.choice-card):before{box-shadow:none;forced-color-adjust:none;background:canvas;border:1.5px solid canvastext}.workspace-main :is(.template-choice,.orientation-choice,.choice-card):has(input:checked):before{background:highlight;border:1.5px solid highlight;box-shadow:inset 0 0 0 .1875rem canvas}.workspace-main :is(.publish-panel>button,.content-recovery-action,.access-action,.save-row>button,.schedule-save-row button,.schedule-empty :is(a,button),.reports-filter button,.reports-state .reports-next,.wall-save){border:2px solid buttontext}.workspace-main :is(.reports-freshness,.reports-screen-status,.wall-preview,.schedule-days button,.schedule-card,.reports-filter,.reports-summary-grid article,.platform-report-grid article,.wall-list,.wall-builder,.wall-upgrade){border:2px solid canvastext}}.preview-note{margin:1rem 0 0}.ees-page{max-inline-size:72rem;margin-inline:auto;padding-block:clamp(2.5rem,7vw,7rem)}.support-page{gap:1rem;padding-bottom:4rem;display:grid}.support-page>h1{letter-spacing:var(--typeface-display-tracking,-.055em);max-width:13ch;margin:0;font-size:clamp(2.1rem,5vw,4.5rem);line-height:.95}.support-page>.owner-intro{max-width:60ch}.support-layout{grid-template-columns:minmax(15rem,.7fr) minmax(0,1.7fr);gap:1rem;margin-top:1rem;display:grid}.support-diagnostics,.support-conversation,.support-action-card,.support-retention{background:var(--companion-white,var(--kopitiam-card));border:1px solid color-mix(in srgb, currentColor 12%, transparent);box-shadow:0 1rem 2.8rem var(--companion-amber-231d15-a7,color-mix(in srgb, var(--kopitiam-orange) 7%, transparent));border-radius:1.35rem;padding:clamp(1rem,2vw,1.5rem)}.support-diagnostic-heading,.support-conversation-heading,.support-action-heading,.support-retention,.support-form-footer,.support-retention-control{justify-content:space-between;align-items:center;gap:1rem;display:flex}.support-diagnostic-heading h2,.support-conversation-heading h2,.support-action-heading h2,.support-retention h2{margin:0;font-size:1rem}.support-diagnostic-heading>span,.support-conversation-heading>span{background:var(--companion-green-e8f7ed,var(--kopitiam-card));color:var(--companion-green-126a35,var(--kopitiam-live));border-radius:999px;padding:.4rem .65rem;font-size:.72rem;font-weight:750}.support-diagnostic-heading>span[data-state=unavailable],.support-conversation-heading>span[data-state=offline]{background:var(--companion-amber-fff0d8,var(--kopitiam-orange-tint));color:var(--companion-amber-8a4b00,var(--kopitiam-orange-deep))}.support-totals{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0 0;display:grid}.support-totals div{background:color-mix(in srgb, currentColor 4%, transparent);border-radius:.8rem;padding:.75rem}.support-totals dt{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));font-size:.7rem}.support-totals dd{margin:.2rem 0 0;font-size:1.7rem;font-weight:760}.support-attention-list{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.support-attention-list li{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);justify-content:space-between;align-items:center;padding-top:.6rem;font-size:.8rem;display:flex}.support-conversation-heading p,.support-action-heading p,.support-retention p{opacity:.68;margin:.3rem 0 0;font-size:.78rem}.support-turns{overscroll-behavior:contain;gap:1rem;min-height:11rem;max-height:36rem;margin:1.2rem 0;display:grid;overflow:auto}.support-empty{opacity:.55;place-self:center}.support-turn{gap:.65rem;display:grid}.support-user-message,.support-answer{border-radius:1rem;gap:.35rem;max-width:86%;margin:0;padding:.8rem 1rem;display:grid}.support-user-message{background:var(--companion-grey-181713,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));justify-self:end}.support-answer{background:var(--companion-lime-f0f4ed,var(--kopitiam-paper));justify-self:start}.support-user-message strong,.support-answer>strong{opacity:.62;font-size:.7rem}.support-answer p{margin:0}.support-human-case{background:var(--companion-blue-e7f1ff,var(--kopitiam-orange-tint));border:1px solid var(--companion-blue-b9d4f5,var(--kopitiam-line));border-radius:1rem;justify-self:start;gap:.35rem;max-width:86%;padding:.8rem 1rem;display:grid}.support-human-case[data-state=resolved]{background:var(--companion-green-e4f4e8,var(--kopitiam-card));border-color:var(--companion-green-b6d9bf,var(--kopitiam-live))}.support-human-case strong{opacity:.7;font-size:.7rem}.support-human-case p{margin:0}.support-session-approval{background:var(--companion-amber-fff9e8,var(--kopitiam-orange-tint));border:1px solid var(--companion-amber-ead8a5,var(--kopitiam-orange-deep));border-radius:1rem;justify-self:start;gap:.8rem;max-width:min(100%,38rem);padding:1rem;display:grid}.support-session-approval[data-state=approved]{background:var(--companion-green-e9f6ed,var(--kopitiam-card));border-color:var(--companion-green-b6d9bf,var(--kopitiam-live))}.support-session-approval h3,.support-session-approval p,.support-session-approval dl,.support-session-approval dd,.support-session-approval ul{margin:0}.support-session-approval h3{font-size:1rem}.support-session-approval>div:first-child{gap:.3rem;display:grid}.support-session-approval>div:first-child>p:last-child,.support-session-approval dt,.support-session-ended{opacity:.68}.support-session-approval dl>div{gap:.2rem;display:grid}.support-session-approval dt{font-size:.75rem;font-weight:700}.support-session-approval ul{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.support-session-approval li{background:var(--companion-white-a68,transparent);border:1px solid var(--companion-amber-504118-a14,color-mix(in srgb, var(--kopitiam-ink) 14%, transparent));border-radius:999px;padding:.35rem .55rem;font-size:.75rem}.support-session-actions,.support-session-active{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.support-session-actions button,.support-session-active button{background:var(--companion-green-183f31,var(--kopitiam-ink));border:1px solid var(--companion-green-183f31,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));font:inherit;border-radius:999px;padding:.65rem .9rem;font-weight:750}.support-session-actions button+button{color:var(--companion-yellow-3d3620,var(--kopitiam-ink));background:0 0}.support-session-actions button:disabled,.support-session-active button:disabled{cursor:not-allowed;opacity:.55}.support-session-notice{color:var(--companion-amber-8a4b00,var(--kopitiam-orange-deep));min-block-size:1em;font-size:.78rem}.support-failed,.support-notice{color:var(--companion-amber-8a4b00,var(--kopitiam-orange-deep));margin:0;font-size:.82rem}.support-notice a{margin-left:.6rem;display:inline-block}.support-form{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);gap:.6rem;padding-top:1rem;display:grid}.support-form label{font-size:.8rem;font-weight:700}.support-form textarea{border:1px solid color-mix(in srgb, currentColor 18%, transparent);font:inherit;resize:vertical;border-radius:.9rem;padding:.85rem}.support-form-footer small{opacity:.62;max-width:42ch}.support-form button,.support-action-card button,.support-retention button{background:var(--companion-grey-181713,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));cursor:pointer;font:inherit;border:0;border-radius:999px;padding:.72rem 1rem;font-weight:720}.support-form button:disabled,.support-action-card button:disabled,.support-retention button:disabled{cursor:not-allowed;opacity:.42}.support-retention{grid-column:1/-1}.support-action-card{grid-column:1/-1;gap:1rem;display:grid;position:relative;overflow:hidden}.support-action-card:before{background:var(--companion-support-action-card-mark-wash,transparent);content:"";pointer-events:none;width:12rem;height:12rem;position:absolute;top:-5rem;right:-4rem}.support-action-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.support-action-heading>span{background:var(--companion-grey-181713,var(--kopitiam-ink));color:var(--companion-white,var(--kopitiam-paper));border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:inline-flex}.support-action-controls{grid-template-columns:minmax(10rem,1fr) auto;align-items:end;gap:.7rem;display:grid;position:relative}.support-action-controls>label{grid-column:1/-1;font-size:.78rem;font-weight:720}.support-action-controls select{border:1px solid color-mix(in srgb, currentColor 18%, transparent);font:inherit;border-radius:.8rem;min-width:0;padding:.72rem 2.2rem .72rem .8rem}.support-action-buttons{flex-wrap:wrap;gap:.55rem;display:flex}.support-action-buttons button:last-child{background:var(--companion-lime-edf3e9,var(--kopitiam-paper));color:var(--companion-grey-181713,var(--kopitiam-ink))}.support-action-state{background:var(--companion-lime-f0f4ed,var(--kopitiam-paper));border:1px solid var(--companion-green-d6e6d2,var(--kopitiam-line));border-radius:1rem;align-items:start;gap:.65rem;padding:.9rem 1rem;display:grid;position:relative}.support-action-state[data-state=blocked],.support-action-state[data-state=expired],.support-action-state[data-state=failed]{background:var(--companion-amber-fff7e9,var(--kopitiam-orange-tint));border-color:var(--companion-amber-f0d8ad,var(--kopitiam-orange-deep))}.support-action-state p,.support-action-empty,.support-action-notice{margin:0;font-size:.82rem}.support-action-state>button{justify-self:start}.support-action-confirm{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.support-action-confirm small{opacity:.68}.support-action-undo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.support-action-undo small{opacity:.68}.support-action-notice{color:var(--companion-amber-8a4b00,var(--kopitiam-orange-deep));min-height:1em}.support-action-card button:focus-visible,.support-action-card select:focus-visible{outline:3px solid var(--companion-green-2e7750,var(--kopitiam-live));outline-offset:3px}.support-retention select{border:1px solid color-mix(in srgb, currentColor 18%, transparent);font:inherit;border-radius:999px;padding:.65rem 2.1rem .65rem .85rem}@media (max-width:800px){.support-layout{grid-template-columns:1fr}.support-retention{flex-direction:column;grid-column:auto;align-items:flex-start}.support-action-card{grid-column:auto}.support-action-controls{grid-template-columns:1fr;align-items:stretch}.support-action-controls>label{grid-column:auto}.support-form-footer{flex-direction:column;align-items:flex-start}}.account-page,.team-page{--account-failure-mark:min(1.25rem, 24px)}.account-page{color:var(--kopitiam-ink);overflow-wrap:break-word;grid-template-columns:minmax(0,1fr);gap:0;min-inline-size:0;max-inline-size:76rem;margin-inline:0;padding-block:clamp(20px,3vw,32px) 48px;display:grid}.account-page>*{min-inline-size:0;margin-block:0}.account-page>:not(:first-child){margin-block-start:24px}.account-page :is(.eyebrow,.card-kicker){color:var(--kopitiam-orange-deep);letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1.4}.account-page h1{letter-spacing:var(--typeface-display-tracking);text-wrap:balance;max-inline-size:24ch;margin:0;font-family:inherit;font-size:clamp(2.125rem,1.4rem + 1.9vw,2.75rem);font-weight:800;font-stretch:100%;line-height:1.04}.account-page>:is(.eyebrow,.card-kicker):not(:first-child){margin-block-start:24px}.account-page :is(.eyebrow,.card-kicker)+h1{margin-block-start:8px}.account-page h1+:is(p,.owner-intro){color:var(--kopitiam-ink-muted);max-inline-size:36em;margin-block:12px 0;font-size:1.0625rem;line-height:1.55}.account-page h2{letter-spacing:var(--typeface-display-tracking);margin:0;font-family:inherit;font-size:1.5rem;font-weight:800;font-stretch:100%;line-height:1.15}.account-page :is(h3,h4){letter-spacing:normal;margin:0;font-family:inherit;font-size:1.0625rem;font-weight:800;line-height:1.3}.account-page :is(h1,h2,h3):lang(ja){word-break:auto-phrase}.account-page :is(h1,h2,h3,h4):lang(de){hyphenate-limit-chars:12 4 4;-webkit-hyphens:auto;hyphens:auto}.account-page:lang(ko){word-break:keep-all}.account-page :is(button,a.account-button){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);cursor:pointer;font:inherit;opacity:1;text-align:center;white-space:normal;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-block-size:3rem;min-inline-size:2.75rem;max-inline-size:100%;padding:.625rem 1.375rem;font-size:.9375rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.account-page :is(button,a.account-button):hover:not(:disabled){background:var(--kopitiam-paper);border-color:var(--kopitiam-ink-muted)}.account-page :is(button,a).account-primary,.account-page button.billing-action:not(.billing-action-secondary,.account-danger){background:var(--kopitiam-orange);border-color:var(--kopitiam-orange);color:var(--kopitiam-ink);border-width:0;min-block-size:3.5rem;font-size:1.0625rem}.account-page :is(button,a).account-primary:hover:not(:disabled),.account-page button.billing-action:not(.billing-action-secondary,.account-danger):hover:not(:disabled){background:var(--kopitiam-orange-hover);border-color:var(--kopitiam-orange-hover)}.account-page :is(button,a).account-danger{background:var(--kopitiam-card);border-color:var(--kopitiam-error);color:var(--kopitiam-error)}.account-page :is(button,a).account-danger:hover:not(:disabled){background:var(--kopitiam-error);border-color:var(--kopitiam-error);color:var(--kopitiam-card)}.account-page :is(button,a.account-button):disabled{cursor:not-allowed;opacity:.5}.account-page :is(input,select,textarea):where(:not([type=checkbox],[type=radio],[type=hidden])){background:var(--kopitiam-paper);border:1px solid var(--kopitiam-ink-muted);box-shadow:none;color:var(--kopitiam-ink);font:inherit;border-radius:12px;min-block-size:3rem;min-inline-size:0;max-inline-size:100%;padding:.6875rem 1rem;font-size:1rem;font-weight:500;line-height:1.4}.account-page select:where(:not([multiple])){padding-inline-end:2.25rem}.account-page textarea{resize:vertical;min-block-size:6rem}.account-page :is(input,select,textarea):disabled{cursor:not-allowed;opacity:.6}.account-page ::placeholder{color:var(--kopitiam-ink-muted);opacity:1}.account-page :is(input[type=checkbox],input[type=radio]){accent-color:var(--kopitiam-orange-deep);color:var(--kopitiam-ink);flex:none;block-size:1.125rem;inline-size:1.125rem;margin:.15em 0 0}.account-page a:not(.account-button){color:var(--kopitiam-orange-deep);text-underline-offset:.2em;font-weight:700;text-decoration:underline;text-decoration-thickness:.08em}.account-page a:not(.account-button):hover{text-decoration-thickness:.14em}.account-page :is(a,button,input,select,textarea,summary):focus-visible{box-shadow:none;outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}.account-notice,.account-page :is(.account-notice,.billing-status,.billing-operation-status){background:var(--kopitiam-orange-tint);color:var(--kopitiam-ink);border:0;border-radius:12px;max-inline-size:40em;padding:12px 16px;font-size:.9375rem;line-height:1.5}:where(.account-notice,.billing-status,.billing-operation-status,.billing-error,.hardware-error,.support-session-notice,.support-action-notice,.ees-retail-message,.support-channel-failed,.team-error){margin:0}.account-page :is(.billing-error,.hardware-error,.support-notice,.support-session-notice,.support-action-notice,.support-failed[data-tone=error],.support-channel-failed,.ees-message,.ees-retail-message,.team-error,.privacy-failed,.privacy-fresh):not(:empty),.team-page>.team-error:not(:empty){background:var(--kopitiam-card);border:1px solid var(--kopitiam-error);color:var(--kopitiam-error);opacity:1;min-block-size:0;padding-block:12px;padding-inline:calc(22px + var(--account-failure-mark)) 16px;border-radius:12px;font-size:.9375rem;font-weight:600;line-height:1.5;position:relative}.account-page :is(.billing-error,.hardware-error,.support-notice,.support-session-notice,.support-action-notice,.support-failed[data-tone=error],.support-channel-failed,.ees-message,.ees-retail-message,.team-error,.privacy-failed,.privacy-fresh):not(:empty):before,.team-page>.team-error:not(:empty):before{background:var(--kopitiam-error);block-size:var(--account-failure-mark);color:var(--kopitiam-card);content:"!" / "";inline-size:var(--account-failure-mark);border-radius:50%;justify-content:center;align-items:center;font-size:min(.8125rem,15px);font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-block-start:calc(12px + (1.5 * .9375rem - var(--account-failure-mark)) / 2);inset-inline-start:14px}.account-page :is(.support-notice,.support-session-notice,.support-action-notice,.ees-message,.ees-retail-message):empty{clip-path:inset(50%);block-size:1px;color:var(--kopitiam-error);white-space:nowrap;border:0;min-block-size:0;inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}.account-page .support-diagnostic-heading>span,.account-page .support-conversation-heading>span{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);overflow-wrap:normal;border-radius:999px;flex:0 auto;align-items:center;gap:8px;min-inline-size:0;padding:4px 12px;font-size:.8125rem;font-weight:700;line-height:1.3;display:inline-flex}.account-page .support-diagnostic-heading>span:before,.account-page .support-conversation-heading>span:before{content:"";border:1.5px solid;border-radius:50%;flex:none;block-size:8px;inline-size:8px}.account-page .support-diagnostic-heading>span[data-state=available],.account-page .support-conversation-heading>span[data-state=available]{color:var(--kopitiam-live)}.account-page .support-diagnostic-heading>span[data-state=available]:before,.account-page .support-conversation-heading>span[data-state=available]:before{background:currentColor}.account-page>.demo-language-switcher{flex-wrap:wrap;justify-self:end;align-items:center;gap:8px;max-inline-size:100%;display:flex}.workspace-main .account-page>.demo-language-switcher+:is(.eyebrow,.card-kicker){margin-block-start:24px}.account-page .demo-language-switcher label{color:var(--kopitiam-ink-muted);flex-wrap:wrap;align-items:center;gap:8px;min-inline-size:0;font-size:.8125rem;font-weight:700;display:flex}.account-page .demo-language-switcher label>span{font-size:inherit;font-weight:inherit}.account-page .demo-language-switcher select{background:var(--kopitiam-card);min-block-size:2.75rem;inline-size:auto;padding-block:.5rem;font-size:.9375rem}.account-page .demo-language-switcher button{min-block-size:2.75rem;padding-inline:1rem}.account-page.support-page :is(button,a.account-button){min-block-size:3rem}.account-page.support-page :is(button,a).account-primary{min-block-size:3.5rem}.account-page.support-page .demo-language-switcher :is(select,button){min-block-size:2.75rem}.account-page .support-layout{gap:20px}@media (max-width:70rem){.account-page .support-layout{grid-template-columns:minmax(0,1fr)}}.account-page :is(.support-diagnostics,.support-conversation,.support-action-card,.support-retention){background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);box-shadow:none;color:var(--kopitiam-ink);border-radius:22px;padding:clamp(20px,3vw,28px)}.account-page :is(.support-diagnostic-heading,.support-conversation-heading,.support-action-heading){flex-wrap:wrap;align-items:flex-start;gap:8px 16px}.account-page :is(.support-diagnostic-heading,.support-conversation-heading)>:first-child{flex:auto;min-inline-size:min-content}.account-page :is(.support-diagnostic-heading,.support-conversation-heading) h2{overflow-wrap:normal}.account-page .support-conversation-heading>div>p{overflow-wrap:break-word}.account-page :is(.support-diagnostic-heading,.support-conversation-heading,.support-action-heading,.support-retention) h2{font-size:1.25rem}.account-page :is(.support-conversation-heading,.support-action-heading,.support-retention) p{color:var(--kopitiam-ink-muted);opacity:1;max-inline-size:36em;margin:4px 0 0;font-size:.9375rem;line-height:1.5}.account-page .support-totals{grid-template-columns:minmax(0,1fr);gap:8px;margin-block-start:20px}.account-page .support-totals div{background:var(--kopitiam-paper);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:10px 14px;display:flex}.account-page .support-totals dt{color:var(--kopitiam-ink-muted);overflow-wrap:normal;font-size:.875rem;font-weight:600;line-height:1.3}.account-page .support-totals dd{font-variant-numeric:tabular-nums;letter-spacing:var(--typeface-display-tracking);margin:0;font-size:1.5rem;font-weight:800}.account-page .support-attention-list li{border-block-start:1px solid var(--kopitiam-line);gap:12px;padding-block-start:10px;font-size:.9375rem}.account-page .support-attention-list li>span{color:var(--kopitiam-ink-muted);font-weight:700}.account-page .support-turns{overscroll-behavior:auto;gap:14px;max-block-size:none;margin-block:20px;overflow:visible}.account-page .support-conversation:has(.support-session-approval[data-state=pending]) .support-form button.account-primary{background:var(--kopitiam-card);border-color:var(--kopitiam-line);color:var(--kopitiam-ink);border-width:1px;min-block-size:3rem;font-size:.9375rem}.account-page .support-conversation:has(.support-session-approval[data-state=pending]) .support-form button.account-primary:hover:not(:disabled){background:var(--kopitiam-paper);border-color:var(--kopitiam-ink-muted)}.account-page .support-empty{color:var(--kopitiam-ink-muted);opacity:1;text-align:center;max-inline-size:40ch;margin:0;font-size:.9375rem;line-height:1.5}.account-page :is(.support-user-message,.support-answer,.support-human-case){border:0;border-radius:16px;gap:4px;padding:12px 16px;font-size:.9375rem;line-height:1.5}.account-page .support-user-message{background:var(--kopitiam-ink);color:var(--kopitiam-paper)}.account-page .support-answer{background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink)}.account-page .support-human-case,.account-page .support-human-case[data-state=resolved]{background:var(--kopitiam-orange-tint);color:var(--kopitiam-ink)}.account-page :is(.support-user-message,.support-answer,.support-human-case) strong{letter-spacing:.06em;opacity:1;text-transform:uppercase;font-size:.75rem;font-weight:700}.account-page .support-user-message strong{color:var(--kopitiam-line)}.account-page :is(.support-answer,.support-human-case)>strong{color:var(--kopitiam-ink-muted)}.account-page .support-session-approval,.account-page .support-session-approval[data-state=approved]{background:var(--kopitiam-orange-tint);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:18px;gap:14px;max-inline-size:min(100%,40rem);padding:18px 20px}.account-page .support-session-approval h3{font-size:1.0625rem}.account-page .support-session-approval>div:first-child{gap:4px}.account-page .support-session-approval>div:first-child>p:last-child,.account-page .support-session-approval dt,.account-page .support-session-ended{color:var(--kopitiam-ink-muted);opacity:1}.account-page .support-session-approval dt{font-size:.8125rem}.account-page .support-session-approval li{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:999px;padding:4px 12px;font-size:.8125rem;font-weight:600}.account-page :is(.support-session-actions,.support-session-active){justify-content:flex-start;gap:10px}.account-page .support-session-active strong{margin-inline-end:auto;font-size:.9375rem}.account-page .support-failed{color:var(--kopitiam-ink-muted);opacity:1;margin:0;font-size:.875rem}.account-page .support-notice a{margin:0}.account-page .support-form{border-block-start:1px solid var(--kopitiam-line);gap:10px;padding-block-start:20px}.account-page .support-form label{font-size:.875rem;font-weight:700}.account-page .support-form textarea{min-block-size:6.5rem}.account-page .support-form-footer{align-items:center;gap:16px}.account-page .support-form-footer small{color:var(--kopitiam-ink-muted);opacity:1;font-size:.8125rem;line-height:1.45}.account-page .support-action-card{gap:18px;overflow:visible}.account-page .support-action-card:before{content:none}.account-page .support-action-heading>span{background:var(--kopitiam-kaya);block-size:2.5rem;color:var(--kopitiam-ink);inline-size:2.5rem;font-size:1.125rem}.account-page .support-action-controls{gap:10px 12px}.account-page .support-action-controls>label{font-size:.875rem;font-weight:700}.account-page .support-action-buttons{gap:10px}.account-page .support-action-state,.account-page .support-action-state:is([data-state=blocked],[data-state=expired],[data-state=failed]){background:var(--kopitiam-paper);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:16px;gap:12px;padding:16px}.account-page .support-action-state:is([data-state=blocked],[data-state=expired],[data-state=failed]){border-color:var(--kopitiam-error)}.account-page .support-action-state p,.account-page .support-action-empty{color:var(--kopitiam-ink-muted);font-size:.9375rem;line-height:1.5}.account-page :is(.support-action-confirm,.support-action-undo) small{color:var(--kopitiam-ink-muted);opacity:1;font-size:.8125rem}.account-page .support-retention{align-items:center;gap:16px 24px}.account-page .support-retention-control{gap:10px}.account-page .support-retention select{background:var(--kopitiam-paper);border-radius:12px}@media (max-width:800px){.account-page .support-retention{align-items:stretch}}@media (max-width:36rem){.account-page h1{font-size:max(min(clamp(2.125rem,1.4rem + 1.9vw,2.75rem),11vw),1.75rem)}.account-page>.demo-language-switcher,.account-page.support-page>.demo-language-switcher{justify-self:stretch;display:flex}.account-page.support-page>.demo-language-switcher :is(label,select,button),.account-page>.demo-language-switcher :is(label,select,button){inline-size:auto}.account-page>.demo-language-switcher :is(label:has(select),select){flex:8rem}.account-page>.demo-language-switcher label:has(select) select{flex:auto}.account-page .support-form-footer{align-items:stretch}.account-page :is(.support-user-message,.support-answer,.support-human-case){max-inline-size:100%}}@media (forced-colors:active){.account-page :is(.support-diagnostics,.support-conversation,.support-action-card,.support-retention,.support-session-approval){border:2px solid canvastext}.account-page :is(button,a).account-primary,.account-page button.billing-action:not(.billing-action-secondary,.account-danger){border:2px solid buttontext}}.companion-support-shell{min-block-size:100dvh;max-inline-size:48rem;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin-inline:auto}.companion-support-header{border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);justify-content:space-between;align-items:center;margin-block-end:1.5rem;padding-block-end:.8rem;display:flex}.companion-support-label{opacity:.64;font-size:.8rem}.companion-support-access{gap:1rem;display:grid}.companion-support-action{background:var(--companion-grey-181713);color:var(--companion-white);border-radius:999px;justify-self:start;padding:.75rem 1rem;text-decoration:none}.companion-support-page .support-layout{grid-template-columns:1fr}.companion-support-page .support-conversation{order:-1}.companion-support-page .support-retention,.companion-support-page .support-action-card{grid-column:auto}.ees-manager{gap:16px;display:grid}.ees-included,.ees-offline,.ees-attention{color:var(--kopitiam-ink);border-radius:12px;margin:0;padding:12px 16px;font-size:.9375rem;line-height:1.5}.ees-included{background:var(--kopitiam-kaya);font-weight:700}.ees-offline,.ees-attention{background:var(--kopitiam-orange-tint)}.ees-message{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.account-page .ees-message>a{align-items:center;min-block-size:2.75rem;display:inline-flex}.ees-code-form,.ees-upgrade-card,.ees-connected-card,.ees-retail,.ees-finance{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink);border-radius:22px;min-inline-size:0;padding:clamp(20px,3vw,28px)}.ees-code-form label{font-size:1.25rem;font-weight:800;line-height:1.3;display:block}.ees-code-form>p{color:var(--kopitiam-ink-muted);max-inline-size:36em;margin:6px 0 16px;line-height:1.5}.ees-code-form>div{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.ees-code-form input{inline-size:100%}.ees-upgrade-card,.ees-connected-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;display:grid}.ees-connected-card{grid-template-columns:auto minmax(0,1fr) auto}.ees-upgrade-card h2,.ees-connected-card h2{margin:4px 0 8px}.ees-upgrade-card p{color:var(--kopitiam-ink-muted);max-inline-size:36em;margin:0;line-height:1.55}.ees-upgrade-card .access-action{margin-block-start:18px}.ees-link-mark{background:var(--kopitiam-kaya);block-size:3rem;color:var(--kopitiam-ink);border-radius:12px;justify-content:center;align-items:center;inline-size:3rem;font-size:1.375rem;font-weight:800;display:inline-flex}.ees-connected-card>div>p:first-child{color:var(--kopitiam-live);align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:700;display:inline-flex}.ees-connected-card>div>p:first-child:before{content:"";background:currentColor;border-radius:50%;block-size:8px;inline-size:8px}.ees-connected-card small{color:var(--kopitiam-ink-muted);font-size:.875rem}.ees-attention{margin-block-start:12px}.ees-actions{gap:10px;display:grid}.ees-retail,.ees-finance{gap:20px;display:grid;container-type:inline-size}.ees-retail-header,.ees-finance-header{justify-content:space-between;align-items:start;gap:16px 24px;display:flex}.ees-retail-header h2,.ees-finance-header h2{margin:8px 0;font-size:1.75rem}.ees-retail-header>div>p:last-child,.ees-finance-header>div>p:last-child{color:var(--kopitiam-ink-muted);max-inline-size:36em;margin:0;line-height:1.55}.ees-retail-status,.ees-finance-header>span{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);border-radius:999px;flex:0 auto;align-items:center;gap:8px;max-inline-size:24rem;padding:6px 14px;font-size:.8125rem;font-weight:700;line-height:1.35;display:inline-flex}.ees-retail-status:before,.ees-finance-header>span:before{content:"";border:1.5px solid;border-radius:50%;flex:none;block-size:8px;inline-size:8px}.ees-retail-trust{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:0;padding:14px 16px;display:grid}.ees-retail-trust>span{background:var(--kopitiam-ink);block-size:2.75rem;color:var(--kopitiam-paper);border-radius:10px;justify-content:center;align-items:center;inline-size:2.75rem;font-size:.75rem;font-weight:800;display:inline-flex}.ees-retail-trust p,.ees-retail-toolbar p{margin:0;line-height:1.5}.ees-retail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin:0;display:flex}.ees-retail-toolbar small{color:var(--kopitiam-ink-muted);font-size:.875rem}.ees-retail-data{grid-template-columns:minmax(0,1.55fr) minmax(14rem,.7fr) minmax(14rem,.7fr);gap:14px;display:grid}.ees-retail-data>section{background:var(--kopitiam-paper);border-radius:16px;min-inline-size:0;padding:16px}.ees-retail-data h3{justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;display:flex}.ees-retail-data h3 span{background:var(--kopitiam-kaya);border-radius:999px;justify-content:center;align-items:center;block-size:1.75rem;min-inline-size:1.75rem;padding-inline:6px;font-size:.8125rem;display:inline-flex}.ees-retail-products>div,.ees-retail-collection>div{gap:10px;display:grid}.ees-retail-products article{border-block-start:1px solid var(--kopitiam-line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding-block-start:10px;display:grid}.ees-retail-products article:first-child{border-block-start:0;padding-block-start:0}.ees-retail-products h4,.ees-retail-collection h4{font-size:.9375rem}.ees-retail-products p,.ees-retail-collection p{color:var(--kopitiam-ink-muted);margin:4px 0 0;font-size:.8125rem;line-height:1.45}.ees-retail-products strong{font-variant-numeric:tabular-nums}.ees-retail-products small{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);border-radius:12px;align-items:baseline;gap:6px;max-inline-size:100%;padding:3px 10px;font-size:.75rem;font-weight:700;line-height:1.35;display:inline-flex}.ees-retail-products small:before{content:"";border:1.5px solid;border-radius:50%;flex:none;block-size:7px;inline-size:7px}.ees-retail-products small[data-stock=in_stock]{color:var(--kopitiam-live)}.ees-retail-products small[data-stock=in_stock]:before{background:currentColor}.ees-retail-products small[data-stock=low_stock]{background:var(--kopitiam-kaya);border-color:var(--kopitiam-kaya);color:var(--kopitiam-ink)}.ees-retail-products small[data-stock=out_of_stock]{border-color:var(--kopitiam-error);color:var(--kopitiam-error)}.ees-retail-collection article{background:var(--kopitiam-card);border-radius:12px;padding:12px}.ees-retail-empty{background:var(--kopitiam-paper);border:1px dashed var(--kopitiam-ink-muted);color:var(--kopitiam-ink-muted);text-align:center;border-radius:16px;margin:0;padding:24px;line-height:1.5}.ees-finance-note{background:var(--kopitiam-kaya);color:var(--kopitiam-ink);border-radius:12px;margin:0;padding:12px 16px;line-height:1.5}.ees-finance-list{grid-template-columns:minmax(10rem,.7fr) minmax(0,1.5fr) auto auto;gap:10px 14px;display:grid}.ees-finance-list article{background:var(--kopitiam-paper);color:var(--kopitiam-ink);grid-column:1/-1;grid-template-columns:subgrid;border-radius:16px;align-items:center;gap:14px;padding:16px;display:grid}.ees-finance-list article>*{min-inline-size:0}.ees-finance-list article>div:first-child{gap:4px;display:grid}.ees-finance-list small,.ees-finance-list dt{color:var(--kopitiam-ink-muted)}.ees-finance-list dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.ees-finance-list dl div{gap:4px;display:grid}.ees-finance-list dt{font-size:.8125rem}.ees-finance-list dd{margin:0;font-weight:700}.ees-finance-list article>span{background:var(--kopitiam-card);border:1px solid var(--kopitiam-line);color:var(--kopitiam-ink-muted);border-radius:12px;justify-self:start;align-items:baseline;gap:8px;max-inline-size:100%;padding:4px 12px;font-size:.8125rem;font-weight:700;line-height:1.35;display:inline-flex}.ees-finance-list article>span:before{content:"";border:1.5px solid;border-radius:50%;flex:none;block-size:8px;inline-size:8px}.ees-finance-list article>span[data-state=complete]{color:var(--kopitiam-live)}.ees-finance-list article>span[data-state=complete]:before{background:currentColor}.ees-finance-list article>span[data-state=attention]{border-color:var(--kopitiam-error);color:var(--kopitiam-error)}.ees-finance-retry{justify-self:start}.ees-finance-list article>a{align-items:center;min-block-size:2.75rem;display:inline-flex}@container (max-inline-size:62rem){.ees-retail-data{grid-template-columns:repeat(2,minmax(0,1fr))}.ees-retail-products{grid-column:1/-1}}@container (max-inline-size:36rem){.ees-retail-data{grid-template-columns:minmax(0,1fr)}.ees-retail-products{grid-column:auto}.ees-retail-products article{grid-template-columns:minmax(0,1fr) auto;align-items:start}.ees-retail-products article>div:first-child{grid-column:1/-1}.ees-retail-products article small{justify-self:end}}@container (max-inline-size:16rem){.ees-retail-products article{grid-template-columns:minmax(0,1fr)}.ees-retail-products article small{justify-self:start}}@container (max-inline-size:60rem){.ees-finance-list{grid-template-columns:minmax(0,1fr)}.ees-finance-list article{grid-column:auto;grid-template-columns:minmax(0,1fr) auto}.ees-finance-list article>div:first-child{grid-area:1/1}.ees-finance-list article>span{grid-area:1/2}.ees-finance-list article>dl{grid-area:2/1/auto/-1}.ees-finance-list article>a{grid-area:3/1/auto/-1;justify-self:start}}@container (max-inline-size:40rem){.ees-finance-list dl{grid-template-columns:minmax(0,1fr)}}@container (max-inline-size:32rem){.ees-finance-list article{grid-template-columns:minmax(0,1fr);align-items:start}.ees-finance-list article>:is(div:first-child,span,dl,a){grid-area:auto/1}}@media (max-width:75rem){.starter-workbench{grid-template-columns:minmax(17rem,.8fr) minmax(23rem,1.2fr)}}@media (max-width:68rem){.starter-intro,.starter-workbench{grid-template-columns:1fr}.starter-intro .eyebrow{grid-column:auto}.starter-preview-panel{order:-1;position:static}}@media (max-width:42rem){.ees-code-form>div,.ees-connected-card,.ees-upgrade-card,.ees-retail-trust{grid-template-columns:1fr}.ees-retail-header,.ees-retail-toolbar,.ees-finance-header{flex-direction:column;align-items:stretch}.ees-actions{margin-block-start:1rem}.starter-intro h1{font-size:clamp(3rem,15vw,5rem)}.colour-grid,.logo-control{grid-template-columns:1fr}.file-action,.remove-logo{text-align:center;white-space:normal;max-inline-size:100%}.preview-heading-row,.save-row{grid-template-columns:1fr;align-items:stretch}.preview-heading-row{display:grid}.protected-pill{inline-size:max-content}.shop-window-canvas{aspect-ratio:auto;min-block-size:29rem}.menu-composition,.fashion-composition,.retail-composition{inset-block-start:5rem}.save-row>button{inline-size:100%}}@media (prefers-reduced-motion:reduce){.counter-plate,.fashion-figure,.menu-slots,.retail-slots li,.shop-window-canvas{transition:none}}@media (forced-colors:active){.choice-card,.colour-control>div,.fashion-figure,.menu-slots,.retail-slots li,.shop-window-canvas,.shop-window-frame{border:2px solid canvastext}}.companion-legacy-typeface{--companion-amber:#ffb23e;--companion-amber-231d15-a7:#231d1512;--companion-amber-504118-a14:#50411824;--companion-amber-6d4b00:#6d4b00;--companion-amber-8a4b00:#8a4b00;--companion-amber-a24:#ffb23e3d;--companion-amber-a96000:#a96000;--companion-amber-ead8a5:#ead8a5;--companion-amber-f0d8ad:#f0d8ad;--companion-amber-fff0d8:#fff0d8;--companion-amber-fff5e5:#fff5e5;--companion-amber-fff7e9:#fff7e9;--companion-amber-fff9e8:#fff9e8;--companion-black-a35:#00000059;--companion-black-a38:#00000061;--companion-blue-101317:#101317;--companion-blue-b9d4f5:#b9d4f5;--companion-blue-e7f1ff:#e7f1ff;--companion-canvas:#f2f6f5;--companion-cyan:#65d6cc;--companion-green-126a35:#126a35;--companion-green-147a64:#147a64;--companion-green-17634f:#17634f;--companion-green-183f31:#183f31;--companion-green-2e7750:#2e7750;--companion-green-65c9ad:#65c9ad;--companion-green-9fc9bf:#9fc9bf;--companion-green-b6d9bf:#b6d9bf;--companion-green-b8d8d2:#b8d8d2;--companion-green-bdd8d1:#bdd8d1;--companion-green-c3d5ce:#c3d5ce;--companion-green-c7d7d1:#c7d7d1;--companion-green-cbd7d1:#cbd7d1;--companion-green-d6e6d2:#d6e6d2;--companion-green-dde6e4:#dde6e4;--companion-green-dff4ec:#dff4ec;--companion-green-e4f4e8:#e4f4e8;--companion-green-e4f6ef:#e4f6ef;--companion-green-e8f7ed:#e8f7ed;--companion-green-e9f6ed:#e9f6ed;--companion-green-e9f7f4:#e9f7f4;--companion-green-eef3ef:#eef3ef;--companion-green-eef8f4:#eef8f4;--companion-green-f5f8f7:#f5f8f7;--companion-grey-181713:#181713;--companion-grey-5f7774:#5f7774;--companion-ink:#102d35;--companion-ink-a12:#102d351f;--companion-ink-a18:#102d352e;--companion-ink-a7:#102d3512;--companion-ink-a8:#102d3514;--companion-ink-soft:#48636a;--companion-lime-edf3e9:#edf3e9;--companion-lime-f0f4ed:#f0f4ed;--companion-line:#c8d5d2;--companion-mint:#a8ffdb;--companion-navy:#102c34;--companion-night:#092f35;--companion-night-a22:#092f3538;--companion-night-a8:#092f3514;--companion-night-a96:#092f35f5;--companion-red-8a2c25:#8a2c25;--companion-red-8a2d2d:#8a2d2d;--companion-red-8b2b1f:#8b2b1f;--companion-red-a33b2f:#a33b2f;--companion-red-a54a40:#a54a40;--companion-red-b5473e:#b5473e;--companion-red-d65c4a:#d65c4a;--companion-red-e88d83:#e88d83;--companion-red-ff8a7a:#ff8a7a;--companion-red-ff9a8d:#ff9a8d;--companion-red-ffc7bf:#ffc7bf;--companion-red-fff0ec:#fff0ec;--companion-signal:#1b5c66;--companion-signal-dark:#0c3d47;--companion-success:#38b77d;--companion-success-a10:#38b77d1a;--companion-success-a24:#38b77d3d;--companion-success-a42:#38b77d6b;--companion-success-a48:#38b77d7a;--companion-teal-071b22:#071b22;--companion-teal-071d23:#071d23;--companion-teal-071f25:#071f25;--companion-teal-0a272f-a10:#0a272f1a;--companion-teal-0a272f-a18:#0a272f2e;--companion-teal-0b2929:#0b2929;--companion-teal-142e34:#142e34;--companion-teal-17252a:#17252a;--companion-teal-173f44:#173f44;--companion-teal-1d555b:#1d555b;--companion-teal-244f58:#244f58;--companion-teal-284b54:#284b54;--companion-teal-46636a:#46636a;--companion-teal-4f676d:#4f676d;--companion-teal-557077:#557077;--companion-teal-57e4d6-a34:#57e4d657;--companion-teal-c9d8d6:#c9d8d6;--companion-teal-d2dfdd:#d2dfdd;--companion-teal-dbe6e5:#dbe6e5;--companion-teal-e4eceb:#e4eceb;--companion-teal-e9f7f5:#e9f7f5;--companion-white:#fff;--companion-white-a10:#ffffff1a;--companion-white-a12:#ffffff1f;--companion-white-a14:#ffffff24;--companion-white-a16:#ffffff29;--companion-white-a18:#ffffff2e;--companion-white-a20:#fff3;--companion-white-a24:#ffffff3d;--companion-white-a25:#ffffff40;--companion-white-a26:#ffffff42;--companion-white-a32:#ffffff52;--companion-white-a36:#ffffff5c;--companion-white-a38:#ffffff61;--companion-white-a66:#ffffffa8;--companion-white-a68:#ffffffad;--companion-white-a72:#ffffffb8;--companion-white-a76:#ffffffc2;--companion-white-a78:#ffffffc7;--companion-white-a8:#ffffff14;--companion-white-a9:#ffffff17;--companion-white-a94:#fffffff0;--companion-white-f5faf8:#f5faf8;--companion-white-f7fbfa:#f7fbfa;--companion-white-f7fbfa-a76:#f7fbfac2;--companion-yellow-3d3620:#3d3620;--companion-hero-wash:radial-gradient(circle at 82% 28%, #65d6cc6b 0 .55rem, transparent .65rem), linear-gradient(135deg, #092f35 0 68%, #0f4b52 68% 100%);--companion-notification-centre-wash:linear-gradient(90deg, var(--companion-amber) 0 .45rem, transparent .45rem), var(--companion-white);--companion-operations-wash:radial-gradient(circle at 86% 7%, #65d6cc4d 0 .55rem, transparent .65rem), #dfeae5;--companion-orientation-stage-pattern:linear-gradient(#ffffff14 1px, transparent 1px), linear-gradient(90deg, #ffffff14 1px, transparent 1px);--companion-owner-mode-guide-complete-wash:linear-gradient(115deg, #38b77d3d, transparent 48%), var(--companion-white);--companion-owner-mode-guide-wash:linear-gradient(115deg, #65d6cc33, transparent 42%), var(--companion-white);--companion-playback-screen-wash:radial-gradient(circle at 92% 8%, #a8ffdb1f, transparent 8rem), var(--companion-night);--companion-publish-panel-wash:radial-gradient(circle at 2.4rem 2.4rem, #fdb13e2e, transparent 4.5rem), var(--companion-signal-dark);--companion-schedule-hero-wash:radial-gradient(circle at 82% 20%, #ffb23e57, transparent 26%), linear-gradient(135deg, #102d35, #184755 62%, #0d2228);--companion-screen-card-scan-wash:linear-gradient(90deg, transparent, #65d6ccd9, transparent);--companion-support-action-card-mark-wash:radial-gradient(circle, #5ccb8f33, transparent 68%);--companion-template-controls-protected-media-upload-wash:linear-gradient(135deg, #fdb13e1a, transparent 55%), var(--companion-white)}:root:has(.companion-legacy-typeface){--companion-canvas:#f2f6f5;--companion-ink:#102d35}.companion-app{background:var(--companion-green-eef3ef);color:var(--companion-ink);min-block-size:100svh;padding-block-end:calc(5.9rem + env(safe-area-inset-bottom))}.companion-app a:focus-visible,.companion-app button:focus-visible,.companion-app input:focus-visible,.companion-app select:focus-visible{outline:3px solid var(--companion-amber);outline-offset:3px}.companion-header{background:var(--companion-white-a94);border-block-end:1px solid var(--companion-green-cbd7d1);z-index:30;justify-content:space-between;align-items:center;min-block-size:4.75rem;padding:.75rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;inset-block-start:0}.companion-brand{color:var(--companion-ink);align-items:center;gap:.75rem;min-block-size:3rem;text-decoration:none;display:flex}.companion-brand strong{letter-spacing:-.04em;font-family:Arial Narrow,Avenir Next Condensed,Arial,sans-serif;font-size:1.2rem;font-weight:900}.companion-shop-name{text-align:end;justify-items:end;max-inline-size:50%;line-height:1.15;display:grid}.companion-shop-name span,.companion-kicker{letter-spacing:.085em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:750}.companion-shop-name span{color:var(--companion-ink-soft)}.companion-shop-name strong{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.companion-app>main{max-inline-size:82rem;margin-inline:auto}.companion-hero{background:var(--companion-hero-wash);color:var(--companion-white);min-block-size:clamp(31rem,78svh,43rem);padding:clamp(1.25rem,5vw,4.5rem);position:relative;overflow:hidden}.companion-language{z-index:2;align-items:center;gap:.55rem;margin-block-end:clamp(3rem,10vw,7rem);display:flex;position:relative}.companion-language label{font-size:.76rem;font-weight:750}.companion-language select,.companion-language button{background:var(--companion-white-a10);border:1px solid var(--companion-white-a32);color:var(--companion-white);font:inherit;border-radius:.55rem;min-block-size:2.75rem;padding-inline:.7rem}.companion-language option{color:var(--companion-ink)}.companion-language button{cursor:pointer;font-weight:750}.companion-hero .companion-kicker{color:var(--companion-mint);z-index:2;margin:0 0 1rem;position:relative}.companion-hero h1{z-index:2;inline-size:min(8.5ch,80%);max-inline-size:none;font-size:clamp(3.8rem,12vw,7.8rem);position:relative}.companion-hero>p:not(.companion-kicker){color:var(--companion-white-a76);z-index:2;max-inline-size:34rem;margin:1.5rem 0 2rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;position:relative}.companion-primary-action{background:var(--companion-mint);border:2px solid var(--companion-mint);color:var(--companion-night);z-index:2;border-radius:.75rem;align-items:center;gap:.7rem;min-block-size:3.6rem;padding-inline:1.1rem 1.35rem;font-weight:850;text-decoration:none;display:inline-flex;position:relative}.companion-primary-action span{font-size:1.65rem;font-weight:500;line-height:1}.companion-hero-orbit{border:1px solid var(--companion-white-a26);border-radius:50%;block-size:clamp(13rem,34vw,25rem);inline-size:clamp(13rem,34vw,25rem);position:absolute;inset-block-end:clamp(-4rem,-5vw,-1rem);inset-inline-end:clamp(-4rem,-5vw,-1rem)}.companion-hero-orbit:before,.companion-hero-orbit:after{border:1px solid var(--companion-white-a18);content:"";border-radius:50%;position:absolute;inset:13%}.companion-hero-orbit:after{inset:31%}.companion-hero-orbit i{background:var(--companion-amber);border-radius:50%;block-size:.8rem;inline-size:.8rem;position:absolute}.companion-hero-orbit i:first-child{inset-block-start:12%;inset-inline-start:19%}.companion-hero-orbit i:nth-child(2){background:var(--companion-cyan);inset-block-start:48%;inset-inline-end:-.4rem}.companion-hero-orbit i:last-child{background:var(--companion-white);inset-block-end:9%;inset-inline-start:24%}.companion-screens,.companion-create{padding:clamp(3.2rem,8vw,6.5rem) clamp(1rem,5vw,4.5rem);scroll-margin-block-start:5.25rem}.companion-section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-block-end:1.5rem;display:flex}.companion-section-heading .companion-kicker{color:var(--companion-signal);margin:0 0 .45rem}.companion-section-heading h2{letter-spacing:-.055em;margin:0;font-family:Arial Narrow,Avenir Next Condensed,Arial,sans-serif;font-size:clamp(2.35rem,6vw,4.7rem);line-height:.92}.companion-section-heading>strong{background:var(--companion-white);border:1px solid var(--companion-line);border-radius:.65rem;padding:.85rem 1rem}.companion-state-card,.companion-empty-screen{background:var(--companion-white);border:1px solid var(--companion-line);border-radius:1rem;margin:0;padding:1.5rem}.companion-empty-screen{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:1.4rem;display:grid}.companion-empty-glyph{aspect-ratio:16/10;background:var(--companion-night);border:.35rem solid var(--companion-teal-173f44);box-shadow:0 .7rem 0 -.4rem var(--companion-night-a22);display:block}.companion-empty-screen h3{margin:0 0 .4rem;font-size:1.45rem}.companion-empty-screen p{color:var(--companion-ink-soft);margin:0 0 1rem;line-height:1.55}.companion-empty-screen a{color:var(--companion-signal);font-weight:800}.companion-screen-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.companion-screen-card{background:var(--companion-white);border:1px solid var(--companion-line);border-block-start:.35rem solid var(--companion-amber);border-radius:1rem;min-inline-size:0;padding:1.25rem;overflow:hidden}.companion-screen-card[data-status=online]{border-block-start-color:var(--companion-success)}.companion-screen-card[data-status=offline]{border-block-start-color:var(--companion-red-d65c4a)}.companion-screen-card>header,.companion-screen-card>header>div{align-items:center;display:flex}.companion-screen-card>header{justify-content:space-between}.companion-screen-card>header>div{gap:.5rem}.companion-screen-card>header small{color:var(--companion-ink-soft);text-transform:capitalize}.companion-screen-dot{background:var(--companion-amber);border-radius:50%;block-size:.7rem;inline-size:.7rem}.companion-screen-card[data-status=online] .companion-screen-dot{background:var(--companion-success)}.companion-screen-card[data-status=offline] .companion-screen-dot{background:var(--companion-red-d65c4a)}.companion-screen-title{border-block-end:1px solid var(--companion-line);padding-block:1.35rem}.companion-screen-title h3{letter-spacing:-.035em;margin:0 0 .35rem;font-size:clamp(1.55rem,4vw,2.2rem)}.companion-screen-title p{color:var(--companion-ink-soft);margin:0;font-size:.8rem;line-height:1.5}.companion-now-showing{background:var(--companion-green-e4f6ef);border-radius:.75rem;gap:.35rem;margin-block:1rem;padding:1rem;display:grid}.companion-now-showing .companion-kicker{color:var(--companion-signal);margin:0}.companion-now-showing small{color:var(--companion-ink-soft)}.companion-screen-card .rendered-output{margin-block-start:1rem}.companion-create{background:var(--companion-white);border-block-start:1px solid var(--companion-line)}.companion-create-heading{align-items:start}.companion-create-heading>p{color:var(--companion-ink-soft);max-inline-size:33rem;margin:0;line-height:1.65}.companion-create .protected-template-editor,.companion-create .brand-starter-studio{border-block-start:1px solid var(--companion-line);margin-block-start:2rem;padding-block-start:2rem}.companion-create .template-editor-intro h1{font-size:clamp(2.8rem,8vw,5.4rem)}.companion-operations{background:var(--companion-operations-wash);border-block-start:1px solid var(--companion-green-c3d5ce);padding:clamp(3.2rem,8vw,6.5rem) clamp(1rem,5vw,4.5rem);scroll-margin-block-start:5.25rem}.companion-operations-heading{align-items:start}.companion-operations-heading>p{color:var(--companion-ink-soft);max-inline-size:36rem;margin:0;line-height:1.65}.companion-operation-stack{gap:clamp(1.25rem,3vw,2rem);display:grid}.companion-operation-card{background:var(--companion-white);border:1px solid var(--companion-green-c7d7d1);box-shadow:0 1.2rem 3rem var(--companion-night-a8);border-radius:1.25rem;min-inline-size:0;padding:clamp(1rem,3vw,2rem);overflow:hidden}.companion-operation-card>header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;margin-block-end:1.35rem;display:grid}.companion-operation-card>header h3{letter-spacing:-.045em;margin:0;font-family:Arial Narrow,Avenir Next Condensed,Arial,sans-serif;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1}.companion-operation-card>header p{color:var(--companion-ink-soft);max-inline-size:46rem;margin:.45rem 0 0;line-height:1.55}.companion-operation-number{background:var(--companion-night);color:var(--companion-mint);border-radius:999px;justify-content:center;align-items:center;min-block-size:2.6rem;inline-size:2.6rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:850;display:inline-flex}.companion-playback-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.companion-playback-screen{background:var(--companion-playback-screen-wash);border:1px solid var(--companion-teal-1d555b);color:var(--companion-white);border-radius:1rem;min-inline-size:0;padding:1rem}.companion-playback-screen-name{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem .6rem;display:grid}.companion-playback-screen-name small{color:var(--companion-white-a66)}.companion-playback-screen .companion-screen-dot[data-status=online]{background:var(--companion-success)}.companion-playback-screen .companion-screen-dot[data-status=offline]{background:var(--companion-red-ff8a7a)}.companion-schedule-card .schedule-workspace{gap:1rem;padding:0}.companion-schedule-card .schedule-builder,.companion-schedule-card .schedule-card,.companion-schedule-card .schedule-empty{box-shadow:none}.companion-schedule-card .schedule-builder fieldset,.companion-schedule-card .schedule-save-row{padding-inline:clamp(1rem,3vw,2rem)}.companion-alert-card .notification-centre{box-shadow:none;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);margin:0;padding:0}.companion-alert-card .notification-centre-intro{display:none}.companion-alert-card .notification-feed{grid-column:auto}.companion-tab-bar{background:var(--companion-night-a96);border-block-start:1px solid var(--companion-white-a18);bottom:0;min-block-size:calc(4.9rem + env(safe-area-inset-bottom));padding:.35rem max(.8rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(.8rem, env(safe-area-inset-left));z-index:50;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset-inline:0}.companion-tab-bar[data-has-controls=true]{grid-template-columns:repeat(5,minmax(0,1fr))}.companion-tab-bar a{color:var(--companion-white);border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-block-size:3.8rem;font-size:.75rem;font-weight:750;text-decoration:none;display:flex}.companion-tab-bar a:hover{background:var(--companion-white-a9)}.companion-tab-bar span{color:var(--companion-mint);font-size:1.15rem}@media (min-width:82rem){.companion-app{border-inline:1px solid var(--companion-green-cbd7d1);max-inline-size:92rem;margin-inline:auto}.companion-tab-bar{inset-inline:calc(50vw - 46rem)}}@media (max-width:48rem){.companion-hero{min-block-size:36rem}.companion-hero h1{inline-size:9ch}.companion-section-heading,.companion-create-heading{align-items:stretch;gap:1rem;display:grid}.companion-section-heading>strong{inline-size:max-content}.companion-screen-list,.companion-playback-list{grid-template-columns:1fr}}@media (max-width:30rem){.companion-language{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.companion-language label{grid-column:1/-1}.companion-hero h1{inline-size:8.5ch;font-size:clamp(3.25rem,16vw,4.8rem)}.companion-empty-screen{grid-template-columns:1fr;align-items:start}.companion-operation-card{border-radius:.9rem}.companion-playback-screen-name{grid-template-columns:auto minmax(0,1fr)}.companion-playback-screen-name small{grid-column:2}.companion-playback-screen .playback-transport{grid-template-columns:repeat(2,minmax(0,1fr))}.companion-alert-card .notification-destination,.companion-alert-card .notification-digest-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.companion-app{scroll-behavior:auto}}@media (forced-colors:active){.companion-empty-glyph,.companion-hero,.companion-primary-action,.companion-operation-card,.companion-playback-screen,.companion-screen-card,.companion-tab-bar{border:2px solid canvastext}}.media-accessibility-field{gap:.45rem;display:grid}.media-accessibility-field>span{font-size:.8rem;font-weight:800}.media-accessibility-field textarea{background:var(--companion-white,var(--kopitiam-card));border:1px solid var(--companion-line,var(--kopitiam-line));color:var(--companion-ink,var(--kopitiam-ink));font:inherit;resize:vertical;border-radius:.8rem;min-block-size:5.5rem;padding:.8rem .9rem}.media-accessibility-field small{color:var(--companion-ink-soft,var(--kopitiam-ink-muted));line-height:1.45}:where(.identity-page,.support-page) :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--companion-amber,var(--kopitiam-orange-deep));outline-offset:3px}:where(.workspace-shell) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--kopitiam-orange-deep);outline-offset:3px}:where(.identity-page,.support-page) :is(button,select,input:not([type=checkbox]):not([type=radio]),textarea),.support-session-actions button,.support-session-active button,.support-action-card button,.support-retention button,.support-retention select,.media-file-action,.media-remove-action,.media-retry-action{min-block-size:2.75rem}:where(.identity-page,.support-page) a,.public-nav nav a,.public-nav-cta,.public-text-action,.public-footer a{align-items:center;min-block-size:2.75rem;display:inline-flex}.identity-card,.support-page,.support-turn,.support-form,.support-retention{overflow-wrap:anywhere}.support-page,.support-layout,.support-layout>*{min-inline-size:0}.support-form button,.support-retention button,.support-retention select{min-inline-size:2.75rem}@media (max-width:30rem){.support-user-message,.support-answer,.support-human-case{max-inline-size:100%}.support-retention-control{align-items:stretch;inline-size:100%;display:grid}.support-page>.demo-language-switcher{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.support-page>.demo-language-switcher :is(label,select,button){inline-size:100%;min-inline-size:0}}@media (prefers-reduced-motion:reduce){:where(.identity-page,.demo-registration,.workspace-shell,.support-page,.public-screenos),:where(.identity-page,.demo-registration,.workspace-shell,.support-page,.public-screenos) *{scroll-behavior:auto}:where(.identity-page,.demo-registration,.workspace-shell,.support-page,.public-screenos) :is(*){transition-duration:.001ms;animation-duration:.001ms;animation-iteration-count:1}}:where(button,input,select,textarea,code,kbd,samp,pre){font-family:inherit}:is(button,input,select,textarea)[lang]:not(.companion-legacy-typeface *,[data-owner-content] *){font-family:var(--typeface-body)}.companion-legacy-typeface{--typeface-body:initial;--typeface-display:initial;--typeface-mono:initial;--typeface-display-tracking:initial;color:var(--companion-ink);font-family:var(--typeface-body,"Avenir Next", Avenir, "Segoe UI", sans-serif);display:contents}:where(.companion-legacy-typeface) :where(button,input,select,textarea,code,kbd,samp,pre){font-family:revert}[data-owner-content]{font-family:Avenir Next,Avenir,Segoe UI,sans-serif}.screenos-brand{color:var(--kopitiam-ink);font-family:var(--kopitiam-font-sans);letter-spacing:-.02em;flex:none;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}a.screenos-brand{min-block-size:2.75rem}.screenos-brand[data-tone=on-ink]{color:var(--kopitiam-paper)}.screenos-brand-word{overflow-wrap:normal;white-space:nowrap}.screenos-mark{flex:none;block-size:29px;inline-size:29px;display:block}.screenos-mark-tile{fill:var(--kopitiam-mark-tile)}.screenos-mark-tile[data-lit]{fill:var(--kopitiam-orange)}