@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#090a0c;--panel:#0e1013;--panel-2:#121519;--panel-3:#171b20;--line:#23272e;--line-soft:#1b1f25;--text:#e8e9ec;--muted:#858b96;--dim:#59616c;--accent:#a78bfa;--accent-soft:rgba(167,139,250,.13);--accent-border:rgba(167,139,250,.28);--green:#72d6a4;--red:#e47b83;--yellow:#e8c77a;--radius:13px;--font:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'DM Mono',ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}body{overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:rgba(167,139,250,.28)}
.app-shell{height:100dvh;display:flex;background:var(--bg);overflow:hidden}.sidebar{width:264px;min-width:264px;background:#0b0d10;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:22px 14px 12px;z-index:20;transition:transform .25s ease}.side-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-mark{height:23px;width:23px;display:flex;align-items:center;justify-content:center;gap:2px;transform:skew(-13deg)}.brand-mark span{display:block;width:4px;border-radius:3px;background:var(--accent)}.brand-mark span:nth-child(1){height:10px;opacity:.55}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:14px;opacity:.78}.brand-name{font-size:19px;font-weight:700;letter-spacing:-.9px}.brand-period,.heading-period{color:var(--accent)}.brand-build{font:9px var(--mono);letter-spacing:1.2px;color:var(--dim);margin:3px 0 0 2px}.new-chat-btn{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:9px;color:#ddd4ff;font-weight:600;text-align:left;transition:.18s}.new-chat-btn:hover{background:rgba(167,139,250,.2);border-color:var(--accent)}.new-chat-btn .plus{font-size:20px;font-weight:300}.new-chat-btn kbd{margin-left:auto;color:#ad9be0;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.2)}kbd{font:10px var(--mono);padding:3px 5px;border-radius:4px}.sidebar-search{margin:16px 0 22px;height:36px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#101216}.search-icon{font-size:21px;color:var(--muted);transform:rotate(-20deg)}.sidebar-search input{background:transparent;border:0;outline:none;color:var(--text);width:100%;font-size:12px}.sidebar-search input::placeholder{color:#68707a}.side-section-label,.history-head{font:9px var(--mono);letter-spacing:1.35px;color:#656d77;display:flex;align-items:center;justify-content:space-between;padding:0 9px 9px}.tiny-icon{border:0;background:transparent;color:#66707b;font-size:18px;line-height:1;padding:2px 4px;border-radius:5px}.tiny-icon:hover{background:var(--panel-3);color:var(--text)}.side-nav{display:grid;gap:3px;margin-bottom:24px}.nav-item{height:35px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;background:transparent;color:#9097a1;border-radius:7px;text-align:left;font-size:12px}.nav-item:hover{background:#14171b;color:#d8dae0}.nav-item.active{background:#171a20;color:#e9e7f0}.nav-glyph{font-size:16px;color:var(--accent);width:16px;text-align:center}.nav-count{margin-left:auto;color:#707783;font:10px var(--mono)}.history-head{justify-content:flex-start;gap:9px;margin-bottom:3px}.history-line{height:1px;background:var(--line-soft);flex:1}.chat-list{overflow-y:auto;flex:1;min-height:40px;scrollbar-width:thin;scrollbar-color:#2c3139 transparent}.chat-list:empty:after{content:'Your conversations will show up here.';display:block;padding:13px 9px;color:#555d68;font-size:11px;line-height:1.6}.empty-search{padding:12px 9px;color:#626b76;font-size:10px}.chat-item{position:relative;display:flex;align-items:center;gap:9px;padding:9px 9px;border-radius:7px;color:#939aa4;cursor:pointer;font-size:12px;min-width:0}.chat-item:hover{background:#14171b;color:#e3e5e9}.chat-item.active{background:#191d23;color:#e9e9ed}.chat-item .chat-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-item .chat-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.7;flex-shrink:0}.chat-item .chat-more{opacity:0;font-size:17px;line-height:1;padding:0 2px;color:#aab0ba}.chat-item:hover .chat-more{opacity:1}.chat-item .chat-more:hover{color:white}.sidebar-bottom{padding-top:10px}.connection-card{height:54px;border:1px solid var(--line-soft);background:#101317;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 10px;margin-bottom:9px}.connection-dot{width:7px;height:7px;border-radius:100%;background:#6d7480;box-shadow:0 0 0 3px rgba(109,116,128,.1)}.connection-dot.connected{background:var(--green);box-shadow:0 0 0 3px rgba(114,214,164,.1)}.connection-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.connection-copy strong{font-size:11px;font-weight:600;color:#c9cdd3}.connection-copy span{font-size:10px;color:#6d7580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-button{width:100%;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:9px;padding:8px 6px;text-align:left}.profile-button:hover{background:#15191e}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#252a35,#161a21);border:1px solid #343a45;color:#ddd6ff;font:12px var(--mono)}.profile-copy{display:flex;flex-direction:column;gap:2px;flex:1}.profile-copy strong{font-size:11px;font-weight:600;color:#c3c7ce}.profile-copy small{font-size:10px;color:#69717b}.profile-more{color:#747c86;font-size:18px}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% -25%,rgba(82,65,125,.09),transparent 48%),var(--bg)}.topbar{height:62px;min-height:62px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;padding:0 29px;background:rgba(10,11,13,.74);backdrop-filter:blur(14px);z-index:5}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.crumb{display:flex;align-items:center;gap:10px;font-size:11px}.crumb-muted{color:#656d78}.crumb-slash{color:#424954}.crumb strong{font-weight:500;color:#c9cdd3}.topbar-right{gap:8px}.model-pill{height:32px;border:1px solid var(--line);background:#111418;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#c4c8d0;font-size:11px}.model-pill:hover{border-color:#46404f}.model-status-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 9px rgba(167,139,250,.5)}.chevron{font-size:15px;color:#79818b;margin-left:2px}.icon-btn{width:32px;height:32px;border:1px solid transparent;background:transparent;border-radius:7px;color:#818995;font-size:17px;display:grid;place-items:center}.icon-btn:hover{background:#171a20;color:var(--text);border-color:var(--line)}.mobile-menu,.sidebar-close{display:none}.chat-stage{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a3039 transparent;display:flex;flex-direction:column}.welcome{max-width:760px;width:calc(100% - 40px);margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 0 20px}.welcome-orb{position:relative;width:104px;height:104px;margin:0 0 30px;display:grid;place-items:center}.orb-core{height:29px;width:29px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#e1d8ff,#a78bfa 45%,#644ca9 100%);box-shadow:0 0 33px rgba(167,139,250,.45),inset -4px -5px 9px rgba(32,19,64,.55)}.orb-ring{position:absolute;border:1px solid rgba(167,139,250,.22);border-radius:50%;transform:rotate(-25deg)}.ring-one{width:74px;height:74px;border-left-color:rgba(167,139,250,.8);border-bottom-color:transparent}.ring-two{width:100px;height:100px;border-right-color:rgba(167,139,250,.65);border-top-color:transparent;transform:rotate(38deg)}.orb-cross{position:absolute;color:rgba(199,183,255,.72);font:14px var(--mono);top:7px;right:5px}.eyebrow{display:flex;align-items:center;gap:11px;color:#8d829e;font:9px var(--mono);letter-spacing:1.8px}.eyebrow-line{width:24px;height:1px;background:#514663}.welcome h1{font-size:clamp(37px,5vw,54px);line-height:1.04;letter-spacing:-2.6px;margin:20px 0 13px;font-weight:600;color:#f1f0f4}.welcome h1 span{color:#9d91b9}.welcome-sub{font-size:13px;line-height:1.75;color:#868c97;margin:0 0 34px}.suggestion-grid{width:min(100%,590px);display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left}.suggestion-card{min-height:67px;padding:12px 13px;display:flex;align-items:center;gap:11px;border:1px solid #242830;background:rgba(17,20,24,.7);border-radius:9px;text-align:left;transition:.18s}.suggestion-card:hover{border-color:var(--accent-border);background:#15151d;transform:translateY(-1px)}.suggestion-icon{height:30px;width:30px;border:1px solid #34313f;background:#1b1923;color:#b3a4dc;border-radius:7px;display:grid;place-items:center;font:13px var(--mono);flex-shrink:0}.suggestion-card>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.suggestion-card strong{font-size:11px;font-weight:600;color:#d8d9de}.suggestion-card small{font-size:10px;color:#7b838e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-arrow{margin-left:auto;color:#727985;font-size:14px}.welcome-foot{margin-top:31px;color:#5e6671;font-size:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.welcome-connect{margin-left:5px;border:1px solid var(--accent-border);background:var(--accent-soft);color:#c8b9f0;border-radius:5px;padding:5px 8px;font-size:9px}.welcome-connect:hover{background:rgba(167,139,250,.2)}.mini-shield{color:#7f8793;font-size:13px}.composer-wrap{width:min(820px,calc(100% - 48px));margin:0 auto 21px;position:relative;z-index:6}.composer-box{border:1px solid #30343d;background:rgba(17,20,24,.96);border-radius:13px;box-shadow:0 12px 45px rgba(0,0,0,.19);padding:12px 13px 10px;transition:border-color .18s}.composer-box:focus-within{border-color:#554b69;box-shadow:0 12px 48px rgba(0,0,0,.26),0 0 0 1px rgba(167,139,250,.05)}.composer-box textarea{display:block;width:100%;min-height:46px;max-height:190px;resize:none;border:0;outline:none;background:transparent;color:#e8e8ed;font-size:13px;line-height:1.6;padding:2px 3px 8px;scrollbar-width:thin}.composer-box textarea::placeholder{color:#676f7a}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.composer-tools,.composer-end{display:flex;align-items:center;gap:7px}.composer-tool{height:27px;border:1px solid transparent;background:transparent;color:#838b96;border-radius:6px;display:flex;align-items:center;gap:5px;padding:0 7px;font-size:10px}.composer-tool:hover{background:#1b1f26;color:#d6d8de}.composer-tool>span:first-child{font-size:16px;color:#a5abb4}.effort-control{border-color:#2b2e36;background:#15181d;color:#b8bac5}.effort-control .effort-spark{color:#bba9ed}.composer-hint{font-size:9px;color:#626a75;margin-right:5px}.send-btn{width:31px;height:31px;border:0;border-radius:8px;background:var(--accent);color:#17131f;font-size:20px;line-height:1;display:grid;place-items:center;font-weight:600;transition:.15s}.send-btn:disabled{background:#343943;color:#777e88;cursor:not-allowed}.send-btn:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}.composer-note{text-align:center;color:#515963;font-size:9px;padding-top:9px}.effort-menu{position:absolute;left:100px;bottom:72px;width:246px;padding:8px;background:#171a20;border:1px solid #343943;border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.4);z-index:30}.effort-menu[hidden]{display:none}.menu-kicker{padding:6px 8px 8px;color:#717985;font:9px var(--mono);letter-spacing:1.3px}.effort-menu button{display:flex;width:100%;align-items:center;gap:9px;text-align:left;background:transparent;border:0;border-radius:7px;padding:9px 8px}.effort-menu button:hover{background:#222730}.effort-menu button>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.effort-menu strong{font-size:11px;font-weight:600}.effort-menu small{font-size:9px;color:#858d98}.effort-dot{height:7px;width:7px;border-radius:50%;border:1px solid #6a7180}.effort-menu button[aria-checked="true"] .effort-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.menu-check{color:var(--accent);font-size:12px}.attachment-strip{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:7px}.attachment-chip{display:flex;align-items:center;gap:7px;max-width:220px;padding:6px 8px;border:1px solid #2b3039;border-radius:7px;background:#15191e;font-size:10px;color:#b9c0ca}.attachment-chip img{width:22px;height:22px;border-radius:4px;object-fit:cover}.attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{border:0;background:transparent;color:#7e8793;font-size:15px;padding:0 2px}.messages{width:min(790px,calc(100% - 48px));margin:0 auto;padding:38px 0 28px;display:flex;flex-direction:column;gap:27px}.message{display:flex;gap:13px;min-width:0;animation:messageIn .22s ease}.message.user{justify-content:flex-end}.message-avatar{height:27px;width:27px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;background:#1b1923;border:1px solid #373044;color:#c4b5fd;font:11px var(--mono);margin-top:1px}.message.user .message-avatar{background:#22252b;border-color:#373d47;color:#c5cad2}.message-body{min-width:0;max-width:calc(100% - 40px);flex:1}.message.user .message-body{max-width:min(78%,620px);flex:initial}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#7a838e;font:9px var(--mono);letter-spacing:.25px}.message-meta strong{color:#c3c5cc;font:600 11px var(--font);letter-spacing:0}.message.user .message-meta{justify-content:flex-end}.message-content{font-size:13px;line-height:1.8;color:#d2d5dc;overflow-wrap:anywhere}.message.user .message-content{background:#181c22;border:1px solid #292f38;border-radius:12px 3px 12px 12px;padding:11px 14px;color:#e5e7eb}.message-content p{margin:0 0 12px}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3{color:#f0eff4;line-height:1.35;margin:20px 0 9px;letter-spacing:-.5px}.message-content h1{font-size:21px}.message-content h2{font-size:18px}.message-content h3{font-size:15px}.message-content ul,.message-content ol{padding-left:23px;margin:8px 0 13px}.message-content li{padding:2px 0}.message-content blockquote{margin:12px 0;padding:3px 0 3px 13px;border-left:2px solid var(--accent);color:#9ca3ae}.message-content a{color:#b7a4f3;text-decoration:underline;text-underline-offset:3px}.message-content code{font:11px var(--mono);background:#20242b;color:#d6caff;border:1px solid #2e3440;border-radius:4px;padding:2px 5px}.message-content pre{position:relative;overflow:auto;margin:12px 0;padding:15px;background:#0c0e12;border:1px solid #282d35;border-radius:9px;font:11px/1.7 var(--mono);color:#ccd4df;scrollbar-width:thin}.message-content pre code{padding:0;background:transparent;border:0;color:inherit;white-space:pre}.message-content table{border-collapse:collapse;width:100%;font-size:11px;margin:12px 0}.message-content th,.message-content td{border:1px solid #303640;padding:7px 9px;text-align:left}.message-content th{background:#181d24;color:#e1e4e8}.message-content hr{border:0;border-top:1px solid #2c3038;margin:18px 0}.message-content img{max-width:min(100%,420px);max-height:280px;object-fit:contain;border:1px solid #303640;border-radius:8px}.message-actions{display:flex;align-items:center;gap:7px;margin-top:9px;opacity:.65}.message-actions button{border:0;background:transparent;color:#77808b;font-size:10px;padding:3px 5px;border-radius:4px}.message-actions button:hover{background:#1c2027;color:#d0d4dc}.message.user .message-actions{justify-content:flex-end}.message-status{display:inline-flex;align-items:center;gap:7px;color:#9299a3;font-size:11px}.typing-dots{display:flex;gap:4px}.typing-dots i{height:4px;width:4px;background:var(--accent);border-radius:50%;animation:blink 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.message-error{color:#e99a9d;background:rgba(228,123,131,.08);border:1px solid rgba(228,123,131,.22);border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.6}.message-attachment{font-size:10px;color:#9ca5b1;padding:4px 7px;border:1px solid #333a45;background:#20242b;border-radius:5px;display:inline-flex;align-items:center;gap:5px;margin:0 0 6px}.message.user .message-attachment{display:flex;width:max-content;margin-left:auto}
.page-view{flex:1;min-height:0;overflow-y:auto;padding:43px clamp(24px,5vw,72px) 60px;scrollbar-width:thin;scrollbar-color:#2a3039 transparent}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:1110px;margin:0 auto 30px}.left-eyebrow{justify-content:flex-start;color:#8c809f;margin-bottom:11px}.page-heading h2{margin:0;color:#f0eff4;font-size:34px;letter-spacing:-1.5px;font-weight:600}.page-heading p{font-size:12px;color:#838b96;margin:10px 0 0;line-height:1.65;max-width:590px}.primary-small{border:1px solid var(--accent-border);background:var(--accent-soft);color:#d4c9f6;border-radius:7px;padding:8px 11px;font-size:10px}.files-layout{max-width:1110px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:15px;min-height:465px}.file-rail,.editor-panel,.settings-card,.personality-preview{background:#101317;border:1px solid #242932;border-radius:11px}.file-rail{padding:13px 9px;display:flex;flex-direction:column}.file-rail-title{font:9px var(--mono);letter-spacing:1.1px;color:#69717d;padding:5px 8px 12px}.file-tab{display:flex;align-items:center;gap:10px;background:transparent;border:0;text-align:left;padding:10px 8px;border-radius:7px;color:#9ca3ad}.file-tab:hover{background:#191d23}.file-tab.active{background:#1b1b24;color:#e4e1ee}.file-icon{height:27px;width:27px;display:grid;place-items:center;border-radius:6px;background:#20232b;color:#b7a7e4;font-size:14px}.file-tab>span:last-child{display:flex;flex-direction:column;gap:3px}.file-tab strong{font-size:10px;font-weight:600}.file-tab small{font-size:9px;color:#767f8b}.file-rail-foot{margin-top:auto;padding:13px 8px 3px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:7px;color:#7d8792;font-size:9px}.save-indicator,.editor-dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block}.save-indicator.saving{background:var(--yellow)}.editor-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.editor-toolbar{height:47px;min-height:47px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);padding:0 15px}.editor-toolbar>div:first-child{display:flex;align-items:center;gap:9px}.editor-file-icon{font:9px var(--mono);padding:4px 5px;background:#22212b;color:#b9a9e6;border-radius:4px}.editor-toolbar strong{font-size:11px;font-weight:600}.editor-badge{font:8px var(--mono);letter-spacing:.8px;color:#68717c;border:1px solid #2d333c;border-radius:3px;padding:3px 4px}.editor-actions{display:flex;gap:5px}.subtle-btn{background:transparent;border:1px solid transparent;border-radius:5px;color:#818a95;font-size:10px;padding:6px 8px}.subtle-btn:hover{border-color:#343a44;background:#1a1e24;color:#d2d5da}.markdown-editor{flex:1;min-height:390px;resize:none;border:0;outline:0;background:#0d1013;color:#c7ccd5;padding:22px 24px;font:12px/1.85 var(--mono);tab-size:2;scrollbar-width:thin;scrollbar-color:#303641 transparent}.editor-footer{height:34px;min-height:34px;border-top:1px solid var(--line-soft);padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#6c7580;font-size:9px}.editor-footer>span:first-child{display:flex;align-items:center;gap:7px}.personality-layout{max-width:1110px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px}.personality-main{display:flex;flex-direction:column;gap:14px}.settings-card{padding:19px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.card-kicker,.card-caption{font:9px var(--mono);letter-spacing:1.1px;color:#7b718f}.card-head h3,.effort-settings-heading h3{margin:6px 0 0;font-size:15px;font-weight:600;letter-spacing:-.3px}.card-caption{color:#656e79;font-size:8px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-card{min-height:91px;border:1px solid #2a3039;background:#14181d;border-radius:8px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:5px;transition:.15s}.preset-card:hover{background:#1b2027;border-color:#46404f}.preset-card.active{border-color:var(--accent-border);background:var(--accent-soft);box-shadow:inset 0 0 0 1px rgba(167,139,250,.07)}.preset-mark{color:#ab9bcc;font:15px var(--mono);margin-bottom:2px}.preset-card strong{font-size:10px;font-weight:600;color:#d6d8df}.preset-card small{font-size:9px;color:#828b96}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span,.field-label{font-size:10px;color:#a9afb8;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #303640;background:#0d1014;color:#d8dbe2;border-radius:7px;padding:10px 11px;font-size:11px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5e5277}.field textarea{resize:vertical;line-height:1.6}.field small{font-size:9px;color:#707985;line-height:1.5}.field-full{margin-top:17px}.personality-preview{padding:19px;align-self:start}.preview-top{display:flex;align-items:center;justify-content:space-between}.preview-live{font:8px var(--mono);letter-spacing:1px;color:#8a929c;display:flex;align-items:center;gap:6px}.preview-live i{width:5px;height:5px;border-radius:50%;background:var(--green)}.preview-dots{color:#707883}.preview-avatar{width:44px;height:44px;margin-top:22px;border:1px solid #4b4163;background:linear-gradient(145deg,#272236,#151820);border-radius:12px;display:grid;place-items:center;color:#d1c3ff;font:17px var(--mono);box-shadow:0 5px 20px rgba(0,0,0,.2)}.preview-name{font-size:17px;font-weight:600;margin-top:11px}.preview-meta{font:8px var(--mono);letter-spacing:.8px;color:#717984;margin-top:4px}.preview-divider{height:1px;background:var(--line);margin:20px 0 15px}.preview-section-label{font:8px var(--mono);letter-spacing:1px;color:#727b86;margin-bottom:9px}.preview-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #1e232a;color:#7f8792;font-size:10px}.preview-row strong{font-weight:500;color:#c4c8d0}.preview-callout{margin:15px 0;background:#171720;border:1px solid #2a2735;border-radius:7px;padding:10px;color:#93909f;font-size:9px;line-height:1.55}.outline-wide{width:100%;background:transparent;border:1px solid #343944;border-radius:7px;color:#b7bbc3;font-size:10px;padding:9px}.outline-wide:hover{background:#191e24;color:#e1e3e8}
.modal-backdrop,.command-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(7px);z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden],.command-backdrop[hidden]{display:none}.settings-modal{width:min(880px,100%);height:min(650px,calc(100dvh - 40px));display:grid;grid-template-columns:205px minmax(0,1fr);background:#101317;border:1px solid #333944;border-radius:14px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.55)}.settings-sidebar{background:#0c0f12;border-right:1px solid #242a32;padding:20px 12px;display:flex;flex-direction:column}.settings-brand{display:flex;align-items:center;gap:8px;padding:0 8px 30px;font-size:16px;font-weight:700;letter-spacing:-.6px}.small-mark{transform:scale(.82) skew(-13deg);transform-origin:left center;width:19px}.settings-label{font:8px var(--mono);letter-spacing:1.2px;color:#69727e;padding:0 9px 10px}.settings-tab{display:flex;align-items:center;gap:10px;height:37px;border:0;background:transparent;border-radius:7px;padding:0 10px;color:#8d96a1;text-align:left;font-size:12px}.settings-tab:hover{background:#171b21;color:#dadddf}.settings-tab.active{background:#1b1d25;color:#ddd6ef}.settings-tab.active:first-letter{color:var(--accent)}.settings-sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:10px 8px 0}.sidebar-version{font:8px var(--mono);letter-spacing:.7px;color:#535d68}.settings-close{display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #222831;padding:12px 0 0;background:transparent;color:#9ba3ae;font-size:10px}.settings-close kbd{background:#1c2027;border:1px solid #303640;color:#8d96a0}.settings-content{padding:24px 30px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#343a44 transparent}.settings-content-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.settings-content-head .eyebrow{font-size:8px;margin-bottom:7px}.settings-content-head h2{font-size:24px;letter-spacing:-.8px;margin:0;font-weight:600}.settings-content-head .icon-btn{margin:-3px -9px 0 0}.settings-page{display:none}.settings-page.active{display:block}.section-intro{padding-bottom:18px;border-bottom:1px solid #252a32;margin-bottom:18px}.section-intro h3{font-size:14px;font-weight:600;margin:0 0 6px}.section-intro p{font-size:10px;line-height:1.6;color:#838b96;margin:0}.settings-page .field-full{margin-top:15px}.settings-page .field small{font-size:9px}.input-with-action{display:flex;align-items:center;position:relative}.input-with-action input{padding-right:54px}.input-action{position:absolute;right:7px;border:0;background:transparent;color:#9b8ac6;font:9px var(--mono);letter-spacing:.6px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #242a32;margin-top:9px}.toggle-row>span{display:flex;flex-direction:column;gap:4px}.toggle-row strong,.data-action-row strong,.danger-zone strong{font-size:10px;font-weight:600;color:#c7cbd2}.toggle-row small,.data-action-row small,.danger-zone small{font-size:9px;color:#737c88;line-height:1.5}.switch{appearance:none;width:30px;height:17px;background:#333a44;border-radius:20px;position:relative;cursor:pointer;flex-shrink:0;transition:.15s}.switch:before{content:'';width:11px;height:11px;position:absolute;top:3px;left:3px;background:#a2a9b3;border-radius:50%;transition:.15s}.switch:checked{background:var(--accent)}.switch:checked:before{left:16px;background:#181322}.connection-actions{display:flex;gap:8px;margin-top:18px}.primary-btn,.secondary-btn,.danger-btn{border-radius:7px;padding:9px 12px;font-size:10px;font-weight:600}.primary-btn{background:var(--accent);border:1px solid var(--accent);color:#171321}.primary-btn:hover{filter:brightness(1.1)}.secondary-btn{background:#191d23;border:1px solid #333a44;color:#bec4cd}.secondary-btn:hover{background:#222831}.danger-btn{background:rgba(228,123,131,.09);border:1px solid rgba(228,123,131,.3);color:#e79a9f}.test-result{padding:10px 12px;border-radius:7px;margin-top:13px;font-size:10px;line-height:1.5}.test-result.success{background:rgba(114,214,164,.08);border:1px solid rgba(114,214,164,.22);color:#9be0bb}.test-result.error{background:rgba(228,123,131,.08);border:1px solid rgba(228,123,131,.22);color:#e89da3}.notice-box{display:flex;gap:10px;padding:12px;margin-top:19px;background:#171a20;border:1px solid #2b3039;border-radius:8px}.notice-icon{color:#a798cb;font-size:15px}.notice-box p{margin:0;color:#858d98;font-size:9px;line-height:1.65}.notice-box strong{color:#bdc2ca;font-weight:600}.effort-settings{margin-top:21px;border:1px solid #2b3039;background:#13171c;border-radius:9px;padding:14px}.effort-settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.effort-settings-heading h3{font-size:13px}.effort-current{font:9px var(--mono);letter-spacing:1px;color:#bdaef0;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:4px;padding:5px 7px}.effort-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.effort-options button{min-height:63px;background:#191e24;border:1px solid #303741;border-radius:7px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:8px;text-align:left}.effort-options button.active{border-color:var(--accent);background:var(--accent-soft)}.effort-options strong{font-size:10px}.effort-options small{font-size:8px;color:#7e8792}.effort-options button.active small{color:#aaa0c7}.field-help{font-size:9px;line-height:1.6;color:#747d88;margin:11px 0 0}.field-help code{font:9px var(--mono);color:#c7b9ef}.settings-footer-note{font-size:9px;color:#68717d;margin-top:14px}.appearance-block{padding:16px 0;border-bottom:1px solid #252a32}.accent-options{display:flex;gap:11px;margin-top:12px}.accent-choice{width:29px;height:29px;border-radius:50%;border:2px solid transparent;background:transparent;display:grid;place-items:center}.accent-choice i{width:17px;height:17px;border-radius:50%;display:block;background:var(--swatch)}.accent-choice.active{border-color:#777e89}.accent-choice[data-accent="violet"]{--swatch:#a78bfa}.accent-choice[data-accent="green"]{--swatch:#72d6a4}.accent-choice[data-accent="blue"]{--swatch:#6ea8ff}.accent-choice[data-accent="amber"]{--swatch:#e6bd70}.accent-choice[data-accent="rose"]{--swatch:#e58aab}.data-action-row,.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #252a32}.data-action-row>div,.danger-zone>div{display:flex;flex-direction:column;gap:5px}.danger-zone{margin-top:16px;padding:14px;border:1px solid rgba(228,123,131,.2);border-radius:8px;background:rgba(228,123,131,.04)}.danger-zone small{max-width:300px}.toast-region{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;flex-direction:column;gap:8px}.toast{background:#20252c;border:1px solid #3a424d;color:#d8dde5;padding:10px 13px;border-radius:8px;box-shadow:0 10px 35px rgba(0,0,0,.35);font-size:10px;animation:messageIn .2s ease}.toast.error{border-color:rgba(228,123,131,.4);color:#eda1a5}.command-backdrop{align-items:start;padding-top:15vh}.command-palette{width:min(520px,100%);background:#13171c;border:1px solid #363d48;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden}.command-input{height:53px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid #2a3039;color:#9e93be}.command-input input{flex:1;background:transparent;border:0;outline:0;color:#e3e5e9;font-size:12px}.command-input input::placeholder{color:#707984}.command-input kbd{color:#8a929d;border:1px solid #343b45}.command-list{padding:7px;max-height:340px;overflow:auto}.command-item{width:100%;height:39px;display:flex;align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;text-align:left;padding:0 10px;color:#aeb5bf;font-size:11px}.command-item:hover,.command-item.active{background:#222630;color:#f0eff4}.command-item span:first-child{width:18px;text-align:center;color:#aa9bd3}.command-item kbd{margin-left:auto;color:#727c88;background:#181d23;border:1px solid #303741}.command-foot{padding:10px 14px;border-top:1px solid #252b34;display:flex;justify-content:space-between;color:#68717d;font:8px var(--mono);letter-spacing:.8px}.command-foot span{letter-spacing:0;text-transform:none}
body.compact .messages{gap:18px;padding-top:27px}body.compact .message-content p{margin-bottom:8px}body.compact .message{gap:10px}body[data-accent="green"]{--accent:#72d6a4;--accent-soft:rgba(114,214,164,.12);--accent-border:rgba(114,214,164,.28)}body[data-accent="blue"]{--accent:#6ea8ff;--accent-soft:rgba(110,168,255,.12);--accent-border:rgba(110,168,255,.28)}body[data-accent="amber"]{--accent:#e6bd70;--accent-soft:rgba(230,189,112,.12);--accent-border:rgba(230,189,112,.28)}body[data-accent="rose"]{--accent:#e58aab;--accent-soft:rgba(229,138,171,.12);--accent-border:rgba(229,138,171,.28)}
@keyframes messageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(max-width:900px){.sidebar{width:245px;min-width:245px}.topbar{padding:0 18px}.personality-layout{grid-template-columns:minmax(0,1fr) 230px}.settings-modal{grid-template-columns:175px minmax(0,1fr)}.settings-content{padding:22px}.files-layout{grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:700px){body{overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;min-width:280px;transform:translateX(-102%);box-shadow:20px 0 70px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:grid}.mobile-menu{display:grid}.topbar{height:55px;min-height:55px;padding:0 12px}.topbar-left,.topbar-right{gap:6px}.crumb{gap:6px;font-size:10px}.crumb-muted,.crumb-slash{display:none}.model-pill{max-width:155px;height:29px;padding:0 7px;gap:5px;font-size:9px}.top-icon{width:29px;height:29px}.chat-stage{padding-top:0}.welcome{width:calc(100% - 30px);padding:20px 0}.welcome-orb{transform:scale(.82);margin-bottom:18px}.welcome h1{font-size:39px}.welcome-sub{font-size:12px;margin-bottom:25px}.suggestion-grid{grid-template-columns:1fr;gap:7px;max-width:430px}.suggestion-card{min-height:57px}.suggestion-card small{font-size:9px}.welcome-foot{margin-top:22px}.composer-wrap{width:calc(100% - 20px);margin-bottom:10px}.composer-box{padding:10px}.composer-box textarea{min-height:43px;font-size:12px}.composer-hint{display:none}.messages{width:calc(100% - 25px);padding:25px 0 20px;gap:22px}.message-body{max-width:calc(100% - 35px)}.message.user .message-body{max-width:86%}.message-content{font-size:12px}.page-view{padding:27px 15px 35px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h2{font-size:29px}.page-heading p{font-size:11px}.files-layout{grid-template-columns:1fr;gap:9px}.file-rail{padding:8px;display:block}.file-rail-title{padding-bottom:6px}.file-tab{display:inline-flex;margin:2px;padding:7px}.file-tab>span:last-child small{display:none}.file-icon{width:22px;height:22px}.file-rail-foot{display:none}.markdown-editor{min-height:330px;padding:15px;font-size:11px}.personality-layout{grid-template-columns:1fr}.personality-preview{order:-1}.personality-preview .preview-avatar{margin-top:12px}.personality-preview{padding:14px}.preview-divider{margin:12px 0}.preview-row{padding:5px 0}.preset-grid{grid-template-columns:repeat(2,1fr)}.settings-modal{height:calc(100dvh - 18px);width:100%;grid-template-columns:1fr;grid-template-rows:auto 1fr;border-radius:11px}.settings-sidebar{border-right:0;border-bottom:1px solid #252a32;padding:12px;display:block}.settings-brand{padding:0 4px 12px}.settings-label{display:none}.settings-tab{display:inline-flex;width:auto;height:30px;padding:0 9px;font-size:10px}.settings-sidebar-bottom{display:none}.settings-content{padding:18px 16px}.settings-content-head{margin-bottom:17px}.settings-content-head h2{font-size:21px}.effort-options{grid-template-columns:repeat(2,1fr)}.effort-options button{min-height:55px}.connection-actions{flex-wrap:wrap}.notice-box{margin-top:15px}.modal-backdrop{padding:9px}.command-backdrop{padding:10vh 10px 0}.command-foot{font-size:7px}.settings-page .field-grid{gap:9px}}
@media(max-width:390px){.model-pill{max-width:125px}.model-pill #modelPillText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{gap:2px}.field-grid{grid-template-columns:1fr}.settings-page .field-grid{grid-template-columns:1fr}.page-heading{flex-direction:column}.welcome h1{font-size:35px}}
