.account-shell{flex-direction:column;min-height:100dvh;display:flex}.account-shell main{flex:1}.account-header__lead{align-items:center;gap:var(--sp-4);flex:0 auto;min-width:0;display:flex}.account-header .brand{flex:0 auto;min-width:28px}.account-header nav{gap:var(--sp-4);flex:none}.account-header__name{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.account-header .account-header__web,.account-header .theme-toggle,.account-header .pref-menu__btn{box-sizing:border-box;height:44px;min-height:44px}.account-header .account-header__web{padding:0 var(--sp-4);font-size:var(--text-sm);flex:0 auto;min-width:4.5rem;line-height:1;overflow:hidden}@media (width<=480px){.account-header .pref-menu__full{display:none}.account-header .pref-menu__short{letter-spacing:.04em;font-weight:600;display:inline}.account-header .pref-menu__btn{justify-content:center;width:44px;max-width:none;padding-inline:0}}.account-header__web-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.account-header .theme-toggle{align-items:stretch;padding:3px}.account-header .theme-toggle__btn{align-self:stretch;width:36px;height:auto;min-height:0}.account-header .pref-menu__btn{padding-block:0;line-height:1}@media (width<=360px){.account-header .inner{row-gap:var(--sp-2);padding-block:var(--sp-2);flex-wrap:wrap}.account-header__lead{flex:100%}}@media (width<=768px){.account-header .account-header__name{display:none}}.account{padding-block:var(--sp-9) var(--sp-12)}.account__contact{margin-top:var(--sp-6);font-size:var(--text-sm);color:var(--text-dim);max-width:48ch;margin-bottom:0}html[data-theme]:not([data-signed-out]) [data-account]:not(:has(>[data-view]:not([hidden])))>.account__contact{display:none}.account__head{align-items:baseline;gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.account__head h1{flex:auto;margin:0}.account__user{color:var(--text-dim);margin:0}.account__status{color:var(--text-dim)}.account__note{max-width:var(--measure);color:var(--text-dim)}.account__auth-tabs,.account__tabs,.account__actions{gap:var(--sp-2);margin:var(--sp-4) 0;flex-wrap:wrap;display:flex}.account__tabs button{align-items:center;gap:var(--sp-2);font:inherit;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:inline-flex}.account__tab-icon{flex:none;width:1.15em;height:1.15em}.account__tabs button[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.account__tabs button{transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease)}.account__tabs button:hover{border-color:var(--border-strong)}.account__tabs{position:relative}.account__tab-pill{display:none}.account__tabs.has-pill .account__tab-pill{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);pointer-events:none;display:block;position:absolute;top:0;left:0}.account__tabs.is-ready .account__tab-pill{transition:translate .4s var(--ease-out), width .4s var(--ease-out), height .4s var(--ease-out)}.account__tabs.has-pill button{background:0 0;position:relative}.account__tabs.has-pill button[aria-selected=true]{border-color:#0000}.account__panel:not([hidden]),[role=tabpanel]:not([hidden]),html[data-signed-out] [data-account]>[data-view=auth]{animation:rise-in .35s var(--ease-out)}html[data-signed-out] [data-account]>[data-view=auth][hidden]{display:block!important}:is(.form-msg,.account__status):not([hidden]){animation:msg-in .3s var(--ease-out)}@keyframes msg-in{0%{opacity:0;translate:0 -4px}}.btn.is-copied{border-color:var(--good);color:var(--good);animation:copied-pop .35s var(--ease-spring)}@keyframes copied-pop{40%{scale:1.04}}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--surface) 70%, transparent) 50%, transparent 70%) var(--surface-2);animation:sheen 1.4s var(--ease) infinite;background-size:200% 100%;border:0;list-style:none;display:block}.skeleton--card{height:112px;margin:var(--sp-4) 0;border-radius:var(--radius-lg)}.skeleton--line{height:44px;margin:var(--sp-3) 0}.account__feed li.skeleton{border-bottom:0;padding:0}@keyframes sheen{0%{background-position:100% 0}to{background-position:-100% 0}}.account__feed{margin:var(--sp-2) 0 0;padding:0;list-style:none}.account__feed li{padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.account__feed li:last-child{border-bottom:none}.account__feed time{font-family:var(--mono);font-size:var(--text-xs);color:var(--text-dim);display:block}.account__feed p{margin:var(--sp-1) 0 0}.account__card{margin:var(--sp-4) 0;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.account__card--danger{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.account__subhead{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-1);font-size:var(--text-md);flex-wrap:wrap;font-weight:600;display:flex}.account__method-icon{flex:none;width:1.15em;height:1.15em}.account__recommend{margin:0 0 var(--sp-2)}.account__section+.account__section{margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--border)}.form-msg{margin:var(--sp-3) 0 0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-base);background:var(--bg)}.form-msg--error{border-color:color-mix(in srgb, #d13b3b 45%, var(--border));background:color-mix(in srgb, #d13b3b 8%, var(--bg));color:#a62c2c}.form-msg--ok{border-color:color-mix(in srgb, #1f7a4d 45%, var(--border));background:color-mix(in srgb, #1f7a4d 8%, var(--bg));color:#1b6b44}html[data-theme=dark] .form-msg--error,html[data-theme=dark] .form-msg--ok{background:color-mix(in srgb, currentColor 12%, var(--bg))}html[data-theme=dark] .form-msg--error{color:#ff9d9d;border-color:color-mix(in srgb, #ff8d8d 40%, var(--border))}html[data-theme=dark] .form-msg--ok{color:#78d6a4;border-color:color-mix(in srgb, #78d6a4 40%, var(--border))}.account__totp-enroll{margin:var(--sp-4) 0;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.account__totp-qr{align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.account__totp-qr img{border-radius:var(--radius);padding:var(--sp-2);background:#fff;flex:none}.account__totp-secret{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.account__totp-secret code{font-family:var(--mono);font-size:var(--text-sm);word-break:break-all;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);display:block}.account__check{align-items:center;gap:var(--sp-2);font-size:var(--text-base);cursor:pointer;display:flex}.account__check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.btn.danger{background:var(--accent);color:var(--on-accent)}.account__card-head{gap:var(--sp-2);align-items:center;display:flex}.account__badge{font-size:var(--text-xs);padding:var(--sp-05) var(--sp-2);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-dim)}.account__meta{color:var(--text-dim);font-size:var(--text-base)}.account__key{margin:var(--sp-3) 0;padding:var(--sp-2) var(--sp-3);font-family:var(--mono);font-size:var(--text-xs);background:var(--surface-2);border-radius:var(--radius);display:block;overflow-x:auto}.account__switch{margin:var(--sp-4) 0 0}.account__switch-btn{font:inherit;color:var(--accent-text);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.account__otp{font-family:var(--mono);letter-spacing:.18em;font-size:var(--text-lg)}.btn.secondary.account__passkey-signin{margin-top:var(--sp-4)}.account__passkey-note{margin:var(--sp-2) 0 0;color:var(--text-dim);font-size:var(--text-sm)}.account__hint{margin:var(--sp-3) 0 var(--sp-4);font-size:var(--text-sm)}.account__hint summary{width:fit-content;color:var(--text);cursor:pointer;text-underline-offset:3px;text-decoration:underline}.account__hint summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.account__video{max-width:32rem;margin-top:var(--sp-3);aspect-ratio:16/9}.account__video iframe{border-radius:var(--radius);background:var(--bg);border:0;width:100%;height:100%}.account__passkey-item{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.account__passkey-item:last-child{border-bottom:none}.account__passkey-info{gap:var(--sp-05);flex-direction:column;min-width:0;display:flex}.account__passkey-name{word-break:break-word;font-weight:600}.account__passkey-used{font-size:var(--text-sm);color:var(--text-dim)}.account__passkeys:not(:empty){margin-bottom:var(--sp-4)}.account__logins p{margin:var(--sp-05) 0 0}.account__logins-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;display:flex}.account__logins-head p{margin:0}.account__logins-head .btn{flex:none}.account__passkey-actions{gap:var(--sp-2);flex-shrink:0;display:flex}.account__passkey-rename-input{min-width:0;padding:var(--sp-1) var(--sp-2);font:inherit;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg);color:var(--text);flex:1;font-weight:600}.account__head-actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.account__card ul{margin:var(--sp-2) 0 0;gap:var(--sp-2);padding:0;list-style:none;display:grid}.account__card li{gap:var(--sp-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}@media (forced-colors:active){.account__tabs button[aria-selected=true]{border-bottom:3px solid highlight}}