:root{color-scheme:dark;--bg:#080d16;--side:#0b1220;--surface:#151d2b;--surface2:#1b2636;--line:#2a3a50;--text:#f3f6fc;--muted:#94a3b8;--blue:#2675ff;--blue2:#5c96ff;font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #76a7ff;outline-offset:2px}.app-shell{height:100dvh;display:flex;background:radial-gradient(900px 500px at 62% -12%,#173d7a33,transparent 65%),var(--bg)}.sidebar{width:278px;flex:none;display:flex;flex-direction:column;padding:20px 13px 13px;background:linear-gradient(180deg,#0b1220,#09111d);border-right:1px solid #213149;transition:width .2s,transform .2s}.sidebar-brand{display:flex;align-items:flex-start;justify-content:space-between;padding:0 10px 21px}.sidebar-brand strong{display:block;font-size:26px;line-height:1;letter-spacing:-.06em}.sidebar-brand em,.mobile-brand em{font-style:normal;color:var(--blue)}.sidebar-brand small{display:block;margin-top:6px;color:#718198;font-size:9px;letter-spacing:.13em}.sidebar-collapse,.icon-btn{border:0;background:transparent;color:#a9bbd1;border-radius:9px}.sidebar-collapse{font-size:26px;width:32px;height:32px}.sidebar-collapse:hover,.icon-btn:hover{background:#1a293d;color:#fff}.new-chat-button{border:1px solid #4b8dff;border-radius:13px;padding:12px 15px;background:linear-gradient(135deg,#3281ff,#2164df);color:#fff;font-weight:650;font-size:15px;box-shadow:0 10px 26px #1553bd55}.new-chat-button span{font-size:24px;vertical-align:-2px;margin-right:8px}.chat-search-wrap{position:relative;margin:16px 5px 12px}.chat-search-wrap>span{position:absolute;left:12px;top:8px;color:#91a4bc;font-size:20px}.chat-search{width:100%;height:42px;border:1px solid var(--line);border-radius:12px;padding:0 33px;background:#151e2c;color:var(--text);outline:0}.chat-search:focus{border-color:#518cf2;box-shadow:0 0 0 3px #2675ff24}.chat-search-clear{position:absolute;right:5px;top:5px;border:0;background:transparent;color:var(--muted);font-size:20px}.side-label{display:flex;justify-content:space-between;padding:5px 11px 7px;color:#8091a8;font-size:10px;letter-spacing:.1em}.chat-list{min-height:0;overflow:auto;padding:0 2px;flex:1}.chat-group-title{margin:15px 8px 6px;color:#8192a7;font-size:11px}.chat-item{display:flex;align-items:center;min-height:41px;margin:2px 0;border-radius:10px;color:#c4d0df}.chat-item:hover{background:#152337}.chat-item.active{background:linear-gradient(90deg,#1e4788,#1a345f);box-shadow:inset 2px 0 #64a0ff;color:#fff}.chat-name{min-width:0;flex:1;border:0;background:transparent;color:inherit;text-align:left;padding:10px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-menu summary{list-style:none;padding:4px 8px;color:#a8bad0;font-size:18px}.chat-item-menu summary::-webkit-details-marker,.side-export-tools summary::-webkit-details-marker{display:none}.chat-item-menu-panel{position:absolute;right:0;z-index:20;min-width:150px;padding:5px;border:1px solid #334964;border-radius:10px;background:#111c2b;box-shadow:0 15px 35px #000a}.chat-item-menu-panel button{display:block;width:100%;border:0;border-radius:7px;padding:8px;background:transparent;color:var(--text);text-align:left}.chat-item-menu-panel button:hover{background:#1e3048}.side-footer{border-top:1px solid #203049;padding:11px 3px 0}.side-export-tools{margin-bottom:9px}.side-export-tools summary{display:flex;justify-content:space-between;padding:8px;color:#9db0c7;font-size:12px;cursor:pointer}.side-action{display:block;width:100%;border:0;border-radius:7px;padding:7px 9px;background:transparent;color:#bfd0e5;text-align:left;font-size:12px}.side-action:hover{background:#1b2a40}.account-menu{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #263b57;border-radius:12px;padding:9px;background:#101b2a;color:#e9f1fc;text-align:left}.account-orb{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1e57b5;color:#a8ccff}.account-menu b,.account-menu small{display:block}.account-menu small{color:#8294aa;font-size:10px}.account-menu i{margin-left:auto;color:#91a7c1;font-style:normal}.workspace{display:flex;min-width:0;flex:1;flex-direction:column}.topbar{height:76px;flex:none;display:flex;align-items:center;gap:10px;padding:0 24px;border-bottom:1px solid #1f3047;background:#0c1522eF;backdrop-filter:blur(14px)}.menu-button,.mobile-brand{display:none}.model-combobox{position:relative;width:min(330px,32vw)}#model{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.model-dropdown-button{width:100%;height:46px;display:flex;align-items:center;gap:10px;border:1px solid #2b3e57;border-radius:15px;padding:0 12px;background:linear-gradient(180deg,#1b2738,#151e2d);color:var(--text);text-align:left}.model-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#214d9c;color:#a9ceff}.model-dropdown-button span:nth-child(2){min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-chevron{color:#9eb2cc;font-size:18px}.model-dropdown-panel{position:absolute;top:53px;left:0;width:min(390px,82vw);z-index:50;padding:9px;border:1px solid #3a5271;border-radius:14px;background:#101b2a;box-shadow:0 20px 48px #000b}.model-search-wrap{display:flex;align-items:center;gap:7px;border:1px solid #2c415d;border-radius:9px;padding:0 9px;color:#91a5bf}.model-search-wrap input{width:100%;height:36px;border:0;outline:0;background:transparent;color:#fff}.model-options{max-height:275px;overflow:auto;padding-top:7px}.model-option{display:block;width:100%;border:0;border-radius:9px;padding:9px 10px;background:transparent;color:#dce8f7;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-option:hover,.model-option[aria-selected="true"]{background:#1d3760;color:#fff}.top-tool{border:0;border-radius:9px;padding:8px;background:transparent;color:#a8bdd8;font-size:18px}.top-tool:hover{background:#1a2a40}.model-state{max-width:250px;color:#71859f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-spacer{flex:1}.balance-pill{border:1px solid #3978de;border-radius:14px;padding:9px 13px;background:#142b4c;color:#f1f6ff;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.settings{font-size:20px}.conversation{position:relative;min-height:0;overflow:auto;padding:30px clamp(18px,4vw,64px);background:linear-gradient(90deg,#080d16eB,#0a1321e0)}#conversation::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--wallpaper-image,none),var(--wallpaper-gradient,none);background-size:cover;background-position:center;filter:brightness(var(--wallpaper-brightness,1)) blur(var(--wallpaper-blur,0));opacity:.24}#messages{max-width:910px;margin:auto}.empty{max-width:760px;min-height:100%;margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-orb{display:grid;place-items:center;width:66px;height:66px;border:1px solid #5796ff;border-radius:23px;background:linear-gradient(145deg,#347fff,#1648a7);font-size:35px;box-shadow:0 14px 48px #1f65d866}.eyebrow{color:#78a8ff!important;font-size:11px!important;letter-spacing:.13em}.empty h1{margin:6px 0 8px;font-size:34px;letter-spacing:-.04em}.empty p{max-width:540px;color:var(--muted);line-height:1.65}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}.suggestion{border:1px solid #2a405e;border-radius:13px;padding:10px 13px;background:#142033;color:#d8e6f8}.suggestion:hover{border-color:#5d97f9;background:#1a3152}.recent-quick{width:100%;margin-top:25px}.recent-quick h2{font-size:13px;color:#afc0d6}.recent-quick-list{display:grid;gap:7px}.recent-quick-item{border:1px solid #293c55;border-radius:10px;padding:10px;background:#111d2d;color:#d5e1f0;text-align:left}.message{display:flex;gap:13px;margin:0 0 25px}.message.user{justify-content:flex-end}.message .avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3b80ea;border-radius:12px;background:#173e83;color:#b7d8ff;flex:none}.message.user .avatar,.message.user .sender{display:none}.content-wrap{min-width:0;max-width:100%;flex:1}.message.user .content-wrap{flex:0 1 auto;max-width:76%}.sender{margin-bottom:3px;color:#a8b9ce;font-size:11px}.bubble{overflow-wrap:anywhere;color:#eaf1fa;font-size:15px;line-height:1.67}.message.user .bubble{padding:12px 16px;border:1px solid #344d6c;border-radius:19px 19px 5px 19px;background:linear-gradient(145deg,#243750,#192a3d);white-space:pre-wrap}.bubble pre,.bubble .table-wrap{max-width:100%;overflow:auto}.bubble pre{padding:12px;border:1px solid #2b405d;border-radius:12px;background:#0d1520}.bubble code{background:#18263a;color:#d5e7ff}.bubble img,.generated-image{max-width:100%;height:auto;border:1px solid #385574;border-radius:15px}.image-actions,.msg-actions,.file-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.msg-tool,.media-download,.action-icon{border:1px solid #314a69;border-radius:9px;padding:7px 10px;background:#142238;color:#d1e2fa;text-decoration:none}.action-icon{padding:5px 8px}.composer-area{flex:none;padding:11px clamp(12px,4vw,64px) calc(15px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#080d16 80%,#080d1600)}.composer{max-width:910px;margin:auto;padding:10px 11px;border:1px solid #2c4665;border-radius:21px;background:linear-gradient(145deg,#172332,#111b29);box-shadow:0 17px 44px #0009}.composer:focus-within{border-color:#548df4;box-shadow:0 0 0 3px #2675ff22,0 17px 44px #0009}.composer textarea{display:block;width:100%;min-height:35px;max-height:180px;resize:none;border:0;background:transparent;color:#f5f8fc;outline:0;font-size:15px;line-height:1.55}.composer textarea::placeholder{color:#8093aa}.composer-tools{display:flex;align-items:center;gap:7px;padding-top:8px}.composer-action{display:grid;place-items:center;width:37px;height:37px;border:1px solid #2e4765;border-radius:11px;background:#1a2a3d;color:#c7dbf3;font-size:19px}.composer-action:hover{border-color:#619af7;background:#213959}.composer-spacer{flex:1}.send{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(145deg,#3c88ff,#2164df);color:#fff;font-size:19px;box-shadow:0 8px 20px #195ccc77}.attachment-status{display:flex;gap:10px;margin-bottom:9px;padding:9px;border:1px solid #315275;border-radius:13px;background:#14233a}.attachment-preview{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#243e60}.attachment-details{min-width:0;flex:1}.attachment-heading{display:flex;gap:8px}.attachment-heading span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size,.attachment-stage,.face-preservation small{color:#91a7c3;font-size:11px}.attachment-remove{border:0;background:transparent;color:#adc5e2;font-size:20px}.attachment-progress{height:4px;margin-top:6px;border-radius:5px;background:#263d5c}.attachment-progress span{display:block;height:100%;border-radius:inherit;background:#4c8eff}.face-preservation{display:grid;grid-template-columns:auto 1fr;gap:3px 7px;margin-top:5px}.face-preservation small{grid-column:2}.voice-panel{max-width:910px;margin:0 auto 7px;padding:7px 11px;border:1px solid #31516f;border-radius:11px;background:#12243b;color:#dbeaff}.small-btn{margin-left:6px;border:1px solid #3a5e82;border-radius:7px;background:#1a304b;color:#dbeaff;padding:4px 8px}.disclaimer{max-width:910px;margin:7px auto 0;color:#71849b;text-align:center;font-size:11px}.disclaimer a{color:#8db9ff}.backdrop{display:none}.toast-feedback{position:fixed;z-index:80;bottom:110px;left:50%;transform:translateX(-50%);padding:10px 15px;border:1px solid #46698f;border-radius:11px;background:#14243b;color:#fff}.modal-wrap{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#0009}.modal{width:min(560px,100%);max-height:92dvh;overflow:auto;padding:22px;border:1px solid #344d6c;border-radius:18px;background:#101b2a;color:var(--text)}.modal input,.modal select{width:100%;border:1px solid #354c68;border-radius:9px;padding:9px;background:#17263a;color:#fff}.btn{border:1px solid #3b5473;border-radius:9px;padding:9px;background:#1c2c43;color:#e7f1fd}.btn.primary{background:var(--blue);border-color:#518df5}.modal-topbar{display:flex;justify-content:space-between}.settings-section{border:1px solid #2d435f;border-radius:10px;padding:10px}.wallpaper-preview{height:65px;background:#1a2b42;background-position:center;background-size:cover}.key-row{display:flex;gap:7px}.privacy,.note{color:var(--muted);font-size:12px}.voice-overlay{position:fixed;inset:0;z-index:100;padding:30px;background:#07101c;color:#fff}.voice-overlay[hidden],.modal-wrap[hidden],.attachment-status[hidden],.edit-draft[hidden],.toast-feedback[hidden],.model-dropdown-panel[hidden]{display:none!important}
@media(max-width:800px){.sidebar{position:fixed;z-index:70;inset:0 auto 0 0;width:min(84vw,310px);transform:translateX(-102%);box-shadow:20px 0 55px #000a}.sidebar.open{transform:translateX(0)}.sidebar-collapse{display:none}.backdrop{position:fixed;inset:0;z-index:60;background:#0008}.topbar{height:calc(59px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;gap:7px}.menu-button,.mobile-brand{display:block}.mobile-brand{font-size:16px;font-weight:750;white-space:nowrap}.model-combobox{width:min(42vw,190px);flex:1}.model-dropdown-button{height:38px;border-radius:11px;padding:0 7px;font-size:12px}.model-mark{width:20px;height:20px}.model-state,.top-tool{display:none}.balance-pill{padding:7px 9px;font-size:11px}.conversation{padding:17px 10px}.message{gap:8px;margin-bottom:18px}.message .avatar{width:29px;height:29px;border-radius:10px}.message.user .content-wrap{max-width:90%}.bubble{font-size:14px}.empty h1{font-size:28px}.composer-area{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.composer{border-radius:18px;padding:8px}.composer textarea{font-size:16px}.disclaimer{display:none}.model-dropdown-panel{position:fixed;left:10px;right:10px;top:calc(61px + env(safe-area-inset-top));width:auto}.chat-item-menu-panel{right:2px}.side-footer{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:390px){.balance-pill{display:none}.mobile-brand{font-size:14px}.model-combobox{width:auto}.model-dropdown-button span:nth-child(2){font-size:11px}}:root[data-theme="light"]{color-scheme:light;--bg:#f5f8fc;--side:#fff;--surface:#fff;--surface2:#edf3fa;--line:#d5e0ed;--text:#172235;--muted:#68788e}:root[data-theme="light"] .app-shell,:root[data-theme="light"] .conversation{background:#f5f8fc}:root[data-theme="light"] .sidebar,:root[data-theme="light"] .topbar{background:#fff}:root[data-theme="light"] .model-dropdown-button,:root[data-theme="light"] .composer,:root[data-theme="light"] .modal{background:#fff;color:#172235}:root[data-theme="light"] .model-dropdown-button{color:#172235}:root[data-theme="light"] .model-dropdown-panel{background:#fff}:root[data-theme="light"] .model-search-wrap input,:root[data-theme="light"] .composer textarea,:root[data-theme="light"] .modal input,:root[data-theme="light"] .modal select{color:#172235}:root[data-theme="light"] .message.user .bubble{background:#e7f0ff;color:#172235}:root[data-theme="light"] .composer-area{background:linear-gradient(0deg,#f5f8fc 80%,#f5f8fc00)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Settings 1.0.3 */
.settings-modal{width:min(920px,calc(100vw - 32px));height:min(85dvh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #31455f;border-radius:18px;background:#111b29;color:#f3f6fc;box-shadow:0 30px 90px #000b}.settings-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid #273a52;background:#152033}.settings-header p{margin:0;color:#7caaff;font-size:11px;letter-spacing:.12em}.settings-header h2{margin:2px 0 0;font-size:22px}.settings-header button{width:36px;height:36px;border:1px solid #344b67;border-radius:10px;background:#1a2a40;color:#dbeaff;font-size:25px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;flex:1}.settings-nav{padding:18px 12px;border-right:1px solid #273a52;background:#0d1623}.settings-nav-item{display:block;width:100%;border:0;border-radius:10px;padding:11px 12px;background:transparent;color:#a9bbd1;text-align:left;font-size:14px}.settings-nav-item:hover,.settings-nav-item.active{background:#1c3865;color:#fff}.settings-content{overflow-y:auto;padding:27px 32px}.settings-page{display:none;max-width:590px}.settings-page.active{display:block}.settings-page h3{margin:0 0 7px;font-size:22px}.settings-page h4{margin:25px 0 10px}.settings-page>label{display:block;margin:18px 0 7px;color:#dbe7f6;font-size:14px}.settings-lead{margin:0;color:#94a3b8;line-height:1.55}.settings-info-card,.connected-account-card,.balance-card{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding:14px;border:1px solid #2d425e;border-radius:13px;background:#152237;color:#b6c8dd}.settings-info-card b,.connected-account-card b,.balance-card b{color:#f3f6fc;font-size:16px}.theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-card{min-height:72px;border:1px solid #354b67;border-radius:12px;background:#172537;color:#d6e4f4}.theme-card.active{border-color:#4b8cff;background:#1b396b;box-shadow:inset 0 0 0 1px #5795ff}.settings-select,.settings-page input[type="text"],.settings-page input[type="password"]{width:100%;border:1px solid #344c69;border-radius:10px;padding:11px;background:#0e1928;color:#f3f6fc}.wallpaper-preview{height:88px;margin:10px 0;border:1px solid #344c69;border-radius:12px;background:#1d2d42 center/cover;display:grid;place-items:center;color:#c7d8eb}.upload-wallpaper{display:block;border:1px dashed #4774a6;border-radius:10px;padding:10px;color:#9fc4ff;text-align:center;cursor:pointer}.range-row{margin-top:16px}.range-row label{display:flex;justify-content:space-between;color:#c7d7e9}.range-row input{width:100%;accent-color:#2675ff}.remember-row{display:flex!important;align-items:center;gap:9px;margin-top:13px!important;color:#cbd8e7!important}.remember-row input{width:17px;height:17px;accent-color:#2675ff}.key-row{display:flex;gap:8px}.key-row input{min-width:0;flex:1}.key-row button,.settings-primary,.settings-secondary{border-radius:10px;padding:10px 13px;font-weight:650}.key-row button,.settings-secondary{border:1px solid #385370;background:#182a40;color:#dceaff}.settings-primary{border:1px solid #4f8dff;background:#2675ff;color:#fff}.settings-actions,.data-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.settings-link{display:inline-block;margin-top:16px;color:#8fbcff}.account-list{display:grid;gap:8px}.account-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #2c425d;border-radius:10px;background:#152237}.account-row .btn{flex:1;border:0;background:transparent;color:#e4effb;text-align:left}.account-row .btn.ghost{flex:0;border:1px solid #415b77;color:#c8d8ea}.balance-card{margin-top:0}.balance-card .settings-secondary{align-self:flex-start;margin-top:7px}.modal-wrap{overflow:hidden}@media(max-width:700px){.modal-wrap{padding:0}.settings-modal{width:100vw;height:100dvh;border:0;border-radius:0}.settings-header{height:68px;padding:0 17px}.settings-layout{display:block}.settings-nav{display:flex;gap:6px;overflow-x:auto;padding:10px;border-bottom:1px solid #273a52;border-right:0;white-space:nowrap}.settings-nav-item{width:auto;flex:0 0 auto;padding:8px 10px;font-size:13px}.settings-content{height:calc(100dvh - 124px);padding:21px 16px}.theme-cards{grid-template-columns:1fr}.settings-page h3{font-size:21px}.key-row{align-items:stretch}.settings-actions,.data-actions{display:grid;grid-template-columns:1fr}.settings-primary,.settings-secondary{width:100%}}
:root[data-theme="light"] .settings-modal{background:#fff;color:#172235}:root[data-theme="light"] .settings-header{background:#f5f8fc;border-color:#d9e3ee}:root[data-theme="light"] .settings-nav{background:#f7faff;border-color:#d9e3ee}:root[data-theme="light"] .settings-nav-item{color:#52647c}:root[data-theme="light"] .settings-nav-item.active{background:#deebff;color:#174786}:root[data-theme="light"] .settings-info-card,:root[data-theme="light"] .connected-account-card,:root[data-theme="light"] .balance-card,:root[data-theme="light"] .account-row{background:#f6f9fd;border-color:#d5e1ee;color:#52647c}:root[data-theme="light"] .settings-select,:root[data-theme="light"] .settings-page input[type="text"],:root[data-theme="light"] .settings-page input[type="password"]{background:#fff;color:#172235;border-color:#cbd9e9}

/* MECH AI 1.0.5: iPhone PWA full-screen settings and two-level navigation */
.mobile-settings-back,.mobile-settings-sections{display:none}
@media(max-width:700px){
  .modal-wrap{inset:0;overflow:hidden;padding:0;align-items:stretch;justify-items:stretch}
  .settings-modal{width:100%;max-width:100%;height:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;min-height:0}
  .settings-header{height:auto;min-height:calc(66px + env(safe-area-inset-top,0px));flex:none;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 12px;display:flex;align-items:center;gap:13px;position:relative;z-index:2}
  .settings-header>div{min-width:0;flex:1}
  .settings-header h2{font-size:21px;line-height:1.2}
  .settings-header #closeAccount{flex:none;min-width:44px;min-height:44px}
  .mobile-settings-back{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#9ac2ff;padding:8px 0;font-size:14px;min-height:44px;white-space:nowrap}
  .settings-layout{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
  .settings-nav{display:flex;flex-direction:column;flex:1;gap:8px;overflow-y:auto;overflow-x:hidden;min-height:0;padding:20px 16px calc(25px + env(safe-area-inset-bottom,0px));border:0;background:#0d1623;white-space:normal;-webkit-overflow-scrolling:touch}
  .settings-nav::before{content:'Разделы настроек';display:block;font-size:13px;font-weight:600;letter-spacing:.04em;color:#91a7c1;margin:2px 0 7px}
  .settings-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:53px;padding:13px 15px;flex:0 0 auto;border:1px solid #2b3f58;border-radius:13px;background:#152237;color:#e3eefc;text-align:left;font-size:16px}
  .settings-nav-item::after{content:'›';color:#8aa5c9;font-size:24px;line-height:1}
  .settings-content{display:none;flex:1;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 16px calc(34px + env(safe-area-inset-bottom,0px))}
  .mobile-section-open .settings-nav{display:none}
  .mobile-section-open .settings-content{display:block}
  .mobile-settings-sections{display:inline-flex;align-items:center;min-height:44px;margin:0 0 10px;padding:0 10px;border:1px solid #365477;border-radius:10px;background:#172b45;color:#c2dcff;font-size:14px}
  .mobile-settings-sections[hidden]{display:none!important}
  .settings-page{max-width:100%}
  .settings-page h3{margin-top:0}
  .settings-actions,.data-actions{grid-template-columns:minmax(0,1fr)}
  .settings-page input,.settings-page select{max-width:100%}
  .settings-modal button,.settings-modal a{-webkit-tap-highlight-color:transparent}
  .remember-row{min-height:44px}
}
@media(max-width:360px){.mobile-settings-back span{display:none}.settings-header{gap:8px}}

/* 1.0.6: prevent natural-size uploaded photographs from expanding the composer */
.attachment-status{min-width:0;max-width:100%;align-items:flex-start;overflow:hidden}
.attachment-preview{flex:0 0 42px;width:42px;height:42px;min-width:42px;min-height:42px;overflow:hidden}
.attachment-preview img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.attachment-details{min-width:0;overflow:hidden}
.attachment-heading{min-width:0;flex-wrap:wrap;gap:0 7px}
.attachment-heading span:first-child{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-remove{flex:0 0 30px;min-width:30px;min-height:34px;display:grid;place-items:center}
.face-preservation{min-width:0;align-items:start}
.face-preservation span,.face-preservation small{overflow-wrap:anywhere}
@media(max-width:800px){.composer-area{min-width:0;max-width:100%}.composer{min-width:0;max-width:100%}.attachment-status{gap:8px;padding:8px}.attachment-preview{flex-basis:42px}.attachment-stage{overflow-wrap:anywhere}}

/* v1.0.7 Mobile attachment containment: prevent replaced images stretching the editor */
#attachmentStatus[hidden],#attachmentPreview[hidden],#facePreservationRow[hidden]{display:none!important}
#attachmentStatus{position:relative;display:flex;box-sizing:border-box;width:100%;min-width:0;max-width:100%;max-height:180px;overflow:hidden;contain:layout paint;isolation:isolate;align-items:flex-start}
#attachmentPreview{position:relative!important;display:block!important;flex:0 0 42px!important;box-sizing:border-box!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;overflow:hidden!important;contain:strict!important}
#attachmentPreview>img{position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;display:block!important;box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:0!important;min-height:0!important;max-width:42px!important;max-height:42px!important;object-fit:cover!important;object-position:center!important;transform:none!important;margin:0!important;padding:0!important}
#attachmentStatus .attachment-details{flex:1 1 0;min-width:0;max-width:calc(100% - 90px);overflow:hidden}
#attachmentStatus .attachment-heading,#attachmentStatus .attachment-stage{max-width:100%;overflow-wrap:anywhere}
#attachmentStatus .attachment-remove{flex:0 0 30px;margin-left:auto;align-self:flex-start;z-index:1}
#attachmentStatus .attachment-progress{max-width:100%;overflow:hidden}
@media(max-width:700px){.composer-area{position:relative;z-index:2}.composer{position:relative;min-width:0;max-width:100%;overflow:hidden}#attachmentStatus{max-height:155px;overflow-y:auto;overscroll-behavior:contain}#attachmentStatus .attachment-details{max-width:calc(100% - 84px)}.composer textarea,.composer-tools{position:relative;z-index:1}}

/* MECH AI 1.0.8: usable mobile history drawer and settings header. */
.mobile-sidebar-close{display:none}
@media (max-width:800px){
 .sidebar{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(13px + env(safe-area-inset-bottom,0px));}
 .sidebar-brand{align-items:center;gap:10px;padding:0 5px 18px;}
 .sidebar-brand strong{font-size:22px;}
 .mobile-sidebar-close{display:grid;place-items:center;flex:none;margin-left:auto;width:44px;height:44px;border:1px solid #38516d;border-radius:12px;background:#17283d;color:#e8f3ff;font-size:27px;line-height:1;}
 .backdrop:not([hidden]){display:block;}
}
@media (max-width:700px){
 .settings-header{gap:8px;}
 .settings-header>div p{display:none;}
 .settings-header>div h2{margin:0;font-size:20px;white-space:nowrap;}
 .settings-header .mobile-settings-back{padding:6px 8px;font-size:13px;min-width:0;}
 .settings-header #closeAccount{width:44px;height:44px;}
}

/* MECH AI 1.0.9: mobile chat must fill its own viewport, not size to content. */
.app-shell{width:100%;max-width:100%;min-width:0;overflow:hidden}
.workspace{width:0;min-width:0;max-width:100%;flex:1 1 0;overflow:hidden}
.conversation{flex:1 1 0;min-height:0;min-width:0;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.composer-area{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:800px){
 html,body{max-width:100%;overflow:hidden}
 .app-shell{height:100dvh;min-height:0;width:100vw;max-width:100vw}
 .workspace{height:100%;width:0;min-width:0;max-width:100vw;flex:1 1 0}
 .topbar{width:100%;min-width:0;max-width:100%;overflow:visible;gap:6px;padding-left:8px;padding-right:8px}
 .topbar>.menu-button{flex:0 0 28px}
 .topbar>.mobile-brand{flex:0 0 auto}
 .topbar>.model-combobox{min-width:0;flex:1 1 0;width:0;max-width:none}
 .topbar>.balance-pill{min-width:0;max-width:116px;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
 .topbar>.settings{flex:0 0 30px}
 .topbar>.top-spacer{flex:0 0 0}
 .conversation{flex:1 1 0;min-height:0;max-width:100%;padding:16px 12px 20px}
 #messages,.empty{max-width:100%;min-width:0}
 .message,.content-wrap,.bubble{max-width:100%}
 .composer-area{flex:0 0 auto;max-width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}
 .composer{width:100%;max-width:100%;margin:0}
 .sidebar{max-width:calc(100vw - 48px);height:100dvh;max-height:100dvh}
}
@media(max-width:390px){.topbar>.balance-pill{display:none}}

/* v1.0.9: iPhone settings header. Fix root cause: previous global button width clipped "К чату" under title. */
@media(max-width:700px){
 .settings-header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:12px;overflow:hidden;}
 .settings-header>.mobile-settings-back{box-sizing:border-box;display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #38516d;border-radius:12px;background:#17283d;color:#e8f3ff;font-size:26px;line-height:1;white-space:nowrap;}
 .settings-header>.mobile-settings-back span{display:none;}
 .settings-header>div{flex:1 1 0;min-width:0;max-width:100%;overflow:hidden;}
 .settings-header>div h2{margin:0;font-size:20px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .settings-header>#closeAccount{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;padding:0;}
}


/* MECH AI 1.0.13 — restrained premium conversation refinements */
.message{margin-bottom:23px;gap:12px}
.message .avatar{border-radius:13px;background:linear-gradient(160deg,#214fa6,#122b59);box-shadow:0 3px 18px #0d4a9833}
.message.user .bubble{border-color:#41618a;background:linear-gradient(150deg,#263f5d,#17293e);box-shadow:0 5px 22px #02060d22}
.bubble{line-height:1.64}
.bubble blockquote{margin:12px 0;padding:6px 12px;border-left:3px solid #4087ff;background:#1a2a3c40;border-radius:0 9px 9px 0}
.bubble table{border-collapse:collapse;width:100%;min-width:340px}
.bubble th,.bubble td{border:1px solid #304561;padding:8px 11px;text-align:left}
.bubble th{background:#1d3048}
.bubble img,.generated-image{display:block;max-width:100%;max-height:540px;width:auto;height:auto;object-fit:contain;border-radius:17px}
.msg-actions .action-icon,.image-actions button,.image-actions a{transition:background .16s,border-color .16s,transform .16s}
.msg-actions .action-icon:hover,.image-actions button:hover,.image-actions a:hover{background:#1d3452;border-color:#4e85cf}
.composer{border-color:#314c6d;background:linear-gradient(135deg,#1a293c,#111d2e)}
.personal-heading{display:flex;gap:13px;align-items:start;margin-bottom:18px}
.personal-heading h3{margin:0 0 4px}
.personal-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:13px;background:#2257ad;color:#e6f0ff;font-size:22px}
.personal-card{border:1px solid #30445f;background:linear-gradient(160deg,#17263a,#111d2c);border-radius:16px;padding:18px;margin:0 0 16px}
.personal-card h4{font-size:16px;margin:0 0 14px;color:#edf4ff}
.personal-card label:not(.personal-toggle){display:block;color:#bbccdf;font-size:13px;margin:14px 0 8px}
.personal-card .settings-select,.personal-card input:not([type=checkbox]),.personal-textarea{display:block;width:100%;border:1px solid #344e70;border-radius:11px;padding:11px 12px;background:#0e1a2b;color:#f2f7ff;font:inherit}
.personal-textarea{resize:vertical;min-height:86px;line-height:1.5}
.personal-card .settings-primary{margin-top:9px}
.personal-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.personal-muted{color:#9cb1ca;font-size:12px;line-height:1.55;margin:7px 0 10px}
.personal-toggle{white-space:nowrap;display:flex;align-items:center;gap:8px;color:#c8d7e9;font-size:13px;padding-top:3px}
.personal-toggle input{accent-color:#2675ff;width:19px;height:19px}
.personal-add-row{display:flex;gap:8px;align-items:stretch}
.personal-add-row input{min-width:0;flex:1}
.personal-add-row button{flex:none;margin:0!important}
.personal-memory-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.personal-memory-item{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:11px;background:#101c2d;border:1px solid #2a425e}
.personal-memory-item span{flex:1;min-width:0;overflow-wrap:anywhere;color:#dce9f9;font-size:13px}
.personal-memory-item button{border:1px solid #344b69;border-radius:8px;background:transparent;color:#a9c6f4;padding:6px 8px;font-size:12px}
.personal-memory-item .personal-remove,.personal-danger{color:#ff9a9a!important}
.personal-empty{margin:0;color:#91a6bf;font-size:13px}
.personal-data-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
.personal-data-actions button{margin:0}
@media(max-width:650px){.personal-card{padding:14px;margin-bottom:12px}.personal-row{flex-wrap:wrap}.personal-add-row{flex-wrap:wrap}.personal-add-row input{flex-basis:100%}.personal-add-row button{width:100%}.personal-memory-item{flex-wrap:wrap}.personal-memory-item span{flex-basis:100%}.personal-data-actions button{flex:1 1 45%}.bubble img,.generated-image{max-height:380px}}

/* Light-mode contrast for personalization controls */
:root[data-theme="light"] .personal-card{background:linear-gradient(150deg,#fff,#f5f8fd);border-color:#d2dfed}
:root[data-theme="light"] .personal-card h4,:root[data-theme="light"] .personal-memory-item span{color:#1c2a3e}
:root[data-theme="light"] .personal-card label:not(.personal-toggle),:root[data-theme="light"] .personal-toggle{color:#38516e}
:root[data-theme="light"] .personal-muted,:root[data-theme="light"] .personal-empty{color:#5b708a}
:root[data-theme="light"] .personal-card .settings-select,:root[data-theme="light"] .personal-card input:not([type=checkbox]),:root[data-theme="light"] .personal-textarea{background:#fff;color:#1c2a3e;border-color:#c4d6e9}
:root[data-theme="light"] .personal-memory-item{background:#ecf4fe;border-color:#d3e2f4}
:root[data-theme="light"] .personal-memory-item button{color:#20599a;border-color:#b5cce7}

/* v1.0.14: multi-account personalization safety */
.personal-notice{padding:12px 14px;border:1px solid #5b6d82;border-radius:12px;color:#cfdbeb;background:#213145;font-size:13px;line-height:1.5}
.personal-card [data-personal-control]:disabled{opacity:.46;cursor:not-allowed}
:root[data-theme="light"] .personal-notice{color:#27415c;background:#eaf2fa;border-color:#b9cadd}

/* MECH AI 1.0.15 — approved brand: source illustration retained, only resized for UI. */
.brand-identity{display:flex;align-items:center;gap:9px;min-width:0}
.brand-identity>div{min-width:0}
.sidebar-brand .brand-icon{width:40px;height:40px;object-fit:cover;border-radius:11px;flex:none;box-shadow:0 0 16px #1e77ff35}
.sidebar-brand .brand-identity strong{font-size:22px;line-height:1;letter-spacing:-.045em;white-space:nowrap}
.sidebar-brand .brand-identity small{font-size:8px;letter-spacing:.06em;white-space:nowrap}
.sidebar-brand .sidebar-collapse{flex:none}
.empty-orb{overflow:hidden;border-radius:21px;background:#071624;border-color:#234d7e;box-shadow:0 14px 42px #175be744}
.empty-orb img{display:block;width:100%;height:100%;object-fit:cover}
.message.assistant .avatar{font-size:0;background:#081522 url('/brand-icon-48.png') center/cover no-repeat;border-color:#355b89}
.about-brand-lockup{display:block;width:min(280px,100%);height:auto;max-height:280px;object-fit:contain;margin:0 auto 14px;border-radius:14px}

/* Approved MECH AI identity across voice, settings and official product surfaces. */
.voice-brand{display:flex;align-items:center;gap:9px;min-width:0}
.voice-brand>img{display:block;border-radius:10px;object-fit:cover;flex:none;box-shadow:0 0 14px #0d77e877}
.voice-brand>div{display:flex;flex-direction:column;min-width:0}
.settings-brand-icon{width:20px;height:20px;object-fit:cover;border-radius:5px;vertical-align:middle;margin-right:2px}

/* v1.0.17: user-triggered recovery for upstream chat errors */
.chat-error-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 3px}.chat-error-actions .msg-tool{cursor:pointer;font:inherit;font-size:13px}.chat-error-actions .msg-tool:hover{border-color:#72a5ff;background:#213b5c}

/* v1.0.18: testable model availability, separated from the live model catalog. */
.model-diagnostics{padding:8px 10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-bottom:1px solid rgba(143,165,200,.18)}
.model-diagnostics-button{border:1px solid rgba(90,153,244,.50);border-radius:9px;background:rgba(40,99,184,.15);color:inherit;padding:7px 10px;font-size:12px;cursor:pointer;min-height:34px}
.model-diagnostics-button:disabled{opacity:.55;cursor:default}
.model-diagnostics-hint{font-size:10px;color:#90a8cb;flex:1;min-width:165px;line-height:1.3}
.model-option .model-diagnostic-status{font-size:11px;font-weight:500;margin-left:auto;white-space:nowrap;color:#9bb3d3}
.model-option[data-health="ok"] .model-diagnostic-status{color:#80d4a5}
.model-option[data-health="failed"] .model-diagnostic-status{color:#e9ad8f}
.model-option[data-health="checking"] .model-diagnostic-status{color:#82b4f7}

.model-option{display:flex;justify-content:space-between;align-items:center;gap:9px}
.model-option>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* MECH AI 1.0.19 — Voice Conversation. Desktop + iPhone + Android.
   Explicit rules for ALL children of voice-overlay, previously left unstyled. */
.voice-overlay:not([hidden]){
  display:flex;flex-direction:column;align-items:stretch;
  box-sizing:border-box;isolation:isolate;overflow:hidden;
  width:100%;min-height:0;height:100vh;height:100dvh;
  padding:clamp(18px,3vw,38px);
  background:radial-gradient(ellipse 47% 43% at 50% 43%,rgba(28,101,190,.20),transparent 84%),
             radial-gradient(ellipse 65% 50% at 50% 110%,rgba(8,70,140,.20),transparent 80%),
             linear-gradient(160deg,#07101e 0%,#060c17 58%,#081425 100%);
  color:#f5f9ff;
}
.voice-overlay::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;opacity:.42;
  background:linear-gradient(90deg,transparent 20%,rgba(79,146,255,.04) 50%,transparent 80%);}
.voice-overlay-top{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;flex:0 0 auto;}
.voice-overlay .voice-brand{display:flex;gap:12px;align-items:center;min-width:0;}
.voice-overlay .voice-brand>img{width:48px;height:48px;object-fit:cover;border-radius:14px;border:1px solid #2b5c91;background:#112237;}
.voice-overlay .voice-brand>div{display:flex;flex-direction:column;gap:1px;}
.voice-overlay .voice-brand strong{font-size:20px;font-weight:780;letter-spacing:-.045em;line-height:1.2;}
.voice-overlay .voice-brand strong i{font-style:normal;color:#5a9bff;}
.voice-overlay .voice-brand span{font-size:12px;letter-spacing:.03em;color:#8eafce;}
.voice-close{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #35516c;
  background:rgba(20,35,56,.78);color:#e2edfa;font-size:29px;line-height:1;transition:background .15s,border-color .15s;}
.voice-close:hover,.voice-close:focus-visible{background:#243955;border-color:#6aa7ff;}
.voice-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  flex:1 1 auto;min-height:0;text-align:center;padding:24px 8px 6px;}
.voice-orb{position:relative;display:grid;place-items:center;flex:none;isolation:isolate;
  width:clamp(170px,24vh,270px);height:clamp(170px,24vh,270px);
  border-radius:50%;border:1px solid rgba(78,143,235,.42);
  background:radial-gradient(circle at 50% 44%,#183d72 0%,#0e2647 42%,#07162a 73%);
  box-shadow:0 0 0 15px rgba(33,105,196,.06),0 0 0 31px rgba(33,105,196,.025),
   inset 0 0 45px rgba(45,128,225,.22),0 12px 55px rgba(0,0,0,.40);}
.voice-orb::before,.voice-orb::after{content:'';position:absolute;pointer-events:none;border-radius:50%;inset:-16px;
  border:1px solid rgba(62,145,255,.30);box-shadow:0 0 18px rgba(16,112,245,.10);}
.voice-orb::after{inset:-33px;border-color:rgba(62,145,255,.11);}
.voice-orb>img{display:block;position:relative;z-index:2;width:67%;height:67%;object-fit:cover;border-radius:24%;
  filter:drop-shadow(0 0 17px rgba(23,130,255,.42));}
.voice-orb>span{display:none;}
.voice-orb[data-state="recording"]{border-color:#60c0ff;box-shadow:0 0 0 16px rgba(33,105,196,.10),0 0 70px rgba(26,139,255,.25),inset 0 0 45px rgba(28,135,255,.25);}
.voice-orb[data-state="recording"]::before{animation:voice-wave 1.8s ease-out infinite;}
.voice-orb[data-state="speaking"]::before{animation:voice-wave 2.2s ease-out infinite;}
.voice-orb[data-state="speaking"]::after{animation:voice-wave 2.2s ease-out .65s infinite;}
.voice-orb[data-state="processing"]::before{border-style:dashed;border-color:#6da9ff;animation:voice-thinking 7s linear infinite;}
.voice-orb[data-state="error"]{border-color:rgba(248,113,113,.8);box-shadow:0 0 0 15px rgba(248,113,113,.08);}
@keyframes voice-wave{0%{transform:scale(.89);opacity:.8}100%{transform:scale(1.28);opacity:0}}
@keyframes voice-thinking{to{transform:rotate(360deg)}}
.voice-stage h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.045em;line-height:1.2;font-weight:730;margin:30px 0 0;}
.voice-stage p{max-width:min(650px,92vw);font-size:clamp(13px,1.2vw,16px);line-height:1.55;overflow-wrap:anywhere;
  color:#a6bdd7;margin:0;max-height:5.2em;overflow-y:auto;}
.voice-transcript{flex:0 1 auto;align-self:center;width:min(720px,100%);max-height:min(26vh,180px);min-height:30px;
  overflow-y:auto;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;
  scrollbar-width:thin;text-align:center;font-size:14px;line-height:1.55;color:#d3e6fc;padding:7px 12px 13px;}
.voice-transcript:empty{min-height:18px;}
.voice-controls{display:flex;align-items:center;justify-content:center;gap:26px;flex:0 0 auto;padding:8px 0 8px;}
.voice-round{display:grid;place-items:center;flex:none;width:76px;height:76px;padding:0;
  border-radius:50%;font-size:28px;line-height:1;border:1px solid #5799ed;background:#2369e0;color:#fff;
  box-shadow:0 8px 25px rgba(9,82,199,.28);transition:transform .15s,background .15s,box-shadow .15s;}
.voice-round svg{width:29px;height:29px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
.voice-round:hover:not(:disabled){transform:translateY(-2px);background:#3b80f2;box-shadow:0 11px 30px rgba(15,101,237,.35);}
.voice-round:disabled{opacity:.46;cursor:not-allowed;box-shadow:none;}
.voice-round.voice-end{width:65px;height:65px;border-color:#724451;background:#34212e;color:#ffb8c5;box-shadow:none;}
.voice-round.voice-end:hover{background:#582c3b;border-color:#e16b80;}
.voice-round.voice-end svg{width:25px;height:25px;}
.voice-overlay-note{display:block;flex:0 0 auto;align-self:center;max-width:min(730px,100%);padding:13px 6px 0;
  color:#7190b3;font-size:11px;line-height:1.45;text-align:center;}
body.voice-open{overscroll-behavior:none;}
@media(max-width:700px){
  .voice-overlay:not([hidden]){padding:calc(16px + env(safe-area-inset-top,0px)) 18px calc(16px + env(safe-area-inset-bottom,0px));}
  .voice-overlay-top{min-height:49px;}
  .voice-overlay .voice-brand>img{width:42px;height:42px;}
  .voice-overlay .voice-brand strong{font-size:18px;}
  .voice-overlay .voice-brand span{font-size:11px;}
  .voice-close{width:44px;height:44px;}
  .voice-stage{padding:14px 0 2px;gap:7px;}
  .voice-orb{width:clamp(148px,24vh,230px);height:clamp(148px,24vh,230px);}
  .voice-stage h2{font-size:28px;margin:25px 0 0;}
  .voice-stage p{font-size:14px;max-height:4.4em;}
  .voice-transcript{font-size:13px;max-height:18vh;}
  .voice-controls{gap:23px;padding:7px 0;}
  .voice-round{width:70px;height:70px;}
  .voice-round.voice-end{width:62px;height:62px;}
  .voice-overlay-note{padding-top:7px;font-size:10px;max-width:92%;}
}
@media(max-height:560px){
  .voice-stage{padding:0;gap:3px;}
  .voice-orb{width:118px;height:118px;}
  .voice-stage h2{margin:7px 0 0;font-size:23px;}
  .voice-stage p{font-size:12px;max-height:2.8em;}
  .voice-transcript{max-height:72px;padding:2px 8px;}
  .voice-controls{padding:3px;}
  .voice-round{width:58px;height:58px;}
  .voice-round.voice-end{width:53px;height:53px;}
  .voice-overlay-note{padding-top:3px;}
}
@media(prefers-reduced-motion:reduce){
  .voice-orb::before,.voice-orb::after,.voice-round{animation:none!important;transition:none!important;}
}