html,body{height:100%}.authcard{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:34px 32px 30px}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--border-soft);margin:26px 0 24px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:15px;font-weight:500;color:var(--muted);padding:10px 2px 13px;position:relative;min-height:44px;transition:color .15s}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:transparent;transition:background .15s}.tab:hover{color:var(--fg-2)}.tab[aria-selected=true]{color:var(--fg)}.tab[aria-selected=true]:after{background:var(--accent)}.field{margin-bottom:18px}.input.mono{font-family:var(--mono);font-size:16px;letter-spacing:.04em}.input.mono.email{font-size:14.5px}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 4px #ff4d6d38}.field-error{display:none;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.45;color:var(--danger);margin-top:8px}.field-error svg{flex:none;margin-top:1px}.field.has-error .field-error{display:flex}.pw-wrap{position:relative}.pw-wrap .input{padding-right:48px}.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:none;background:none;border-radius:var(--r-sm);cursor:pointer;color:var(--muted);transition:color .15s}.eye:hover{color:var(--fg-2)}.eye:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-ghost.google{font-weight:500}.btn-ghost.google svg{flex:none}.divider{display:flex;align-items:center;gap:14px;margin:22px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-soft)}.divider span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.row-between{display:flex;justify-content:flex-end;margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:480px){.topbar{padding:18px 20px}.authcard{padding:26px 22px 24px}h1{font-size:27px}}:root{--bg:#0b1020;--surface:#121a33;--surface-warm:#1b2450;--fg:#f8fafc;--fg-2:#cbd5e1;--muted:#8b95aa;--meta:#7d5cff;--border:#26314f;--border-soft:#1b2740;--accent:#7132f5;--accent-on:#ffffff;--success:#00c853;--warn:#ffb020;--danger:#ff4d6d;--r-sm:8px;--r-md:12px;--r-lg:18px;--focus-ring:0 0 0 4px rgba(113,50,245,.32);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"Roboto Mono",ui-monospace,"SF Mono",Menlo,monospace}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.48;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 28px}.stage{flex:1;display:grid;place-items:center;padding:24px}.authcard{width:min(460px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:34px 32px 30px}h1{font-size:30px;font-weight:800;letter-spacing:-.015em;margin:10px 0 8px}.sub{font-size:14.5px;color:var(--fg-2);line-height:1.5}.field{margin:24px 0 20px}.field label{display:block;font-size:13px;font-weight:500;color:var(--fg-2);margin-bottom:8px}.input{width:100%;height:48px;padding:0 14px;color:var(--fg);font-size:15px;background:color-mix(in srgb,var(--surface) 55%,var(--bg));border:1px solid var(--border);border-radius:var(--r-md);transition:border-color .15s,box-shadow .15s;outline:none}.field .hint{font-size:12.5px;color:var(--muted);margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;border-radius:var(--r-md);cursor:pointer;font-family:var(--font);font-size:15.5px;font-weight:600;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}.btn-primary{background:var(--accent);color:var(--accent-on);border:none}.btn-primary:hover:not(:disabled){background:color-mix(in oklch,var(--accent),black 16%);transform:translateY(-1px);box-shadow:0 8px 22px #7132f54d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:default}.btn-ghost{background:var(--surface);color:var(--fg);border:1px solid var(--border);height:48px}.btn-icon{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg-2);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.btn-icon:hover{border-color:var(--fg-2);background:var(--surface-warm);color:var(--fg)}.btn-icon.copied{border-color:color-mix(in srgb,var(--success) 45%,var(--border));color:var(--success)}.spinner{width:18px;height:18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gen-note{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}.step{animation:rise .4s ease both}.step[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.step{animation:none}}.seed-box{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;margin:22px 0 18px}.seed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.seed-groups{display:flex;flex-wrap:wrap;gap:8px 0}.seed-groups .g{font-family:var(--mono);font-size:19px;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}.seed-groups .d{color:var(--muted);margin:0 10px;font-family:var(--mono);font-size:19px}.warn-box{display:flex;gap:13px;padding:15px 16px;border-radius:var(--r-md);background:color-mix(in srgb,var(--warn) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 28%,var(--border))}.warn-box svg{flex:none;color:var(--warn);margin-top:1px}.warn-box b{display:block;font-size:14px;font-weight:600;line-height:1.45}.warn-box p{font-size:13px;color:var(--fg-2);margin-top:3px;line-height:1.45}.confirm{display:flex;align-items:flex-start;gap:12px;margin:22px 0 18px;cursor:pointer;-webkit-user-select:none;user-select:none}.confirm input{position:absolute;opacity:0;width:1px;height:1px}.box{flex:none;width:22px;height:22px;margin-top:1px;border:1.5px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--surface) 55%,var(--bg));display:grid;place-items:center;transition:border-color .15s,background .15s;color:transparent}.box svg{transition:color .15s}.confirm:hover .box{border-color:var(--fg-2)}.confirm input:checked+.box{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.confirm input:focus-visible+.box{box-shadow:var(--focus-ring)}.confirm span{font-size:14.5px;color:var(--fg);line-height:1.45}.done-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:6px 0 18px;background:color-mix(in srgb,var(--success) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 35%,var(--border))}.panel-foot{margin-top:20px;text-align:center;font-size:14px}.pagefoot{padding:20px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}@media(max-width:480px){.topbar{padding:18px 20px}.authcard{padding:26px 22px 24px}h1{font-size:27px}.seed-groups .g,.seed-groups .d{font-size:16.5px}}:root{--bg:#0b1020;--surface:#121a33;--surface-warm:#1b2450;--fg:#f8fafc;--fg-2:#cbd5e1;--muted:#8b95aa;--meta:#7d5cff;--border:#26314f;--border-soft:#1b2740;--accent:#7132f5;--accent-on:#ffffff;--success:#00c853;--warn:#ffb020;--danger:#ff4d6d;--wt:#2dd4bf;--thera:#60a5fa;--orga:#34d399;--poll:#f472b6;--r-sm:8px;--r-md:12px;--r-lg:18px;--focus-ring:0 0 0 4px rgba(113,50,245,.32);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"Roboto Mono",ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.48;-webkit-font-smoothing:antialiased;min-height:100dvh}::selection{background:#7132f573}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.wordmark{display:flex;align-items:center;gap:10px}.wordmark b{font-weight:800;font-size:18px;letter-spacing:-.015em}.wordmark .id-chip{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--meta);border:1px solid var(--border);border-radius:6px;padding:3px 7px}.topbar .host{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em}.layout{max-width:660px;margin:0 auto;padding:36px 24px 56px}.page-head{margin-bottom:26px}.eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--meta)}h1{font-size:30px;font-weight:800;letter-spacing:-.015em;margin:8px 0 6px}.page-head p{font-size:14.5px;color:var(--fg-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;margin-bottom:16px}.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-h .ttl{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.01em}.card-h .ttl svg{color:var(--muted)}.profile{display:flex;align-items:center;gap:16px}.avatar{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--surface-warm);border:1px solid var(--border);font-weight:700;font-size:18px;letter-spacing:.02em;color:var(--fg)}.p-name{font-size:17px;font-weight:700}.p-meta{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:3px;letter-spacing:.03em}.name-row{display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;flex:none;display:grid;place-items:center;border:none;cursor:pointer;background:none;border-radius:var(--r-sm);color:var(--muted);transition:color .15s,background .15s}.icon-btn:hover{color:var(--fg-2);background:var(--surface-warm)}.name-edit{display:none;gap:8px;align-items:center}.name-edit.open{display:flex}.profile.editing .name-row{display:none}.input{width:100%;height:44px;padding:0 13px;color:var(--fg);font-size:14.5px;background:color-mix(in srgb,var(--surface) 55%,var(--bg));border:1px solid var(--border);border-radius:var(--r-md);outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#5a6478;opacity:1}.input:hover{border-color:#31406a}.input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.input.mono{font-family:var(--mono);font-size:14px;letter-spacing:.03em}.name-edit .input{width:220px}.locale-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}.locale-row .lbl{font-size:14px;color:var(--fg-2)}select.input{width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b95aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select.input option{background:var(--surface);color:var(--fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-md);cursor:pointer;font-family:var(--font);font-weight:600;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}.btn-ghost{background:var(--surface);color:var(--fg);border:1px solid var(--border);height:44px;padding:0 16px;font-size:14px;font-weight:500}.btn-ghost:hover{border-color:var(--fg-2);background:var(--surface-warm)}.btn-ghost.sm{height:38px;font-size:13.5px;padding:0 13px}.btn-danger{background:color-mix(in srgb,var(--danger) 16%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));height:38px;padding:0 13px;font-size:13.5px}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 26%,var(--surface));border-color:color-mix(in srgb,var(--danger) 60%,var(--border))}.btn-text{background:none;border:none;color:var(--muted);font-size:13.5px;font-weight:500;height:38px;padding:0 10px;cursor:pointer;border-radius:var(--r-sm);transition:color .15s}.btn-text:hover{color:var(--fg-2)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}.seed-collapsed{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.seed-mask{font-family:var(--mono);font-size:16.5px;letter-spacing:.06em;color:var(--fg-2);background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 16px;flex:1;min-width:200px;font-variant-numeric:tabular-nums}.seed-open,.card.open .seed-collapsed{display:none}.card.open .seed-open{display:block;animation:rise .3s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.seed-box{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;margin-bottom:14px}.seed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.seed-head .label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.seed-groups{display:flex;flex-wrap:wrap;row-gap:8px}.seed-groups .g{font-family:var(--mono);font-size:16px;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap}.seed-groups .d{color:#46536f;margin:0 9px;font-family:var(--mono);font-size:16px}.seed-actions{display:flex;gap:10px;flex-wrap:wrap}.seed-note{font-size:12.5px;color:var(--muted);margin-top:12px;line-height:1.45}.rotate-confirm{display:none;gap:14px;margin-top:14px;padding:15px 16px;border-radius:var(--r-md);background:color-mix(in srgb,var(--danger) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 26%,var(--border))}.rotate-confirm.on{display:flex;animation:rise .25s ease both}.rotate-confirm svg{flex:none;color:var(--danger);margin-top:1px}.rotate-confirm p{font-size:13.5px;color:var(--fg-2);line-height:1.45;margin-bottom:12px}.rotate-confirm b{color:var(--fg);font-weight:600}.rotate-confirm .acts{display:flex;gap:10px;flex-wrap:wrap}.email-form .field{margin-bottom:14px}.email-form label{display:block;font-size:13px;font-weight:500;color:var(--fg-2);margin-bottom:7px}.email-bound{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.email-bound .mail-ic{width:40px;height:40px;border-radius:var(--r-md);flex:none;display:grid;place-items:center;background:var(--surface-warm);border:1px solid var(--border);color:var(--fg-2)}.email-bound .addr{font-family:var(--mono);font-size:14.5px;letter-spacing:.02em}.email-bound .when{font-size:12.5px;color:var(--muted);margin-top:3px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.badge.success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 30%,var(--border))}.pw-change{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft)}.pw-change.on{display:block;animation:rise .25s ease both}.pw-change .field{margin-bottom:12px}.pw-change label{display:block;font-size:13px;font-weight:500;color:var(--fg-2);margin-bottom:7px}.svc-list{display:flex;flex-direction:column}.svc{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.svc:last-child{border-bottom:none;padding-bottom:4px}.svc:first-child{padding-top:2px}.svc-ic{width:38px;height:38px;border-radius:var(--r-md);flex:none;display:grid;place-items:center}.svc-ic i{display:block;width:11px;height:11px;border-radius:50%}.svc-name{font-size:14.5px;font-weight:600}.svc-meta{font-size:12.5px;color:var(--muted);margin-top:2px}.svc-right{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.03em}.svc-right .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent)}.svc-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft);font-size:12.5px;color:var(--muted);line-height:1.5;display:flex;gap:9px;align-items:flex-start}.svc-note svg{flex:none;margin-top:1px}.logout{width:100%;height:48px;font-size:14.5px;margin-top:8px}.link{color:var(--meta);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s;font-weight:500}.link:hover{color:color-mix(in oklch,var(--meta),white 30%);border-bottom-color:currentColor}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,14px);display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 18px;font-size:14px;font-weight:500;box-shadow:0 12px 32px #00000080;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:50}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{flex:none}@media(max-width:560px){.topbar{padding:16px 20px}.topbar .host{display:none}.layout{padding:24px 16px 48px}h1{font-size:26px}.card{padding:18px}.seed-groups .g,.seed-groups .d{font-size:14.5px}.name-edit .input,.name-edit{width:100%}}.seed-groups .seed-group{font-family:var(--mono);font-size:19px;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}.seed-groups .seed-group+.seed-group:before{content:"-";color:var(--muted);margin:0 10px;font-family:var(--mono);font-size:19px}.alt{margin-top:18px;text-align:center;font-size:14px;color:var(--fg-2)}.alt a{color:var(--meta);text-decoration:none;border-bottom:1px solid transparent;font-weight:500;transition:color .15s,border-color .15s}.alt a:hover{color:color-mix(in oklch,var(--meta),white 30%);border-bottom-color:currentColor}body.widget-mode{display:block}.stage--widget{flex:none;display:block;padding:0}.authcard--widget{width:100%;max-width:none;padding:24px 22px 20px}.authcard--widget h1{font-size:22px;margin:8px 0 6px}.authcard--widget .sub{font-size:13.5px}.authcard--widget .tabs{margin:16px 0 14px;gap:22px}.authcard--widget .field{margin-bottom:14px}.authcard--widget .field label{font-size:12.5px;margin-bottom:6px}.authcard--widget .input{height:44px;font-size:14.5px}.authcard--widget .btn{height:46px;font-size:14.5px}.authcard--widget .seed-box{padding:16px 18px;margin:16px 0 14px}.authcard--widget .seed-groups .seed-group,.authcard--widget .seed-groups .seed-group+.seed-group:before{font-size:16.5px}.authcard--widget .confirm,.authcard--widget .divider{margin:16px 0 14px}.w-foot{margin-top:14px;text-align:center;font-size:13.5px;color:var(--fg-2)}.w-foot .link{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:13.5px;padding:0}.gbtn{display:flex;justify-content:center;min-height:44px}
