:root{--acc-bg: #f6f6f5;--acc-card: #ffffff;--acc-ink: #18181b;--acc-muted: #6b6b70;--acc-line: #e4e4e7;--acc-btn: #18181b;--acc-btn-ink: #ffffff;--acc-focus: #3f3f46;--acc-danger: #b42318;--of-ink: #193e33;--of-brand: #295e4d;--of-mint: #e3f1ea;--os-ink: #2a2521;--os-petrol: #356b7a;--os-wash: #e7eff1}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--acc-bg);color:var(--acc-ink);font:14px/1.5 Inter,system-ui,sans-serif}.acc{min-height:100dvh;display:flex;flex-direction:column}.acc-top{height:64px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--acc-line);background:#fff}.mark{display:inline-flex;align-items:center;gap:7px;font-weight:600;letter-spacing:-.01em;font-size:14px}.mark i{width:18px;height:18px;border-radius:5px;background:var(--acc-ink);display:inline-block;position:relative}.mark i:after{content:"";position:absolute;inset:5px;border-radius:50%;border:2px solid #fff}.mark em{font-style:normal;font-weight:500;color:var(--acc-muted)}.acc-body{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:400px;max-width:100%;background:var(--acc-card);border:1px solid var(--acc-line);border-radius:14px;padding:32px}.card h1{font-size:22px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}.sub{color:var(--acc-muted);margin:0 0 22px}.btn{width:100%;height:44px;border-radius:10px;font:inherit;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--acc-line);background:#fff;color:var(--acc-ink);margin-bottom:10px;cursor:pointer}.btn.primary{background:var(--acc-btn);color:var(--acc-btn-ink);border-color:var(--acc-btn)}.btn:disabled{opacity:.6;cursor:default}.btn:focus-visible,.field:focus-visible,.linkbtn:focus-visible{outline:2px solid var(--acc-focus);outline-offset:2px}.btn .g{width:18px;height:18px;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0)}.btn .ap{width:16px;height:19px;color:#000;flex:none}.qr{display:block;width:184px;height:184px;margin:4px auto 14px;image-rendering:pixelated}.or{display:flex;align-items:center;gap:10px;color:var(--acc-muted);font-size:12px;margin:16px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--acc-line)}label{display:block;font-weight:500;margin:0 0 6px;font-size:13px}.field{width:100%;height:44px;border:1px solid var(--acc-line);border-radius:10px;background:#fff;padding:0 12px;font:inherit;color:var(--acc-ink);margin-bottom:14px}.field.code{letter-spacing:.4em;font-size:20px;font-weight:600;text-align:center}.err{color:var(--acc-danger);font-size:13px;margin:-8px 0 14px}.links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;margin-top:6px}.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--acc-ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.fine{font-size:12px;color:var(--acc-muted);margin-top:18px}.secret{font-family:ui-monospace,monospace;background:#f4f4f5;border-radius:8px;padding:10px 12px;word-break:keep-all;overflow-wrap:normal;margin:0 0 14px}.chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:5px 12px 5px 6px;font-weight:600;font-size:13px;margin-bottom:18px}.chip i{width:20px;height:20px;border-radius:50%;display:inline-block}.chip.otoframe{background:var(--of-mint);color:var(--of-ink)}.chip.otoframe i{background:radial-gradient(circle at 35% 35%,#7fd0aa,var(--of-brand))}.chip.otosheets{background:var(--os-wash);color:var(--os-ink)}.chip.otosheets i{background:var(--os-petrol)}.ret{font-size:13px;color:var(--acc-muted);margin:-12px 0 20px}.acc-foot{height:48px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px;color:var(--acc-muted)}@media(max-width:640px){.acc-top{padding:0 20px;height:56px}.acc-body{align-items:flex-start;padding:20px}.card{border:0;background:transparent;padding:8px 4px}}