:root{--bg:#f4f1ea;--fg:#111;--dim:#cbc5b8;--acc:#e5322d;--unit:16px;--border:2px solid var(--fg)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);letter-spacing:.02em;min-height:100%;font-family:ui-monospace,Cascadia Code,Cascadia Mono,Consolas,SF Mono,Menlo,monospace;line-height:1.4}a{color:inherit;text-decoration:none}.page{align-items:stretch;gap:var(--unit);min-height:100vh;padding:var(--unit);text-align:left;flex-direction:column;max-width:40rem;margin:0 auto;display:flex}h1{text-transform:uppercase;letter-spacing:.15em;border:var(--border);padding:var(--unit);font-size:1rem;font-weight:700}.sub{color:var(--fg);opacity:.6;border:var(--border);border-color:var(--dim);padding:var(--unit);font-size:.875rem}.stack{gap:var(--unit);flex-direction:column;width:100%;display:flex}button,.btn{text-transform:uppercase;letter-spacing:.1em;text-align:left;border:var(--border);background:var(--bg);width:100%;color:var(--fg);padding:var(--unit);cursor:pointer;touch-action:manipulation;border-radius:0;font-family:inherit;font-size:1rem;font-weight:700;display:block}.page:not(.ringing-page) button:hover,.page:not(.ringing-page) .btn:hover,button:active,.btn:active{background:var(--acc);border-color:var(--acc);color:var(--bg)}button:disabled{opacity:.3;cursor:default;background:var(--bg);border-color:var(--fg);color:var(--fg)}.btn small{text-transform:none;letter-spacing:.02em;opacity:.6;margin-top:calc(var(--unit) / 2);font-weight:400;display:block}input[type=text]{border:var(--border);background:var(--bg);width:100%;color:var(--fg);padding:var(--unit);border-radius:0;font-family:inherit;font-size:1rem}input[type=text]::placeholder{color:var(--fg);opacity:.4}input[type=text]:focus{border-color:var(--acc);outline:none}.status{text-transform:uppercase;letter-spacing:.1em;border:var(--border);padding:var(--unit);font-size:1rem;font-weight:700}.last-msg{border:var(--border);border-color:var(--dim);padding:var(--unit);min-height:calc(var(--unit) * 4);word-wrap:break-word;white-space:pre-wrap;font-size:1rem;font-weight:400}.feedback{text-transform:uppercase;letter-spacing:.1em;border:var(--border);border-color:var(--dim);padding:var(--unit);min-height:calc(var(--unit) * 3.5);font-size:.875rem;font-weight:700}.clock{font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:center;border:var(--border);padding:var(--unit);font-family:inherit;font-size:clamp(2.5rem,14vw,5rem);font-weight:700;line-height:1}.field{justify-content:space-between;align-items:center;gap:var(--unit);border:var(--border);width:100%;padding:var(--unit);display:flex}.field-label{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:700}input[type=time]{font-variant-numeric:tabular-nums;border:var(--border);background:var(--bg);color:var(--fg);padding:calc(var(--unit) / 2) var(--unit);border-radius:0;font-family:inherit;font-size:1rem;font-weight:700}input[type=time]:focus{border-color:var(--acc);outline:none}.statecard{border:var(--border);border-color:var(--dim);width:100%;padding:var(--unit);gap:var(--unit);flex-direction:column;display:flex}.statecard-row{justify-content:space-between;align-items:center;gap:var(--unit);display:flex}.statecard-label{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-size:.875rem}.statecard-value{font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:1rem;font-weight:700}.statecard-foot{opacity:.6;border-top:var(--border);border-color:var(--dim);padding-top:var(--unit);font-size:.875rem}.invert,.flash{background:var(--acc);border-color:var(--acc);color:var(--bg)}.ringing-page{animation:.7s step-end infinite alarm-flash}.ringing-banner{letter-spacing:.08em;text-transform:uppercase;text-align:center;border:var(--border);padding:calc(var(--unit) * 2) var(--unit);background:var(--acc);color:var(--bg);font-size:clamp(2rem,14vw,6rem);font-weight:700;line-height:.95;animation:.7s step-end infinite alarm-pulse}.ringing-clock,.ringing-status,.ringing-message{animation:.14s linear infinite alarm-shake}.alarm-bars{gap:calc(var(--unit) / 2);border:var(--border);padding:var(--unit);height:calc(var(--unit) * 6);grid-template-columns:repeat(5,1fr);align-items:end;display:grid}.alarm-bars span{background:var(--fg);min-height:var(--unit);animation:.5s steps(2,end) infinite alarm-bar;display:block}.alarm-bars span:nth-child(2){animation-delay:80ms}.alarm-bars span:nth-child(3){animation-delay:.16s}.alarm-bars span:nth-child(4){animation-delay:.24s}.alarm-bars span:nth-child(5){animation-delay:.32s}@keyframes alarm-flash{0%,49%{background:var(--bg);color:var(--fg)}50%,to{background:var(--acc);color:var(--bg)}}@keyframes alarm-pulse{0%,49%{transform:scale(1)}50%,to{transform:scale(1.03)}}@keyframes alarm-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes alarm-bar{0%{height:25%}50%{height:100%}to{height:45%}}