:root{font-family:Manrope,Arial,sans-serif;color:#202722;background:#f7f8f6;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#202722;--muted:#8b938d;--line:#e8ebe7;--green:#27664f;--mint:#dcefe5;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:#f7f8f6}button,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{background:#f1f3f0;border-right:1px solid #e5e9e4;padding:22px 14px 12px;display:flex;flex-direction:column;min-height:0;z-index:3}.brand{height:38px;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:800;font-size:15px;letter-spacing:.07em;padding:0 9px}.brand-light{font-weight:500;color:#788179}.brand-beta{font:500 8px var(--mono);letter-spacing:.1em;color:#56816a;background:#e1ede5;border-radius:5px;padding:4px 5px;margin-left:auto}.brand-mark{width:21px;height:21px;border-radius:7px;background:#2e6c54;display:flex;align-items:center;justify-content:center;gap:2px}.brand-mark i{display:block;width:2px;border-radius:3px;background:#eaf5ec}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:9px}.new-chat{height:41px;margin:24px 1px 25px;background:#fff;border:1px solid #e6eae5;border-radius:9px;text-align:left;padding:0 10px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;box-shadow:0 2px 5px #28372a08;cursor:pointer;transition:transform .15s,border-color .15s}.new-chat:hover,.suggestion:hover{border-color:#b4c9b9;transform:translateY(-1px)}.plus{font-size:18px;font-weight:400;color:#4c7560}.new-chat kbd{margin-left:auto;font:10px var(--mono);color:#9ba49d;background:#f5f6f4;padding:3px 5px;border:1px solid #e9ece8;border-radius:4px}.side-label{font:500 9px var(--mono);letter-spacing:.12em;color:#9da49e;padding:0 9px;margin-bottom:10px}.nav-item{width:100%;height:36px;border:0;background:transparent;text-align:left;border-radius:7px;padding:0 9px;display:flex;align-items:center;gap:9px;color:#737c75;font-size:11px;cursor:pointer}.nav-item.active{background:#e7ebe6;color:#25372c;font-weight:700}.nav-icon{font-size:15px;width:15px;text-align:center;color:#697c6f}.nav-shortcut{margin-left:auto;color:#a3aaa4;font:10px var(--mono)}.recent-label{margin-top:29px}.chat-list{overflow:auto;min-height:0}.chat-entry{display:flex;align-items:center;gap:7px;padding:8px;border-radius:7px;font-size:10px;color:#68736c;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-entry:hover,.chat-entry.selected{background:#e8ece7;color:#354239}.chat-entry span:first-child{color:#a0aaa2;font-size:12px}.sidebar-bottom{margin-top:auto}.usage-block{border-top:1px solid #e0e5df;padding:14px 9px 13px}.usage-head{display:flex;justify-content:space-between;font-size:9px;color:#59645c}.usage-head span:last-child{font:10px var(--mono);color:#4b775c}.usage-track{height:4px;background:#e1e6e1;border-radius:5px;margin:9px 0 6px;overflow:hidden}.usage-track i{display:block;background:#4f8968;height:100%;width:0;transition:width .3s}.usage-note{font-size:9px;color:#9aa29b}.profile{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:9px;border-radius:8px;text-align:left;cursor:pointer}.profile:hover{background:#e8ece7}.avatar{width:27px;height:27px;background:#dfeae1;border-radius:8px;color:#396249;display:grid;place-items:center;font-size:11px;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-info b{font-size:10px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info small{font-size:9px;color:#929b94}.dots{margin-left:auto;font-size:17px;color:#879087}.main-panel{position:relative;min-width:0;display:flex;flex-direction:column;height:100dvh}.topbar{height:55px;flex:0 0 55px;border-bottom:1px solid #e9ece8;display:flex;align-items:center;padding:0 30px;justify-content:space-between;background:#f8f9f7}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:10px;color:#929992}.breadcrumb b{font-weight:400;color:#ccd1cc}.breadcrumb strong{color:#49544b;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.server-status{font-size:9px;color:#879087;display:flex;align-items:center;gap:6px}.server-status i,.pulse{width:6px;height:6px;border-radius:50%;background:#69a77d;box-shadow:0 0 0 3px #69a77d1c}.icon-button{border:1px solid #e5e9e4;background:transparent;width:25px;height:25px;border-radius:50%;font-size:11px;color:#78837b;cursor:pointer}.mobile-menu{display:none;border:0;background:transparent}.chat-scroll{flex:1;overflow:auto;display:flex;flex-direction:column}.welcome{width:min(625px,calc(100% - 44px));margin:auto;padding:44px 0 35px;animation:arrive .55s ease both}.eyebrow{font:500 9px var(--mono);letter-spacing:.1em;color:#728078;display:flex;align-items:center;gap:9px;margin:0 0 21px}.pulse{width:5px;height:5px}.welcome h1{font-size:clamp(36px,4.4vw,54px);line-height:1.12;letter-spacing:-.065em;margin:0 0 15px;font-weight:600}.welcome h1 em{font-style:normal;color:#748a79}.welcome>p{font-size:12px;color:#7f8981;line-height:1.8;margin:0}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:32px}.suggestion{height:80px;border:1px solid #e7ebe6;border-radius:10px;background:#fbfcfa;padding:11px 10px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.suggestion:hover{box-shadow:0 5px 15px #2537290b}.suggestion-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.mint{background:#e4f0e8;color:#528264}.peach{background:#f7ebe2;color:#a9734e;font:11px var(--mono)}.lilac{background:#eeebf2;color:#81708f}.suggestion>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.suggestion b{font-size:9px;font-weight:700;white-space:nowrap}.suggestion small{font-size:8px;color:#949b95;white-space:nowrap}.arrow{margin-left:auto;align-self:flex-start;font-size:12px;color:#aab2ab}.model-note{display:flex;align-items:center;gap:11px;margin-top:32px;border-top:1px solid #e8ebe7;padding-top:17px}.model-note-icon{width:25px;height:25px;border:1px solid #e3e8e2;border-radius:8px;color:#5e7d67;display:grid;place-items:center;font-size:12px}.model-note span:last-child{display:flex;flex-direction:column;gap:3px}.model-note b{font-size:9px}.model-note small{font-size:9px;color:#929b94}.composer-wrap{width:min(740px,calc(100% - 48px));margin:0 auto 21px;flex-shrink:0}.composer{border:1px solid #dfe5de;background:#fff;border-radius:13px;box-shadow:0 5px 20px #26352809;padding:12px 13px 9px;transition:border .2s,box-shadow .2s}.composer:focus-within{border-color:#b1c6b5;box-shadow:0 5px 24px #26352812}.composer textarea{display:block;width:100%;resize:none;outline:0;border:0;min-height:38px;max-height:180px;background:transparent;color:#28342c;font-size:12px;line-height:1.6;padding:3px 2px}.composer textarea::placeholder{color:#a0a8a1}.composer-tools{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.tool-left,.tool-right{display:flex;align-items:center;gap:10px}.tool-button{border:0;background:transparent;color:#7c887f;font:11px var(--mono);padding:5px;cursor:pointer}.composer-hint{font-size:8px;color:#a5aca6}.boost-button{height:25px;border:1px solid #e6e9e5;border-radius:6px;background:#fafbf9;padding:0 7px;display:flex;align-items:center;gap:4px;font-size:9px;color:#667168;cursor:pointer;transition:.18s}.boost-button[aria-pressed=true]{border-color:#d9b88d;background:#fff7eb;color:#966831}.bolt{font-size:14px}.boost-mult{color:#b2a18a;font:8px var(--mono)}.send-button{width:27px;height:27px;border:0;border-radius:8px;background:#2f6b53;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:transform .15s,background .2s}.send-button:hover{background:#25573f;transform:translateY(-1px)}.send-button:active{transform:scale(.95)}.send-button:disabled{background:#aab8ac;cursor:wait}.settings-row{display:flex;align-items:center;gap:17px;padding:11px 2px 0}.setting{position:relative;display:flex;align-items:center;gap:7px}.setting-label{font-size:8px;color:#9aa29b}.select-button{border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:3px 1px;font-size:9px;font-weight:700;cursor:pointer}.model-dot{width:6px;height:6px;background:#6d9977;border-radius:50%}.chevron{color:#9ca49c;font-size:12px;margin-left:2px}.settings-spacer{flex:1}.secure-note{font-size:8px;color:#a0a8a1}.secure-note span{font-size:13px;vertical-align:-1px}.dropdown{position:absolute;z-index:4;bottom:32px;left:-5px;background:white;border:1px solid #e5e9e4;border-radius:9px;min-width:205px;padding:5px;box-shadow:0 10px 30px #2431261a;display:none}.dropdown.open{display:block;animation:pop .15s ease}.dropdown button{width:100%;border:0;background:transparent;text-align:left;border-radius:6px;padding:9px 8px;font-size:10px;cursor:pointer}.dropdown button:hover,.dropdown button.chosen{background:#f1f5f0}.dropdown button small{display:block;color:#959d96;font-size:8px;margin-top:3px}.thought-dropdown{min-width:150px}.thought-dropdown button{display:flex;align-items:center;justify-content:space-between;font-size:10px}.thought-dropdown small{margin:0}.messages{width:min(740px,calc(100% - 48px));margin:0 auto;padding:36px 0 40px;display:flex;flex-direction:column;gap:23px}.message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:11px;animation:arrive .25s ease both}.message-avatar{width:26px;height:26px;border-radius:8px;background:#e6eee7;color:#477255;display:grid;place-items:center;font-size:11px;font-weight:700}.message.user .message-avatar{background:#edece8;color:#73736d}.message-content{font-size:12px;line-height:1.8;color:#364139;min-width:0;overflow-wrap:anywhere}.message-role{font-size:9px;color:#9aa29b;margin:2px 0 7px}.message-body p{margin:0 0 11px}.message-body pre{position:relative;background:#202a24;color:#dce8dd;padding:14px;border-radius:8px;overflow:auto;font:11px/1.7 var(--mono)}.message-body code{font-family:var(--mono);font-size:.92em;background:#edf0ec;border-radius:3px;padding:1px 4px}.message-body pre code{background:none;padding:0}.typing-dots{display:flex;gap:4px;padding:8px 0}.typing-dots i{width:5px;height:5px;background:#8da895;border-radius:50%;animation:blink 1.1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.toast{position:absolute;left:50%;bottom:121px;transform:translate(-50%,10px);background:#26332a;color:#fff;border-radius:7px;padding:9px 13px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;z-index:5;max-width:calc(100% - 24px)}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#202a2370;backdrop-filter:blur(5px);display:none;place-items:center;padding:20px}.modal-backdrop.open{display:grid;animation:fade .2s ease}.modal{position:relative;width:min(390px,100%);background:#fbfcfa;border-radius:16px;padding:33px;box-shadow:0 24px 80px #13201633;animation:pop .2s ease}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#89938b;font-size:22px;cursor:pointer}.modal-icon{width:38px;height:38px;border-radius:12px;background:#e5f0e8;color:#4b7c5b;display:grid;place-items:center;font-size:18px;margin-bottom:18px}.modal-kicker{font:500 8px var(--mono);letter-spacing:.13em;color:#77877b;margin:0 0 8px}.modal h2{font-size:21px;letter-spacing:-.04em;margin:0 0 9px}.modal-copy{font-size:10px;color:#818b83;line-height:1.7;margin:0 0 21px}.telegram-slot{display:flex;justify-content:center;min-height:42px}.login-status{font-size:9px;color:#af684f;text-align:center;margin-top:8px;min-height:15px}.modal-divider{display:flex;align-items:center;gap:11px;color:#adb4ae;font-size:9px;margin:15px 0}.modal-divider:before,.modal-divider:after{content:'';height:1px;background:#e8ebe7;flex:1}.modal-foot{font-size:8px;color:#a0a8a1;text-align:center;line-height:1.6;margin:0}.info-modal{width:min(440px,100%)}.info-models{display:flex;flex-direction:column;margin:19px 0 14px}.info-model{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #eaede9}.info-model b{font-size:10px}.info-model small{display:block;color:#8d978f;font-size:8px;margin-top:3px}.info-model span{font:9px var(--mono);color:#5c7963}.info-separator{height:1px;background:#e8ebe7;margin:5px 0 14px}.info-paragraph{font-size:9px;line-height:1.8;color:#818a82;margin:9px 0}.info-paragraph b{color:#39473c}.info-paragraph.warning{background:#fff8ea;border:1px solid #f1e8d4;border-radius:7px;padding:9px;color:#856e47}.chat-scroll:has(.messages:not([hidden])) .welcome{display:none}.chat-scroll:has(.messages:not([hidden])) .messages{display:flex}.mobile-menu{color:#617067}.sidebar.mobile-open{transform:translateX(0)}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes blink{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:900px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:11px;padding-right:11px}.suggestions{gap:6px}.suggestion{padding:9px 7px;gap:6px}.suggestion b{font-size:8px}.suggestion small{font-size:7px}.secure-note{display:none}}
@media(max-width:640px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;transform:translateX(-102%);transition:transform .25s;box-shadow:12px 0 35px #17241b18}.sidebar.mobile-open{transform:translateX(0)}.main-panel{width:100%;height:100dvh}.topbar{height:49px;flex-basis:49px;padding:0 14px;gap:10px}.mobile-menu{display:block;font-size:16px;padding:5px}.breadcrumb{gap:6px;font-size:9px;flex:1;overflow:hidden;white-space:nowrap}.breadcrumb span{max-width:110px;overflow:hidden;text-overflow:ellipsis}.top-actions{gap:8px}.server-status{font-size:8px}.welcome{width:calc(100% - 36px);padding:30px 0 26px}.welcome h1{font-size:39px}.welcome>p{font-size:11px}.desktop-break{display:none}.suggestions{grid-template-columns:1fr;margin-top:24px;gap:7px}.suggestion{height:58px;padding:8px 10px}.suggestion b{font-size:9px}.suggestion small{font-size:8px}.suggestion-icon{width:30px;height:30px}.arrow{margin-left:auto}.model-note{margin-top:20px}.composer-wrap{width:calc(100% - 20px);margin-bottom:max(10px,env(safe-area-inset-bottom))}.composer{padding:10px 10px 7px;border-radius:12px}.composer textarea{font-size:12px;min-height:35px}.composer-hint{display:none}.settings-row{gap:9px;padding-top:9px}.setting{gap:4px}.setting-label{font-size:7px}.select-button{font-size:8px}.model-dot{width:5px;height:5px}.thought-select{min-width:55px}.messages{width:calc(100% - 28px);padding:24px 0 34px}.message{grid-template-columns:24px minmax(0,1fr);gap:8px}.message-avatar{width:23px;height:23px}.message-content{font-size:11px}.toast{bottom:125px}.modal{padding:28px 24px}.dropdown{bottom:34px}.boost-button{gap:3px;padding:0 5px;font-size:8px}.boost-mult{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Readability and account controls */
:root{--muted:#657168}
body{font-size:15px;color:#202722}
button{font-weight:650}
.brand{font-size:16px;font-weight:800}.brand-light{font-weight:650}
.side-label{font-size:10px;font-weight:750;letter-spacing:.09em;color:#626e64}
.nav-item,.new-chat{font-size:13px;font-weight:700;min-height:39px}
.nav-icon{width:18px;height:18px;display:grid;place-items:center}.nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.usage-head{font-size:11px;font-weight:700}.usage-note{font-size:10px;line-height:1.5;color:#647168}
.profile-info b{font-size:12px;font-weight:800}.profile-info small{font-size:10px;color:#667168}
.breadcrumb{font-size:12px;font-weight:600}.server-status{font-size:10px;font-weight:700}
.welcome h1{font-size:clamp(42px,5vw,58px);font-weight:800;line-height:1.13;letter-spacing:-.035em}.welcome h1 em{font-weight:800}
.welcome>p{font-size:15px;line-height:1.8;font-weight:550;color:#59665c}
.suggestion b{font-size:12px;font-weight:800}.suggestion small{font-size:10px;font-weight:550;color:#657168}
.model-note b{font-size:12px;font-weight:800}.model-note small{font-size:10px;color:#657168}
.composer textarea{font-size:15px;line-height:1.55;font-weight:550}.composer-hint{font-size:10px}
.setting-label{font-size:10px;font-weight:700;color:#606c63}.select-button{font-size:12px;font-weight:750}
.messages{gap:26px}.message-content{font-size:15px;line-height:1.8}.message-role{font-size:11px;font-weight:650;color:#6f7b71}.message-avatar{font-size:12px;font-weight:800}
.message-body pre{font-size:13px}.message-body code{font-size:.94em}
.modal-kicker{font-size:10px;font-weight:650}.modal h2{font-size:25px;font-weight:800}.modal-copy{font-size:13px;line-height:1.7;color:#5f6b62}
.info-model b{font-size:12px;font-weight:800}.info-model small{font-size:10px}.info-paragraph{font-size:11px;line-height:1.75;color:#5d695f}.info-paragraph b{font-weight:800}
.settings-modal{width:min(560px,100%);max-height:min(88dvh,760px);overflow:auto;padding:34px 36px 24px}
.settings-tabs{display:flex;gap:5px;margin:18px 0 22px;border-bottom:1px solid #e4e9e4}
.settings-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 12px;margin-bottom:-1px;color:#6a766d;font-size:12px;font-weight:700;cursor:pointer}
.settings-tabs button.active{color:#245f46;border-color:#337959}
.settings-pane{display:none;min-height:240px}.settings-pane.active{display:block;animation:arrive .18s ease both}
.form-label{display:flex;flex-direction:column;gap:8px;margin:0 0 17px;font-size:12px;font-weight:750;color:#39463c}
.form-label select,.form-label textarea{width:100%;border:1px solid #dfe6df;border-radius:9px;background:#fff;padding:11px 12px;font:600 13px Manrope,Arial,sans-serif;color:#273229;outline:none}
.form-label select:focus,.form-label textarea:focus{border-color:#4e8461;box-shadow:0 0 0 3px #4e84611e}
.form-label textarea{resize:vertical;min-height:106px;line-height:1.6;font-weight:500}
.field-note,.settings-description{font-size:11px;line-height:1.6;font-weight:500;color:#667168}
.check-row{display:flex;align-items:flex-start;gap:11px;padding:13px 2px;font-size:12px;cursor:pointer}.check-row input{accent-color:#2f7654;width:16px;height:16px;margin:1px 0 0}.check-row b{display:block;font-size:12px;font-weight:800}.check-row small{display:block;font-size:10px;color:#657168;margin-top:4px}
.settings-actions{display:flex;flex-wrap:wrap;gap:9px;padding:4px 0 12px}
.secondary-button,.danger-button,.primary-button{min-height:36px;border-radius:8px;padding:0 12px;font-size:11px;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.secondary-button{border:1px solid #dfe5df;background:#fff;color:#344239}.secondary-button:hover{background:#f3f6f2}
.danger-button{border:1px solid #ecd9d3;background:#fff;color:#9b5544}.danger-button:hover{background:#fff5f1}
.primary-button{border:1px solid #28684d;background:#28684d;color:#fff}.primary-button:hover{background:#215a42;transform:translateY(-1px)}
.plan-list{display:flex;flex-direction:column}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #e7ebe7}.plan-row b{font-size:14px;font-weight:800}.plan-row small{display:block;font-size:10px;font-weight:550;color:#657168;margin-top:4px}.plan-row strong{font-size:15px;font-weight:800;white-space:nowrap}.plan-row strong small{display:inline;font-size:10px;font-weight:600}
.settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid #e7ebe7;padding-top:15px;margin-top:8px}.settings-footer>span{margin-right:auto;font-size:11px;color:#3e7754;font-weight:700}
.modal-backdrop[hidden],.modal-close[hidden]{display:none!important}
:where(button,a,select,textarea):focus-visible{outline:3px solid #45805a;outline-offset:3px}
::selection{background:#d6eadb;color:#1c3826}
@media(max-width:640px){.welcome h1{font-size:40px}.welcome>p{font-size:13px}.message-content{font-size:14px}.settings-modal{padding:28px 22px 20px;max-height:90dvh}.settings-footer{flex-wrap:wrap}.settings-footer>span{flex-basis:100%}.settings-footer .secondary-button{margin-right:auto}.form-label{font-size:11px}}
.app-shell small{font-size:12px;color:#59665d}
:where(.side-label,.nav-shortcut,.new-chat kbd,.usage-head,.usage-note,.profile-info small,.breadcrumb,.server-status,.eyebrow,.suggestion small,.model-note small,.composer-hint,.tool-button,.boost-button,.setting-label,.secure-note,.message-role,.modal-kicker,.modal-copy,.info-model small,.info-model span,.info-paragraph,.form-label,.field-note,.settings-description,.plan-row small,.settings-footer span){font-size:12px}
.brand-light,.brand-beta,.nav-shortcut,.eyebrow,.model-note small,.setting-label,.secure-note,.composer-hint,.tool-button,.info-model span{color:#4f5f53}
.new-chat kbd,.chat-entry,.profile-info small,.usage-note,.suggestion small,.side-label,.nav-shortcut{color:#536157}
input::placeholder,textarea::placeholder{color:#667168;opacity:1}
.usage-track i{width:100%;transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}

.telegram-login-button{width:100%;min-height:48px;border:0;border-radius:9px;background:#2799dc;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 5px 14px #168acb33;transition:background .15s,transform .15s}.telegram-login-button:hover{background:#1688cb;transform:translateY(-1px)}.telegram-login-button:disabled{opacity:.65;cursor:wait;transform:none}.telegram-login-button span{font-size:18px}.telegram-slot{display:block;min-height:48px}
.usage-title{font-size:12px;font-weight:800;color:#354239;margin-bottom:8px}.usage-meter+.usage-meter{margin-top:9px}.usage-meter .usage-head{font-size:10px;align-items:center}.usage-meter .usage-head span{font-size:10px}.usage-meter .usage-head b{font:700 10px var(--mono);color:#38684c}.usage-meter .usage-track{height:5px;margin:5px 0 0}.usage-block .usage-note{font-size:10px;line-height:1.45;margin-top:8px;color:#59675d}.info-model small{color:#56645a}
.plan-buy{font-size:11px;white-space:nowrap}.plan-row>strong{white-space:nowrap}.terms-link{display:inline-block;font-size:12px;color:#496b55;margin:4px 0 10px}@media(max-width:640px){.plan-row{gap:7px}.plan-row>div{min-width:0;flex:1}.plan-row>div small{white-space:normal}.plan-row>strong{font-size:13px}.plan-buy{min-width:72px;padding:8px}}

/* Chat history and persistence controls */
.recent-label{margin-bottom:8px}
.chat-list{display:flex;flex-direction:column;gap:3px;padding:0 1px 12px}
.chat-group-label{padding:12px 9px 5px;color:#89968d;font:700 9px var(--mono);letter-spacing:.1em}
.chat-row{position:relative;display:flex;align-items:center;min-width:0;border-radius:9px;transition:background .16s,box-shadow .16s}
.chat-row:hover,.chat-row.selected{background:#e7ece7}
.chat-row.selected{box-shadow:inset 2px 0 #4e8060}
.chat-entry{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:9px 5px 9px 9px;border:0;background:transparent;text-align:left;white-space:normal;overflow:hidden;cursor:pointer}
.chat-entry-icon{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border:1px solid #dce4dc;border-radius:8px;background:#f8faf7;color:#62816a}
.chat-entry-icon svg,.chat-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chat-entry-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.chat-entry-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:#344138}
.chat-entry-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#818e84}
.chat-actions{display:flex;align-items:center;gap:1px;padding-right:4px;opacity:0;transition:opacity .14s}
.chat-row:hover .chat-actions,.chat-row:focus-within .chat-actions{opacity:1}
.chat-action{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#728177;cursor:pointer}
.chat-action:hover{background:#d9e4da;color:#315f43}
.chat-action.delete-chat:hover{background:#f5e5e2;color:#a04438}
.chat-list-empty{display:flex;flex-direction:column;gap:5px;padding:13px 10px;color:#66746a;font-size:10px;font-weight:700}
.chat-list-empty small{font-size:9px;line-height:1.5;color:#909b92;font-weight:500}
.save-status{margin-left:5px;color:#688270;font-size:10px}
.thinking-note{display:block;margin-top:5px;padding:8px 10px;border-left:2px solid #adc5b1;border-radius:0 6px 6px 0;background:#f0f5f0;color:#728078;font-size:11px;line-height:1.6}
.job-progress{font-size:12px;font-weight:700;color:#526458}
.message-body .job-draft{margin:10px 0 0;padding:12px 0 0;border:0;border-top:1px solid #dbe7dd;border-radius:0;background:transparent;color:var(--ink);font:12px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:42vh;overflow:auto}
.message-body .job-draft[hidden]{display:none}
.chat-row.running .chat-entry-copy small{color:#9a5b3f;font-weight:800}
.chat-row.completed .chat-entry-copy small{color:#2e7d57;font-weight:800}
@media(max-width:760px){.chat-actions{opacity:1}.save-status{font-size:9px}}

/* Code responses */
.code-block{margin:12px 0 16px;border:1px solid #2b3930;border-radius:10px;overflow:hidden;background:#202a24;box-shadow:0 7px 18px #1d2c2020}
.code-block-head{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 9px 5px 14px;background:#29372d;border-bottom:1px solid #405044;color:#a8b9ac;font:600 10px var(--mono)}
.copy-code{display:flex;align-items:center;gap:6px;min-height:27px;padding:4px 8px;border:1px solid #506554;border-radius:6px;background:#354b3b;color:#e2ede4;font:600 10px Manrope,Arial,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.copy-code:hover,.copy-code:focus-visible{background:#45634b;border-color:#84a689}
.copy-code svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.message-body .code-block pre{margin:0;border-radius:0;box-shadow:none;padding:16px;overflow:auto;background:#202a24;color:#e6eee7;font:12px/1.65 var(--mono)}
.message-body .code-block pre code{padding:0;background:none;color:inherit;white-space:pre}
@media(max-width:640px){.message-body .code-block pre{font-size:11px}.code-block-head{padding-left:11px}}

/* Clop editorial chat surface, based on the supplied layout reference */
:root{--ink:#28231f;--muted:#766d65;--line:#eae5de;--green:#b96645;--mint:#f6e6dc;color:#28231f;background:#fcfbf8}
body{background:#fcfbf8;color:#28231f}
::selection{background:#ead0be;color:#29221d}
:focus-visible{outline:2px solid #c87958;outline-offset:2px}
.app-shell{grid-template-columns:278px minmax(0,1fr)}
.sidebar{padding:20px 13px 12px;background:#f9f8f5;border-right:1px solid #e9e5df}
.brand{height:40px;padding:0 10px;gap:10px;font:600 22px/1 'Fraunces',Georgia,serif;letter-spacing:-.025em;color:#26221f}
.brand-light{font-weight:400;color:#544a42}
.brand-mark{width:25px;height:25px;border-radius:8px;background:#bc6c4b;transform:rotate(-8deg)}
.brand-mark i{background:#fff4eb}
.new-chat{height:43px;margin:21px 0 23px;padding:0 13px;border:0;border-radius:9px;background:#edeae5;box-shadow:none;font-size:13px;font-weight:700;color:#302a25}
.new-chat:hover{background:#e7e0d9;transform:none;border-color:transparent}
.new-chat .plus{font-size:22px;color:#a55436}
.new-chat kbd{border:0;background:#f9f8f5;color:#877f77;font-size:10px}
.side-label{font:700 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.08em;color:#847b73;padding:0 12px}
.nav-item{height:40px;padding:0 11px;gap:11px;border-radius:9px;color:#5b534c;font-size:13px;font-weight:600}
.nav-item:hover{background:#f0ece7;color:#29231e}
.nav-item.active{background:#ede9e3;color:#2b2521;font-weight:750}
.nav-icon{width:18px;display:grid;place-items:center;color:#8e6c59}
.nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-shortcut{font-size:10px;color:#8f857d}
.recent-label{margin-top:29px;margin-bottom:7px}
.chat-list{gap:2px}
.chat-group-label{padding:11px 11px 5px;color:#8c827a;font:700 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.02em}
.chat-row{border-radius:8px}
.chat-row:hover,.chat-row.selected{background:#eeeae5}
.chat-row.selected{box-shadow:inset 2px 0 #bf7455}
.chat-entry{padding:8px 6px 8px 11px;gap:9px}
.chat-entry-icon{width:22px;height:22px;flex-basis:22px;border:0;background:transparent;color:#a99d92}
.chat-entry-icon svg{width:16px;height:16px}
.chat-entry-copy b{font-size:12px;font-weight:600;color:#443c35}
.chat-entry-copy small{font-size:10px;color:#8a7e73}
.chat-action{color:#8d8075}
.chat-action:hover{background:#e2d9cf;color:#994c2e}
.chat-list-empty{padding:12px;color:#766b62;font-size:11px}
.chat-list-empty small{font-size:10px}
.sidebar-bottom{background:#f9f8f5}
.usage-block{border-top:1px solid #e8e3dc;padding:14px 11px 13px}
.usage-title{font-size:11px;color:#62564e}
.usage-meter .usage-head,.usage-meter .usage-head span{font-size:10px;color:#72675d}
.usage-meter .usage-head b{color:#a45d3e}
.usage-track{background:#e8e2da}
.usage-track i{background:#bf7455}
.usage-block .usage-note{font-size:10px;color:#8d8277}
.profile{border-top:1px solid #e8e3dc;border-radius:0;padding:12px 11px;margin-top:3px}
.profile:hover{background:#f0ece7}
.avatar{border-radius:50%;background:#eae4dd;color:#6f5444}
.profile-info b{font-size:11px;color:#4a4039}
.profile-info small{font-size:10px;color:#8b7e74}
.main-panel{background:#fcfbf8}
.topbar{height:59px;flex-basis:59px;background:#fcfbf8;border-bottom:0;padding:0 31px}
.breadcrumb{font-size:11px;color:#8b8178}
.breadcrumb strong{font-weight:650;color:#574c43}
.save-status{color:#94877a;font-size:10px}
.server-status{font-size:10px;color:#786e65}
.server-status i{background:#9cae94;box-shadow:none}
.icon-button{width:29px;height:29px;border-color:#e4dfd8;color:#75695f;background:#fff}
.chat-scroll{background:#fcfbf8}
.main-panel:has(#messages[hidden]) .breadcrumb{visibility:hidden}
.main-panel:has(#messages[hidden]) .chat-scroll{flex:0 0 auto;overflow:visible}
.welcome{width:min(690px,calc(100% - 48px));margin:0 auto;padding:clamp(120px,23vh,220px) 0 27px;animation:none}
.welcome-heading{display:flex;align-items:center;gap:16px}
.welcome-spark{width:44px;height:44px;flex:0 0 44px;fill:none;stroke:#cd7853;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.welcome h1{margin:0;font:400 clamp(37px,3.5vw,51px)/1.17 'Fraunces',Georgia,serif;letter-spacing:-.025em;color:#29231f;white-space:nowrap}
.composer-wrap{width:min(720px,calc(100% - 48px));margin:0 auto 18px;flex-shrink:0}
.main-panel:has(#messages[hidden]) .composer-wrap{width:min(690px,calc(100% - 48px));margin:0 auto}
.composer-panel{background:#fff;border:1px solid #e2ddd6;border-radius:16px;padding:13px 15px 10px;box-shadow:0 9px 28px #4b38200a;transition:border-color .18s,box-shadow .18s}
.composer-panel:focus-within{border-color:#cca68f;box-shadow:0 11px 32px #67432a12}
.composer,.composer:focus-within{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.composer textarea{min-height:54px;max-height:190px;padding:5px 2px;color:#302923;font-size:14px;line-height:1.65}
.composer textarea::placeholder{color:#8c8279}
.composer-tools{padding:3px 0 9px;border-bottom:1px solid #f0ece6}
.tool-left,.tool-right{gap:10px}
.tool-button{width:30px;height:30px;border:1px solid #e6e0d8;border-radius:8px;background:#fff;display:grid;place-items:center;padding:0;color:#66584d;font:500 22px/1 Manrope,Arial,sans-serif}
.tool-button:hover{background:#f4f0eb;border-color:#d8ccbf}
.composer-hint{font-size:10px;color:#a0968d}
.boost-button{height:29px;border:0;background:#f4f1ed;border-radius:7px;padding:0 8px;color:#71675e;font-size:10px;font-weight:700}
.boost-button[aria-pressed=true]{background:#f9e9d9;color:#9c552f}
.bolt{font-size:14px}
.boost-mult{color:#a48c79;font-size:9px}
.send-button{width:31px;height:31px;border-radius:9px;background:#c27450;color:#fff;font-size:19px}
.send-button:hover{background:#a95d3d}
.send-button:disabled{background:#d8c8bd}
.settings-row{padding:8px 2px 0;gap:16px}
.setting{gap:4px}
.setting+.setting{padding-left:14px;border-left:1px solid #e9e4de}
.setting-label{display:none}
.select-button{font-size:11px;font-weight:700;color:#62554a;padding:4px 0}
.model-dot{background:#bd7353}
.chevron{color:#938679}
.secure-note{font-size:10px;color:#a0968c}
.dropdown{bottom:35px;border-color:#e9e3dc;border-radius:10px;box-shadow:0 13px 35px #3f2d1d1b}
.dropdown button{font-size:11px}
.dropdown button:hover,.dropdown button.chosen{background:#f6f0eb}
.suggestions{display:flex;justify-content:center;gap:9px;margin:24px 0 0;flex-wrap:wrap}
.suggestion{width:auto;height:37px;padding:0 12px;gap:6px;border:1px solid #e4ded7;border-radius:9px;background:#fff;box-shadow:none}
.suggestion:hover{background:#f9f4ee;box-shadow:none;border-color:#dac6b8}
.suggestion-icon{width:auto;height:auto;border-radius:0;background:none;font-size:12px;color:#b46c4d}
.suggestion b{font-size:11px;font-weight:650;color:#6d6258}
.main-panel:has(#messages:not([hidden])) .suggestions{display:none}
.messages{width:min(720px,calc(100% - 48px));padding:30px 0 48px;gap:25px}
.message{grid-template-columns:31px minmax(0,1fr);gap:13px}
.message-avatar{width:28px;height:28px;border-radius:9px;background:#f2e5dc;color:#a75f40}
.message.user .message-avatar{background:#eeeae5;color:#766b61}
.message-content{font-size:14px;line-height:1.8;color:#3d352f}
.message-role{font-size:11px;font-weight:700;color:#8d7e73;margin:1px 0 6px}
.message-body code{background:#f4eee8;color:#744528}
.code-block{border-color:#40372f;background:#282520;box-shadow:0 8px 24px #2d211523}
.code-block-head{background:#383229;border-color:#51483d;color:#d2c2b4}
.copy-code{background:#514538;border-color:#6c5b4b}
.copy-code:hover,.copy-code:focus-visible{background:#6b5847;border-color:#af8568}
.message-body .code-block pre{background:#282520;color:#f1ece5}
.message-download{display:inline-flex;align-items:center;gap:7px;min-height:34px;margin-top:12px;padding:0 11px;border:1px solid #d9c9bb;border-radius:8px;background:#fbf6f0;color:#89543a;text-decoration:none;font-size:11px;font-weight:800;line-height:1.2;transition:background .15s,border-color .15s,transform .15s}
.message-download:hover,.message-download:focus-visible{background:#f3e8dd;border-color:#b98566;transform:translateY(-1px)}
html.theme-dark .message-download{background:#3e332c;border-color:#6c5342;color:#f0c8ad}
.toast{background:#352c25;border-radius:9px;font-size:12px}
.modal{background:#fcfbf8;color:#2e2721}
.modal-icon{background:#f7e8dd;color:#b56646}
.telegram-login-button{background:#2799dc}
.primary-button{background:#b96645}
.settings-tabs button.active{color:#a65a3c;border-color:#b96645}
@media(max-width:900px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.welcome h1{font-size:clamp(33px,4vw,44px)}.welcome-spark{width:38px;height:38px;flex-basis:38px}}
@media(max-width:640px){.app-shell{display:block}.sidebar{width:min(290px,86vw)}.main-panel{width:100%}.topbar{padding:0 16px}.welcome{width:calc(100% - 36px);padding:clamp(90px,16vh,150px) 0 23px}.welcome-heading{gap:11px}.welcome-spark{width:31px;height:31px;flex-basis:31px}.welcome h1{font-size:clamp(27px,6vw,37px);white-space:normal}.composer-wrap,.main-panel:has(#messages[hidden]) .composer-wrap{width:calc(100% - 24px);margin-bottom:max(12px,env(safe-area-inset-bottom))}.composer-panel{padding:11px 12px 9px;border-radius:14px}.composer textarea{font-size:14px;min-height:51px}.composer-hint{display:none}.settings-row{gap:10px}.setting+.setting{padding-left:10px}.select-button{font-size:10px}.secure-note{display:none}.suggestions{gap:6px;margin-top:16px}.suggestion{height:34px;padding:0 9px}.suggestion b{font-size:10px}.messages{width:calc(100% - 28px)}.message-content{font-size:13px}}
@media(max-height:650px){.welcome{padding-top:80px}.suggestions{margin-top:14px}}
.message{animation:none}
@media(max-width:640px){.breadcrumb>span:first-child,.breadcrumb>b,.server-status span{display:none}.breadcrumb{gap:7px}.top-actions{gap:10px}}
/* Readability across navigation and supporting controls */
.side-label,.chat-group-label,.nav-shortcut,.chat-entry-copy small,.usage-meter .usage-head,.usage-meter .usage-head span,.usage-block .usage-note,.profile-info small,.server-status,.save-status,.composer-hint,.secure-note,.dropdown button small{font-size:11px;color:#685c52}
.usage-title,.profile-info b,.chat-entry-copy b{font-size:12px}
.dropdown button{font-size:12px}
.modal h2{font-family:'Fraunces',Georgia,serif;font-weight:600;letter-spacing:-.025em}
.modal-kicker,.modal-copy,.modal-foot,.settings-description,.field-note,.info-paragraph{color:#66594e}
.settings-tabs button.active{color:#a65a3c;border-color:#b96645}

/* Settings workspace */
.settings-modal{width:min(1040px,calc(100vw - 40px));height:min(810px,calc(100dvh - 48px));max-height:none;display:grid;grid-template-columns:224px minmax(0,1fr);overflow:hidden;padding:0;border:1px solid #e7e1da;border-radius:15px;background:#fff;box-shadow:0 24px 74px #21190f32}
.settings-sidebar{display:flex;flex-direction:column;min-width:0;padding:17px 12px;border-right:1px solid #eae5df;background:#fcfbf8}
.settings-search{height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e3ddd6;border-radius:9px;background:#fff;color:#8b7e72}
.settings-search svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.settings-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#332b25;font:600 12px Manrope,Arial,sans-serif}
.settings-search input::placeholder{color:#86796e}
.settings-nav-caption{padding:21px 11px 8px;color:#8a7d71;font-size:10px;font-weight:750;letter-spacing:.04em}
.settings-nav{display:flex;flex-direction:column;gap:3px}
.settings-nav button{width:100%;min-height:38px;border:0;border-radius:8px;background:transparent;padding:0 11px;text-align:left;color:#554b43;font:650 12px Manrope,Arial,sans-serif;cursor:pointer}
.settings-nav button:hover{background:#f1ece7}
.settings-nav button.active{background:#ebe7e1;color:#312923}
.settings-nav-note{margin:auto 9px 2px;color:#8a7c71;font-size:10px;line-height:1.6}
.settings-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}
.settings-header{min-height:86px;flex:0 0 86px;display:flex;align-items:center;justify-content:space-between;padding:18px 32px 16px;border-bottom:1px solid #eee9e3}
.settings-header p{margin:0 0 4px;font-size:10px;font-weight:750;letter-spacing:.06em;color:#a46d52;text-transform:uppercase}
.settings-header h2{margin:0;color:#2e2721;font:600 25px/1.2 'Fraunces',Georgia,serif}
.settings-header .modal-close{position:static;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#6e6259;font-size:22px}
.settings-header .modal-close:hover{background:#f1ece7}
.settings-content{flex:1;min-height:0;overflow:auto;padding:25px 32px 34px;scrollbar-color:#d6cbc1 transparent;scrollbar-width:thin}
.settings-pane{display:none;min-height:0}.settings-pane.active{display:block;animation:none}
.settings-pane[hidden],.settings-item[hidden],.settings-model-card[hidden],.settings-pane .plan-row[hidden]{display:none!important}
.settings-pane h3{margin:28px 0 6px;color:#362e28;font-size:13px;font-weight:800}
.settings-pane h3:first-child{margin-top:0}
.settings-item{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #efeae5}
.settings-item-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.settings-item-copy b{color:#3b332d;font-size:12px;font-weight:750}
.settings-item-copy small{color:#776c62;font-size:11px;font-weight:500;line-height:1.5}
.settings-item select{width:190px;max-width:45%;min-height:36px;border:1px solid #e1d9d1;border-radius:8px;background:#fff;padding:0 10px;color:#453a32;font:650 11px Manrope,Arial,sans-serif;cursor:pointer}
.settings-item select:focus-visible,.settings-item textarea:focus-visible,.settings-search:focus-within{outline:2px solid #bb7455;outline-offset:2px}
.settings-toggle{cursor:pointer}
.settings-toggle input{width:18px;height:18px;flex:0 0 18px;accent-color:#b96645;cursor:pointer}
.theme-options{display:flex;align-items:center;gap:2px;min-height:34px;padding:3px;border-radius:9px;background:#f1eeea}
.theme-options button{min-height:28px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#695d53;font:650 10px Manrope,Arial,sans-serif;cursor:pointer}
.theme-options button.active{background:#fff;color:#382d26;box-shadow:0 1px 4px #3d2d1b1c}
.settings-item-stacked{display:flex;align-items:stretch;flex-direction:column;gap:11px}
.settings-item-stacked textarea{width:100%;min-height:140px;resize:vertical;border:1px solid #ddd5cb;border-radius:9px;background:#fff;padding:12px;color:#342c26;font:500 12px/1.65 Manrope,Arial,sans-serif}
.settings-item-stacked textarea::placeholder{color:#897d72}
.settings-item-stacked .field-note{align-self:flex-end;margin:0;color:#8a7d71;font-size:10px}
.settings-model-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 5px}
.settings-model-card{padding:12px;border:1px solid #ebe4dd;border-radius:10px;background:#fcfbf9}
.settings-model-card b{display:block;color:#3c322c;font-size:12px}
.settings-model-card small{display:block;margin-top:5px;color:#76695f;font-size:10px;line-height:1.5}
.settings-account-card{display:flex;align-items:center;gap:11px;padding:13px 0}
.settings-account-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:#eee5dc;color:#704a35;font-size:14px;font-weight:750}
.settings-account-card b,.settings-account-card small{display:block}
.settings-account-card b{font-size:13px;color:#352c26}.settings-account-card small{margin-top:3px;font-size:11px;color:#776b60}
.settings-explainer{margin:10px 0 21px;color:#74685e;font-size:11px;line-height:1.65}
.settings-current-plan{padding:16px 18px;border:1px solid #e9e1d9;border-radius:10px;background:#fbf7f2;color:#3b2e25;font-size:15px;font-weight:800}
.settings-current-plan small{display:block;margin-top:4px;color:#75685e;font-size:11px;font-weight:500}
.settings-usage{margin:17px 0 4px}
.usage-bucket+.usage-bucket{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.usage-bucket>strong{display:block;margin:0 0 6px;font-size:11px;color:var(--ink)}
.settings-usage h4{margin:19px 0 6px;font-size:12px;color:var(--ink)}
.settings-usage h4:first-child{margin-top:0}
.settings-usage>div{display:flex;justify-content:space-between;margin:10px 0 6px;color:#574a40;font-size:11px}
.settings-usage>div b{font-family:var(--mono);color:#a45538}
.settings-usage>i{display:block;height:6px;overflow:hidden;border-radius:8px;background:#ece5de}
.settings-usage>i span{display:block;width:100%;height:100%;background:#c07250;transform:scaleX(0);transform-origin:left center;transition:transform .2s}
.settings-pane .plan-list{margin:6px 0 15px}
.settings-pane .plan-row{gap:11px;padding:12px 0;border-color:#eee8e1}
.settings-pane .plan-row b{font-size:13px}.settings-pane .plan-row small{font-size:11px;color:#776b60}
.settings-pane .plan-row strong{font-size:13px;color:#8d5639}
.settings-pane .plan-buy{min-width:94px}
.settings-pane .info-paragraph.warning{border-color:#e8dcd0;background:#fcf7f1;color:#6d5747;font-size:11px}
.settings-pane .terms-link{font-size:11px;color:#9d593d}
.settings-item .secondary-button,.settings-item .danger-button{min-width:115px;font-size:11px}
.settings-footer{min-height:65px;flex:0 0 65px;margin:0;padding:10px 32px;border-top:1px solid #eee8e2;background:#fff}
.settings-footer>span{font-size:11px;color:#79533d}
.settings-footer .primary-button{min-height:37px;border-color:#a95435;background:#b96645;font-size:11px}
.settings-footer .primary-button:hover{background:#9e5438}
.settings-modal.is-searching .settings-pane:not([hidden]){display:block;margin-bottom:24px}
.settings-modal.is-searching .settings-pane:not([hidden])>h3:first-child{padding-bottom:5px;border-bottom:1px solid #eee8e2}
@media(max-width:760px){.settings-modal{width:calc(100vw - 16px);height:calc(100dvh - 20px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:13px}.settings-sidebar{padding:10px 12px 8px;border-right:0;border-bottom:1px solid #eae5df}.settings-search{height:34px}.settings-nav-caption,.settings-nav-note{display:none}.settings-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:3px;margin-top:8px}.settings-nav::-webkit-scrollbar{display:none}.settings-nav button{width:auto;min-height:33px;flex:0 0 auto;padding:0 10px;white-space:nowrap;font-size:11px}.settings-header{min-height:64px;flex-basis:64px;padding:10px 18px}.settings-header h2{font-size:21px}.settings-content{padding:18px 18px 24px}.settings-item{gap:10px;min-height:60px}.settings-item select{width:155px;max-width:48%}.theme-options button{padding:0 6px;font-size:9px}.settings-item-copy small{font-size:10px}.settings-model-list{grid-template-columns:1fr}.settings-footer{min-height:58px;flex-basis:58px;padding:8px 18px}.settings-footer>span{flex-basis:auto}.settings-pane .plan-row{flex-wrap:wrap}.settings-pane .plan-row>div{flex:1}}
@media(max-width:420px){.settings-item{align-items:flex-start;flex-direction:column}.settings-item select{max-width:none;width:100%}.settings-toggle{align-items:center;flex-direction:row}.settings-item .secondary-button,.settings-item .danger-button{align-self:flex-start}.theme-options{width:100%;justify-content:space-between}.theme-options button{flex:1}.settings-footer{gap:6px}.settings-footer .primary-button{padding:0 9px}}
/* User appearance preferences */
html[data-chat-font="serif"] .message-body{font-family:'Fraunces',Georgia,serif;font-size:16px;line-height:1.75}
html[data-chat-font="serif"] .message-body code,html[data-chat-font="serif"] .message-body pre{font-family:var(--mono);font-size:12px}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html.theme-dark{color-scheme:dark;background:#211f1d;color:#eee8e1}
html.theme-dark body,html.theme-dark .main-panel,html.theme-dark .topbar,html.theme-dark .chat-scroll{background:#211f1d;color:#eee8e1}
html.theme-dark .sidebar,html.theme-dark .sidebar-bottom{background:#282522;border-color:#403a34}
html.theme-dark .brand,html.theme-dark .brand-light,html.theme-dark .welcome h1,html.theme-dark .breadcrumb strong{color:#f0e8df}
html.theme-dark .new-chat,html.theme-dark .nav-item.active,html.theme-dark .nav-item:hover,html.theme-dark .chat-row:hover,html.theme-dark .chat-row.selected,html.theme-dark .profile:hover{background:#3b352f;color:#f1e7dd}
html.theme-dark .new-chat kbd{background:#4a4038;border-color:#4a4038;color:#eadbce}
html.theme-dark .nav-item,html.theme-dark .chat-entry-copy b,html.theme-dark .profile-info b{color:#e4d9ce}
html.theme-dark .side-label,html.theme-dark .chat-group-label,html.theme-dark .nav-shortcut,html.theme-dark .chat-entry-copy small,html.theme-dark .profile-info small,html.theme-dark .usage-block .usage-note,html.theme-dark .secure-note,html.theme-dark .save-status,html.theme-dark .breadcrumb,html.theme-dark .server-status{color:#b8a99b}
html.theme-dark .usage-block,html.theme-dark .profile{border-color:#453d36}
html.theme-dark .usage-track,html.theme-dark .settings-usage>i{background:#55483e}
html.theme-dark .composer-panel,html.theme-dark .suggestion,html.theme-dark .modal,html.theme-dark .settings-main,html.theme-dark .settings-footer{background:#302b27;border-color:#51483f;color:#eee6dd}
html.theme-dark .composer textarea,html.theme-dark .settings-search input,html.theme-dark .settings-item select,html.theme-dark .settings-item textarea{color:#f0e9e1}
html.theme-dark .composer textarea::placeholder,html.theme-dark .settings-item textarea::placeholder{color:#bdad9f}
html.theme-dark .composer-tools,html.theme-dark .settings-row,html.theme-dark .settings-item,html.theme-dark .settings-header,html.theme-dark .settings-footer{border-color:#4c423a}
html.theme-dark .suggestion b,html.theme-dark .setting .select-button,html.theme-dark .message-content,html.theme-dark .message-role,html.theme-dark .settings-header h2,html.theme-dark .settings-pane h3,html.theme-dark .settings-item-copy b,html.theme-dark .settings-account-card b{color:#eee4d9}
html.theme-dark .suggestion:hover,html.theme-dark .tool-button:hover,html.theme-dark .settings-nav button:hover{background:#443a32}
html.theme-dark .tool-button,html.theme-dark .boost-button,html.theme-dark .icon-button,html.theme-dark .dropdown,html.theme-dark .settings-search,html.theme-dark .settings-item select,html.theme-dark .settings-item textarea,html.theme-dark .secondary-button,html.theme-dark .danger-button,html.theme-dark .theme-options button.active{background:#3b342e;border-color:#5a4e43;color:#f0e5da}
html.theme-dark .dropdown button:hover,html.theme-dark .dropdown button.chosen,html.theme-dark .settings-nav button.active{background:#4d4037;color:#f2e8df}
html.theme-dark .settings-sidebar,html.theme-dark .settings-model-card,html.theme-dark .settings-current-plan{background:#2b2723;border-color:#4b4239;color:#eee4da}
html.theme-dark .settings-search,html.theme-dark .settings-sidebar{border-color:#4b4239}

.download-app{display:flex;align-items:center;gap:10px;min-height:54px;margin:10px 4px 3px;padding:7px 10px;border:1px solid #dce5db;border-radius:11px;background:linear-gradient(135deg,#eef4ec,#e4eee4);color:#29483a;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.download-app:hover,.download-app:focus-visible{transform:translateY(-1px);border-color:#9bb8a1;box-shadow:0 5px 14px #324c3517}
.download-app-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#477d5e;color:#fff}
.download-app-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.download-app-copy{display:grid;gap:2px;min-width:0}
.download-app-copy b{font-size:11px;font-weight:800;line-height:1.2}
.download-app-copy small{color:#718476;font-size:9px;line-height:1.2}
.download-app-arrow{margin-left:auto;font-size:17px;font-weight:800}
html.theme-dark .download-app{background:linear-gradient(135deg,#293a2e,#304536);border-color:#4d6b55;color:#eff8f0}
html.theme-dark .download-app-copy small{color:#b1c3b4}
html.theme-dark .download-app-icon{background:#538568}
html.theme-dark .settings-item-copy small,html.theme-dark .settings-explainer,html.theme-dark .settings-account-card small,html.theme-dark .settings-model-card small,html.theme-dark .settings-nav-note,html.theme-dark .settings-nav-caption,html.theme-dark .settings-current-plan small{color:#bba99a}
html.theme-dark .settings-model-card b,html.theme-dark .settings-nav button,html.theme-dark .settings-current-plan{color:#ede2d7}
html.theme-dark .theme-options{background:#211d1a}
html.theme-dark .message-avatar{background:#5a3e30;color:#f4d1ba}
html.theme-dark .message.user .message-avatar,html.theme-dark .avatar,html.theme-dark .settings-account-avatar{background:#51473d;color:#f0e1d3}
html.theme-dark .message-body code{background:#473b32;color:#f1d8c5}
html.theme-dark .message-body .code-block pre code{background:transparent;color:#f1ece5}
html.theme-dark .settings-pane .info-paragraph.warning{background:#3e332b;border-color:#66513e;color:#ebd7c7}

.chat-search{display:flex;align-items:center;gap:6px;margin:0 1px 10px;padding:4px 7px 4px 10px;background:#fff;border:1px solid #e5e9e4;border-radius:8px}.chat-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.chat-search input::placeholder{color:#969f98}.chat-search button{border:0;background:transparent;color:#778178;font-size:16px;cursor:pointer}.chat-search button[hidden]{display:none}.chat-list-empty small{display:block}.free-pro-trial{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:16px 18px;border:1px solid #cfdfca;border-radius:12px;background:linear-gradient(115deg,#f0f7e9,#f7faf3)}.free-pro-trial[hidden]{display:none!important}.free-pro-trial b,.free-pro-trial small{display:block}.free-pro-trial b{font-size:13px;color:#264233}.free-pro-trial small{margin-top:5px;color:#68786a;font-size:12px;line-height:1.5}.free-pro-trial button{flex:0 0 auto}@media(max-width:640px){.free-pro-trial{align-items:flex-start;flex-direction:column}.free-pro-trial button{width:100%}}
/* Clop chat: warm writing workspace. */
:root{--ink:#302b26;--muted:#766b60;--line:#ded8cd;--green:#ad4e2e;--mint:#f3e4d7;--orange:#ad4e2e}
body,.main-panel,.chat-scroll{background:#faf8f3;color:#302b26}.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#eee9e0;border-color:#ded8cd;padding:27px 17px 15px}.brand{font:500 27px/1.2 'Fraunces',Georgia,serif;letter-spacing:-.035em;height:40px}.brand-light{color:#766b60}.brand-mark{width:27px;height:27px;background:#ad4e2e;border-radius:8px}.brand-mark i{background:#fff3e7}.new-chat{margin:26px 0 18px;height:44px;background:#ad4e2e;border:0;box-shadow:none;color:#fff6ef;border-radius:8px;font-size:13px;font-weight:550;padding:0 13px}.new-chat .plus{color:#fff6ef}.new-chat kbd{color:#fff2e8;background:#973e23}.new-chat:hover{background:#974224;transform:none}.side-label{font-size:11px;color:#796e61;letter-spacing:.08em;margin:20px 9px 11px}.nav-item{font-size:13px;color:#766b60}.nav-item.active{background:#e4dacd;color:#5d3e29}.chat-search{margin:0 0 11px;background:transparent;border-color:#d7cfc2;padding:8px 10px;border-radius:8px}.chat-search input{font-size:13px}.chat-search input::placeholder{color:#776c60}.chat-list{min-height:90px}.chat-item{border-radius:8px;margin-bottom:3px;padding:11px 10px}.chat-item.active,.chat-item:hover{background:#e5dacb}.chat-item.active{border-left:1px solid #b96e45}.chat-title{font-size:13px;color:#3c3329}.chat-meta{color:#796d5e}.sidebar-bottom{background:#eee9e0;margin-top:auto;padding-top:14px}.download-app{background:transparent;border:1px solid #d5cabc;border-radius:9px;padding:10px 11px;box-shadow:none;margin:0 0 13px}.download-app-copy b{font-size:12px;color:#5c4c3d}.download-app-copy small{color:#796b5c;font-size:11px}.download-app-icon{background:#dfc9b5;color:#6a4228}.quota-fold{border-top:1px solid #d7cfc2}.quota-fold>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:14px 9px;font-size:12px;color:#685b4c;list-style:none}.quota-fold>summary::-webkit-details-marker{display:none}.quota-fold>summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .18s ease-out}.quota-fold[open]>summary svg{transform:rotate(180deg)}.usage-block{border-top:0;padding:0 9px 15px}.usage-title{font-size:12px}.usage-head b{color:#9c4a2a}.usage-track{background:#d8cdbc}.usage-track i{background:#ba7149}.profile{border-top:1px solid #d7cfc2;padding:15px 8px 0}.avatar{background:#dbc7b4;color:#6d4027}.profile-info b{font-size:13px}.profile-info small{color:#796b5c}
.main-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.topbar{height:70px;flex-basis:70px;flex-shrink:0;background:#faf8f3;border-bottom:1px solid #e7e0d5;padding:0 30px}.top-actions{gap:9px}.header-tool{display:flex;align-items:center;gap:7px;padding:8px 11px;background:transparent;border:1px solid #ded5c8;border-radius:8px;cursor:pointer;font-size:12px;color:#695747;white-space:nowrap}.header-tool:hover{background:#f0e7da}.header-tool .nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.header-tool .nav-shortcut{display:none}.server-status{font-size:11px;color:#766b60}.server-status i{background:#77916b}.breadcrumb{font-size:12px;color:#766b60}.breadcrumb strong{font-weight:550;color:#44392e}.save-status{color:#88735e}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.main-panel:has(#messages[hidden]) .chat-scroll{flex:0 0 auto;overflow:visible}.main-panel:has(#messages[hidden]) .breadcrumb{visibility:visible}.welcome{width:min(760px,calc(100% - 56px));padding:clamp(85px,18vh,175px) 0 29px}.welcome-heading{justify-content:center;gap:14px}.welcome-spark{stroke:#b9643c;width:41px;height:41px}.welcome h1{font:400 clamp(32px,3.5vw,48px)/1.2 'Fraunces',Georgia,serif;white-space:normal;text-wrap:balance;color:#352b22;letter-spacing:-.025em}
.composer-wrap,.main-panel:has(#messages[hidden]) .composer-wrap{width:min(800px,calc(100% - 64px));margin:0 auto 22px;flex-shrink:0}.main-panel:has(#messages[hidden]) .composer-wrap{width:min(760px,calc(100% - 56px));margin-bottom:28px}.composer-panel{background:#fffdf8;border:1px solid #d9cfc1;border-radius:14px;box-shadow:none;overflow:visible;transition:border-color .2s ease-out,box-shadow .2s ease-out}.composer-panel:focus-within{border-color:#b77450;box-shadow:0 8px 25px #6044240c}.composer{background:transparent;border:0;box-shadow:none;border-radius:0;padding:8px 16px 12px}.composer textarea{font-size:15px;line-height:1.65;min-height:72px;max-height:180px;background:transparent;color:#302b26;caret-color:#ad4e2e;padding:5px 0}.composer textarea::placeholder{color:#857666}.settings-row{padding:12px 16px 10px;border-bottom:1px solid #e9e1d5;gap:14px;margin:0;align-items:center;flex-wrap:wrap}.setting{border-right:0;padding-right:0;position:relative}.setting-label{display:none}.select-button{font-size:12px;padding:5px 9px;border-radius:7px;background:#f1e9de;color:#67513e}.thought-select{background:transparent;color:#766454}.model-dot{background:#b9643c}.settings-spacer{flex:1}.secure-note{font-size:11px;color:#857565}.dropdown{top:calc(100% + 8px);bottom:auto;background:#fffdf8;border:1px solid #ded2c3;box-shadow:0 12px 28px #39271819;border-radius:10px;z-index:20;min-width:225px;max-height:min(350px,50dvh);overflow:auto}.dropdown button{font-size:13px;padding:11px 12px;color:#4d3f31}.dropdown button small{font-size:11px;color:#857360}.dropdown button.chosen,.dropdown button:hover{background:#f1e4d4;color:#94512e}.composer-tools{margin-top:5px;gap:9px}.tool-left{gap:10px}.composer-hint{font-size:11px;color:#81715f}.tool-button{border-color:#ded2c3;background:transparent;color:#766454}.boost-button{color:#7a5c40;background:#f1e9de;border-radius:7px;font-size:11px}.boost-button[aria-pressed=true]{background:#dfb898;color:#5b2f1b}.send-button{background:#ad4e2e;color:#fff8f0;border:0;width:34px;height:34px;border-radius:9px}.send-button:disabled{background:#d9cfc1;color:#fdf9f0}.suggestions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.suggestion{width:auto;min-width:0;flex:0 1 auto;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #ddd3c5;background:transparent;border-radius:8px;box-shadow:none}.suggestion b{font-size:12px;color:#74604d;font-weight:500}.suggestion-icon{background:transparent!important;color:#a06642!important;width:18px;height:18px;font-size:14px}.suggestion:hover{background:#eee4d7;transform:none;border-color:#c3af95}.messages{width:min(820px,calc(100% - 64px));padding-bottom:26px}.message{gap:14px;margin-bottom:30px}.message-body{font-size:15px;line-height:1.85;color:#302b26}.message.user .message-body{background:#eee6da;border-radius:11px;padding:14px 18px}.message-avatar{background:#ead1bd;color:#9a512d}.message.user .message-avatar{background:#ddd0bd;color:#6c4f32}.message-body code{background:#ece2d3;color:#805233}.message-body .code-block{background:#2b2621;border-color:#443b31}.message-body .code-block pre code{color:#f2e7d6;background:transparent}.generating-note{background:#f2e8da;border-color:#b48a61;color:#7b5e40}.settings-modal,.login-modal{background:#faf8f3}.settings-sidebar{background:#eee9e0}.settings-nav button.active{background:#e7d8c7;color:#985332}.settings-model-card,.settings-current-plan{background:#f3ede3;border-color:#ded3c3}.settings-item-copy small,.settings-explainer,.settings-nav-caption{color:#766b60}.settings-save,.telegram-button,.primary-button{background:#ad4e2e;color:#fff8ef}.free-pro-trial{background:#f1e4d4;border-color:#dec7b0}.free-pro-trial b{color:#75462a}.free-pro-trial small{color:#7e6956}
html.theme-dark{--ink:#f0e6d9;--muted:#baa794;--line:#493c30;--green:#df9d75;--mint:#473024}html.theme-dark body,html.theme-dark .main-panel,html.theme-dark .chat-scroll,html.theme-dark .topbar{background:#25211d;color:#f0e6d9}html.theme-dark .sidebar,html.theme-dark .sidebar-bottom{background:#1e1a16;border-color:#473a2d}html.theme-dark .welcome h1,html.theme-dark .message-body{color:#f0e6d9}html.theme-dark .composer-panel,html.theme-dark .dropdown{background:#302923;border-color:#5a4634}html.theme-dark .composer{background:transparent}html.theme-dark .composer textarea{color:#f0e6d9}html.theme-dark .settings-row{border-color:#493c30}html.theme-dark .select-button,html.theme-dark .boost-button{background:#493524;color:#e2c2a5}html.theme-dark .thought-select{background:transparent}html.theme-dark .header-tool,html.theme-dark .download-app{color:#c5ab91;background:transparent;border-color:#51402f}html.theme-dark .chat-item.active,html.theme-dark .nav-item.active,html.theme-dark .dropdown button.chosen,html.theme-dark .dropdown button:hover{background:#473024;color:#ebc6a6}html.theme-dark .chat-search,html.theme-dark .quota-fold,html.theme-dark .profile{background:transparent;border-color:#493c30}html.theme-dark .message.user .message-body{background:#3c3126}html.theme-dark .secure-note,html.theme-dark .composer-hint,html.theme-dark .server-status,html.theme-dark .quota-fold>summary,html.theme-dark .side-label{color:#b3a08c}html.theme-dark .suggestion{background:transparent;border-color:#51402f}html.theme-dark .suggestion b{color:#d0b69b}
::selection{background:#e4b99a;color:#352719}*{scrollbar-width:thin;scrollbar-color:#c3b29b transparent}:focus-visible{outline:2px solid #b4653c;outline-offset:3px}
@media(max-width:1100px){.app-shell{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:24px 13px 12px}.topbar{padding:0 22px}.server-status{display:none}.secure-note{display:none}.welcome h1{font-size:38px}}
@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{width:260px}.topbar{height:62px;flex-basis:62px;padding:0 16px}.header-tool{padding:8px}.header-tool .nav-icon{display:none}.breadcrumb>span:first-child,.breadcrumb>b,.save-status{display:none}.top-actions{gap:6px}.welcome,.main-panel:has(#messages[hidden]) .composer-wrap{width:calc(100% - 32px)}.welcome{padding:clamp(70px,15vh,125px) 0 24px}.welcome-heading{gap:10px}.welcome h1{font-size:33px}.welcome-spark{width:29px;height:29px}.composer-wrap{width:calc(100% - 24px);margin-bottom:12px}.composer textarea{font-size:16px;min-height:80px;max-height:150px}.settings-row{padding:10px 12px;gap:8px}.composer{padding:8px 12px 11px}.composer-hint{display:none}.suggestions{gap:7px;margin-top:14px}.suggestion{padding:8px 9px}.suggestion b{font-size:11px}.messages{width:calc(100% - 32px)}.message{gap:9px}.message-body{font-size:14px}.dropdown{min-width:210px;max-width:calc(100vw - 40px)}.thought-dropdown{left:auto;right:0}.chat-scroll{padding-top:12px}.main-panel:has(#messages:not([hidden])) .composer-wrap{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-height:650px) and (min-width:761px){.welcome{padding-top:55px;padding-bottom:20px}.download-app-copy small{display:none}.new-chat{margin-top:18px;margin-bottom:10px}.side-label{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.main-panel{height:100dvh}.composer-panel{padding:0}@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{width:260px}.main-panel{width:100%}}

.telegram-login-button{background:var(--accent);box-shadow:none}.telegram-login-button:hover{background:#913e23}

.work-mode-switch{display:flex;gap:4px;background:var(--sidebar);border:1px solid var(--line);padding:4px;border-radius:9px;margin-left:24px;flex-shrink:0}.work-mode-switch button{background:none;border:0;color:var(--muted);padding:8px 14px;border-radius:6px;font:600 12px Manrope,sans-serif;cursor:pointer}.work-mode-switch button.active{background:var(--accent);color:#fff}.kowork-hint{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.kowork-hint[hidden]{display:none}.kowork-upload{color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.kowork-site{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.kowork-site b{flex:1;min-width:150px}.kowork-site span{color:var(--muted);font-size:12px}.kowork-site button,.kowork-site a{padding:8px 11px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper);font-size:12px;cursor:pointer}.topbar .breadcrumb{min-width:0;overflow:hidden}.topbar .server-status{display:none}@media(max-width:900px){.work-mode-switch{margin-left:auto}.topbar .breadcrumb{display:none}.top-actions .header-tool{font-size:0;padding:8px}.top-actions .header-tool .nav-icon{font-size:14px}.work-mode-switch button{padding:8px 10px}.topbar{gap:8px;padding:12px}.top-actions{gap:4px}}@media(max-width:430px){.top-actions #helpButton{display:none}.work-mode-switch{margin-left:0}.topbar{justify-content:space-between}}
.work-mode-switch{background:#eee9e0;border-color:#ded8cd}.work-mode-switch button{color:#766b60}.work-mode-switch button.active{background:#ad4e2e;color:#fff}.kowork-site button,.kowork-site a{border-color:#ded8cd;background:#faf8f3;color:#302b26}.top-actions .header-tool .nav-icon{display:inline-flex;width:16px;height:16px}.top-actions .header-tool .nav-icon svg{width:16px;height:16px}html.theme-dark .work-mode-switch{background:#2e2925;border-color:#4b4036}html.theme-dark .work-mode-switch button{color:#beb1a3}html.theme-dark .work-mode-switch button.active{color:#fff}
.header-tool .nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.live-job-status{padding:12px 16px;border-bottom:1px solid #ded8cd;background:#f3e4d7;color:#7b351e;font-size:12px;line-height:1.6;border-radius:13px 13px 0 0}.live-job-status[hidden]{display:none}.live-job-status::before{content:'';display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#ad4e2e;animation:statusPulse 1.6s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.live-job-status::before{animation:none}}.job-progress{color:#7b351e}html.theme-dark .live-job-status{background:#483124;color:#f2eadd;border-color:#4b4036}html.theme-dark .job-progress{color:#eca47e}