:root{--bg: #07070b;--card: #12111a;--card-2: #171622;--line: #262433;--ink: #f2f0f7;--ink-2: #b8b2c8;--ink-3: #7d768f;--accent: #8868d8;--warn: #d9a55f;--warn-bg: rgba(217, 165, 95, .12);--bad: #e07a86;--bad-bg: rgba(224, 122, 134, .12);--ok: #6fc79c;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.page{max-width:62rem;margin:0 auto;padding:1rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .1rem .5rem}.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:-.01em}.brand .dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #8868d82e}.where{display:flex;align-items:center;gap:.5rem;color:var(--ink-2);font-size:.9rem}.mode{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:.18em .5em;border-radius:3px}.mode.station{color:var(--ok);background:#6fc79c21}.mode.cloud{color:var(--ink-3);background:#7d768f26}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.05rem 1.1rem}.label{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:.55rem;display:flex;align-items:center;gap:.5rem}.count{font-size:.7rem;background:var(--card-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:.05em .5em;letter-spacing:0}.now .track{font-size:1.45rem;font-weight:700;line-height:1.2;letter-spacing:-.015em}.now .artist{color:var(--ink-2);margin-top:.15rem}.now .time{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:.45rem;font-size:.95rem}.quiet{color:var(--ink-3);font-weight:500}.pad{padding:.35rem 0 .15rem}.closingRow{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.closingInput{background:var(--card-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:2.1rem;font-weight:700;letter-spacing:-.02em;padding:.3rem .6rem;min-width:7.5rem;font-variant-numeric:tabular-nums}.closingInput:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.closingInput:disabled{color:var(--ink-2);opacity:1}.save{background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;padding:.7rem 1.1rem;cursor:pointer;min-height:44px}.save:disabled{opacity:.6}.ro{color:var(--ink-3);font-size:.88rem;margin-top:.5rem}.rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.row{display:grid;grid-template-columns:6.4rem 1fr;gap:.9rem;padding:.8rem 0;border-top:1px solid var(--line)}.row:first-child{border-top:none;padding-top:.2rem}.row.done{opacity:.5}.when{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:.25rem}.tag{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent);background:#8868d826;border-radius:3px;padding:.12em .42em;width:max-content}.ttl{font-weight:600;line-height:1.3}.says{color:var(--ink-2);font-size:.92rem;margin-top:.12rem}.rail{margin-top:.4rem;font-size:.86rem;color:var(--warn);background:var(--warn-bg);border:1px solid rgba(217,165,95,.25);border-radius:6px;padding:.35rem .55rem}.err{background:var(--bad-bg);border:1px solid rgba(224,122,134,.3);border-radius:var(--radius);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.3rem}.err strong{color:var(--bad)}.err span{color:var(--ink-2);font-size:.9rem}.err .hint{color:var(--ink-3)}.foot{color:var(--ink-3);font-size:.8rem;padding:.25rem .1rem 0;line-height:1.5}@media(min-width:46rem){.page{padding:2rem 1.5rem 4rem;display:grid;gap:1.1rem;grid-template-columns:1fr 1.25fr;grid-template-areas:"head  head" "err   err" "clock closing" "now   queue" "carts carts" "foot  foot";align-items:start}.head{grid-area:head}.banners{grid-area:err}.foot{grid-area:foot}.clock{grid-area:clock;align-self:center;text-align:left;margin:0}.closing{grid-area:closing}.now{grid-area:now}.queue{grid-area:queue}.carts{grid-area:carts}.now .track{font-size:1.6rem}}.carts{min-height:12rem}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.now .today{float:right;font-weight:500;opacity:.55;text-transform:none;letter-spacing:0}.now .bar{display:block;height:4px;margin:12px 0 8px;border-radius:2px;background:#ffffff1a;overflow:hidden}.now .bar span{display:block;height:100%;background:var(--accent, #8868D8);border-radius:2px;transition:width 1s linear}.now .time{display:flex;align-items:baseline;justify-content:space-between}.now .time strong{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.now .time .el{font-size:13px;opacity:.55;font-variant-numeric:tabular-nums}.clock{font-family:JetBrains Mono,DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(38px,13vw,62px);font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;line-height:1;color:var(--clock, #4EA8FF);text-shadow:0 0 18px color-mix(in srgb,var(--clock, #4EA8FF) 45%,transparent);margin:4px 0 18px}.banners{display:flex;flex-direction:column;gap:1rem}.cartgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.6rem}.carttile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.35rem;min-height:4.5rem;padding:.6rem .7rem;text-align:left;border:1px solid var(--line, rgba(255,255,255,.12));border-radius:.6rem;background:#ffffff08;color:inherit;font:inherit;cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease}.carttile:active{transform:scale(.97)}.carttile:disabled{cursor:default;opacity:.5}.carttile .slotno{font-size:.7rem;font-weight:800;opacity:.8;font-variant-numeric:tabular-nums}.carttile .ctitle{font-size:.82rem;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.carttile.busy{opacity:.6}.carttile.sent{border-color:var(--clock, #4EA8FF);background:color-mix(in srgb,var(--clock, #4EA8FF) 14%,transparent)}.carttile .sentmark{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--clock, #4EA8FF)}