:root{color-scheme:dark;--accent: #e0a44b;--accent-2: #c2703c;--accent-ink: #1a1206;--accent-soft: color-mix(in oklab, var(--accent) 18%, transparent);--accent-line: color-mix(in oklab, var(--accent) 42%, transparent);--ink-900: #07080c;--ink-850: #0b0d12;--ink-800: #10131a;--ink-750: #151923;--ink-700: #1b202c;--ink-600: #262c3b;--ink-500: #38405280;--hairline: #ffffff14;--hairline-strong: #ffffff26;--bg: var(--ink-900);--surface-1: var(--ink-850);--surface-2: var(--ink-800);--surface-3: var(--ink-750);--surface-raised: #1c2230;--surface-glass: #0f131bcc;--text: #f4f1ea;--text-muted: #a8adbd;--text-dim: #7b8195;--text-on-accent: var(--accent-ink);--ok: #6fbf8b;--ok-soft: #6fbf8b26;--warn: #e8b34a;--warn-soft: #e8b34a26;--danger: #e26d6d;--danger-soft: #e26d6d26;--info: #5fb0c9;--info-soft: #5fb0c926;--live: #4ad6b0;--live-soft: #4ad6b026;--status-free: var(--ok);--status-busy: var(--accent);--status-break: var(--warn);--status-off: #5b6172;--font-sans: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-arabic: "Noto Kufi Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, "Geeza Pro", sans-serif;--font-display: "Bricolage Grotesque", "Inter var", "Inter", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--text-6xl: 5.25rem;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-tighter: -.035em;--tracking-wide: .02em;--tracking-wider: .08em;--tracking-widest: .16em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--shadow-xs: 0 1px 2px #0000004d;--shadow-sm: 0 2px 8px #00000059;--shadow-md: 0 8px 24px -6px #00000073;--shadow-lg: 0 20px 48px -12px #000000a6;--shadow-xl: 0 32px 80px -20px #000000bf;--shadow-glow: 0 0 0 1px var(--accent-line), 0 12px 40px -12px color-mix(in oklab, var(--accent) 55%, transparent);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .42s;--shell-max: 1180px;--tabbar-height: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--z-tabbar: 40;--z-sheet: 60;--z-toast: 80;--z-modal: 90}[data-theme=cream]{color-scheme:light;--bg: #f6f2ea;--surface-1: #fffdf8;--surface-2: #f9f4ea;--surface-3: #f1e9db;--surface-raised: #ffffff;--surface-glass: #fffdf8d9;--hairline: #1a120610;--hairline-strong: #1a12061f;--text: #1b1509;--text-muted: #5f5745;--text-dim: #857c68;--ok: #2f8f5b;--warn: #b07d17;--danger: #c0453f;--info: #2f7f9b;--live: #128a72;--shadow-md: 0 8px 24px -8px #4a3a1a26;--shadow-lg: 0 24px 56px -18px #4a3a1a33}[dir=rtl]{--tracking-tight: 0;--tracking-tighter: 0}html[lang=ar]{--font-sans: var(--font-arabic);--font-display: var(--font-arabic)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{min-height:100dvh;margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklab,var(--accent) 9%,transparent),transparent 60%),radial-gradient(90% 60% at 100% 100%,color-mix(in oklab,var(--accent-2) 6%,transparent),transparent 65%)}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}ul,ol{padding:0;list-style:none}hr{border:none;border-top:1px solid var(--hairline);margin:var(--space-6) 0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--space-4);inset-block-start:-100px;z-index:var(--z-modal);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-sm);font-weight:600;transition:inset-block-start var(--dur-base) var(--ease-out)}.skip-link:focus{inset-block-start:var(--space-4);text-decoration:none}.field{display:grid;gap:var(--space-2)}.field__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);letter-spacing:var(--tracking-wide)}.field__label .optional{font-weight:400;color:var(--text-dim);text-transform:lowercase}.field__hint{font-size:var(--text-xs);color:var(--text-dim);line-height:var(--leading-snug)}.field__error{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;color:var(--danger)}.input,.select,.textarea{width:100%;padding:.8125rem var(--space-4);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-md);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);appearance:none}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input:hover,.select:hover,.textarea:hover{border-color:var(--hairline-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;background:var(--surface-3);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}.input:disabled,.select:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.input,.select,.textarea{font-size:16px}}.select{padding-inline-end:var(--space-10);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}[dir=rtl] .select{background-position:20px calc(50% + 1px),26px calc(50% + 1px)}.textarea{min-height:88px;resize:vertical;line-height:var(--leading-normal)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;flex:none;width:46px;height:28px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--hairline);transition:background-color var(--dur-base) var(--ease-out)}.switch__track:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:var(--text-dim);transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-base) var(--ease-out)}.switch input:checked+.switch__track{background:var(--accent-soft);border-color:var(--accent-line)}.switch input:checked+.switch__track:after{transform:translate(18px);background:var(--accent)}[dir=rtl] .switch input:checked+.switch__track:after{transform:translate(-18px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch__label{display:grid;gap:2px}.switch__title{font-size:var(--text-sm);font-weight:600}.switch__hint{font-size:var(--text-xs);color:var(--text-dim)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-pill)}.segmented__item{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}.segmented__item:hover{color:var(--text)}.segmented__item[aria-pressed=true],.segmented__item.is-active{background:var(--accent);color:var(--text-on-accent)}*{scrollbar-width:thin;scrollbar-color:var(--ink-600) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--ink-600);border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-500)}.rail{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block-end:var(--space-1);margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4)}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex:none}.shell{width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--space-4)}.page{display:grid;gap:var(--space-5);padding-block:var(--space-4) calc(var(--tabbar-height) + var(--safe-bottom) + var(--space-6));animation:page-in var(--dur-slow) var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.stack{display:grid;gap:var(--space-4)}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-8)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.card{position:relative;padding:var(--space-5);background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--flush{padding:0;overflow:hidden}.card--raised{background:var(--surface-2);box-shadow:var(--shadow-md)}.card--accent{background:linear-gradient(160deg,color-mix(in oklab,var(--accent) 16%,transparent),transparent 55%),var(--surface-1);border-color:var(--accent-line)}.card--interactive{transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);cursor:pointer}@media(hover:hover){.card--interactive:hover{transform:translateY(-2px);border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}}.card--interactive:active{transform:translateY(0) scale(.995)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-4)}.card__title{font-size:var(--text-md);font-weight:700;letter-spacing:var(--tracking-tight)}.card__subtitle{font-size:var(--text-xs);color:var(--text-dim)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-3)}.section-head__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight)}.section-head__action{font-size:var(--text-sm);font-weight:600;color:var(--accent)}.btn{--btn-bg: var(--surface-3);--btn-fg: var(--text);--btn-border: var(--hairline);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.8125rem var(--space-5);min-height:46px;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:650;letter-spacing:var(--tracking-wide);text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);touch-action:manipulation}.btn:hover{text-decoration:none;border-color:var(--hairline-strong)}.btn:active:not(:disabled){transform:scale(.975)}.btn--primary{--btn-bg: linear-gradient(150deg, var(--accent), var(--accent-2));--btn-fg: var(--text-on-accent);--btn-border: transparent;box-shadow:0 8px 22px -10px color-mix(in oklab,var(--accent) 70%,transparent)}.btn--primary:hover{box-shadow:0 12px 28px -10px color-mix(in oklab,var(--accent) 85%,transparent)}.btn--ghost{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--text-muted)}.btn--ghost:hover{--btn-bg: var(--surface-2);--btn-fg: var(--text)}.btn--outline{--btn-bg: transparent;--btn-border: var(--hairline-strong)}.btn--danger{--btn-bg: var(--danger-soft);--btn-fg: var(--danger);--btn-border: color-mix(in oklab, var(--danger) 40%, transparent)}.btn--ok{--btn-bg: var(--ok-soft);--btn-fg: var(--ok);--btn-border: color-mix(in oklab, var(--ok) 40%, transparent)}.btn--block{width:100%}.btn--lg{min-height:56px;padding:var(--space-4) var(--space-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--sm{min-height:36px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--icon{min-width:44px;padding:var(--space-2);border-radius:var(--radius-sm)}.btn[aria-busy=true]{color:transparent}.btn[aria-busy=true]:after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;color:var(--btn-fg);animation:spin .64s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--surface-3);color:var(--text-muted);border:1px solid var(--hairline);white-space:nowrap}.badge--ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in oklab,var(--ok) 35%,transparent)}.badge--busy{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.badge--break{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in oklab,var(--warn) 35%,transparent)}.badge--off{background:var(--surface-3);color:var(--text-dim)}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in oklab,var(--danger) 35%,transparent)}.badge--live{background:var(--live-soft);color:var(--live);border-color:color-mix(in oklab,var(--live) 35%,transparent)}.pulse{position:relative;display:inline-block;width:7px;height:7px;border-radius:50%;background:currentcolor;flex:none}.pulse:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentcolor;animation:pulse-ring 1.9s var(--ease-out) infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(3.2);opacity:0}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat{padding:var(--space-4);background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-md)}.stat__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-dim);margin-block-end:var(--space-2)}.stat__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1;letter-spacing:var(--tracking-tighter);font-variant-numeric:tabular-nums}.stat__unit{font-size:var(--text-sm);font-weight:600;color:var(--text-dim);margin-inline-start:3px}.stat__foot{margin-block-start:var(--space-2);font-size:var(--text-xs);color:var(--text-dim)}.stat--accent{background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 14%,transparent),transparent 60%),var(--surface-1);border-color:var(--accent-line)}.stat--accent .stat__value{color:var(--accent)}.avatar{--tint: var(--accent);position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;font-size:1.375rem;line-height:1;background:radial-gradient(120% 120% at 30% 20%,color-mix(in oklab,var(--tint) 38%,transparent),transparent 70%),var(--surface-3);border:1.5px solid color-mix(in oklab,var(--tint) 55%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--tint) 10%,transparent)}.avatar--sm{width:32px;height:32px;font-size:1rem}.avatar--lg{width:60px;height:60px;font-size:1.875rem}.avatar__status{position:absolute;inset-block-end:-2px;inset-inline-end:-2px;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--surface-1);background:var(--status-off)}.avatar__status[data-status=available]{background:var(--status-free)}.avatar__status[data-status=busy]{background:var(--status-busy)}.avatar__status[data-status=break]{background:var(--status-break)}.ring{position:relative;display:grid;place-items:center}.ring svg{transform:rotate(-90deg);overflow:visible}.ring__track{stroke:var(--hairline-strong)}.ring__fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.ring__content{position:absolute;display:grid;place-items:center;text-align:center;line-height:1.05}.ring__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tighter)}.ring__label{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-dim)}.ticket-code{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700;letter-spacing:.06em;line-height:1;color:var(--accent);text-shadow:0 0 28px color-mix(in oklab,var(--accent) 45%,transparent)}.ticket-code--sm{font-size:var(--text-xl)}.ticket-code--xs{font-size:var(--text-sm);text-shadow:none}.salon{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 5%,transparent),transparent 40%),var(--surface-1);border:1px solid var(--hairline)}.salon__svg{display:block;width:100%;height:auto;aspect-ratio:100 / 78}.salon__floor{fill:color-mix(in oklab,var(--surface-2) 70%,transparent)}.salon__wall{fill:color-mix(in oklab,var(--ink-600) 60%,transparent)}.salon__mat{fill:color-mix(in oklab,var(--surface-3) 80%,transparent);stroke:var(--hairline);stroke-width:.4}.salon__mirror{fill:url(#mirrorGradient);stroke:var(--hairline-strong);stroke-width:.4}.salon__label{fill:var(--text-dim);font-size:3px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.salon__chair-hit{cursor:pointer;fill:transparent}.salon__chair{transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out);transform-box:fill-box;transform-origin:center}.salon__chair-hit:hover+.salon__chair,.salon__chair-hit:focus-visible+.salon__chair{transform:scale(1.06)}.salon__chair--free .chair-body{fill:color-mix(in oklab,var(--status-free) 22%,var(--surface-3));stroke:var(--status-free)}.salon__chair--occupied .chair-body{fill:color-mix(in oklab,var(--status-busy) 26%,var(--surface-3));stroke:var(--status-busy)}.salon__chair--reserved .chair-body{fill:color-mix(in oklab,var(--info) 22%,var(--surface-3));stroke:var(--info)}.salon__chair--out_of_service .chair-body{fill:var(--surface-3);stroke:var(--status-off);opacity:.5}.chair-body{stroke-width:.7;transition:fill var(--dur-base) var(--ease-out),stroke var(--dur-base) var(--ease-out)}.chair-emoji{font-size:5.4px;text-anchor:middle;dominant-baseline:central;pointer-events:none}.chair-code{font-family:var(--font-mono);font-size:3.4px;font-weight:700;text-anchor:middle;fill:var(--text);pointer-events:none}.salon__glow{fill:none;stroke:var(--status-free);stroke-width:.5;opacity:0;animation:chair-glow 2.6s var(--ease-in-out) infinite}@keyframes chair-glow{0%,to{opacity:0;transform:scale(.94)}50%{opacity:.55;transform:scale(1.04)}}.salon__glow{transform-box:fill-box;transform-origin:center}.salon__legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--hairline);background:var(--surface-2)}.legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.legend-swatch{width:12px;height:12px;border-radius:3px;border:1.5px solid currentcolor;flex:none}.legend-swatch[data-status=free]{color:var(--status-free);background:color-mix(in oklab,var(--status-free) 25%,transparent)}.legend-swatch[data-status=busy]{color:var(--status-busy);background:color-mix(in oklab,var(--status-busy) 28%,transparent)}.legend-swatch[data-status=break]{color:var(--status-break);background:color-mix(in oklab,var(--status-break) 25%,transparent)}.legend-swatch[data-status=off]{color:var(--status-off);background:color-mix(in oklab,var(--status-off) 30%,transparent)}.queue-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--hairline);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.queue-row--mine{background:linear-gradient(100deg,color-mix(in oklab,var(--accent) 16%,transparent),transparent 70%),var(--surface-1);border-color:var(--accent-line)}.queue-row--serving{border-color:color-mix(in oklab,var(--ok) 40%,transparent)}.queue-row--next{box-shadow:inset 3px 0 0 var(--accent)}[dir=rtl] .queue-row--next{box-shadow:inset -3px 0 0 var(--accent)}.queue-row__position{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--surface-3);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-muted)}.queue-row__name{font-weight:600;font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-2);min-width:0}.queue-row__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row__meta{font-size:var(--text-xs);color:var(--text-dim);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ticker{display:grid;gap:var(--space-2)}.ticker__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-sm);color:var(--text-muted);animation:ticker-in var(--dur-slow) var(--ease-out) both}@keyframes ticker-in{0%{opacity:0;transform:translate(-6px)}}[dir=rtl] .ticker__item{animation-name:ticker-in-rtl}@keyframes ticker-in-rtl{0%{opacity:0;transform:translate(6px)}}.ticker__time{margin-inline-start:auto;font-size:var(--text-2xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.empty{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-5);text-align:center}.empty__art{width:min(220px,60vw);opacity:.95}.empty__title{font-size:var(--text-lg);font-weight:700}.empty__body{font-size:var(--text-sm);color:var(--text-muted);max-width:34ch}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff0f,transparent);animation:shimmer 1.4s var(--ease-in-out) infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tabbar{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-tabbar);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(var(--tabbar-height) + var(--safe-bottom));padding-block-end:var(--safe-bottom);background:var(--surface-glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-block-start:1px solid var(--hairline)}.tabbar__item{display:grid;place-items:center;gap:3px;font-size:var(--text-2xs);font-weight:650;letter-spacing:var(--tracking-wide);color:var(--text-dim);text-decoration:none;position:relative;transition:color var(--dur-fast) var(--ease-out)}.tabbar__item:hover{text-decoration:none;color:var(--text-muted)}.tabbar__item.is-active{color:var(--accent)}.tabbar__item.is-active:before{content:"";position:absolute;inset-block-start:0;width:26px;height:2.5px;border-radius:var(--radius-pill);background:var(--accent)}.tabbar__icon{width:22px;height:22px}.tabbar__badge{position:absolute;inset-block-start:8px;inset-inline-start:50%;margin-inline-start:6px;min-width:16px;height:16px;padding-inline:4px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-accent);font-size:9px;font-weight:800;line-height:1}.appbar{position:sticky;inset-block-start:0;z-index:30;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block-end:1px solid var(--hairline)}.appbar__title{font-size:var(--text-md);font-weight:700;letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar__sub{font-size:var(--text-xs);color:var(--text-dim)}.toasts{position:fixed;inset-inline:0;inset-block-end:calc(var(--tabbar-height) + var(--safe-bottom) + var(--space-4));z-index:var(--z-toast);display:grid;justify-items:center;gap:var(--space-2);pointer-events:none;padding-inline:var(--space-4)}.toast{display:flex;align-items:center;gap:var(--space-3);max-width:min(460px,100%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--surface-raised);border:1px solid var(--hairline-strong);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:600;pointer-events:auto;animation:toast-in var(--dur-base) var(--ease-spring) both}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}.toast--ok{border-color:color-mix(in oklab,var(--ok) 45%,transparent)}.toast--error{border-color:color-mix(in oklab,var(--danger) 45%,transparent)}.sheet-backdrop{position:fixed;inset:0;z-index:var(--z-sheet);background:#05060ac9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-base) var(--ease-out) both}@keyframes fade-in{0%{opacity:0}}.sheet{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-sheet);max-height:90dvh;overflow-y:auto;padding:var(--space-5) var(--space-4) calc(var(--space-6) + var(--safe-bottom));background:var(--surface-raised);border-block-start:1px solid var(--hairline-strong);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:sheet-up var(--dur-slow) var(--ease-out) both}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet__grip{width:40px;height:4px;margin:0 auto var(--space-4);border-radius:var(--radius-pill);background:var(--hairline-strong)}@media(min-width:720px){.sheet{inset-inline:auto;inset-block-end:auto;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:min(560px,92vw);border-radius:var(--radius-xl);border:1px solid var(--hairline-strong);animation:modal-in var(--dur-base) var(--ease-spring) both}[dir=rtl] .sheet{transform:translate(50%,-50%)}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}}}.chart{width:100%;height:auto;overflow:visible}.chart__bar{fill:color-mix(in oklab,var(--accent) 65%,transparent);transition:fill var(--dur-fast) var(--ease-out)}.chart__bar:hover{fill:var(--accent)}.chart__bar--muted{fill:color-mix(in oklab,var(--accent) 22%,transparent)}.chart__axis{stroke:var(--hairline);stroke-width:.5}.chart__grid{stroke:var(--hairline);stroke-width:.4;stroke-dasharray:2 3}.chart__label{fill:var(--text-dim);font-size:3.4px;font-weight:600}.chart__value{fill:var(--text);font-size:3.6px;font-weight:700;font-variant-numeric:tabular-nums}.chart__line{fill:none;stroke:var(--accent);stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}.chart__area{fill:url(#areaGradient);stroke:none}.chart__dot{fill:var(--surface-1);stroke:var(--accent);stroke-width:.7}.data-list{display:grid;gap:var(--space-2)}.data-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--hairline)}.data-row__label{display:flex;align-items:center;gap:var(--space-3);min-width:0;font-size:var(--text-sm);font-weight:600}.data-row__value{font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-muted)}.share-bar{grid-column:1 / -1;height:5px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.share-bar__fill{height:100%;border-radius:inherit;background:var(--tint, var(--accent));transition:width var(--dur-slow) var(--ease-out)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.text-ok{color:var(--ok)}.text-danger{color:var(--danger)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.font-mono{font-family:var(--font-mono)}.bold{font-weight:700}.semibold{font-weight:600}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wider)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}.hidden{display:none!important}.full{width:100%}.divider{height:1px;background:var(--hairline);border:none;margin-block:var(--space-4)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}@media(min-width:900px){.page{padding-block-start:var(--space-6)}.grid-2--wide{grid-template-columns:1.4fr 1fr}}