.tv{--tv-bg: #f6f6f4;--tv-ink: #16181d;--tv-ink-2: #5d636f;--tv-line: #e3e4e8;--tv-pad: clamp(16px, 5cqw, 24px);container-type:size;font-family:var(--brand-font);color:var(--tv-ink);background:var(--tv-bg);height:100dvh;width:100%;display:flex;flex-direction:column;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tv button{-webkit-user-select:none;touch-action:manipulation}.tv-head{flex-shrink:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) var(--tv-pad) 16px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent) 34%,transparent) 0%,transparent 62%),var(--brand);color:var(--brand-ink);border-radius:0 0 calc(var(--brand-radius) + 6px) calc(var(--brand-radius) + 6px);box-shadow:0 10px 24px -18px color-mix(in srgb,var(--brand-deep) 80%,transparent)}.tv-logo{border-radius:calc(var(--brand-radius) * .6);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-ink) 18%,transparent)}.tv-brand{min-width:0}.tv-brand strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--brand-display);font-size:clamp(1.05rem,5cqw,1.3rem);line-height:1.12;font-weight:650;letter-spacing:-.01em}.tv-brand span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;opacity:.82;margin-top:3px}.tv-table{display:grid;justify-items:center;min-width:64px;padding:6px 12px 8px;border-radius:calc(var(--brand-radius) * .8);background:color-mix(in srgb,var(--brand-ink) 14%,transparent);border:1px solid color-mix(in srgb,var(--brand-ink) 22%,transparent);line-height:1}.tv-table span{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.tv-table b{font-family:var(--brand-display);font-size:clamp(1.9rem,10cqw,2.5rem);font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:2px}.tv-main{flex:1;min-height:0;overflow:hidden auto;display:flex;flex-direction:column;gap:12px;padding:16px var(--tv-pad) 8px;scrollbar-width:none}.tv-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:min-content}.is-waiting .tv-main{justify-content:center}.is-waiting .tv-stage{flex:0 0 auto}.tv-call{--size: clamp(150px, min(62cqw, 40cqh), 270px);width:var(--size);aspect-ratio:1;flex-shrink:0;border-radius:50%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:18px 0 10px;background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--brand) 70%,#fff) 0%,var(--brand) 48%,var(--brand-deep) 100%);color:var(--brand-ink);font:750 clamp(1.05rem,5cqw,1.25rem) / 1.1 var(--brand-display);letter-spacing:.01em;box-shadow:0 0 0 10px color-mix(in srgb,var(--brand) 12%,transparent),0 0 0 22px color-mix(in srgb,var(--brand) 6%,transparent),0 18px 30px color-mix(in srgb,var(--brand-deep) 40%,transparent);transition:transform .12s ease,box-shadow .25s ease;cursor:pointer}.tv-idle .tv-call:not(:disabled){animation:tv-breathe 3.2s ease-in-out infinite}.tv-call svg{color:var(--accent);width:calc(var(--size) * .26);height:calc(var(--size) * .26)}.tv-call:active:not(:disabled){transform:scale(.95);animation:none}.tv-call:disabled{background:#d4d6d9;color:#f5f5f5;box-shadow:none;cursor:not-allowed}.tv-call:disabled svg{color:#f5f5f5}.tv-call.is-compact{width:100%;aspect-ratio:auto;flex-direction:row;border-radius:var(--brand-radius);padding:16px;margin:0;font-size:1.05rem;animation:none;box-shadow:0 8px 18px -10px color-mix(in srgb,var(--brand-deep) 60%,transparent)}.tv-call.is-compact svg{width:24px;height:24px}.tv-call.is-compact:disabled{box-shadow:none}.tv-hint{margin:0;max-width:28ch;text-align:center;text-wrap:balance;color:var(--tv-ink-2);font-size:.95rem;line-height:1.35}.tv-dock{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px var(--tv-pad) 6px}.tv-dock.is-single{grid-template-columns:1fr}.tv-bill,.tv-menu{min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:var(--brand-radius);font:700 .98rem/1.15 var(--brand-font);cursor:pointer;transition:transform .12s ease}.tv-bill:active:not(:disabled),.tv-menu:active:not(:disabled){transform:scale(.97)}.tv-bill{background:var(--brand-soft);color:var(--brand-text, var(--brand-deep));border:1.5px solid color-mix(in srgb,var(--brand) 30%,transparent)}.tv-menu{background:#fff;color:var(--tv-ink);border:1.5px solid var(--tv-line)}.tv-bill:disabled,.tv-menu:disabled{opacity:.5;cursor:not-allowed}.tv-status{display:flex;gap:14px;align-items:center;padding:18px;border-radius:var(--brand-radius);animation:tv-pop .35s cubic-bezier(.2,1.4,.4,1)}.tv-status strong{display:block;font-family:var(--brand-display);font-size:1.3rem;line-height:1.15}.tv-status span:not(.tv-status-icon){display:block;font-size:.95rem;opacity:.86;margin-top:3px}.tv-status-icon{flex-shrink:0;width:54px;height:54px;border-radius:50%;display:grid;place-items:center}.tv-status-pending{background:#fff6e0;color:#6b4508;border:1.5px solid #f5c55a}.tv-status-pending .tv-status-icon{background:#f59e0b;color:#fff}.tv-ring{animation:tv-ring 1.4s ease-in-out infinite}.tv-status-viewed{background:#15803d;color:#fff;box-shadow:0 14px 26px -14px #15803db3}.tv-status-viewed .tv-status-icon{background:#fff;color:#15803d}.is-waiting .tv-status{margin-top:4px;padding:22px 18px}.tv-cooldown{margin:0;color:var(--tv-ink-2);text-align:center;font-size:.95rem}.tv-cooldown strong{color:var(--tv-ink);font-variant-numeric:tabular-nums}.tv-alert{margin:0;padding:13px 16px;border-radius:calc(var(--brand-radius) * .7);background:#fde8e8;color:#7f1d1d;border:1px solid #f8c4c4;text-align:center;font-weight:600;font-size:.95rem}.tv-spin{width:34px;height:34px;border-radius:50%;border:3px solid color-mix(in srgb,var(--brand-ink) 30%,transparent);border-top-color:var(--brand-ink);animation:tv-spin .8s linear infinite}.tv-foot{flex-shrink:0;text-align:center;font-size:.7rem;font-weight:600;color:var(--tv-ink-2);opacity:.8;padding:4px 0 calc(10px + env(safe-area-inset-bottom,0px));letter-spacing:.04em}@keyframes tv-pop{0%{transform:scale(.94);opacity:0}}@keyframes tv-ring{0%,to{box-shadow:0 0 #f59e0b73}60%{box-shadow:0 0 0 14px #f59e0b00}}@keyframes tv-spin{to{transform:rotate(360deg)}}@keyframes tv-breathe{0%,to{box-shadow:0 0 0 10px color-mix(in srgb,var(--brand) 12%,transparent),0 0 0 22px color-mix(in srgb,var(--brand) 6%,transparent),0 18px 30px color-mix(in srgb,var(--brand-deep) 40%,transparent)}50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--brand) 14%,transparent),0 0 0 30px color-mix(in srgb,var(--brand) 5%,transparent),0 18px 30px color-mix(in srgb,var(--brand-deep) 40%,transparent)}}@container (max-height: 600px){.tv-head{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:12px}.tv-call{margin:10px 0 6px}.tv-hint{font-size:.88rem}}@container (max-height: 460px){.tv-call{--size: clamp(112px, 34cqh, 170px);margin:6px 0 4px;box-shadow:0 0 0 8px color-mix(in srgb,var(--brand) 12%,transparent)}.tv-idle .tv-call:not(:disabled){animation:none}.tv-hint{display:none}.tv-bill,.tv-menu{min-height:46px}}@container (max-width: 340px){.tv-bill svg,.tv-menu svg{display:none}.tv-bill,.tv-menu{font-size:.92rem}}@media(min-width:640px)and (min-height:640px){.tv:not(.tv-preview){width:min(460px,100% - 48px);height:min(100dvh - 48px,880px);max-height:calc(100% - 48px);margin:24px auto;border-radius:32px;box-shadow:0 0 0 1px #0000000f,0 30px 60px -30px #00000059}.tv:not(.tv-preview) .tv-head{padding-top:22px}}.tv-preview{height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){.tv-status,.tv-ring,.tv-idle .tv-call:not(:disabled){animation:none}}