/* Account surfaces extend the public Oshi palette in styles.css. */
#two-factor-uri,#two-factor-secret,#two-factor-codes{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:12px 0;color:#dbe5ff}
.account-page{min-height:100svh;display:flex;flex-direction:column}.account-page [hidden]{display:none!important}.account-header{height:74px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.account-brand{display:inline-flex;align-items:center;gap:12px}.account-brand img{width:76px;height:auto;display:block}.account-header nav{display:flex;align-items:center;gap:24px}.account-header nav a{color:#c4c7d2;font-size:14px}.account-header nav a:hover,.account-text-link:hover{color:#a9bcff}.account-main{width:min(100% - 40px,1160px);margin:0 auto;flex:1;padding:60px 0 90px}.auth-main{display:flex;align-items:center;justify-content:center;padding-block:64px}.auth-layout{width:min(100%,920px);display:grid;grid-template-columns:1fr minmax(340px,440px);gap:clamp(40px,8vw,110px);align-items:center}.auth-intro h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.055em;line-height:1.15;margin:0 0 20px}.auth-intro p{color:#b4b6c1;font-size:17px;line-height:1.65;max-width:420px}.auth-card,.account-panel{background:#101114;border:1px solid #292b35;border-radius:8px;padding:clamp(22px,3vw,34px)}.auth-card h2,.account-panel h2{font-size:21px;letter-spacing:-.025em;margin:0 0 10px}.auth-card>p,.panel-description{color:#b4b6c1;font-size:14px;line-height:1.6;margin:0 0 24px}.account-form{display:grid;gap:17px}.account-field{display:grid;gap:8px}.account-field label{font-size:14px;font-weight:600}.account-field input{width:100%;min-height:46px;padding:10px 13px;border:1px solid #525563;border-radius:6px;color:var(--ink);background:#090a0e}.account-field input::placeholder{color:#a3a6b2}.account-field input:focus-visible{outline-offset:2px;border-color:#8ba7ff}.field-help{color:#aeb1bd;font-size:12px;line-height:1.5;margin:0}.remember-choice{display:flex;align-items:center;gap:10px;color:#dbe5ff;font-size:14px}.remember-choice input{width:18px;height:18px;margin:0;accent-color:#527cff;cursor:pointer}.remember-choice label{cursor:pointer}.remember-choice input:focus-visible{outline:2px solid #a9bcff;outline-offset:3px}.account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:5px}.account-button{min-height:44px;border:1px solid transparent;border-radius:6px;background:var(--blue);color:#050608;font-weight:700;padding:10px 18px;cursor:pointer;line-height:1.3}.account-button:hover{background:#83a0ff}.account-button[href]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.account-button.secondary{background:#20232c;border-color:#626776;color:var(--ink)}.account-button.secondary:hover{background:#303442}.account-button.danger{background:transparent;color:#ff9d9d;border-color:#ba6464}.account-button.danger:hover{background:#391c22}.account-button:disabled{opacity:.65;cursor:wait}.account-text-link{color:#9db3ff;text-decoration:underline;text-underline-offset:3px;font-size:14px}.auth-else{margin:26px 0 0;color:#b4b6c1;font-size:14px}.auth-else a{color:#a9bcff;text-decoration:underline;text-underline-offset:3px}.account-status{margin:0 0 18px;padding:12px 14px;border-radius:6px;background:#192943;color:#dbe5ff;font-size:14px;line-height:1.5}.account-status[data-tone="error"]{background:#3c1e24;color:#ffd0d0}.account-status[data-tone="success"]{background:#143128;color:#c1f5d6}.account-status:empty{display:none}.account-footer{padding:18px 24px;text-align:center;color:#a4a7b3;font-size:12px}.account-footer a{text-decoration:underline;text-underline-offset:3px}.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px}.dashboard-heading h1{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.dashboard-heading p{color:#b4b6c1;margin:0}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.account-panel{min-width:0}.account-panel.danger-panel{grid-column:1/-1}.account-panel .account-form{max-width:420px}.account-identity{display:grid;gap:6px;overflow-wrap:anywhere}.account-identity strong{font-size:19px}.account-identity span{color:#b4b6c1;font-size:14px}.verification-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-top:22px}.verification-state{display:inline-block;border-radius:4px;background:#33312a;color:#f7dfa8;padding:4px 9px;font-size:12px}.verification-state.verified{background:#143128;color:#c1f5d6}.session-list{list-style:none;padding:0;margin:0 0 20px}.session-list li{border-bottom:1px solid #30323b;padding:12px 0;color:#e7e9f0;font-size:14px;overflow-wrap:anywhere}.session-list li:first-child{padding-top:0}.session-list li:last-child{border:0}.session-list small{display:block;color:#b4b6c1;margin-top:4px}.danger-panel h2{color:#ffb4b4}.delete-confirm{margin-top:16px;padding:18px;background:#1a171b;border:1px solid #68454d;border-radius:6px;max-width:470px}.delete-confirm p{color:#f2d0d0;font-size:14px;line-height:1.6;margin-top:0}.delete-confirm .account-form{max-width:none}.account-panel[hidden],.delete-confirm[hidden]{display:none}@media(max-width:760px){.account-header{height:64px;padding-inline:20px}.account-header nav{gap:14px}.account-main{width:min(100% - 32px,600px);padding-block:36px 64px}.auth-layout,.account-grid{grid-template-columns:1fr}.auth-layout{gap:20px}.auth-intro h1{font-size:34px}.auth-intro p{font-size:15px;margin-bottom:0}.dashboard-heading h1{font-size:27px}.account-panel.danger-panel{grid-column:auto}}@media(max-width:420px){.account-header nav a{font-size:12px}.account-brand img{width:62px}.auth-card,.account-panel{padding:20px}.account-actions>*{max-width:100%}}