:root{--bg:#f3f5fa;--card:#fff;--text:#1b1f2a;--muted:#5d6475;--line:#dde2ec;--accent:#1f4fd1;--accent-text:#fff;--ok:#18794e;--warn:#9a5b00;--error:#c62a2a;--pending-bg:#fff4d6;--approved-bg:#dcf5e7;--revoked-bg:#f1f1f3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#12141a;--card:#1c1f27;--text:#e8eaf0;--muted:#9aa1b2;--line:#2d313c;--accent:#5b82f0;--accent-text:#fff;--ok:#4cc38a;--warn:#f0b350;--error:#ff6b6b;--pending-bg:#3a3017;--approved-bg:#173a29;--revoked-bg:#2a2c33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px;line-height:1.6}.shell{max-width:480px;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.brand{align-items:center;gap:10px;margin-bottom:16px;font-weight:700;display:flex}.brand img{border-radius:9px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}h1{margin:0 0 8px;font-size:1.25rem;line-height:1.4}p{margin:8px 0}.steps{margin:12px 0;padding-left:1.4em}.steps li{margin:6px 0}.field{flex-direction:column;gap:6px;margin:16px 0;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:12px;font-weight:400}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;background:var(--accent);width:100%;color:var(--accent-text);cursor:pointer;border:0;border-radius:10px;padding:13px 16px;font-weight:700}button.secondary{color:var(--accent);border:1px solid var(--line);background:0 0;font-weight:600}button:disabled{opacity:.5;cursor:default}.reconnect{margin-top:20px}.install-note{margin-top:16px}h2{margin:0 0 6px;font-size:1.05rem}.tips{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.tips summary{cursor:pointer;color:var(--accent);font-weight:600}.big-steps li{margin:12px 0}.badge{vertical-align:middle;border-radius:999px;margin-left:4px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.badge-pending{background:var(--pending-bg);color:var(--warn)}.badge-approved{background:var(--approved-bg);color:var(--ok)}.badge-revoked{background:var(--revoked-bg);color:var(--muted)}.muted{color:var(--muted);font-size:.9rem}.ok{color:var(--ok)}.warn{color:var(--warn)}.error{color:var(--error)}.inline-icon{vertical-align:-.2em;width:1.2em;height:1.2em}