.account{gap:18px;max-width:660px;display:grid}.account__head .lede{margin-top:12px}.account__tabs{justify-self:start;margin:4px 0 0}.account__note{margin:4px 0 0}.account-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:20px;padding:clamp(22px,4vw,32px);display:grid}.account-card>p,.account-card h1{margin:0}.account-card--loading{background:linear-gradient(100deg, var(--mist) 30%, #fff 50%, var(--mist) 70%) 0 0 / 300% 100%;min-height:320px;animation:1.6s linear infinite account-shimmer}@keyframes account-shimmer{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.account-card--loading{animation:none}}.account-card__intro{color:var(--muted);margin:8px 0 0}.account-card h2,.account-card__foot{margin:0}.account-card__badge{background:var(--plum);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:inline-grid}.account-field__hint{color:var(--muted);margin:8px 0 0;font-size:14px}.account-input-row{gap:8px;display:flex}.account-input-row .field-input{flex:1;min-width:0}.account-input-row__btn{border:1.5px solid var(--line);background:var(--mist);min-height:50px;font:inherit;color:var(--plum);white-space:nowrap;cursor:pointer;border-radius:14px;flex:none;padding:0 16px;font-size:14.5px;font-weight:700;transition:border-color .15s,background-color .15s}.account-input-row__btn:hover{border-color:var(--plum);background:#fff}.account-suggest{margin-top:10px;font-size:14.5px}.account-code-input{letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.account-strength{color:var(--muted);align-items:center;gap:10px;margin:10px 0 0;font-size:14px;font-weight:600;display:flex}.account-strength__bar{background:var(--line);border-radius:999px;width:120px;height:6px;overflow:hidden}.account-strength__bar span{border-radius:inherit;height:100%;transition:width .2s var(--ease-out);display:block}.account-strength--0 .account-strength__bar span{background:var(--blush-deep);width:15%}.account-strength--1 .account-strength__bar span{background:var(--marigold);width:45%}.account-strength--2 .account-strength__bar span{background:var(--marigold);width:72%}.account-strength--3 .account-strength__bar span{background:var(--plum);width:100%}.account-check{cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.account-check input{width:18px;height:18px;accent-color:var(--plum);flex:none;margin-top:3px}.account-error,.account-ok{border-radius:14px;margin:0;padding:12px 16px;font-size:15px;line-height:1.5}.account-error{background:var(--blush-soft);border:1px solid var(--blush-deep);color:#7a2234}.account-ok{background:var(--marigold-soft);color:var(--ink);border:1px solid #f3d79a}.account-code{border:1.5px dashed var(--blush-deep);background:var(--mist);letter-spacing:.08em;text-align:center;color:var(--plum);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:16px;margin:0;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(21px,5vw,30px);font-weight:700}.account-card--code .btn svg{margin-right:2px}.account-choice{gap:12px;display:grid}.account-choice__opt{border:1.5px solid var(--line);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:16px;gap:4px;padding:18px 20px;transition:border-color .15s,background-color .15s;display:grid}.account-choice__opt:hover{border-color:var(--plum);background:var(--mist)}.account-choice__opt strong{color:var(--plum);font-size:16.5px}.account-choice__opt span{color:var(--muted);font-size:14.5px}.account-choice__opt[disabled]{opacity:.5;cursor:progress}.account-sync{background:var(--mist);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:15px;line-height:1.5;display:flex}.account-sync svg{color:var(--plum);flex:none}.account-sync span{flex:1;min-width:200px}.account-sync--saved{background:var(--marigold-soft)}.account-sync--error{background:var(--blush-soft)}.account-section{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0 clamp(20px,4vw,28px)}.account-section summary{color:var(--plum);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-weight:700;list-style:none;display:flex}.account-section summary::-webkit-details-marker{display:none}.account-section summary:after{content:"";width:10px;height:10px;transition:transform .2s var(--ease-out);border-bottom:2px solid;border-right:2px solid;flex:none;margin-right:4px;transform:rotate(45deg)translateY(-3px)}.account-section[open] summary:after{transform:rotate(225deg)translateY(-3px)}.account-section>p,.account-section>form,.account-section>.account-check,.account-section>.btn,.account-section>.account-error{margin:0 0 18px}.account-section>form{gap:16px;padding-bottom:6px;display:grid}.account-section>form>p{margin:0}.account-section>.btn{margin-bottom:22px}.account-section--danger summary{color:#8a2a3c}.account-danger-btn{color:#fff;background:#8a2a3c;border-color:#8a2a3c;justify-self:start}.account-danger-btn:hover{background:#74202f;border-color:#74202f}.account-section form .btn{justify-self:start}@media (max-width:520px){.account__tabs{grid-template-columns:1fr 1fr;justify-self:stretch;display:grid}.account-input-row__btn{padding:0 12px}}