/* AYN KOL workspace: one navigation system, distinct conversations and tools. */
.billing-card{margin-block:20px 24px;padding:24px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(130deg,#5267c918,#171c3420);max-width:900px;min-width:0}
.billing-plan-action:disabled{opacity:1;color:var(--muted);background:transparent;border:1px solid var(--border);cursor:default;min-height:40px;padding:8px 10px;border-radius:9px;font-size:.875rem}.billing-plan.selected .billing-plan-action{color:var(--text);border-color:#8b86e9}.billing-plan .billing-plan-price{font-weight:600;color:var(--text)}.billing-activity{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.billing-activity summary{cursor:pointer;min-height:32px}.billing-activity ul{list-style:none;padding:0;margin:10px 0 0}.billing-activity li{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;padding:12px 0;border-top:1px solid var(--border);font-size:.875rem}.billing-activity li>span:first-child{overflow-wrap:anywhere;flex:1 1 160px}.billing-activity li strong{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:520px){.billing-card .billing-plan{grid-template-columns:1fr}.billing-card .billing-plan span{text-align:start}.billing-available strong{font-size:1.5rem}}
.billing-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.billing-heading h2{margin:0;font-size:1.2rem}.billing-refresh{min-height:44px;padding:10px 16px}.billing-body{margin-block-start:18px}.billing-available{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.billing-available strong{font-size:2rem;font-weight:650;font-variant-numeric:tabular-nums}.billing-card progress{display:block;width:100%;height:8px;margin-block:14px 20px;accent-color:var(--accent);border:0;border-radius:8px;overflow:hidden;background:var(--border)}.billing-card progress::-webkit-progress-bar{background:var(--border);border-radius:8px}.billing-card progress::-webkit-progress-value{background:linear-gradient(90deg,#547cff,#a77aff);border-radius:8px}.billing-card progress::-moz-progress-bar{background:#8c7cff;border-radius:8px}.billing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.billing-metrics dt{color:var(--muted);font-size:.875rem;line-height:1.5}.billing-metrics dd{margin:4px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.billing-card .muted{font-size:.875rem;line-height:1.6}.billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:24px 12px}.billing-plan{border:1px solid var(--border);border-radius:13px;padding:14px;display:grid;gap:7px;min-width:0}.billing-plan strong{font-size:1rem}.billing-plan span{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}.billing-plan.selected{border-color:#8b86e9;background:#7373d51a}.billing-exhausted{border-inline-start:3px solid var(--accent);padding-inline-start:12px;line-height:1.6}
@media(max-width:520px){.billing-card{padding:18px}.billing-metrics{grid-template-columns:1fr}.billing-metrics>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.billing-plans{grid-template-columns:1fr}.billing-plan{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.billing-plan span{text-align:end}}
:root{--bg:#0b0b15;--panel:#12111f;--raised:#1b182b;--border:#302a43;--muted:#b8b1c9;--accent:#cfb6ff;--ink:#211430;--green:#8becb4;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.workspace{grid-template-columns:120px 276px minmax(0,1fr)}.app-nav{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;padding:23px 9px;background:#0d0c17;border-inline-end:1px solid #ffffff0a;z-index:35}.nav-logo{display:grid;place-items:center;width:48px;height:48px;margin-bottom:27px}.nav-logo img{width:40px;height:40px;filter:drop-shadow(0 0 15px #995ee843)}.app-nav .modes{display:flex;flex-direction:column;gap:10px;margin:0;width:100%}.app-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:76px;padding:10px 3px;border:1px solid transparent;border-radius:17px;color:var(--muted);font-size:.875rem;font-weight:500;flex:none;transition:background .18s,color .18s,transform .18s}.app-nav svg{width:23px;height:23px;flex-shrink:0}.app-nav .nav-item.selected{background:linear-gradient(145deg,#ac77f129,#c6a4fe0d);color:#e7d6ff;border-color:#ba8af13b;box-shadow:inset 0 1px #ffffff0b}.app-nav .nav-item:hover{background:#bb94e61a;transform:translateY(-1px)}.sidebar{grid-column:2;grid-row:1;padding:26px 18px 12px;background:linear-gradient(180deg,#141120,#10101b);border-inline-end:1px solid #ffffff0b}.brand{font-size:1.08rem;padding:0 0 24px;letter-spacing:.12em}.brand small{font-size:.875rem}.brand img{display:none}.new-chat{min-height:48px;box-shadow:0 5px 24px #a87def13}.main{grid-column:3;grid-row:1;position:relative;background:radial-gradient(ellipse at 72% 0,#49356322,transparent 58%),var(--bg)}.chat-scopes{display:flex;gap:3px;padding:4px;margin:18px 0 12px;background:#09081266;border:1px solid #ffffff09;border-radius:13px}.chat-scopes button{min-width:0;flex:1;border:0;padding:9px 3px;font-size:.875rem;color:var(--muted);border-radius:9px}.chat-scopes button.selected{background:#c7a8f225;color:#efddff}.chat-filters{margin:0 0 12px;gap:6px}.chat-filters button{font-size:.875rem;padding:7px 9px;min-height:36px}.search input{min-height:44px;font-size:.9rem;border-radius:12px}.chat-list{padding-top:13px}.chat-row{padding:13px 12px;border-radius:13px;margin-bottom:5px}.chat-row strong{font-size:.94rem;font-weight:550}.chat-row small{font-size:.875rem;line-height:1.4;margin-top:5px}.chat-row.selected{border-color:#c2a1f539;background:linear-gradient(120deg,#a971ef22,#a971ef09)}.library-shortcuts{display:flex;gap:4px;margin:0 0 8px}.library-shortcuts button{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 4px;border:0;font-size:.875rem;color:var(--muted);min-width:0}.library-shortcuts svg{width:19px;height:19px}.sync-status{font-size:.875rem!important;padding:10px!important;width:100%;border-radius:10px}.account{min-height:49px}.side-bottom>a{font-size:.875rem}.chat-header{min-height:82px;padding:17px 28px;background:#0e0c1880;border-bottom:1px solid #ffffff08}.chat-heading h1{font-size:1.06rem;font-weight:600}.chat-heading>span{font-size:.875rem}.header-controls select{background:#221b31;border-color:#c8a3ee26;min-height:42px;border-radius:14px}.messages{padding-top:20px;padding-bottom:25px}.message{margin:22px 0 30px;line-height:1.75}.message.user{background:linear-gradient(135deg,#b590f32a,#9e76dd16);border:1px solid #c7a4f529;box-shadow:0 7px 25px #0000000a;border-radius:20px 20px 7px 20px;padding:14px 18px}.message .by,.message-footer,.message button,.source{font-size:.875rem}.message .by{font-weight:500}.message .content{line-height:1.75}.empty{gap:3px;padding:36px 12px}.empty img{width:88px;height:88px;filter:drop-shadow(0 0 26px #a16bed5c)}.empty h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.02em}.empty p{font-size:1rem}.suggestions button{min-height:44px;background:#a37ed80a;border-color:#c8a5f329;border-radius:15px}.composer-wrap{padding-top:0;padding-bottom:14px;background:linear-gradient(0deg,var(--bg) 74%,transparent)}.composer{border-radius:22px;background:linear-gradient(125deg,#211a30,#171522);border:1px solid #c9a8f336;box-shadow:0 9px 36px #00000028,inset 0 1px #ffffff06;padding:12px 14px}.composer textarea{min-height:54px;padding:5px 5px 10px;line-height:1.55}.composer-actions{align-items:center;gap:8px}.composer-options{gap:8px;min-width:0;flex-wrap:wrap}.composer-options>.icon{width:42px;height:42px;border-radius:13px;border-color:transparent;background:#ffffff05}.composer-options svg{width:22px;height:22px}.internet{min-height:40px;border-radius:12px!important;font-size:.875rem!important}.internet[aria-pressed=true]{background:#63d38b20!important;border-color:#73edaa75!important;color:#a1f6c1!important;box-shadow:0 0 14px #62c38512}.memory-toggle{font-size:.875rem!important;gap:6px}.memory-toggle input{accent-color:var(--accent);width:17px;height:17px}.room-ai{min-height:40px;font-size:.875rem!important}.send{width:43px;height:43px;border-radius:14px!important;font-size:1.45rem;flex-shrink:0}.composer-note{font-size:.8125rem!important;margin:10px 0 0}.panel{padding:26px max(24px,calc((100% - 970px)/2));overflow:auto}.panel>h2{font-size:1.65rem;font-weight:600;margin:0 0 24px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 26px}.tool-tile{min-height:128px;border-radius:19px;background:linear-gradient(150deg,#211a31,#141320);border:1px solid #c5a3ef25;padding:21px;text-align:start;align-items:flex-start;gap:14px;transition:transform .2s,border-color .2s,background .2s}.tool-tile:hover{transform:translateY(-3px);border-color:#c7a4ed65;background:#2b203a}.tool-tile strong{font-size:1rem;font-weight:550;line-height:1.5}.tool-icon{font-size:1.6rem;color:#d1b2fb;width:46px;height:46px;border-radius:14px;background:#b284ed1c;display:grid;place-items:center}.card{border-radius:18px;background:linear-gradient(120deg,#221a2f,#16131f);padding:21px;margin:14px 0;border-color:#c5a0ec26}.card h3{font-size:1.13rem;margin:0 0 8px}.card p{color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.card>button{min-height:40px;padding:8px 13px;margin:6px 7px 0 0;font-size:.875rem}.project-chat{display:block;width:100%;text-align:start}.profile-card{display:flex;align-items:center;gap:17px;background:linear-gradient(110deg,#47305b6b,#211a31);border:1px solid #caa9f035;border-radius:23px;padding:24px;margin-bottom:24px;font-weight:600;font-size:1.25rem}.profile-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:21px;color:#e9d7ff;background:#b581ed30;font-size:1.7rem}.settings-group{border:1px solid #ffffff11;background:#191521;border-radius:21px;overflow:hidden}.setting-row{display:flex;align-items:center;gap:15px;width:100%;min-height:72px;border:0;border-radius:0;border-bottom:1px solid #ffffff0b;padding:17px 20px;text-decoration:none;color:inherit;text-align:start}.setting-row:last-child{border-bottom:0}.setting-row:hover{background:#ffffff04}.setting-row svg{width:23px;height:23px;flex-shrink:0;color:var(--accent)}.setting-row>span:not(.chevron){flex:1;min-width:0}.setting-row strong{display:block;font-size:1rem;font-weight:500}.setting-row small{display:block;color:var(--muted);font-size:.875rem;margin-top:5px;line-height:1.4}.setting-row .chevron{font-size:1.6rem;color:var(--muted)}.setting-row select{max-width:140px}.privacy-note{line-height:1.7;color:var(--muted);max-width:700px}.notice{margin:12px 24px;padding:13px 48px 13px 16px;line-height:1.5;font-size:.9rem;border-radius:13px}.notice-close{position:absolute;top:102px;inset-inline-end:35px;border:0;font-size:1.2rem;width:28px;height:28px;z-index:4}.mobile-menu svg{width:24px;height:24px}dialog{max-width:min(570px,calc(100vw - 24px));border-radius:24px;background:#171322;border-color:#b38adc40;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#080610ad;backdrop-filter:blur(7px)}.dialog-head{padding-bottom:17px}.dialog-head h2{font-size:1.2rem}.dialog-actions{gap:8px}.dialog-actions button,.dialog-actions a{min-height:47px;padding:12px 15px;border-radius:12px}#dialog-body>.setting-row{border-radius:13px;background:#ffffff03;margin-bottom:7px}#dialog-body input,#dialog-body textarea{font-size:1rem}.sign-in{max-width:420px}.sign-in h2{font-size:1.8rem}.sign-in p{line-height:1.65}.auth-form{gap:16px}.auth-form input{min-height:49px;border-radius:12px}.auth-form label{font-size:.94rem}.read-player{flex-wrap:wrap;min-height:56px;margin:0 24px 12px;border-radius:14px}.read-player button{min-height:40px}.read-player input{min-width:100px;flex:1}.live-orb{max-width:180px;aspect-ratio:1;margin:20px auto}
body[data-mode=signin] .chat-scopes,body[data-mode=signin] .library-shortcuts,body[data-mode=signin] .chat-filters{display:none}body[data-mode=signin] .chat-header .header-controls{display:none}
@media(min-width:1100px){.messages{padding-inline:max(32px,calc((100% - 780px)/2))}.composer-wrap{padding-inline:max(32px,calc((100% - 820px)/2))}}
@media(min-width:761px) and (max-width:1050px){.workspace{grid-template-columns:112px 238px minmax(0,1fr)}.sidebar{padding-inline:13px}.messages,.composer-wrap{padding-inline:18px}.panel{padding:22px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-header{padding-inline:18px}.header-controls{max-width:49%}}
@media(max-width:760px){.workspace{display:flex;flex-direction:column;height:100dvh}.main{flex:1;min-height:0;order:0}.app-nav{order:1;flex-shrink:0;flex-direction:row;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-inline-end:0;border-top:1px solid #b093d62a;background:#14101eee;z-index:50;backdrop-filter:blur(20px)}.app-nav .nav-logo{display:none}.app-nav .modes{flex-direction:row;gap:5px;justify-content:space-around}.app-nav .nav-item{flex:1;min-width:0;min-height:54px;border-radius:13px;gap:4px;padding:6px 2px;font-size:.875rem}.app-nav svg{width:21px;height:21px}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(320px,86vw);z-index:70;transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);padding:23px 18px max(18px,env(safe-area-inset-bottom));height:100dvh;box-shadow:15px 0 60px #0005}.sidebar-open .sidebar{transform:translateX(0)}[dir=rtl] .sidebar{transform:translateX(105%)}[dir=rtl] .sidebar-open .sidebar{transform:translateX(0)}.scrim{display:block;position:fixed;inset:0;z-index:65;background:#0008;border:0;backdrop-filter:blur(3px)}.mobile-menu{display:inline-grid}.chat-header{min-height:73px;padding:12px 13px;gap:9px}.chat-heading h1{font-size:1rem}.chat-heading>span{font-size:.8125rem}.header-controls{max-width:47%;gap:3px}.header-controls select{max-width:140px;padding:8px 9px;font-size:.875rem;min-height:39px}.header-controls>.icon{width:33px;height:39px}.messages{padding:12px 16px 18px}.message.user{margin-inline-start:5%;padding:12px 15px}.message{margin-block:17px 23px}.empty{min-height:170px;padding:16px 4px}.empty img{width:66px;height:66px;margin-bottom:5px}.empty h2{font-size:1.45rem}.empty p{font-size:.94rem}.suggestions{gap:7px}.suggestions button{padding:9px 12px;font-size:.875rem}.composer-wrap{padding:5px 11px 8px}.composer{border-radius:19px;padding:10px}.composer textarea{min-height:46px;font-size:1rem}.composer-options{gap:3px}.composer-options>.icon{width:35px;height:38px}.composer-options svg{width:21px;height:21px}.internet{padding:7px!important;font-size:.875rem!important;min-height:38px}.memory-toggle{font-size:.8125rem!important;margin-inline-start:3px}.memory-toggle input{width:16px;height:16px}.send{width:38px;height:39px}.composer-note{display:none}.panel{padding:21px 16px}.panel>h2{font-size:1.4rem;margin-bottom:17px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}.tool-tile{min-height:120px;padding:17px;border-radius:17px;gap:11px}.tool-tile strong{font-size:.94rem}.card{padding:17px}.setting-row{padding:16px 14px;gap:12px;min-height:68px}.setting-row strong{font-size:.95rem}.setting-row select{max-width:122px;font-size:.875rem}.profile-card{padding:20px;border-radius:19px}.notice{margin:9px 12px;font-size:.875rem;padding-inline-end:35px}.notice-close{top:91px;inset-inline-end:18px}.read-player{margin:0 12px 8px}.keyboard-open .app-nav{display:none}.sign-in{padding:25px 22px;width:100%;overflow:auto}.sign-in h2{font-size:1.55rem}dialog{padding:20px;max-height:88dvh}.workspace:has(.auth-form input:focus) .app-nav{display:none}}
@media(max-width:380px){.header-controls select{max-width:110px}.composer-options{gap:2px}.memory-toggle{font-size:.75rem!important}.app-nav .nav-item{font-size:.8125rem}.setting-row{flex-wrap:wrap}.setting-row select{max-width:100%}}
@media(prefers-reduced-motion:no-preference){.panel:not([hidden]){animation:panel-in .22s ease-out}.setting-row,.primary,.icon{transition:background .18s,transform .18s}.primary:active,.icon:active{transform:scale(.97)}@keyframes panel-in{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.content.formatted{white-space:normal}.formatted p{margin:0 0 .85em;white-space:pre-wrap}.formatted p:last-child{margin-bottom:0}.formatted h2,.formatted h3,.formatted h4{font-size:1.15em;line-height:1.45;margin:1.2em 0 .6em}.formatted h2:first-child,.formatted h3:first-child{margin-top:0}.formatted ul,.formatted ol{padding-inline-start:1.5em;margin:.5em 0 1em}.formatted li{padding-inline-start:.2em;margin:.3em 0}.formatted :not(pre)>code{font-size:.9em;background:#c7a8ee16;padding:.15em .4em;border-radius:5px;color:#e9d5ff;overflow-wrap:anywhere}.formatted a{color:var(--accent);text-underline-offset:3px}.code-block{border:1px solid #b499cd25;border-radius:13px;overflow:hidden;margin:1em 0;background:#0b0b13}.code-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:7px 12px;font-size:.875rem;color:var(--muted);background:#ffffff05}.code-bar button{padding:5px 10px}.code-block pre{margin:0;padding:15px;overflow:auto;direction:ltr;text-align:left;max-width:100%;font-size:.9rem;line-height:1.6}.code-block code{font-family:Consolas,"SFMono-Regular",monospace;white-space:pre}
.local-page{background:var(--bg)}.local-header{border-bottom:1px solid #ffffff12;padding:17px 20px;gap:12px;background:#17121f}.local-header h1{font-size:1.1rem}.local-header button,.local-header select{min-height:43px;padding:9px 12px;font-size:.9rem}.local-main{background:radial-gradient(ellipse at 65% 0,#4d346325,transparent 60%),var(--bg)}#local-sidebar{background:#15101f;border-inline-end:1px solid #c8a4ee20;padding:24px 18px}#local-sidebar>a{font-size:.9rem}#local-list button{min-height:62px;padding:12px;border-radius:13px}#local-search{min-height:45px;margin-top:14px}.local-messages{line-height:1.75;padding:22px max(20px,calc((100% - 800px)/2))}.local-compose{gap:10px;padding:12px 20px 20px}.local-compose textarea{border-radius:18px;min-height:62px;padding:14px}.local-main>.memory-toggle{font-size:.9rem;padding:8px 22px}.local-dialog{background:#181221}.local-dialog input,.local-dialog textarea,.local-dialog button{min-height:43px;font-size:.95rem}.local-dialog p{line-height:1.6}@media(max-width:760px){.local-header{flex-wrap:wrap;gap:8px;padding:12px}.local-header h1{flex:1;min-width:130px}.local-header #local-language{max-width:110px}.local-header #local-model,.local-header #local-memory{flex:1}.local-compose{padding:10px 12px max(12px,env(safe-area-inset-bottom));gap:7px}.local-compose button{padding:10px}.local-messages{padding:16px}.local-main>.memory-toggle{font-size:.875rem;padding:9px 15px}.local-header #local-menu{display:block;min-width:42px}}
.memory-toggle{min-height:44px;cursor:pointer}.memory-toggle input{appearance:none;-webkit-appearance:none;width:34px;height:21px!important;border:1px solid #8d81984f;background:#373040;border-radius:20px;position:relative;flex:none}.memory-toggle input::before{content:"";position:absolute;width:15px;height:15px;inset-block-start:2px;inset-inline-start:2px;background:#bab2c5;border-radius:50%;transition:inset-inline-start .15s,background .15s}.memory-toggle input:checked{background:#9b6cd857;border-color:#c59bea90}.memory-toggle input:checked::before{inset-inline-start:15px;background:#e4ceff}.memory-toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.memory-toggle input:disabled{opacity:.5}
@media(max-width:760px){.composer-options>.icon{width:44px;height:44px}.internet{width:44px;height:44px;padding:0!important;font-size:1.25rem!important}.internet>span:last-child{display:none}.send{width:44px;height:44px}.memory-toggle{font-size:.875rem!important}.app-nav .nav-item span{max-width:100%;overflow-wrap:anywhere;line-height:1.2}.app-nav .nav-item{min-height:58px}.app-nav .modes{align-items:stretch}}
@media(max-width:380px){.memory-toggle>span{display:none}.memory-toggle{margin-inline-start:4px}.composer-options{gap:3px}}

.internet{display:inline-flex;align-items:center;gap:7px}.internet svg{width:19px;height:19px;flex-shrink:0}.internet::before{content:none!important}@media(max-width:760px){.internet span{display:none}}

body[data-mode=guest] .chat-filters,body[data-mode=guest] .library-shortcuts{display:none}.guest-note{color:var(--muted);font-size:.875rem;line-height:1.6;padding:12px 0;margin:0}.guest-note button{min-height:40px;margin-inline-start:8px;font-size:.875rem}.guest-back{margin-top:16px;min-height:44px;width:100%}#guest-language{width:100%;min-height:42px;margin:8px 0}body[data-mode=guest] .composer-options{min-height:16px}body[data-mode=guest] .header-controls select{max-width:220px}@media(max-width:760px){body[data-mode=guest] .header-controls select{max-width:125px}.guest-note{font-size:.875rem}.guest-note button{margin-inline-start:0;margin-inline-end:8px}.guest-note{padding-bottom:0}}

.account-voice-panel{text-align:center;min-width:0}.account-voice-panel .live-orb{width:clamp(130px,30vw,210px);height:clamp(130px,30vw,210px);margin:16px auto 24px}.account-voice-panel .voice-state{font-size:1.15rem;font-weight:650}.account-voice-panel .muted{line-height:1.6}.account-voice-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0}.account-voice-actions button{min-height:46px;flex:1 1 110px}.account-voice-settings{text-align:start;border-top:1px solid #b599dd2b;padding-top:15px}.account-voice-settings summary{min-height:44px;cursor:pointer}.account-voice-settings fieldset{border:0;padding:0;display:grid;gap:8px}.account-voice-settings .memory-toggle{font-size:.95rem}.account-voice-playback audio{max-width:100%;width:100%}.account-voice-panel .live-transcript{max-height:25vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}.account-voice-panel[data-closed=true]{opacity:.65}

/* Keep primary voice controls visible on short screens; preserve a circular orb. */
#dialog:has(.account-voice-panel){padding:18px;max-height:calc(100dvh - 28px)}
.account-voice-panel .live-orb{width:clamp(112px,28vw,168px);height:clamp(112px,28vw,168px);max-width:none;margin:14px auto}
.account-voice-panel .voice-state{padding:4px;margin:8px 0;line-height:1.4}
.account-voice-panel .muted{margin:10px 0;font-size:.9rem;line-height:1.5}
.account-voice-panel .live-transcript:empty{display:none}
.account-voice-panel .live-transcript{max-height:min(20dvh,120px)}
.account-voice-panel .account-voice-actions{flex-wrap:nowrap;margin:16px 0 12px;gap:12px}
.account-voice-panel .account-voice-actions button{min-height:48px;border-radius:18px;border-color:#7e6bdc;background:linear-gradient(135deg,#393366,#171c37);box-shadow:inset 0 1px 0 #ffffff12}
.account-voice-panel .account-voice-actions .danger{border-color:#c96181;background:linear-gradient(135deg,#833454,#4d203d);color:#fff}
.account-voice-panel .live-diagnostics{text-align:start;padding:6px 0}
.account-voice-panel .live-diagnostics summary{min-height:32px;line-height:32px}
.account-voice-panel .live-diagnostics button{margin-block:6px;min-height:44px;width:100%}
@media(max-height:620px){.account-voice-panel .live-orb{width:100px;height:100px;margin:8px auto}.account-voice-panel .muted{margin:6px 0}}

/* Clarity shares the existing heading; it never adds a model toolbar. */
.chat-heading:has(>.clarity-button){display:flex;align-items:center;flex-wrap:wrap;column-gap:9px;row-gap:3px;min-width:0}
.chat-heading:has(>.clarity-button)>h1{min-width:0;flex:0 1 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chat-heading:has(>.clarity-button)>#chat-meta{order:3;flex-basis:100%}
.clarity-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;max-width:100%;padding:5px 9px;border:1px solid #aaa4d84d;border-radius:999px;background:#a69ae60c;color:inherit;font:inherit;font-size:.75rem;line-height:1.25;white-space:normal;text-align:start;cursor:pointer;flex-shrink:0}
.clarity-button::before{content:'i';display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:600}
.clarity-button:hover{background:#a69ae626;border-color:#aaa4d880}
.clarity-button:focus-visible{outline:2px solid var(--accent,#c2b4ff);outline-offset:3px}
.clarity-button[hidden]{display:none!important}
.clarity-details{display:grid;gap:14px;max-width:620px}
.clarity-detail h3{font-size:.88rem;line-height:1.3;margin:0 0 5px;color:var(--accent,#c2b4ff)}
.clarity-detail p{font-size:.9rem;line-height:1.55;margin:0;overflow-wrap:anywhere;color:inherit}
.local-header>.local-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:130px;flex:1}
.local-heading>.clarity-button{font-size:.75rem;line-height:1.25;min-height:36px;padding:5px 9px}
@media(max-width:600px){.chat-heading:has(>.clarity-button){column-gap:6px}.clarity-button{font-size:.75rem;min-height:36px;padding:5px 8px}.clarity-details{gap:12px}.clarity-detail p{font-size:.86rem}}
