.account-main { min-height: calc(100svh - 95px); }
.service-unavailable { padding-block:80px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.has-modal { overflow:hidden; }
.exit-dialog { width:min(460px,calc(100% - 32px)); max-height:calc(100svh - 48px); margin:auto; padding:0; border:0; border-radius:8px; outline:none; background:#181715; color:var(--paper); overflow:auto; box-shadow:inset 0 0 0 1px #ffffff22,0 20px 64px #0005; }
:is(.exit-dialog,.account-dialog)::backdrop { background:#0009; animation:cloud-dialog-in 180ms ease-out both; }
:is(.exit-dialog,.account-dialog)[open] { animation:cloud-dialog-in 180ms ease-out both; }
:is(.exit-dialog,.account-dialog)[open].is-closing { animation:cloud-dialog-out 140ms ease-in both; pointer-events:none; }
:is(.exit-dialog,.account-dialog).is-closing::backdrop { animation:cloud-dialog-out 140ms ease-in both; }
.exit-content { padding:20px; }
.exit-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.exit-heading h2 { margin:0; font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-.035em; }
.exit-close { width:36px; height:36px; flex:none; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:none; color:#a79b8f; line-height:1; transition:color 160ms; }
.exit-close:hover { color:var(--paper); }
.exit-content>p { margin-top:12px; font-size:13px; line-height:1.85; color:#b0a59a; }
.exit-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:14px; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
.exit-actions .cloud-button.primary { width:auto; min-width:100px; min-height:38px; margin:0; }
.exit-actions .cloud-button.quiet { padding-inline:14px; }
.exit-page { display:flex; align-items:center; justify-content:center; padding-block:48px; }
.exit-panel { width:min(460px,100%); border:0; border-radius:8px; overflow:hidden; background:#181715; box-shadow:inset 0 0 0 1px #ffffff22; }
@keyframes cloud-dialog-in { from { opacity:0; } to { opacity:1; } }
@keyframes cloud-dialog-out { from { opacity:1; } to { opacity:0; } }
@media(max-width:480px) { .exit-content { padding:20px; }.exit-heading h2 { font-size:20px; }.exit-actions { gap:10px; margin-top:18px; }.exit-actions .cloud-button { flex:1; } }
@media(prefers-reduced-motion:reduce) { :is(.exit-dialog,.account-dialog)[open],:is(.exit-dialog,.account-dialog)::backdrop { animation:none; } }
.auth-main { display:flex; align-items:center; }
.auth-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,560px); gap:clamp(50px,8vw,150px); align-items:center; padding-block:32px 40px; max-width:1320px; }
.auth-art { position:relative; align-self:stretch; min-height:0; overflow:hidden; }
.auth-art img { position:absolute; inset:0 auto 0 -23%; width:135%; height:100%; max-width:none; object-fit:cover; }
.auth-panel { min-width:0; width:100%; }
.auth-intro { padding-bottom:20px; margin-bottom:4px; }
.auth-intro h1 { font-size:clamp(28px,3vw,40px); font-weight:600; line-height:1.2; letter-spacing:-.045em; margin:0; }
.auth-intro p { color:var(--muted); font-size:13px; line-height:1.8; margin-top:14px; overflow-wrap:anywhere; }
.auth-intro strong { font-weight:550; color:var(--paper); }
.cloud-form { display:grid; gap:16px; }
.form-pair { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.field label { font-size:12px; color:#c7beb6; font-weight:550; line-height:1.5; }
.field input { appearance:none; min-width:0; width:100%; height:46px; border:1px solid #51473f; border-radius:8px; outline:none; box-shadow:none; background:#191714; background-clip:padding-box; color:var(--paper); caret-color:var(--copper-light); padding:0 14px; font-family:inherit; font-size:14px; line-height:normal; transition:border-color 160ms ease,background-color 160ms ease; }
.field input:hover { border-color:#77614e; }
.field input:focus { border-color:var(--copper-light); background-color:#201b16; }
.field input[aria-invalid="true"] { border-color:#e5a080; }
.field input:autofill { box-shadow:0 0 0 100px #201b16 inset; -webkit-text-fill-color:var(--paper); }
.field-help { color:#928b83; font-size:11px; line-height:1.65; margin-top:-12px; }
.cloud-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; padding:0 22px; border:1px solid #78634e; border-radius:3px; font-family:inherit; font-size:12px; font-weight:650; line-height:1; transition:background 160ms ease,border-color 160ms ease; }
.cloud-button .control-label,.cloud-button .control-label>span { display:block; position:static; line-height:1; }
.cloud-button.primary { color:#17110c; background:var(--copper); border-color:var(--copper); width:100%; margin-top:6px; }
.cloud-button.primary:hover { background:#e38d4b; border-color:#e38d4b; }
.cloud-button.primary:active { background:#c77537; }
.cloud-button:disabled { opacity:.55; cursor:default; }
.cloud-button.quiet { min-height:44px; padding-inline:0; border-color:transparent; color:#c7b19d; background:none; }
.cloud-button.quiet:hover { color:var(--copper-light); }
.auth-alternative { font-size:12px; line-height:1.8; color:#9f978e; margin-top:20px; }
.auth-alternative a { color:var(--copper-light); margin-left:6px; text-decoration:underline; text-underline-offset:4px; }
.resend-form { margin-top:12px; }
.resend-count { font-variant-numeric:tabular-nums; }
.field input.verification-code { height:66px; font-size:28px; letter-spacing:.35em; text-align:center; font-weight:550; padding-inline:20px; font-variant-numeric:tabular-nums; }
.form-message { font-size:12px; line-height:1.7; color:#dbd0c4; padding:14px 16px; border-left:2px solid #b49a7e; background:#ffffff05; margin-bottom:24px; }
.form-message.is-error { border-color:#d8906b; color:#edb89a; }
.color-0 { --profile-color:#71513b; }.color-1 { --profile-color:#5b6154; }.color-2 { --profile-color:#4a6061; }.color-3 { --profile-color:#69544e; }.color-4 { --profile-color:#58616b; }
.color-5 { --profile-color:#6b5e47; }.color-6 { --profile-color:#4c6258; }.color-7 { --profile-color:#635c6c; }.color-8 { --profile-color:#705946; }.color-9 { --profile-color:#575b58; }
.workspace { background:#121110; }
.profile-shell { max-width:1120px; padding-block:40px 64px; }
.profile-overview { margin-bottom:24px; border:1px solid #ffffff22; border-radius:8px; background:#181715; overflow:hidden; }
.profile-banner { position:relative; height:200px; overflow:hidden; border-bottom:1px solid #00000020; background:var(--profile-banner-color,var(--profile-color,#71513b)); }
.banner-photo { width:100%; height:100%; object-fit:cover; }
.profile-identity { position:relative; padding:0 32px 26px; }
.profile-toolbar { position:relative; display:flex; align-items:center; justify-content:center; margin-top:-48px; }
.profile-avatar { position:relative; display:flex; align-items:center; justify-content:center; flex:none; width:104px; height:104px; padding:0; overflow:hidden; border:5px solid #181715; border-radius:16px; background:var(--profile-color,#71513b); color:#faf5ee; font-size:38px; font-weight:650; line-height:1; }
.profile-photo { width:100%; height:100%; object-fit:cover; transition:filter 160ms; }
.profile-avatar:focus-visible .profile-photo { filter:blur(3px); }
.avatar-edit-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; opacity:0; transition:opacity 160ms; }
.avatar-edit-overlay .icon { width:25px; height:25px; filter:drop-shadow(0 1px 2px #000); }
.profile-avatar:focus-visible .avatar-edit-overlay { opacity:1; }
.profile-heading { display:grid; grid-template-columns:minmax(0,1fr) fit-content(60%) minmax(0,1fr); align-items:center; column-gap:10px; margin-top:16px; text-align:center; }
.profile-name-actions { grid-column:3; grid-row:1; display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.profile-heading:hover .edit-pencil,.profile-heading:focus-within .edit-pencil { opacity:1; }
.editable-identity { display:flex; align-items:center; gap:7px; min-width:0; }
.profile-heading h2 { grid-column:2; grid-row:1; margin:0; font-size:28px; font-weight:600; line-height:1.3; letter-spacing:-.035em; overflow-wrap:anywhere; min-width:0; }
.edit-pencil { display:flex; align-items:center; justify-content:center; width:36px; height:36px; flex:none; padding:0; border:0; background:none; color:#ab947e; line-height:1; opacity:0; transition:opacity 160ms,color 160ms; }
.edit-pencil .icon { width:17px; height:17px; }
.editable-identity:hover .edit-pencil,.editable-identity:focus-within .edit-pencil { opacity:1; }
.edit-pencil:hover { color:var(--copper-light); }
.profile-username { display:grid; grid-template-columns:minmax(0,1fr) fit-content(70%) minmax(0,1fr); align-items:center; column-gap:7px; text-align:center; color:#a69a8c; font-size:13px; line-height:1.6; margin-top:2px; }
.profile-username>span { grid-column:2; grid-row:1; overflow-wrap:anywhere; min-width:0; }
.profile-username>.edit-pencil { grid-column:3; grid-row:1; justify-self:start; }
.profile-description { max-width:600px; margin:14px auto 0; text-align:center; }
.profile-description p { margin:0; color:#b6aca1; font-size:13px; line-height:1.75; overflow-wrap:anywhere; }
.banner-controls { position:absolute; right:24px; bottom:20px; z-index:1; opacity:0; pointer-events:none; transition:opacity 160ms; }
.profile-banner:focus-within .banner-controls,.profile-banner.is-editing-media .banner-controls { opacity:1; pointer-events:auto; }
@media(hover:hover) { .profile-avatar:hover .profile-photo { filter:blur(3px); }.profile-avatar:hover .avatar-edit-overlay { opacity:1; }.profile-banner:hover .banner-controls { opacity:1; pointer-events:auto; } }
.media-action { display:inline-flex; align-items:center; justify-content:center; min-height:42px; gap:9px; padding:0 14px; border:0; border-radius:7px; background:#211c17; color:#f5e7d9; font-size:11px; font-weight:550; line-height:1; transition:color 160ms,background-color 160ms; }
.media-action:hover { color:#fff; background:#35291e; }
.media-action .icon { width:17px; height:17px; }
.workspace .cloud-button,.account-dialog .cloud-button,.exit-dialog .cloud-button { border-radius:7px; }
.settings-shell { max-width:1060px; }
.settings-heading { margin-bottom:24px; }
.back-link { display:inline-flex; align-items:center; justify-content:center; min-height:40px; gap:9px; color:#a89a8a; font-size:12px; line-height:1; transition:color 160ms; }
.back-link .icon { width:17px; height:17px; }
.back-link:hover { color:#e5c6a5; }
.settings-heading h1 { margin:8px 0 0; font-size:32px; font-weight:600; letter-spacing:-.04em; }
.settings-shell #profile,.settings-section { scroll-margin-top:128px; }
.settings-section { padding:26px 0; border-top:1px solid #ffffff1a; }
.settings-section-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; min-width:0; }
.settings-section h2 { margin:0; color:#e5dfd8; font-size:19px; font-weight:600; line-height:1.4; letter-spacing:-.03em; }
.settings-section-heading p { margin-top:7px; color:#9f9285; font-size:12px; line-height:1.7; }
.security-options { margin-top:18px; overflow:hidden; border:1px solid #ffffff1c; border-radius:6px; }
.security-option { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 20px; min-width:0; padding:16px; }
.security-option+.security-option { border-top:1px solid #ffffff12; }
.security-option-heading { display:contents; }
.security-option h3 { grid-column:1; grid-row:1; margin:0; color:#dfd7ce; font-size:13px; font-weight:600; line-height:1.5; }
.security-option .setting-edit { grid-column:2; grid-row:1 / span 2; justify-self:end; }
.security-value { grid-column:1; grid-row:2; margin:0; color:#b7ada1; font-size:13px; font-weight:450; line-height:1.6; overflow-wrap:anywhere; }
.security-description { grid-column:1; grid-row:2; max-width:520px; margin:0; color:#b3a99d; font-size:12px; line-height:1.7; }
.verified-email { display:inline-flex; align-items:center; justify-content:center; gap:5px; color:#8eb29a; font-size:10px; line-height:1; }
.security-option .verified-email { grid-column:1; grid-row:3; justify-self:start; margin-top:3px; }
.verified-email .icon { width:13px; height:13px; }
.setting-edit { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:0; flex:none; font-size:11px; font-weight:550; line-height:1; color:#d0b292; border:0; background:none; transition:color 160ms; }
.setting-edit .icon { width:16px; height:16px; }
.setting-edit:hover { color:#efd0ad; }
.sessions-list { margin-top:18px; overflow:hidden; border:1px solid #ffffff1c; border-radius:6px; }
.sessions-scroll.is-scrollable { max-height:var(--sessions-visible-height,510px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#64513f #181715; scrollbar-gutter:stable; }
.sessions-scroll:focus-visible { outline:2px solid var(--copper-light); outline-offset:-2px; }
.session-list-heading { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr) minmax(0,1.2fr) 84px; align-items:center; gap:20px; padding:11px 16px; background:#ffffff03; color:#a69d92; font-size:11px; font-weight:550; line-height:1.5; }
.session-list-heading>span:last-child { text-align:right; }
.session-entry { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr) minmax(0,1.2fr) 84px; align-items:center; gap:20px; padding:16px; border-top:1px solid #ffffff12; transition:background-color 160ms; }
.session-entry:focus-within { background:#ffffff03; }
.session-entry>.session-end { justify-self:end; }
.session-device { display:flex; align-items:center; gap:12px; min-width:0; }
.device-icon { width:30px; height:36px; display:flex; align-items:center; justify-content:center; flex:none; color:#c1a381; }
.device-icon .icon { width:22px; height:22px; }
.session-device-copy { min-width:0; }
.session-device h3 { margin:0; color:#e0d3c5; font-size:13px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.session-platform { margin-top:2px; color:#9c8b7a; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.current-session { display:inline-flex; align-items:center; gap:6px; min-height:20px; margin-top:4px; color:#91b39a; font-size:10px; line-height:1; }
.current-session::before { content:''; width:4px; height:4px; flex:none; border-radius:50%; background:currentColor; }
.session-address,.session-activity { display:grid; gap:8px; min-width:0; }
.session-caption { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; color:#9c9286; font-size:10px; line-height:1.5; }
.session-value { color:#c8beb2; font-size:11px; line-height:1.65; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.session-end { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0; color:#c1a689; font-size:11px; line-height:1; border:0; background:none; transition:color 160ms; }
.session-end:hover { color:#edd2b3; }
.workspace :is(.edit-pencil,.media-action,.back-link,.setting-edit,.session-end):focus-visible,.account-main .exit-close:focus-visible,.account-dialog .exit-close:focus-visible,.exit-dialog .exit-close:focus-visible { outline:none; color:#fff; }
.workspace :is(.media-action,.back-link,.setting-edit,.session-end):focus-visible .control-label { text-decoration:underline; text-underline-offset:5px; }
.account-dialog .cloud-button.quiet:focus-visible,.exit-dialog .cloud-button.quiet:focus-visible { outline:none; color:#fff; }
.account-dialog .cloud-button.quiet:focus-visible .control-label,.exit-dialog .cloud-button.quiet:focus-visible .control-label { text-decoration:underline; text-underline-offset:5px; }
.workspace .edit-pencil:focus-visible .icon,.account-main .exit-close:focus-visible .icon,.account-dialog .exit-close:focus-visible .icon,.exit-dialog .exit-close:focus-visible .icon { stroke-width:2.5; }
.media-action .control-label,.setting-edit .control-label,.back-link .control-label,.session-end .control-label { position:static; line-height:1; }
.profile-avatar:focus-visible { outline:none; }
.profile-avatar:focus-visible .avatar-edit-overlay .icon { stroke-width:2.5; }
.account-dialog { width:min(520px,calc(100% - 32px)); max-height:calc(100svh - 40px); margin:auto; padding:0; overflow:auto; color:var(--paper); background:#181715; border:0; border-radius:8px; outline:none; box-shadow:inset 0 0 0 1px #ffffff22,0 20px 64px #0005; }
.account-modal-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 20px; border-bottom:1px solid #ffffff12; }
.account-modal-body { padding-top:18px; }
.account-modal-head h2 { margin:0; font-size:18px; font-weight:600; letter-spacing:-.025em; line-height:1.4; }
.account-dialog .account-modal-form { padding:0 20px 18px; gap:14px; }
.account-dialog .field { gap:7px; }
.account-dialog .field label { color:#b8afa4; font-size:12px; }
.account-dialog .field input { border-color:#484038; border-radius:6px; background-color:#11110f; }
.account-dialog .field input:not(.verification-code) { height:42px; }
.account-dialog .field input:focus { border-color:var(--copper-light); background-color:#171512; }
.account-dialog .field input[aria-invalid="true"] { border-color:#e5a080; }
.account-modal-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; padding:0; }
.account-modal-actions .cloud-button.primary { width:auto; margin:0; min-height:38px; }
.account-modal-actions .cloud-button.quiet,.exit-actions .cloud-button.quiet { padding-inline:14px; border-color:#494139; background:#26221e; color:#d9cfc3; }
.account-modal-actions .cloud-button.quiet:hover,.exit-actions .cloud-button.quiet:hover { border-color:#625344; background:#302923; color:#f0e5d9; }
:is(.account-dialog,.exit-dialog) .cloud-button { min-height:38px; padding-inline:16px; gap:8px; border-radius:6px; font-size:12px; }
:is(.account-dialog,.exit-dialog) .cloud-button.primary { background:#c7905e; border-color:#c7905e; color:#17110c; }
:is(.account-dialog,.exit-dialog) .cloud-button.primary:hover { background:#d4a174; border-color:#d4a174; }
:is(.account-dialog,.exit-dialog) .cloud-button.primary:active { background:#b47c4d; border-color:#b47c4d; }
:is(.account-dialog,.exit-dialog,.exit-panel) .cloud-button.primary.danger { background:#bd2323; border-color:#d33434; color:#fff; }
:is(.account-dialog,.exit-dialog,.exit-panel) .cloud-button.primary.danger:hover { background:#d12a2a; border-color:#e34747; }
:is(.account-dialog,.exit-dialog,.exit-panel) .cloud-button.primary.danger:active { background:#a71e1e; border-color:#bc2929; }
.modal-explanation { padding:0 20px; color:#b7a99a; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.account-modal-form>.modal-explanation { padding:0; }
.media-dialog .account-modal-form { padding:0 20px 12px; }
.media-file-details { display:grid; gap:2px; }
.media-file-picker { display:flex; align-items:center; }
.media-file-picker .cloud-button { cursor:pointer; color:#d5af87; gap:9px; min-height:36px; padding:0; }
.media-help { color:#948777; font-size:11px; margin:0; line-height:1.6; }
.crop-preview { overflow:hidden; border-radius:6px; background:#100f0e; }
.crop-preview canvas { display:block; width:100%; touch-action:none; cursor:grab; }
.crop-preview canvas:active { cursor:grabbing; }
.crop-preview canvas:focus-visible { outline:2px solid var(--copper); outline-offset:-3px; }
.crop-tools label { font-size:11px; color:#bba58b; }
.crop-tools input { width:100%; accent-color:var(--copper); margin:16px 0 8px; }
.crop-tools p { color:#948777; font-size:10px; line-height:1.7; }
.media-dialog-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:12px 20px; border-top:1px solid #ffffff12; }
.media-dialog-footer .account-modal-actions { margin-left:auto; padding:0; }
.remove-image-form { margin:0; padding:0; }
.remove-image-form .cloud-button { gap:9px; font-size:11px; color:#bda48a; }
.remove-image-form .icon { width:16px; height:16px; }
.account-resend { margin:0 20px 18px; }
@media(hover:none) { .edit-pencil { opacity:1; } }
@media(max-width:700px) { .profile-shell { padding-block:26px 44px; }.profile-overview { border-radius:8px; }.profile-banner { height:150px; }.profile-identity { padding:0 20px 22px; }.profile-toolbar { margin-top:-40px; }.profile-avatar { width:88px; height:88px; border-width:4px; border-radius:14px; font-size:32px; }.profile-heading { grid-template-columns:minmax(36px,1fr) fit-content(calc(100% - 88px)) minmax(36px,1fr); margin-top:14px; column-gap:8px; row-gap:8px; }.profile-name-actions { display:contents; }.profile-name-actions .edit-pencil { grid-column:3; grid-row:1; justify-self:start; }.profile-heading h2 { font-size:25px; }.banner-controls { right:14px; bottom:14px; }.media-action { min-height:38px; font-size:10px; padding-inline:11px; }.settings-heading h1 { font-size:29px; }.settings-section { padding:24px 0; }.settings-section-heading { align-items:flex-start; flex-wrap:wrap; gap:10px; }.settings-section h2 { font-size:19px; }.security-options { margin-top:14px; }.security-option { padding:14px; gap:6px 12px; }.security-value { font-size:13px; }.sessions-list { margin-top:16px; }.session-list-heading { display:none; }.session-caption { position:static; display:block; width:auto; height:auto; margin:0; overflow:visible; clip-path:none; white-space:normal; }.session-entry { grid-template-columns:minmax(0,1fr) auto; gap:14px 20px; padding:16px; }.session-device { grid-column:1 / -1; }.session-address,.session-activity { grid-column:1; gap:3px; }.session-end { grid-column:2; grid-row:2 / span 2; min-height:44px; align-self:center; }.account-modal-head { padding:18px 16px; }.account-modal-head h2 { font-size:18px; }.account-modal-body { padding-top:16px; }.account-dialog .account-modal-form { padding:0 16px 16px; }.modal-explanation { padding-inline:20px; }.account-modal-actions { gap:10px; }.account-modal-actions .cloud-button { flex:1; padding-inline:14px; }.media-dialog .account-modal-form { padding:0 16px 12px; }.media-dialog-footer { padding:12px 16px; }.media-dialog-footer .account-modal-actions { gap:8px; }.media-dialog-footer .cloud-button { min-height:40px; font-size:10px; }.media-dialog-footer .cloud-button.primary { min-height:44px; }.account-resend { margin-inline:20px; } }
@media(max-width:360px) { .profile-identity { padding-inline:18px; } }
@media(prefers-reduced-motion:reduce) { .profile-photo,.edit-pencil,.banner-controls,.avatar-edit-overlay,.media-action,.back-link,.setting-edit,.session-end,.exit-close { transition:none; } }
@media(min-width:1600px) { .auth-layout { max-width:1440px; } }
@media(min-width:701px) and (max-height:800px) { .auth-layout { padding-block:22px 28px; }.auth-intro h1 { font-size:32px; }.auth-intro p { margin-top:8px; }.auth-intro { padding-bottom:16px; }.cloud-form { gap:14px; }.field input { height:44px; }.auth-alternative { margin-top:14px; } }
@media(max-width:1000px) { .auth-layout { grid-template-columns:minmax(0,.65fr) minmax(340px,1fr); gap:36px; } }
@media(max-width:700px) { .auth-layout { display:block; max-width:520px; padding-block:42px 62px; }.auth-art { display:none; }.auth-intro { padding-bottom:24px; margin-bottom:24px; }.auth-intro h1 { font-size:30px; }.form-pair { grid-template-columns:1fr; gap:22px; }.cloud-form { gap:22px; }.account-main { min-height:calc(100svh - 80px); } }
@media(prefers-reduced-motion:reduce) { .cloud-button,.field input { transition:none; } }
@media(forced-colors:active) { .account-dialog,.exit-dialog,.exit-panel { border:1px solid CanvasText; box-shadow:none; }.field input:focus { outline:2px solid Highlight; outline-offset:-2px; } }

@media(max-width:720px) { .field input { font-size:16px; } }

@media(max-width:700px) { .settings-shell #profile,.settings-section { scroll-margin-top:160px; } }
@media(prefers-reduced-motion:reduce) { .session-entry { transition:none; } }

@media(max-width:700px) { :is(.account-dialog,.exit-dialog) .cloud-button,.account-modal-actions .cloud-button.primary,.exit-actions .cloud-button.primary { min-height:44px; }.security-option .setting-edit { min-height:44px; } }

/* Account consent and linked identities use the existing account surface. */
.registration-consent { position:relative; display:flex; align-items:flex-start; gap:12px; margin:20px 0; font-size:11px; line-height:1.8; color:var(--muted); cursor:pointer; }
.registration-consent input { position:absolute; width:1px; height:1px; opacity:0; }
.consent-switch { display:flex; align-items:center; width:34px; height:20px; flex:none; padding:3px; background:var(--line); border-radius:12px; transition:background-color 180ms; }
.consent-switch::after { content:""; display:block; width:14px; height:14px; border-radius:50%; background:var(--muted); transition:transform 180ms,background-color 180ms; }
.registration-consent input:checked+.consent-switch { background:var(--copper-light); }
.registration-consent input:checked+.consent-switch::after { transform:translateX(14px); background:#21170f; }
.registration-consent input:focus-visible+.consent-switch { outline:2px solid var(--copper-light); outline-offset:3px; }
.registration-consent a { color:var(--copper-light); text-decoration:underline; text-underline-offset:3px; }
.provider-icon { display:block; width:26px; height:26px; flex-shrink:0; }
.yandex-login-form { margin-top:16px; }
.yandex-login { width:100%; min-height:44px; gap:10px; color:var(--paper); background:var(--workspace-surface,#191816); border:1px solid var(--line); }
.yandex-login:hover { background:var(--line); }
.yandex-login .provider-icon { width:21px; height:21px; }
.integration-options { margin-top:18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.integration-form { margin:0; min-width:0; }
.integration-option { display:flex; align-items:center; justify-content:flex-start; gap:16px; width:100%; min-height:84px; padding:16px 18px; border:1px solid var(--line); border-radius:9px; background:transparent; color:var(--paper); text-align:left; transition:background-color 160ms; }
.integration-option:hover { background:var(--line); }
.integration-option>span { display:flex; flex-direction:column; gap:7px; min-width:0; flex:1; }
.integration-option strong { font-size:13px; line-height:1.3; font-weight:550; }
.integration-option small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; line-height:1.5; color:var(--muted); }
.integration-option>.icon { display:block; width:17px; height:17px; flex-shrink:0; color:var(--muted); }
.integration-option.is-linked>.icon { color:var(--copper-light); }
html[data-theme=light] .provider-icon { filter:brightness(.22); }
@media(max-width:600px) { .integration-options { margin-top:14px; grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .consent-switch,.consent-switch::after,.integration-option { transition:none; } }