.account-stage{color:#1b312b;background:#e9eeeb;place-items:center;min-height:100dvh;padding:clamp(12px,2vw,30px);display:grid}.account-settings{box-sizing:border-box;width:min(100%,var(--app-portrait-width,760px));overscroll-behavior:contain;background:#fbfaf7;border:1px solid #dae6df;border-radius:28px;max-height:calc(100dvh - clamp(24px,4vw,60px));padding:clamp(24px,4vw,46px);overflow-y:auto;box-shadow:0 18px 70px #183c2b1a}.account-back{color:#086546;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.account-back:hover{text-decoration:underline}.account-heading{margin:42px 0 32px}.account-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.08}.account-heading p{color:#778994;margin:12px 0 0;font-size:clamp(15px,1.6vw,20px)}.account-settings-card{background:#fff;border:1px solid #d9e7df;border-radius:18px;padding:4px clamp(18px,3vw,32px);box-shadow:0 8px 30px #17312608}.account-row{border-bottom:1px solid #e9eeeb;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;min-width:0;padding:26px 0;display:grid}.account-row:last-child{border-bottom:0}.account-row-intro{align-items:center;gap:20px;min-width:0;display:flex}.account-icon svg{width:32px;height:32px}.account-row-intro h2{margin:0 0 5px;font-size:19px;font-weight:650}.account-row-intro p{color:#8293a0;margin:0;font-size:14px;line-height:1.35}.account-icon{color:#143d31;background:#ecf8f1;border-radius:15px;flex:0 0 62px;place-items:center;width:62px;height:62px;font-size:35px;line-height:1;display:grid}.account-row-control{min-width:0}.account-name-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.account-name-fields label{color:#7e909d;gap:5px;font-size:13px;display:grid}.account-name-fields label span{color:#b76572}.account-name-fields input,.account-row-control select,.account-password-button,.account-password-form input{color:#1b312b;width:100%;min-height:52px;font:inherit;background:#fff;border:1px solid #dbe3e0;border-radius:12px;padding:10px 14px}.account-name-fields label input{grid-column:1/-1}.account-name-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:9px;display:flex}.account-name-footer p{color:#8293a0;margin:0;font-size:12px}.account-name-footer button,.account-password-form button{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:#0b624a;border:0;border-radius:9px;padding:8px 12px;font-size:12px}.account-row-control .language-selector label{gap:0;font-size:0;display:grid}.account-row-control .language-selector select{font-size:16px}.account-row-control select{cursor:pointer}.account-row-control .language-selector p{color:#bd3740;font-size:12px}.account-password-button{color:#0b624a;cursor:pointer;text-align:left;justify-content:space-between;align-items:center;display:flex}.account-password-button span{font-size:26px;line-height:1}.account-password-form{gap:10px;margin-top:12px;display:grid}.account-password-form label{color:#71828b;gap:6px;font-size:13px;display:grid}.account-password-form button{justify-self:end;font-size:14px}.account-message{color:#0b624a;margin:14px 0 0;font-size:14px}.account-avatar-editor{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-avatar-preview{color:#174534;background:#e3eee8;border-radius:50%;flex:0 0 76px;place-items:center;width:76px;height:76px;font-size:30px;display:grid;overflow:hidden}.account-avatar-preview img{object-fit:cover;width:100%;height:100%}.account-avatar-actions{flex-wrap:wrap;gap:8px;display:flex}.account-avatar-actions button{color:#0b624a;min-height:38px;font:inherit;cursor:pointer;background:#f4faf6;border:1px solid #b9d1c5;border-radius:10px;padding:8px 12px}.account-avatar-actions button:disabled{opacity:.55;cursor:wait}.account-avatar-crop{border:1px solid #d9e7df;border-radius:14px;gap:10px;width:100%;padding:14px;display:grid}.account-avatar-crop-window{aspect-ratio:1;background:#e3eee8;border-radius:50%;width:min(100%,240px);margin:auto;overflow:hidden}.account-avatar-crop-window img{object-fit:cover;width:100%;height:100%;display:block}.account-avatar-crop-window canvas{width:100%;height:100%;display:block}.account-avatar-crop label{gap:4px;font-size:13px;display:grid}.account-avatar-error{color:#b42332;width:100%;margin:0;font-size:13px}@media (max-width:680px){.account-stage{padding:10px}.account-settings{border-radius:20px;max-height:calc(100dvh - 20px);padding:24px 18px}.account-heading{margin:30px 0 22px}.account-settings-card{padding:0 18px}.account-row{grid-template-columns:1fr;gap:15px;padding:22px 0}.account-icon{flex-basis:48px;width:48px;height:48px;font-size:28px}.account-row-intro{gap:13px}.account-icon svg{width:32px;height:32px}.account-row-intro h2{font-size:17px}.account-name-fields{gap:9px}}@media (max-width:360px){.account-name-fields{grid-template-columns:1fr}.account-name-footer{flex-direction:column;align-items:flex-start}}.account-modal{width:min(calc(100vw - 4vw),var(--app-portrait-width,760px));color:#1b312b;background:#fbfaf7;border:1px solid #d9e7df;border-radius:26px;max-width:none;height:min(96dvh,900px);max-height:none;margin:auto;padding:0;animation:.52s cubic-bezier(.2,.7,.2,1) both account-modal-in;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 90px #0007}.account-modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d1510a8;animation:.52s ease-out both account-backdrop-in}.account-modal.is-closing{pointer-events:none;animation:.42s ease-in both account-modal-out}.account-modal.is-closing::backdrop{animation:.42s ease-in both account-backdrop-out}.account-modal .account-stage{background:0 0;height:100%;min-height:0;padding:0;display:block}.account-modal .account-settings{width:100%;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0;padding:clamp(26px,4vw,48px)}.account-modal .account-heading{margin:15px 0 30px}.account-modal-close{z-index:2;color:#1b312b;cursor:pointer;background:#fff;border:1px solid #dbe3e0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:28px;line-height:1;display:grid;position:absolute;top:18px;right:20px}.account-modal-loading{padding:60px 30px}@keyframes account-modal-in{0%{opacity:0;transform:translateY(34px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes account-modal-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(24px)scale(.97)}}@keyframes account-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes account-backdrop-out{0%{opacity:1}to{opacity:0}}@media (max-width:680px){.account-modal{border-radius:20px;width:calc(100vw - 20px);height:calc(100dvh - 20px)}.account-modal .account-settings{padding:28px 18px}.account-modal .account-heading{padding-right:42px}}@media (prefers-reduced-motion:reduce){.account-modal,.account-modal::backdrop,.account-modal.is-closing,.account-modal.is-closing::backdrop{animation:none}}.account-danger{background:#fff9f8;border:1px solid #ebc7c7;border-radius:16px;margin-top:28px;padding:22px}.account-danger h2{color:#8f2530;margin:0 0 14px;font-size:18px}.account-danger>button{color:#aa2732;font:inherit;cursor:pointer;background:0 0;border:1px solid #bf3e48;border-radius:10px;padding:11px 16px}.account-delete-backdrop{z-index:1000;background:#0d1510a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.account-delete-dialog{box-sizing:border-box;color:#1b312b;background:#fff;border-radius:18px;width:min(100%,440px);max-height:calc(100dvh - 32px);padding:26px;overflow:auto;box-shadow:0 20px 65px #0003}.account-delete-dialog h2{margin:0 0 16px;font-size:23px}.account-delete-dialog p{line-height:1.5}.account-delete-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.account-delete-actions button{color:#1b312b;font:inherit;cursor:pointer;background:#fff;border:1px solid #d2dbd5;border-radius:10px;padding:11px 15px}.account-delete-actions .is-destructive{color:#fff;background:#a62d38;border-color:#a62d38}.account-delete-actions button:disabled{opacity:.55;cursor:wait}.account-delete-error{color:#a62d38}
