:root{--ink:#f2efe6;--muted:#b7b1a4;--case:#1b1916;--case-edge:#0d0c0a;--case-sheen:#ffffff0f;--lcd-bg:#9fae8f;--lcd-bg-dark:#8d9c7e;--lcd-ink:#1f2a1a;--green:#58c46a;--amber:#e0a33a;--red:#d9534f;--focus:#7cc4ff;--font-matrix:ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink);background:radial-gradient(circle at 50% 0,#221f1b 0%,#12100e 60%);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;max-width:46rem;min-height:100vh;margin:0 auto;padding:0 .75rem 2rem;display:flex}.status-bar{border-bottom:1px solid #2c2822;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 0;display:flex}.brand{font-family:var(--font-matrix);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.nav{flex-wrap:wrap;flex:auto;gap:.25rem;display:flex}.nav-item{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;padding:.25rem .55rem;font-size:.85rem}.nav-item.active{color:var(--ink);background:#241f1a;border-color:#4a443a}.clock{font-family:var(--font-matrix);letter-spacing:.05em;font-size:.95rem}.connection{color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.connection-dot{background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.connection-online{color:var(--green)}.connection-offline{color:var(--red)}.connection-connecting{color:var(--amber)}.screen{padding-top:1rem}.pager-screen{flex-direction:column;gap:.75rem;display:flex}.device{background:linear-gradient(160deg, var(--case-sheen), transparent 45%), linear-gradient(#232019, var(--case));border:1px solid #3a352d;border-radius:1.6rem 1.6rem 2rem 2rem;flex-direction:column;gap:.75rem;padding:1rem 1rem 1.25rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 18px 40px #0000008c}.device:after{content:"";background:var(--case-edge);z-index:-1;border-radius:0 0 1rem 1rem;height:.9rem;position:absolute;inset:auto 18% -.6rem}.device-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lamp{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.lamp svg{fill:currentColor}.lamp-green{color:var(--green)}.lamp-amber{color:var(--amber)}.lamp-red{color:var(--red)}.lamp-idle{color:#6f6a60}.lamp-dot{border:2px solid;border-radius:50%;width:.7rem;height:.7rem}.queue-counter{font-family:var(--font-matrix);color:var(--muted);font-size:.8rem}.lcd{background:linear-gradient(var(--lcd-bg), var(--lcd-bg-dark));border:2px solid #2f3527;border-radius:.5rem;padding:.6rem .75rem;box-shadow:inset 0 2px 10px #00000059}.lcd-matrix{font-family:var(--font-matrix);color:var(--lcd-ink);letter-spacing:.04em;font-size:clamp(.85rem,4.2vw,1.15rem);line-height:1.35}.lcd-row{white-space:pre;height:1.35em;overflow:hidden}.detail-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.detail-indicator{font-family:var(--font-matrix);letter-spacing:.05em}.callback{color:var(--focus)}.keypad{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.key{min-height:3.4rem;color:var(--ink);font:inherit;cursor:pointer;touch-action:none;background:linear-gradient(#332e27,#221e19);border:1px solid #4a443a;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.5rem;transition:transform 80ms,background .12s;display:flex;position:relative}.key:active{background:linear-gradient(#2a251f,#1a1713);transform:translateY(1px)}.key-glyph{font-family:var(--font-matrix);font-size:1.2rem}.key-label{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;overflow:hidden}.key-approve .key-glyph{color:var(--green)}.key-deny .key-glyph{color:var(--red)}.key-choice{border-color:#5a5142}.hold-ring{pointer-events:none;width:calc(100% - .4rem);height:calc(100% - .4rem);position:absolute;inset:.2rem;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff1f;stroke-width:3px}.ring-fill{fill:none;stroke:var(--amber);stroke-width:3px;stroke-linecap:round}.banner,.notice{border-radius:.6rem;margin:0;padding:.55rem .75rem;font-size:.85rem}.banner-offline{color:#ffc9c4;background:#2a1615;border:1px solid #6a2f2c}.notice-warning{color:#ffe2a8;background:#2a2113;border:1px solid #6b5220}.notice-error{color:#ffc9c4;background:#2a1615;border:1px solid #6a2f2c}.no-pages{color:var(--muted);margin:0;font-size:.9rem}.hold-hint{color:#ffb3ad;margin:0;font-size:.78rem}.keyboard-hint{color:#8e887b;margin:0;font-size:.72rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:26rem){.device{padding:.75rem .75rem 1rem}.keypad{gap:.4rem}}.panel{background:#17150f;border:1px solid #2c2822;border-radius:1rem;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.panel h2{margin:0;font-size:1.05rem}.hint{color:var(--muted);margin:0;font-size:.8rem}.empty{color:var(--muted);margin:0}.field{flex-direction:column;gap:.3rem;display:flex}.field-inline{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.5rem}.field input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--green);align-self:flex-start}.field label{font-size:.92rem}.field input[type=time],.field input[type=number],.field select,.pairing-form input{color:var(--ink);font:inherit;background:#0f0d0b;border:1px solid #453f36;border-radius:.4rem;padding:.35rem .5rem}.pairing-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pairing-form input{font-family:var(--font-matrix);letter-spacing:.35em;text-transform:uppercase;width:9rem;font-size:1.1rem}.pairing-state{font-family:var(--font-matrix);margin:0;font-size:.9rem}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}button.primary,button.danger,.button-row button{color:var(--ink);font:inherit;cursor:pointer;background:#241f1a;border:1px solid #4a443a;border-radius:.5rem;padding:.45rem .8rem}button.primary{background:#1c3323;border-color:#3f7a4a}button.danger{background:#2a1615;border-color:#6a2f2c}button.link{color:var(--focus);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.memory-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.memory-row{background:#100e0b;border-radius:.5rem;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.5rem;padding:.45rem .6rem;display:grid}.memory-line{font-family:var(--font-matrix);color:#cfe0c4;overflow-wrap:anywhere;font-size:.8rem}.memory-verdict{color:var(--muted);font-size:.78rem}.memory-latency{font-family:var(--font-matrix);color:var(--muted);font-size:.78rem}
