:root{--fg:#1a1a1a;--muted:#666;--line:#d8d8d8;--bg:#fff;--primary:#1565c0;--warn:#c62828;--ok:#2e7d32;font-family:-apple-system,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-size:18px}.wrap{max-width:720px;margin:0 auto;padding:16px 14px 48px}h1{margin:8px 0 16px;font-size:24px}h2{margin:24px 0 8px;font-size:20px}button{font:inherit}.btn{color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:12px;width:100%;margin:10px 0;padding:18px;font-size:20px;font-weight:700;display:block}.btn.sub{color:var(--fg);border:2px solid var(--line);background:#fff;font-weight:600}.btn:disabled{opacity:.5}.row{gap:10px;display:flex}.row>*{flex:1}.card{border:2px solid var(--line);border-radius:12px;margin:12px 0;padding:14px}.note{background:#f5f8ff;border:2px solid #cfe0ff;border-radius:12px;padding:12px;font-size:16px}.err{color:var(--warn);font-weight:700}.muted{color:var(--muted);font-size:16px}input[type=text],input[type=password],select{font:inherit;border:2px solid var(--line);border-radius:10px;width:100%;padding:12px}table.grid{border-collapse:collapse;width:100%}table.grid th,table.grid td{border:1px solid var(--line);text-align:center;padding:6px 2px;font-size:16px}table.grid th.name,table.grid td.name{text-align:left;white-space:nowrap;padding-left:8px}td.cell{cursor:pointer;-webkit-user-select:none;user-select:none;min-width:42px;height:44px}td.cell.on{color:var(--warn);background:#ffecec;font-weight:700}td.cell.fixed{color:var(--primary);background:#eef2ff;font-weight:700}td.cell.off{color:var(--muted);background:#f0f0f0}.scroll{overflow-x:auto}