:root{--navy: #00416b;--teal: #0ab99c;--ink: #0d1b23;--muted: #5b6b75;--surface: #ffffff;--page: #f2f5f7;--danger: #b3261e;--warn: #8a5a00;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;font-size:16px;line-height:1.5}.screen{max-width:34rem;margin-inline:auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-end:1rem}.bar h1{font-size:1.15rem;margin:0}.bar-actions{display:flex;gap:.5rem}button{font:inherit;min-height:44px;padding-inline:.9rem;border:1px solid rgb(0 0 0 / .15);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer}button:disabled{opacity:.55;cursor:default}.primary{width:100%;min-height:64px;margin-block-start:1rem;border:none;background:var(--navy);color:#fff;font-size:1.15rem;font-weight:600}.primary:disabled{background:var(--muted)}.locale{position:fixed;inset-block-start:.75rem;inset-inline-end:.75rem;z-index:10;min-height:36px;font-size:.85rem}.card{background:var(--surface);border-radius:var(--radius);padding:1rem;margin-block-end:1rem;box-shadow:0 1px 3px #00000014}.card h2{margin:.25rem 0 .35rem;font-size:1.25rem}.window{margin:0;font-variant-numeric:tabular-nums;font-size:1.05rem}.detail{margin:.5rem 0 0;color:var(--muted);font-size:.95rem}.state{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.state-upcoming{color:var(--muted)}.state-late{color:var(--danger)}.state-in_progress{color:var(--teal)}.state-completed{color:var(--muted)}.state-missed,.state-absent{color:var(--danger)}.alert,.notice{margin:0 0 1rem;padding:.75rem .9rem;border-radius:var(--radius);border-inline-start:4px solid var(--danger);background:#fdecea;color:var(--danger)}.notice{border-inline-start-color:var(--teal);background:#e7f8f4;color:#0a5f52}.empty{color:var(--muted)}form{display:flex;flex-direction:column;gap:.35rem}label{font-size:.9rem;color:var(--muted)}input{font:inherit;min-height:48px;padding-inline:.75rem;border:1px solid rgb(0 0 0 / .2);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.reason{margin-block-start:.75rem}.row{display:flex;gap:.5rem;margin-block-start:.5rem}.row button{flex:1}.login{padding-block-start:15vh}.login h1{margin-block-end:0;color:var(--navy)}.subtitle{margin-block-start:.15rem;color:var(--muted)}.login form{margin-block-start:1.5rem}.queue{border-inline-start:4px solid var(--warn)}.queue h2{font-size:1rem;margin-block:0 .5rem;color:var(--warn)}.queued+.queued{margin-block-start:.75rem;padding-block-start:.75rem;border-block-start:1px solid rgb(0 0 0 / .08)}.queue button{margin-block-start:.75rem;width:100%}