:root{--bg: #f6f7f5;--card: #ffffff;--text: #1b1f1c;--muted: #6b726d;--line: #e2e5e1;--accent: #1f8a4c;--accent-soft: #e3f3e9;--warn: #b4531c;--warn-soft: #fbeee5;--danger: #b42318;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111412;--card: #1a1e1b;--text: #e8ece9;--muted: #8e968f;--line: #2a302c;--accent: #48c27a;--accent-soft: #173322;--warn: #e59a6a;--warn-soft: #3a2518;--danger: #f2877d}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}main{max-width:520px;margin:0 auto;padding:16px}header{display:flex;align-items:center;justify-content:space-between;gap:8px}h1{font-size:20px;margin:4px 0}h2{font-size:16px;margin:0 0 12px}.badge{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--line);color:var(--muted);white-space:nowrap}.badge.on{background:var(--accent-soft);color:var(--accent)}.badge.paused{background:var(--warn-soft);color:var(--warn)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0}.reason{font-weight:600;margin:0 0 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}.stats div{background:var(--bg);border-radius:10px;padding:8px;text-align:center}.stats dt{font-size:11px;color:var(--muted)}.stats dd{margin:2px 0 0;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.label{font-size:12px;color:var(--muted);margin:8px 0 4px}.preview{min-height:3em;margin:0;padding:8px 10px;border-radius:10px;background:var(--bg);color:var(--muted);font-size:14px;word-break:keep-all}.error{color:var(--danger);font-size:13px;margin:8px 0 0;word-break:break-all}label{display:block;font-size:13px;color:var(--muted);margin:0 0 10px}input[type=url],input[type=password],input[type=time]{display:block;width:100%;margin-top:4px;padding:10px;font-size:15px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}.check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.row{display:flex;gap:8px}.preview~.row,.check+.row{margin-top:12px}.row>*{flex:1}button{min-height:44px;padding:10px 12px;font-size:15px;font-weight:600;border:0;border-radius:10px;background:var(--accent);color:#fff}button.secondary{background:var(--bg);color:var(--text);border:1px solid var(--line)}.days{display:flex;gap:6px;margin-bottom:12px}.day{flex:1;min-height:38px;padding:0;background:var(--bg);color:var(--muted);border:1px solid var(--line);font-weight:500}.day.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:12px}.flash{position:fixed;left:16px;right:16px;bottom:16px;margin:0;padding:12px;border-radius:10px;background:var(--text);color:var(--bg);text-align:center}
