.tnav{z-index:10;-webkit-backdrop-filter:saturate(150%)blur(8px);border-bottom:1px solid var(--color-tapeo-divider);background:#fffffff2;position:sticky;top:0}.tnav-inner{align-items:center;gap:12px;max-width:1200px;height:56px;margin:0 auto;padding:0 16px;display:flex}@media (min-width:640px){.tnav-inner{gap:24px;padding:0 24px}}.tnav-brand{letter-spacing:-.022em;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0;font-size:18px;font-weight:600}.tnav-brand:hover{opacity:.8}.tnav-links{align-items:center;gap:4px;display:none}@media (min-width:640px){.tnav-links{display:flex}}.tnav-link{color:var(--color-tapeo-ink-soft);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500}.tnav-link:hover{background:var(--color-tapeo-cream);color:var(--color-tapeo-ink)}.tnav-link[aria-current=page]{color:var(--color-tapeo-ink);background:var(--color-tapeo-cream)}.tnav-right{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}@media (min-width:640px){.tnav-right{gap:12px}}.tlang-inline{border:1px solid var(--color-tapeo-divider);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;background:var(--color-tapeo-paper);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.tlang-inline button{cursor:pointer;color:var(--color-tapeo-ink-soft);font:inherit;text-transform:inherit;letter-spacing:inherit;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;padding:0}.tlang-inline button:hover{color:var(--color-tapeo-ink)}.tlang-inline button[aria-pressed=true]{color:var(--color-tapeo-ink);font-weight:500}.tlang-inline button+button:before{content:"·";color:var(--color-tapeo-ink-faint);margin-right:4px}.tback{height:32px;color:var(--color-tapeo-ink-soft);background:var(--color-tapeo-cream);border:1px solid var(--color-tapeo-divider);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);white-space:nowrap;cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.tback:hover{background:var(--color-tapeo-paper);border-color:var(--color-tapeo-ink-faint);color:var(--color-tapeo-ink)}.tback:active{background:var(--color-tapeo-cream)}.tback-arrow{flex-shrink:0;display:block;width:12px!important;height:12px!important}.tactions{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:640px){.tactions{grid-template-columns:repeat(4,1fr)}}.taction{background:var(--color-tapeo-paper);border:1px solid var(--color-tapeo-divider);height:44px;color:var(--color-tapeo-ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.taction:hover{background:var(--color-tapeo-panel);border-color:var(--color-tapeo-divider-strong)}.taction[aria-disabled=true],.taction.is-locked{color:var(--color-tapeo-ink-faint);background:var(--color-tapeo-panel);cursor:not-allowed}.taction-icon{color:var(--color-tapeo-ink-soft);flex-shrink:0;font-size:16px;line-height:1}.taction:hover .taction-icon{color:var(--color-tapeo-ink)}.taction-tier{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;color:var(--color-tapeo-orange);flex-shrink:0;margin-left:auto;font-size:10px;font-weight:600}.tavatar{background:var(--color-tapeo-ink);width:32px;height:32px;color:var(--color-tapeo-paper);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:none}@media (min-width:640px){.tavatar{display:inline-flex}}
.spage{background:var(--color-tapeo-panel);min-height:100vh}.snav{z-index:20;background:var(--color-tapeo-paper);border-bottom:1px solid var(--color-tapeo-divider);position:sticky;top:0}.snav-inner{align-items:center;gap:16px;max-width:1100px;height:56px;margin:0 auto;padding:0 20px;display:flex}.snav-title{letter-spacing:-.011em;font-weight:600}.snav-title .sep{color:var(--color-tapeo-ink-faint);margin:0 8px;font-weight:400}.snav-title .sub{color:var(--color-tapeo-ink-soft);font-weight:400}.slive{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-tapeo-green);background:var(--color-success-soft);border-radius:9999px;align-items:center;gap:8px;margin-left:8px;padding:4px 10px;font-size:11px;display:inline-flex}.slive:before{content:"";background:var(--color-tapeo-green);width:6px;height:6px;animation:spulse 1.6s var(--ease-out) infinite;border-radius:9999px}@keyframes spulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.3)}}.snav-right{margin-left:auto}.sbody{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:24px 20px 80px;display:flex}.sstrip{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:640px){.sstrip{grid-template-columns:repeat(5,1fr)}}.scell{background:var(--color-tapeo-paper);border:1px solid var(--color-tapeo-divider);box-shadow:var(--shadow-xs);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.scell-dot{border-radius:9999px;flex-shrink:0;width:10px;height:10px}.scell-dot.idle{background:var(--color-tapeo-divider-strong)}.scell-dot.ordering{background:var(--color-warning)}.scell-dot.kitchen{background:var(--color-tapeo-orange)}.scell-dot.served{background:var(--color-tapeo-green)}.scell-dot.calling{background:var(--color-tapeo-muted-red)}.scell-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;color:var(--color-tapeo-ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.scell-count{letter-spacing:-.014em;color:var(--color-tapeo-ink);margin-left:auto;font-weight:600}.stbls{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.stbls{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stbls{grid-template-columns:repeat(3,1fr)}}.stbl{background:var(--color-tapeo-paper);border:1px solid var(--color-tapeo-divider);border-left:3px solid var(--color-tapeo-divider-strong);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:8px;padding:16px;display:block;position:relative}.stbl:hover{box-shadow:var(--shadow-sm);border-color:var(--color-tapeo-divider-strong)}.stbl[data-state=ordering]{border-left-color:var(--color-warning)}.stbl[data-state=kitchen]{border-left-color:var(--color-tapeo-orange)}.stbl[data-state=served]{border-left-color:var(--color-tapeo-green)}.stbl[data-state=calling]{animation:callring 1.6s var(--ease-out) infinite;border-left-color:var(--color-tapeo-muted-red)!important}.stbl-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.stbl-label{font-family:var(--font-mono);font-size:22px;font-weight:600;line-height:1}.stbl-total{font-family:var(--font-mono);color:var(--color-tapeo-ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.stbl-state{background:var(--color-tapeo-cream);color:var(--color-tapeo-ink-soft);border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.stbl-state:before{content:"";background:currentColor;border-radius:9999px;width:6px;height:6px}.stbl[data-state=ordering] .stbl-state{background:var(--color-warning-soft);color:var(--color-warning)}.stbl[data-state=kitchen] .stbl-state{background:var(--color-accent-soft);color:var(--color-tapeo-orange)}.stbl[data-state=served] .stbl-state{background:var(--color-success-soft);color:var(--color-tapeo-green)}.stbl[data-state=calling] .stbl-state{background:var(--color-error-soft);color:var(--color-tapeo-muted-red)}.stbl-calls{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.stbl-call{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;background:var(--color-tapeo-muted-red);color:var(--color-tapeo-paper);border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.stbl-counts{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-tapeo-ink-soft);gap:12px;margin-top:12px;font-size:11px;display:flex}.sempty{border:1px dashed var(--color-tapeo-divider-strong);text-align:center;color:var(--color-tapeo-ink-soft);background:var(--color-tapeo-paper);border-radius:12px;padding:64px 24px;font-size:13px}
.cpage{background:var(--color-tapeo-paper);min-height:100vh;color:var(--color-tapeo-ink)}.cnav{z-index:30;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-tapeo-divider);position:sticky;top:0}.cnav-inner{justify-content:space-between;align-items:center;gap:8px;max-width:672px;height:56px;margin:0 auto;padding:0 20px;display:flex}@media (min-width:640px){.cnav-inner{padding:0 32px}}.cnav-left{align-items:center;gap:12px;min-width:0;display:flex}.cnav-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.cnav-logo{letter-spacing:-.022em;object-fit:contain;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.cnav-name{letter-spacing:-.022em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:1.15;overflow:hidden}@media (min-width:640px){.cnav-name{font-size:18px}}.cnav-tagline{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;margin-top:-2px;font-size:10px;overflow:hidden}.cnav-call{min-height:36px;color:var(--color-tapeo-ink-soft);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.cnav-call:hover{color:var(--color-tapeo-ink);background:var(--color-tapeo-cream)}.cbody{max-width:672px;margin:0 auto;padding:0 20px}@media (min-width:640px){.cbody{padding:0 32px}}
