:root{color-scheme:light dark;--bg:#f8f5ef;--surface:#fffdf9;--ink:#302d28;--muted:#78746d;--line:#e3dfd5;--accent:#397161;--hover:#f1eee6;--error:#a33432}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0%,#e5eee5 0,transparent 48%),var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,sans-serif;min-height:100svh;display:flex;flex-direction:column}header,footer{padding:28px clamp(20px,5vw,72px)}a{color:inherit}.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-weight:650;letter-spacing:-.4px;font-size:18px}main{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px 20px 56px}.card{position:relative;min-width:0;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 65px #302d2810;border-radius:28px;padding:42px;width:min(100%,450px)}.mark{display:block;margin:0 auto 20px;border-radius:20px}h1{font-size:28px;line-height:1.2;letter-spacing:-1px;text-align:center;margin:0 0 30px}.close{position:absolute;right:20px;top:14px;text-decoration:none;font-size:26px;color:var(--muted);padding:4px 8px}button,input{min-width:0;font:inherit;width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 16px;background:var(--surface);color:var(--ink)}button{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;min-height:48px}button:hover{background:var(--hover)}button:disabled{opacity:.55;cursor:wait}button svg{width:21px;height:21px}.providers{display:grid;gap:12px}.primary{background:var(--accent);color:#fff;border-color:var(--accent);margin-top:12px}.primary:hover{filter:brightness(1.1);background:var(--accent)}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input{outline-offset:3px}.divider{display:flex;align-items:center;gap:14px;color:var(--muted);margin:24px 0;font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.continue{display:block;text-align:center;text-decoration:none;font-size:13px;color:var(--muted);padding-top:26px}.continue:hover{text-decoration:underline}.message{padding:14px 16px;background:var(--hover);border-radius:12px;margin-top:18px;overflow-wrap:anywhere}.message[data-error]{color:var(--error)}#retry{margin-top:12px}#loading{text-align:center;color:var(--muted)}footer{display:flex;gap:20px;justify-content:space-between;font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #88b8a7;outline-offset:4px}[hidden]{display:none!important}@media(max-width:500px){header,footer{padding:20px}.card{padding:36px 24px;border-radius:22px}h1{font-size:25px}}@media(prefers-color-scheme:dark){:root{--bg:#171b1b;--surface:#202625;--ink:#f1f0e9;--muted:#adb8b1;--line:#37433e;--accent:#437e69;--hover:#29332e;--error:#ffb5ad}body{background:radial-gradient(ellipse at 30% 0%,#25382e 0,transparent 48%),var(--bg)}}

.sync-note{font-size:.85rem;color:var(--muted,#637189);margin:16px 0;text-align:center}
