:root{--bg: #f5f6f8;--card: #ffffff;--text: #1b1f24;--muted: #667085;--line: #e3e6ea;--accent: #2563eb;--accent-text: #ffffff;--ok: #15803d;--warn: #b45309;--err: #b91c1c;font-family:Pretendard,Malgun Gothic,system-ui,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #111418;--card: #1a1e24;--text: #e6e8eb;--muted: #98a2b3;--line: #2c323a;--accent: #4f8cff;--ok: #4ade80;--warn: #fbbf24;--err: #f87171}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2{margin:0 0 8px}h2{font-size:1.1rem}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.login{width:min(360px,100%);display:grid;gap:12px}label{display:grid;gap:4px;font-size:.9rem}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}input[type=number]{width:4.2em;padding:6px}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:9px 16px;background:var(--accent);color:var(--accent-text)}button:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.link{background:none;color:var(--muted);padding:4px 8px}button.tab{background:transparent;color:var(--text);border:1px solid var(--line)}button.tab.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card)}header nav{display:flex;gap:6px;flex:1;flex-wrap:wrap}.inline{display:flex;gap:6px}.grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;padding:16px;max-width:1200px;margin:0 auto}@media(max-width:860px){.grid{grid-template-columns:1fr}}.rule{border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:12px}.toggle{display:flex;align-items:center;gap:8px;font-weight:600}.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:10px}.day{display:flex;align-items:center;gap:8px}.day>span{width:1.5em;color:var(--muted)}.hm{display:inline-flex;align-items:center;gap:4px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:.85rem}.pad{padding:16px}.error{color:var(--err)}.okmsg{color:var(--ok)}.device{border-top:1px solid var(--line);padding:12px 0}.device:first-of-type{border-top:0}.device dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0}.device dt{color:var(--muted)}.device dd{margin:0}.pill{font-size:.75rem;border-radius:999px;padding:2px 8px;border:1px solid var(--line);color:var(--muted)}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.warn{color:var(--warn);border-color:var(--warn)}.sync{font-size:.9rem;margin-top:4px}.sync.ok{color:var(--ok)}.sync.pending{color:var(--warn)}.pairing{border-top:1px solid var(--line);padding-top:12px;margin-top:8px}code.big{font-size:1.4rem;letter-spacing:.15em}
