:root{--bg: #ffffff;--fg: #16181d;--muted: #5d636e;--line: #e2e5ea;--card: #f7f8fa;--accent: #2f6df6;--danger: #c0392b;--ok: #1e8e4a;--radius: 10px}:root:not([data-theme=light]){color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14161a;--fg: #e8eaee;--muted: #9aa1ad;--line: #2a2e36;--card: #1c1f25;--accent: #5b8dff;--danger: #ef6b5e;--ok: #4cc77f}}:root[data-theme=dark]{--bg: #14161a;--fg: #e8eaee;--muted: #9aa1ad;--line: #2a2e36;--card: #1c1f25;--accent: #5b8dff;--danger: #ef6b5e;--ok: #4cc77f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Noto Sans KR,sans-serif;padding:0 16px env(safe-area-inset-bottom)}main{max-width:560px;margin:0 auto;padding:24px 0 48px}h1{font-size:1.35rem;margin:0 0 4px}h2{font-size:1.05rem;margin:28px 0 10px}p.sub{color:var(--muted);margin:0 0 24px;font-size:.93rem}label{display:block;font-size:.88rem;color:var(--muted);margin:14px 0 5px}input[type=text],input[type=password]{width:100%;padding:11px 12px;font-size:1rem;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius)}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}button{font:inherit;padding:11px 16px;border-radius:var(--radius);border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer;min-height:44px}button[disabled]{opacity:.5;cursor:default}button.secondary{background:transparent;color:var(--fg);border-color:var(--line)}button.danger{background:transparent;color:var(--danger);border-color:var(--line)}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:10px}.card h3{margin:0 0 2px;font-size:1rem}.card .meta{color:var(--muted);font-size:.86rem}.notice{padding:12px 14px;border-radius:var(--radius);margin:16px 0;font-size:.93rem;border:1px solid var(--line)}.notice.error{color:var(--danger);border-color:var(--danger)}.notice.info{background:var(--card)}.status{font-size:.82rem;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}.status.online{color:var(--ok);border-color:var(--ok)}.status.offline{color:var(--danger);border-color:var(--danger)}.shares{display:flex;flex-direction:column;gap:2px;margin-top:6px}.shares label{display:flex;align-items:center;gap:9px;margin:0;padding:9px 2px;color:var(--fg);font-size:1rem;cursor:pointer}.shares input{width:20px;height:20px}.steps{color:var(--muted);font-size:.85rem;margin-bottom:6px}code{background:var(--card);padding:2px 6px;border-radius:5px;font-size:.9em}