/* Account and avatar components share their own tokens in both applications. */
.account-settings,.avatar-dialog{--s-ink:#282c3c;--s-muted:#73778b;--s-line:#e8e7f0;--s-card:#fff;--s-soft:#f6f5fa;--s-accent:#7460b1;--s-tint:#eeebf7;color:var(--s-ink);font-size:14px;line-height:1.55}
.account-settings{max-width:1180px;margin:0 auto 40px}.settings-noterec{--s-accent:#4768d9;--s-tint:#eef2ff}.settings-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 30px}.settings-eyebrow{display:block;color:var(--s-accent);font-size:10px;font-weight:750;letter-spacing:1.65px;margin-bottom:8px}.settings-page-head h1{font-size:34px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 10px}.settings-page-head p{color:var(--s-muted);margin:0;font-size:14px}.settings-brand,.settings-chip{background:var(--s-tint);color:var(--s-accent);border-radius:8px;padding:7px 12px;font-size:11px;font-weight:650;white-space:nowrap}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.settings-nav{display:grid;gap:7px;position:sticky;top:24px}.settings-nav button{border:1px solid transparent;background:transparent;padding:14px 12px;text-align:left;display:flex;align-items:center;gap:11px;color:var(--s-muted);border-radius:13px;font:inherit;cursor:pointer;min-height:70px;width:100%}.settings-nav button:hover{background:var(--s-soft)}.settings-nav button[aria-current=page]{background:var(--s-tint);color:var(--s-accent);border-color:color-mix(in srgb,var(--s-accent) 15%,transparent)}.settings-nav svg{width:22px;height:22px;flex:0 0 22px}.settings-nav b{display:block;font-size:12px;font-weight:650}.settings-nav small{display:block;font-size:10px;line-height:1.4;margin-top:4px;color:var(--s-muted)}.settings-chevron{margin-left:auto;font-size:20px;font-weight:400}.settings-body{display:grid;gap:20px;min-width:0}.settings-card{border:1px solid var(--s-line);background:var(--s-card);border-radius:18px;padding:26px;min-width:0}.settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.settings-card h2{font-size:19px;letter-spacing:-.4px;margin:0 0 6px;font-weight:650;line-height:1.4}.settings-card p{margin:0;color:var(--s-muted);font-size:12px;line-height:1.7}.settings-card-heading>svg{width:25px;height:25px;color:var(--s-accent);flex-shrink:0}.settings-profile{display:flex;align-items:center;gap:20px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--s-line)}.account-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#e9e3ff,#dfeaf4);display:block;max-width:none}.account-initial{display:grid;place-items:center;color:#7661af;font-weight:650;font-size:30px}.workspace .account-avatar{width:36px;height:36px}.settings-profile h3{margin:0 0 2px;font-size:17px;font-weight:650}.settings-profile .btn{margin-top:12px;min-height:34px;font-size:11px;padding:7px 13px}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-form label,.settings-field{display:grid;gap:9px;font-size:12px;font-weight:550;color:var(--s-ink)}.settings-form input,.settings-field select{width:100%;padding:12px 13px;border:1px solid var(--s-line);border-radius:10px;background:var(--s-card);color:var(--s-ink);font:inherit;min-height:45px;outline:none}.settings-form input:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-tint)}.settings-form input[readonly]{background:var(--s-soft);color:var(--s-muted)}.settings-form small,.settings-small{font-size:10px;color:var(--s-muted);font-weight:400;line-height:1.6}.settings-form-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:2px}.settings-body .btn,.avatar-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 16px;border:1px solid var(--s-line);border-radius:9px;background:var(--s-card);color:var(--s-ink);font:inherit;font-size:12px;font-weight:550;text-decoration:none;cursor:pointer;line-height:1.3}.settings-body .btn.primary,.avatar-dialog .btn.primary{background:var(--s-accent);color:#fff;border-color:var(--s-accent)}.settings-body .btn:disabled,.avatar-dialog .btn:disabled{opacity:.6;cursor:wait}.settings-body [role=status]{font-size:12px;line-height:1.6;color:var(--s-accent)}.settings-body .is-error{color:#c04461}.settings-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.avatar-feature{border:1px solid var(--s-line);border-radius:14px;padding:10px 7px 14px;text-align:center;color:var(--s-ink);cursor:pointer;background:var(--s-soft);font:inherit;overflow:hidden;transition:transform .18s,border-color .18s}.avatar-feature:hover{transform:translateY(-4px);border-color:var(--s-accent)}.avatar-feature img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.avatar-feature b{display:block;font-size:12px;margin:6px 0 1px}.avatar-feature small{font-size:9px;color:var(--s-muted);display:block}.lavender{--avatar-bg:#e9e0f8}.blue{--avatar-bg:#dce9f5}.peach{--avatar-bg:#fae5da}.mint{--avatar-bg:#dfeee7}.avatar-feature{background:linear-gradient(155deg,var(--avatar-bg),var(--s-card))}.settings-text-button{display:flex;align-items:center;justify-content:center;gap:12px;border:0;background:none;font:inherit;font-size:12px;color:var(--s-accent);font-weight:650;cursor:pointer;padding:19px 0 0;width:100%}.settings-password summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-weight:600;font-size:13px}.settings-password summary::-webkit-details-marker{display:none}.settings-password summary>span:first-child{display:flex;align-items:center;gap:10px}.settings-password svg{width:19px;height:19px;color:var(--s-accent)}.settings-password[open]>p{margin:18px 0}.settings-password form>label:last-of-type{grid-column:1/-1}.settings-password form>[role=status]{grid-column:1/-1}.settings-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-theme-grid button{background:var(--s-card);border:1px solid var(--s-line);padding:10px;border-radius:12px;cursor:pointer;color:var(--s-ink);text-align:left;position:relative}.settings-theme-grid button[aria-pressed=true]{border:2px solid var(--s-accent);padding:9px}.theme-mini{height:100px;border:1px solid #e5e8f2;background:#f2f4fa;border-radius:7px;display:grid;grid-template-columns:25% 1fr;grid-template-rows:18px 1fr;gap:8px;padding:8px;margin-bottom:10px}.theme-mini i{background:#dce2f1;border-radius:3px}.theme-mini i:first-child{grid-row:1/-1;background:#c5cde4}.theme-mini i:last-child{background:#fff}.theme-mini.dark{background:#1f2638;border-color:#364056}.theme-mini.dark i{background:#3f4964}.theme-mini.dark i:first-child{background:#30394f}.theme-mini.dark i:last-child{background:#343d54}.theme-mini.system{background:linear-gradient(90deg,#f2f4fa 50%,#1f2638 50%)}.theme-mini.system i:last-child{background:linear-gradient(90deg,#fff 35%,#343d54 35%)}.settings-theme-grid b{font-size:12px}.theme-check{float:right;color:var(--s-accent);opacity:0}.settings-theme-grid [aria-pressed=true] .theme-check{opacity:1}.settings-line{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--s-line)}.settings-line:last-of-type{border-bottom:0}.settings-line h3{font-size:13px;font-weight:650;margin:0 0 5px}.settings-line p{font-size:12px;max-width:470px}.settings-line small{font-size:10px;color:var(--s-muted)}.settings-switch{position:relative;display:flex;flex:0 0 40px;width:40px;height:24px}.settings-switch input{position:absolute;inset:0;opacity:0;width:40px;height:24px;margin:0;cursor:pointer;z-index:1}.settings-switch>span:first-of-type{width:40px;height:24px;border-radius:20px;background:#cbd0dd;transition:background .2s;pointer-events:none}.settings-switch>span:first-of-type:after{content:'';position:absolute;background:#fff;width:18px;height:18px;top:3px;left:3px;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0002}.settings-switch input:checked+span{background:var(--s-accent)}.settings-switch input:checked+span:after{transform:translateX(16px)}.settings-switch input:focus-visible+span{outline:2px solid var(--s-accent);outline-offset:3px}.settings-switch input:disabled+span{opacity:.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}.settings-field{margin-top:18px}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.settings-speech-host{padding:0;overflow:hidden}.settings-speech-host .nr-speech{background:none;border:0;box-shadow:none;padding:26px;--surface:var(--s-card);--surface-2:var(--s-soft);--line:var(--s-line);--ink:var(--s-ink)}.settings-speech-host .nr-speech h2{font-size:19px}.settings-speech-host :is(input,select,textarea){color:var(--s-ink);background:var(--s-card);border-color:var(--s-line)}
/* Native dialog provides focus containment and Escape support. */
.avatar-dialog{border:1px solid var(--s-line);padding:0;width:min(1050px,calc(100vw - 40px));max-height:calc(100dvh - 40px);border-radius:22px;background:var(--s-card);box-shadow:0 30px 120px #15112444;overflow:auto;font-family:inherit}.avatar-dialog::backdrop{background:#15112488;backdrop-filter:blur(7px)}.avatar-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 30px 22px;border-bottom:1px solid var(--s-line)}.avatar-dialog-head h2{font-size:25px;letter-spacing:-.7px;margin:0 0 7px;color:var(--s-ink)}.avatar-dialog-head p{margin:0;color:var(--s-muted);font-size:12px}.settings-close{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid var(--s-line);background:var(--s-soft);color:var(--s-ink);font-size:23px;border-radius:50%;cursor:pointer;line-height:1}.avatar-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:24px 30px}.avatar-collection{min-width:0}.avatar-tabs{display:flex;gap:7px;padding:4px;background:var(--s-soft);border-radius:10px;margin-bottom:16px}.avatar-tabs button{border:0;padding:9px 10px;background:none;cursor:pointer;color:var(--s-muted);font:inherit;font-size:11px;border-radius:7px;flex:1;white-space:nowrap}.avatar-tabs button[aria-selected=true]{color:var(--s-accent);background:var(--s-card);box-shadow:0 1px 4px #2020300d;font-weight:650}.avatar-tabs span{font-size:9px;margin-left:4px;opacity:.7}.avatar-filters{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;margin-bottom:14px}.avatar-filters input,.avatar-filters select{border:1px solid var(--s-line);background:var(--s-card);color:var(--s-ink);padding:10px;border-radius:9px;font:inherit;font-size:12px;width:100%;min-width:0}.avatar-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:400px;overflow-y:auto;padding:3px;overscroll-behavior:contain}.avatar-cards-classic{grid-template-columns:repeat(6,minmax(0,1fr))}.avatar-choice{font:inherit;cursor:pointer;border:1px solid var(--s-line);background:var(--s-card);color:var(--s-ink);padding:6px 6px 10px;border-radius:12px;text-align:center;min-width:0}.avatar-choice[aria-pressed=true]{border:2px solid var(--s-accent);padding:5px 5px 9px;background:var(--s-tint)}.avatar-choice-art{display:block;position:relative;aspect-ratio:1;border-radius:8px;background:linear-gradient(150deg,var(--avatar-bg,var(--s-soft)),var(--s-card));overflow:hidden}.avatar-choice img{width:100%;height:100%;object-fit:contain;display:block}.avatar-choice-check{position:absolute;right:5px;bottom:5px;width:21px;height:21px;border-radius:50%;background:var(--s-accent);color:#fff;display:none;place-items:center;font-size:12px}.avatar-choice[aria-pressed=true] .avatar-choice-check{display:grid}.avatar-choice b{display:block;font-size:11px;margin-top:8px}.avatar-choice small{display:block;font-size:9px;color:var(--s-muted);margin-top:2px}.avatar-cards-classic .avatar-choice{padding:3px;border-radius:50%;overflow:hidden;aspect-ratio:1}.avatar-cards-classic .avatar-choice b{display:none}.avatar-cards-classic .avatar-choice-art{border-radius:50%}.avatar-more{margin-top:14px;width:100%}.avatar-preview{background:var(--s-soft);border:1px solid var(--s-line);border-radius:16px;text-align:center;padding:20px 15px;align-self:start}.avatar-preview-art{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f5e9ff,#dbe4fa)}.avatar-preview-art img{width:100%;height:100%;object-fit:contain;display:block}.avatar-preview h3{font-size:22px;margin:18px 0 4px;color:var(--s-ink)}.avatar-preview p{color:var(--s-muted);font-size:11px;margin:0}.avatar-hd-label{display:inline-block;color:var(--s-accent);background:var(--s-tint);border-radius:20px;font-size:9px;padding:6px 10px;margin-top:16px}.avatar-preview .avatar-motion-note{font-size:9px;margin-top:13px;line-height:1.6}.avatar-placeholder{font-size:70px;color:#7865aa}.avatar-dialog-foot{padding:18px 30px;border-top:1px solid var(--s-line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--s-card);position:sticky;bottom:0}.avatar-dialog-foot p{font-size:11px;color:var(--s-muted);margin:0;max-width:330px}.avatar-dialog-foot>div{display:flex;gap:9px;flex-shrink:0}
:root[data-theme=dark] :is(.account-settings,.avatar-dialog),body.dark :is(.account-settings,.avatar-dialog){--s-ink:#e8eaf5;--s-muted:#a0a6bd;--s-line:#333b50;--s-card:#20283b;--s-soft:#252e43;--s-accent:#b7a3ee;--s-tint:#36324e}.settings-body .btn.primary,.avatar-dialog .btn.primary{color:#fff;background:#7460b1;border-color:#7460b1}
@media(prefers-color-scheme:dark){:root:has(meta[content=kitapyum]):not([data-theme=light]) :is(.account-settings,.avatar-dialog){--s-ink:#e8eaf5;--s-muted:#a0a6bd;--s-line:#333b50;--s-card:#20283b;--s-soft:#252e43;--s-accent:#b7a3ee;--s-tint:#36324e}}
@media(max-width:1100px){.settings-layout{grid-template-columns:185px minmax(0,1fr);gap:18px}.settings-nav button{padding:12px 9px;gap:8px}.settings-nav b{font-size:11px}.settings-nav small{font-size:9px}.settings-card{padding:22px}.avatar-feature small{font-size:8px}}
@media(max-width:850px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:20px}.settings-nav{position:static;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.settings-nav button{display:block;min-height:86px;padding:12px;text-align:left;border-color:var(--s-line);background:var(--s-card)}.settings-nav svg{margin-bottom:5px;width:19px;height:19px}.settings-nav .settings-chevron{display:none}.settings-nav small{font-size:9px}.settings-page-head{margin-bottom:23px}.avatar-dialog-layout{grid-template-columns:minmax(0,1fr) 210px;gap:18px;padding:20px}.avatar-preview{padding:15px 10px}.avatar-dialog-head{padding:24px}.avatar-dialog-foot{padding:18px 24px}.avatar-dialog-foot p{max-width:230px}}
@media(max-width:600px){.settings-page-head h1{font-size:28px}.settings-page-head p{font-size:12px;max-width:230px}.settings-brand{align-self:flex-start;font-size:9px;padding:6px 9px}.settings-eyebrow{font-size:9px;letter-spacing:1.25px}.settings-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-nav button{display:flex;min-height:67px;padding:11px;gap:10px}.settings-nav svg{margin:0;flex-basis:20px}.settings-nav b{font-size:11px}.settings-nav small{font-size:9px}.settings-card{padding:19px;border-radius:15px}.settings-card h2{font-size:17px}.settings-card-heading{gap:8px;margin-bottom:20px}.settings-card-heading p{font-size:11px}.settings-chip{font-size:9px;padding:5px 7px}.settings-profile{gap:15px}.settings-profile .account-avatar{width:76px;height:76px}.settings-profile h3{font-size:15px}.settings-profile p{font-size:11px;overflow-wrap:anywhere}.settings-form{grid-template-columns:minmax(0,1fr);gap:18px}.settings-form input,.settings-field select{font-size:16px}.settings-form-foot{flex-wrap:wrap;justify-content:flex-end}.settings-form-foot>[role=status]{flex:1 1 100%}.settings-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avatar-feature{padding:8px 6px 12px}.avatar-feature small{font-size:9px}.avatar-feature b{font-size:13px}.settings-theme-grid{gap:9px}.theme-mini{height:80px;gap:5px;padding:5px}.settings-line{gap:16px}.settings-line p{font-size:11px}.settings-line h3{font-size:12px}.settings-speech-host{padding:0}.settings-speech-host .nr-speech{padding:19px}.avatar-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:17px}.avatar-dialog-head{padding:20px 16px;gap:10px}.avatar-dialog-head h2{font-size:21px}.avatar-dialog-head p{font-size:10px}.avatar-dialog-layout{display:flex;flex-direction:column-reverse;padding:15px;gap:15px}.avatar-preview{width:100%;padding:10px 13px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:15px;text-align:left}.avatar-preview-art{width:76px;height:76px;grid-row:1/4}.avatar-preview h3{font-size:18px;margin:3px 0 0}.avatar-preview p{font-size:10px}.avatar-hd-label{margin:3px 0 0;justify-self:start;font-size:8px;padding:4px 7px}.avatar-preview .avatar-motion-note{display:none}.avatar-collection{width:100%}.avatar-tabs{margin-bottom:11px;gap:2px}.avatar-tabs button{padding:9px 6px;font-size:10px}.avatar-filters{grid-template-columns:minmax(0,1fr) 115px;gap:7px}.avatar-filters input,.avatar-filters select{font-size:16px;padding:8px}.avatar-cards{max-height:330px;gap:8px}.avatar-cards-classic{grid-template-columns:repeat(5,minmax(0,1fr))}.avatar-choice b{font-size:10px}.avatar-choice small{font-size:8px}.avatar-dialog-foot{padding:13px 15px;display:block}.avatar-dialog-foot p{max-width:none;font-size:10px;margin-bottom:10px}.avatar-dialog-foot>div{justify-content:flex-end}.avatar-dialog .btn{min-height:42px;font-size:11px;padding:10px 14px}}
/* A tablet sidebar can leave a narrow content column even in a wide viewport. */
.account-settings{container-type:inline-size}
@container(max-width:600px){.settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-nav button{display:flex;align-items:center;min-height:67px;gap:10px}.settings-nav svg{margin:0}.settings-form{grid-template-columns:minmax(0,1fr)}.settings-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.settings-portfolio-link{display:block;text-align:center;margin-top:12px;font-size:10px;color:var(--s-muted);text-decoration:none}.settings-portfolio-link:hover{color:var(--s-accent);text-decoration:underline}
.recording-studio{color:var(--s-ink,var(--nr-ink,#292d42));line-height:1.65}.recording-studio h2{font-size:28px}.recording-studio .settings-actions{margin:18px 0}.recording-studio audio{width:100%;margin:14px 0}.recording-studio .recording-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0}.recording-studio input[type=checkbox]{width:20px;height:20px;flex:none}.recording-studio textarea{resize:vertical;min-height:180px;width:100%;padding:14px;border:1px solid var(--s-line,var(--nr-line,#d9dfea));border-radius:12px;background:var(--s-card,var(--nr-surface,#fff));color:inherit;font:inherit}.settings-card input,.settings-card textarea,.settings-card select{color:var(--s-ink,var(--nr-ink,#292d42));background:var(--s-card,var(--nr-surface,#fff))}.settings-card [readonly]{opacity:1}.dark .settings-card a,.dark .recording-studio a{color:#c1b6ff}

[hidden]{display:none!important}.recording-studio .settings-eyebrow{color:var(--s-accent,var(--nr-accent,#4768d9))}
.recording-studio{max-width:900px}.recording-studio>p{max-width:75ch}.recording-studio .settings-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:26px}.recording-studio .settings-form>label,.recording-studio .settings-field{display:grid;gap:8px;align-content:start;font-size:13px;font-weight:600}.recording-studio .settings-form input,.recording-studio [data-file]{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid var(--s-line,var(--nr-line,#d8deea));border-radius:12px;background:var(--s-card,var(--nr-surface,#fff));color:var(--s-ink,var(--nr-ink,#292d42));padding:12px 14px;font:inherit}.recording-studio [data-file]::file-selector-button{background:#ebeffc;color:#3450ba;border:0;border-radius:7px;padding:7px 12px;margin-right:12px;cursor:pointer}.recording-studio .settings-form>button{justify-self:start;grid-column:1/-1}.recording-studio [data-time]{font-variant-numeric:tabular-nums}.recording-studio input::placeholder,.recording-studio textarea::placeholder{color:var(--nr-muted,#69748b);opacity:1}.account-settings,.avatar-dialog{--s-muted:#656d80}@media(max-width:600px){.recording-studio .settings-form>button{width:100%;justify-self:stretch}}body.dark .recording-studio [data-file]::file-selector-button{background:#303e63;color:#dce5ff}