*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a,button.link{color:var(--accent)}.environment{background:var(--warning-ground);color:var(--warning);text-align:center;padding:4px 16px;font-size:14px}header.bar{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 24px;display:flex}header.bar .brand{margin-right:auto;font-weight:600}header.bar .nursery{color:var(--muted)}main{padding:32px 24px}.card{border:1px solid var(--line);border-radius:8px;max-width:420px;margin:48px auto;padding:32px}.card h1{margin:0 0 8px;font-size:22px}.card p.explain{color:var(--muted);margin:0 0 20px}label{color:var(--muted);margin:16px 0 4px;font-size:14px;display:block}input{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:var(--ground);border-radius:6px;padding:10px 12px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--ground);color:var(--ink);border-radius:6px;padding:10px 16px}button.primary{background:var(--accent);border-color:var(--accent);width:100%;color:var(--ground);margin-top:24px}button:disabled{opacity:.6;cursor:default}button.link{background:0 0;border:0;padding:0;text-decoration:underline}.error{background:var(--warning-ground);color:var(--warning);border-radius:6px;margin-top:16px;padding:10px 12px}.qr{width:200px;height:200px;margin:8px auto 16px;display:block}.secret{word-break:break-all;font-family:ui-monospace,monospace}ul.nurseries{margin:16px 0 0;padding:0;list-style:none}ul.nurseries li+li{margin-top:8px}ul.nurseries button{text-align:left;justify-content:space-between;width:100%;display:flex}ul.nurseries .role{color:var(--muted)}.card.wide{max-width:640px}.card h2{margin:28px 0 0;font-size:16px}.hint{color:var(--muted);font-weight:400}select{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:var(--ground);border-radius:6px;padding:10px 12px}.pair{gap:16px;display:flex}.pair>div{flex:1}.saved{color:var(--accent);margin-top:16px}nav.screens{gap:8px;max-width:640px;margin:0 auto;display:flex}nav.screens button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 4px}nav.screens button.chosen{color:var(--ink);border-bottom-color:var(--accent)}ul.rooms{margin:16px 0 0;padding:0;list-style:none}ul.rooms li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;padding:12px 0;display:flex}ul.rooms li.archived .room-name{color:var(--muted)}.room-name{font-weight:600}.room-band,.room-children,.room-archived{color:var(--muted);font-size:14px}.room-children{margin-right:auto}.room-form{width:100%}.room-form .actions{align-items:center;gap:16px;margin-top:16px;display:flex}ul.staff{margin:16px 0 0;padding:0;list-style:none}ul.staff li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;padding:12px 0;display:flex}ul.staff li.archived .staff-name{color:var(--muted)}.staff-name{font-weight:600}.staff-role,.staff-pin,.staff-ended{color:var(--muted);font-size:14px}.staff-pin{margin-right:auto}.pin-form{width:100%;margin-top:8px}.pin-form input{max-width:160px}.pin-form .actions{align-items:center;gap:16px;margin-top:12px;display:flex}.code{border:1px solid var(--accent);border-radius:6px;margin-top:24px;padding:20px}.code p{margin:0 0 8px}.code-digits{letter-spacing:.12em;color:var(--accent);font-family:ui-monospace,monospace;font-size:34px}