@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{color-scheme:dark;--paper:#101721;--surface:#192432;--ink:#dce6ed;--muted:#a1afbb;--line:#2a3848;--star:#a9d7f5;--star-bright:#e8f5ff;--gold:#c7aa73;--blue:#6c9fbe}*{box-sizing:border-box}body{margin:0;background-color:var(--paper);background-image:radial-gradient(1px 1px at 13% 18%,#c6e1f055 99%,transparent),radial-gradient(1px 1px at 82% 34%,#c6e1f044 99%,transparent),radial-gradient(1px 1px at 69% 79%,#c6e1f033 99%,transparent);background-attachment:fixed;color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh}.app-layout{min-height:100vh;max-width:1440px;margin:0 auto;display:flex;align-items:stretch}.shell{min-height:100vh;width:calc(100% - 270px);max-width:1000px;min-width:0;margin:0 auto;padding:0 44px;display:flex;flex-direction:column;flex:1 1 auto}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);flex:none}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:-.03em}.brand-mark{display:block;width:52px;height:36px;flex:none}.status{font:11px 'DM Mono',monospace;color:#bdcbd5;display:flex;gap:8px;align-items:center}.status i{width:7px;height:7px;border-radius:50%;background:var(--star);box-shadow:0 0 0 3px #a9d7f51c,0 0 10px #a9d7f580}.constellation-art{position:relative;display:block;width:50px;height:34px}.link{position:absolute;height:1px;transform-origin:left center;background:#91bddb9c;z-index:1;box-shadow:0 0 3px #92c4e040}.l1{left:4px;top:5px;width:10px;transform:rotate(-17deg)}.l2{left:14px;top:2px;width:11.7px;transform:rotate(59deg)}.l3{left:18px;top:13px;width:12.5px;transform:rotate(151.4deg)}.l4{left:7px;top:19px;width:14.3px;transform:rotate(-102deg)}.l5{left:18px;top:13px;width:11.4px;transform:rotate(15deg)}.l6{left:29px;top:16px;width:12.8px;transform:rotate(38deg)}.l7{left:39px;top:24px;width:9.4px;transform:rotate(32deg)}.star{position:absolute;z-index:2;width:3px;height:3px;border-radius:50%;background:var(--star);box-shadow:0 0 5px #a9d7f5a0}.s1{left:3px;top:4px}.s2{left:12px;top:1px}.s3{left:17px;top:12px}.s4{left:6px;top:18px}.s5{left:28px;top:15px}.s6{left:38px;top:23px}.s7{left:45px;top:27px;width:5px;height:5px;background:var(--star-bright);box-shadow:0 0 9px #cbeaff}.conversation{width:100%;max-width:720px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:45px 0 35px;min-height:350px}.welcome{text-align:center;margin:auto 0}.welcome-orbit{width:112px;height:74px;display:grid;place-items:center;margin:0 auto 25px}.welcome-orbit .constellation-art{transform:scale(1.8)}.welcome h1{font:500 clamp(42px,7vw,68px)/1.02 'Playfair Display',serif;letter-spacing:-.045em;margin:0}.welcome h1 span{color:var(--gold)}.messages{display:flex;flex-direction:column;gap:23px;width:100%}.message{max-width:85%;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#202d3a;padding:13px 17px;border:1px solid #354657;border-radius:16px 16px 3px 16px}.message.assistant{align-self:flex-start;padding:2px 8px 2px 0}.message-label{font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px}.message.assistant .message-label{color:var(--star)}.message.error{color:#d7a69a}.image-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.image-grid img{display:block;max-width:min(220px,100%);max-height:190px;object-fit:cover;border-radius:9px;border:1px solid #40556a}.composer{position:relative;width:100%;max-width:720px;margin:0 auto;border:1px solid #39495a;background:var(--surface);border-radius:15px;padding:12px 15px 37px;box-shadow:0 5px 24px #050b1328;flex:none}.composer:focus-within{border-color:#7196b0;box-shadow:0 5px 25px #050b1333,0 0 0 3px #a9d7f515}.entry-row{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:end}.attach,.send{width:36px;height:36px;border:0;border-radius:10px;cursor:pointer;transition:background .15s,transform .15s}.attach{background:#273544;color:#c3d7e5;font-size:24px;line-height:1}.attach:hover{background:#33485b;transform:translateY(-1px)}.send{background:#527d9a;color:#f1f7fa;font-size:22px}.send:hover{background:#6593b1;transform:translateY(-1px)}.send:disabled,.attach:disabled{opacity:.45;cursor:wait;transform:none}textarea{display:block;width:100%;min-height:36px;max-height:150px;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:15px/1.6 'DM Sans',sans-serif;padding:5px 0}textarea::placeholder{color:#a1afbb}.personality-controls{display:flex;align-items:center;gap:8px;min-width:0;margin:9px 0 0 46px}.personality-label{font:10px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:none}.personality-select{min-width:0;max-width:200px;padding:6px 25px 6px 9px;border:1px solid #405062;border-radius:7px;background:#172331;color:var(--ink);font:12px 'DM Sans',sans-serif;outline:none}.personality-select:focus,.create-personality:focus-visible{border-color:var(--star);outline:2px solid #a9d7f540;outline-offset:1px}.create-personality{flex:none;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c3d7e5;font:11px 'DM Sans',sans-serif;cursor:pointer}.create-personality:hover{background:#273544;color:var(--star-bright)}.personality-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:24px;border:1px solid #40566a;border-radius:16px;background:#172331;color:var(--ink);box-shadow:0 24px 80px #03070dbb}.personality-dialog::backdrop{background:#050a12b8;backdrop-filter:blur(4px)}.personality-form{display:grid;gap:11px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dialog-heading h2{margin:0;font:500 25px/1.2 'Playfair Display',serif}.dialog-close{width:32px;height:32px;border:1px solid #405062;border-radius:8px;background:#202e3c;color:#dce6ed;font-size:21px;cursor:pointer}.personality-form>label{font:11px 'DM Mono',monospace;color:#b7c9d6}.personality-form input,.personality-description{width:100%;border:1px solid #3c4e60;border-radius:9px;background:#111c28;color:var(--ink);font:14px/1.55 'DM Sans',sans-serif;padding:11px 12px;outline:none}.personality-form input:focus,.personality-description:focus{border-color:#7196b0;box-shadow:0 0 0 3px #a9d7f515}.personality-form input::placeholder,.personality-description::placeholder{color:#8799a8}.personality-description{min-height:125px;max-height:42vh;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.cancel-personality,.save-personality{padding:9px 13px;border-radius:8px;font:12px 'DM Sans',sans-serif;cursor:pointer}.cancel-personality{border:1px solid #405062;background:transparent;color:#c2ced7}.save-personality{border:1px solid #6790ac;background:#426984;color:#f0f7fb}.save-personality:hover{background:#527f9e}.composer-hint{position:absolute;bottom:12px;left:61px;font:10px 'DM Mono',monospace;color:#a1afbb}.composer-hint kbd{font:inherit;margin-left:7px;padding:2px 5px;border:1px solid #405062;border-radius:4px;color:#c0ccd5}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 10px}.attachment-list[hidden]{display:none}.attachment-thumb{position:relative;width:54px;height:54px}.attachment-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #40556a}.remove-image{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border:1px solid #192432;border-radius:50%;background:#b6d6e9;color:#101721;font:bold 14px/18px 'DM Sans',sans-serif;cursor:pointer;padding:0}.history-panel{position:relative;width:270px;flex:0 0 270px;border-left:1px solid var(--line);background:#111a25b8;transition:width .2s,flex-basis .2s}.history-content{padding:28px 16px}.history-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.history-title{font:11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#b7c9d6}.new-chat{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid #40566a;border-radius:9px;background:#202e3c;color:#dceaf3;font:12px 'DM Sans',sans-serif;cursor:pointer}.new-chat:hover{background:#2b4051;border-color:#67839a}.new-chat span{font-size:16px;line-height:12px;color:var(--star)}.history-list{display:flex;flex-direction:column;gap:5px}.history-item{width:100%;padding:10px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aebdca;text-align:left;font:13px 'DM Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.history-item:hover{background:#1a2734;color:var(--ink)}.history-item.active{background:#1c2a38;border-color:#33485b;color:#e3edf3}.history-panel.is-collapsed{width:50px;flex-basis:50px}.history-panel.is-collapsed .history-content{visibility:hidden;opacity:0;pointer-events:none}.history-toggle{position:absolute;z-index:2;top:94px;left:-17px;width:34px;height:40px;border:1px solid #3b5062;border-radius:8px 0 0 8px;background:#1a2835;color:#c8dbe8;font-size:22px;line-height:1;cursor:pointer}.history-toggle:hover{background:#273a4b}.history-panel.is-collapsed .history-toggle{left:8px;border-radius:8px}.footnote{text-align:center;padding:15px 0 22px;font-size:10px;color:#a1afbb;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.typing{color:var(--ink)}.message.typing>div:last-of-type::after{content:'▍';display:inline-block;margin-left:2px;color:var(--star);animation:cursor-blink 1s steps(2,start) infinite}@keyframes cursor-blink{to{visibility:hidden}}
.code-card{width:min(100%,650px);margin:12px 0;border:1px solid #35495b;border-radius:10px;overflow:hidden;background:#111b27}.code-toolbar{min-height:38px;display:flex;align-items:center;gap:7px;padding:5px 8px;border-bottom:1px solid #2a3a49;background:#192635}.code-tab,.code-action{border:1px solid transparent;border-radius:6px;padding:5px 9px;background:transparent;color:#c8d7e2;font:11px 'DM Mono',monospace;cursor:pointer}.code-tab.active{border-color:#40566a;background:#263746;color:#e8f5ff}.code-language{flex:1;color:#91a5b5;font:10px 'DM Mono',monospace;text-transform:uppercase}.code-action{border-color:#3a4c5d}.code-action:hover{background:#2a3b4a;color:#fff}.code-source{max-height:380px;overflow:auto;margin:0;padding:14px 16px;color:#d4e3ee;font:12px/1.65 'DM Mono',monospace;white-space:pre}.code-preview{display:block;width:100%;height:360px;border:0;background:#fff}.code-preview[hidden],.code-source[hidden]{display:none}
.code-card:fullscreen,.code-card.is-fullscreen{position:fixed;z-index:1000;inset:0;width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;display:flex;flex-direction:column;background:#07080b}
.code-card:fullscreen .code-source,.code-card.is-fullscreen .code-source{flex:1;max-height:none}
.code-card:fullscreen .code-preview,.code-card.is-fullscreen .code-preview{flex:1;height:auto}
@media(max-width:760px){.code-toolbar{flex-wrap:wrap;gap:3px;padding:5px}.code-tab,.code-action{padding:5px 6px;font-size:10px}.code-language{min-width:32px}.code-source{max-height:50dvh;font-size:11px}.code-card:fullscreen .code-toolbar,.code-card.is-fullscreen .code-toolbar{flex:none}.code-card:fullscreen .code-source,.code-card.is-fullscreen .code-source{max-height:none;flex:1;min-height:0}.code-card:fullscreen .code-preview,.code-card.is-fullscreen .code-preview{height:auto;flex:1;min-height:0}}.modal-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(19,22,27,.86);color:var(--ink);box-shadow:0 24px 80px #03070dbb;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.modal-dialog::backdrop{background:#050a12b8;backdrop-filter:blur(4px)}.modal-form{display:grid;gap:11px}.modal-form>label{font:11px 'DM Mono',monospace;color:#b7c9d6}.modal-form input{width:100%;border:1px solid #3c4e60;border-radius:9px;background:#111c28;color:var(--ink);font:14px 'DM Sans',sans-serif;padding:11px 12px;outline:none}@media(max-width:760px){.app-layout{display:block}.shell{width:100%;max-width:1000px;padding:0 20px}.history-panel{position:fixed;z-index:20;top:0;right:0;bottom:0;width:min(86vw,320px);flex:none;background:#101721f5;border-left:1px solid #34485a;box-shadow:-12px 0 36px #050a1280;transition:transform .22s ease}.history-panel.is-collapsed{width:min(86vw,320px);flex-basis:auto;transform:translateX(calc(100% - 46px))}.history-content{height:100%;padding:28px 16px}.history-toggle{top:25px;left:-17px}.history-panel.is-collapsed .history-toggle{left:0}.shell{padding:0 20px}.topbar{height:68px}.conversation{padding:35px 0 25px}.message{max-width:93%}.welcome-orbit{margin-bottom:24px}.composer{padding-left:12px;padding-right:12px}.composer-hint{left:58px}.entry-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}.footnote{padding-bottom:15px}}
/* OLED glass treatment */
:root{--paper:#030405;--surface:rgba(18,20,24,.66);--ink:#f3f4f6;--muted:#9298a2;--line:rgba(255,255,255,.09);--star:#b6d9f4;--star-bright:#f0f8ff;--gold:#c7aa73;--blue:#7ca9c5}
body{background-color:#030405;background-image:radial-gradient(ellipse at 20% 25%,rgba(45,58,76,.28),transparent 38%),radial-gradient(ellipse at 80% 70%,rgba(26,44,52,.24),transparent 42%);}
body::before{content:"";position:fixed;z-index:-1;inset:-18%;pointer-events:none;background:radial-gradient(ellipse at 36% 42%,rgba(110,132,156,.1),transparent 42%),radial-gradient(ellipse at 72% 58%,rgba(67,102,116,.1),transparent 38%);filter:blur(70px)}
.shell{background:rgba(5,6,8,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.composer{background:rgba(20,21,25,.68);border-color:rgba(255,255,255,.15);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:0 14px 48px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.055)}
.composer:focus-within{border-color:rgba(179,207,231,.42);box-shadow:0 14px 48px rgba(0,0,0,.5),0 0 0 3px rgba(169,215,245,.1),inset 0 1px rgba(255,255,255,.08)}
.message.user{background:rgba(35,39,46,.58);border-color:rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.history-panel{background:rgba(11,13,17,.7);backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}
.history-toggle,.new-chat,.personality-select,.attach{background-color:rgba(38,42,49,.72);border-color:rgba(255,255,255,.13);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.message-actions{display:flex;margin-top:9px}.regenerate{padding:5px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9199a4;font:11px 'DM Sans',sans-serif;cursor:pointer}.regenerate:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);color:#e9edf2}
.code-tab,.code-action{cursor:pointer}.code-tab.active,.code-action.active{border-color:rgba(169,215,245,.26);background:rgba(130,165,192,.15);color:#f0f8ff}

.history-toggle{display:none}
.personality-controls[hidden]{display:none}
.topbar-new-chat{margin-left:auto;flex:none}
.message.assistant{width:100%;min-width:0}
.message.assistant>div:not(.message-label){min-width:0;max-width:100%}
.markdown-body{white-space:normal;overflow-wrap:anywhere}
.markdown-body p{margin:0 0 .8em}
.markdown-body p:last-child{margin-bottom:0}
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:.9em 0 .45em;line-height:1.3}
.markdown-body ul,.markdown-body ol{margin:.35em 0 .8em;padding-left:1.4em}
.markdown-body li+li{margin-top:.25em}
.markdown-body blockquote{margin:.65em 0;padding:.15em 0 .15em 12px;border-left:2px solid #6688a0;color:#c2ccd5}
.markdown-body hr{border:0;border-top:1px solid var(--line);margin:1em 0}
.markdown-body :not(pre)>code{padding:2px 5px;border:1px solid #364758;border-radius:5px;background:#121b25;color:#d5e9f6;font: .9em 'DM Mono',monospace}
.markdown-body a{color:#a9d7f5;text-underline-offset:3px}
.code-card{width:100%;max-width:100%;min-width:0}
.code-source{max-width:100%}
@media(max-width:760px){.topbar-new-chat{order:3;padding:7px 9px}.new-chat-label{display:none}.history-panel{display:none!important}.conversation,.messages,.message.assistant{min-width:0;max-width:100%}.code-toolbar{max-width:100%}}
@media(max-width:760px){.brand{order:2;margin-left:auto}.status{order:1;margin-right:auto}.history-panel{background:rgba(6,7,9,.8)}.history-toggle{touch-action:pan-y}}
@media(max-width:430px){.personality-label{display:none}.personality-select{flex:1;min-width:70px}.create-personality{padding-left:7px;padding-right:7px}}
@media(max-width:760px){
  html,body{width:100%;height:100%;min-height:100%;overflow:hidden}
  body{background-image:radial-gradient(ellipse at 24% 72%,rgba(66,76,100,.36),transparent 45%),radial-gradient(ellipse at 82% 28%,rgba(38,70,76,.26),transparent 40%),linear-gradient(155deg,#07080b,#030405 62%)}
  .app-layout{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}
  .shell{width:100%;height:100dvh;min-height:0;padding:env(safe-area-inset-top) 14px calc(env(safe-area-inset-bottom) + 10px);overflow:hidden}
  .topbar{height:56px;flex:none}
  .conversation{flex:1;min-height:0;padding:12px 0;justify-content:flex-end;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
  .conversation::-webkit-scrollbar{display:none}
  .welcome{margin:auto 0}
  .welcome-orbit{margin-bottom:18px}
  .welcome h1{font-size:clamp(38px,11vw,54px)}
  .messages{gap:17px;padding:10px 0}
  .message{max-width:94%;font-size:15px}
  .composer{width:100%;max-width:none;margin:0;padding:11px 11px 9px;border-radius:23px;background:linear-gradient(145deg,rgba(32,34,40,.76),rgba(14,15,19,.78));border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 44px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(36px) saturate(155%);-webkit-backdrop-filter:blur(36px) saturate(155%)}
  .entry-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:end}
  .attach,.send{width:36px;height:36px;border-radius:13px}
  .composer textarea{min-width:0;min-height:36px;max-height:120px;padding:6px 1px;font-size:16px;line-height:1.45}
  .personality-controls[hidden],.composer-hint,.footnote{display:none!important}
  .history-panel{left:0;right:auto}
  .history-panel.is-collapsed{width:min(86vw,340px);flex-basis:auto;transform:translateX(calc(-100% + 46px));background:transparent;border:0;box-shadow:none;pointer-events:none}
  .history-panel.is-collapsed .history-content{display:none}
  .history-panel.is-collapsed .history-toggle{position:absolute;top:82px;right:6px;left:auto;width:34px;height:38px;border-radius:13px;background:rgba(23,27,33,.76);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 22px rgba(0,0,0,.35);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);pointer-events:auto}
  .history-panel:not(.is-collapsed){left:0;right:auto;width:min(86vw,340px);transform:none;background:rgba(7,8,11,.82);backdrop-filter:blur(34px) saturate(145%);-webkit-backdrop-filter:blur(34px) saturate(145%)}
  .history-panel:not(.is-collapsed) .history-toggle{top:25px;left:auto;right:-17px}
}

.app-layout[hidden],#openrouter-fields[hidden]{display:none!important}
.topbar-icon{flex:none;width:36px;height:36px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(38,42,49,.72);color:#e0e7ee;font-size:18px;cursor:pointer}
.topbar-icon:hover{background:#273544}
.settings-dialog{width:min(460px,calc(100vw - 32px))}
.provider-select{width:100%;padding:11px 12px;border:1px solid #3c4e60;border-radius:9px;background:#11151c;color:var(--ink);font:14px 'DM Sans',sans-serif;outline:none}
#openrouter-fields{display:grid;gap:10px}
.settings-account,.settings-note,.settings-status{margin:0;color:#9ba7b2;font-size:11px;line-height:1.5}
.settings-status{min-height:16px;color:#b7c9d6}
.settings-actions{justify-content:space-between;align-items:center}
.delete-key{padding:9px 11px;border:1px solid #754c4c;border-radius:8px;background:#382a30;color:#efc6bc;font:12px 'DM Sans',sans-serif;cursor:pointer}
.delete-key:hover{background:#4a3037}
@media(max-width:760px){.topbar-icon{order:4;width:34px;height:34px}.account-action{order:5}.topbar-new-chat{order:3}.account-action-label{display:none}}
.account-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(38,42,49,.72);color:#e4edf4;font:11px 'DM Sans',sans-serif;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer}
.account-mark{font:600 12px 'DM Sans',sans-serif;color:#a9d7f5}
.account-action:hover,.topbar-icon:hover{border-color:rgba(182,217,244,.35);background:rgba(55,63,74,.76)}
button{touch-action:manipulation;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}
button:active{transform:scale(.95)}
.modal-dialog::backdrop{background:rgba(2,4,8,.66);backdrop-filter:blur(12px)}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}

/* Responsive history drawer and update metadata */
.shell{width:auto;flex:1 1 auto}
.history-panel{overflow:hidden;flex:0 0 270px;width:270px}
.history-panel.is-collapsed{flex:0 0 0;width:0;border-left:0}
.history-panel.is-collapsed .history-content{display:none}
.history-heading{display:grid;gap:7px;min-width:0}
.history-updated{display:grid;gap:3px;color:#8f9aa5;font:10px/1.4 'DM Mono',monospace}
.history-updated time{color:#cad6df;font-size:11px}
.history-item{display:grid;gap:4px;white-space:normal}
.history-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-item-time{color:#84919c;font:10px 'DM Mono',monospace}
.history-close{flex:none}
.history-backdrop{display:none}
.history-open-button{margin-left:6px}
.history-open-button:focus-visible,.history-close:focus-visible,.history-item:focus-visible{outline:2px solid #a9d7f5;outline-offset:2px}
@media(max-width:760px){
  .app-layout{position:relative;width:100%;max-width:none}
  .shell{width:100%;flex:none}
  .topbar{gap:7px}
  .topbar-new-chat{order:3;margin-left:0}
  .history-open-button{order:4;margin-left:0}
  .topbar-icon#settings-open{order:5}
  .account-action{order:6}
  .status{order:1}
  .brand{order:2;margin-left:auto}
  .history-panel,.history-panel:not(.is-collapsed){display:block!important;position:fixed;z-index:42;inset:0 auto 0 0;width:min(86vw,340px);height:100dvh;flex:none;transform:translateX(0);border:0;border-right:1px solid rgba(255,255,255,.14);border-radius:0 18px 18px 0;background:rgba(8,10,14,.94);box-shadow:14px 0 46px rgba(0,0,0,.48);backdrop-filter:blur(34px) saturate(145%);-webkit-backdrop-filter:blur(34px) saturate(145%);transition:transform .22s ease}
  .history-panel.is-collapsed{width:min(86vw,340px);flex:none;transform:translateX(-105%);border:0;pointer-events:none}
  .history-panel .history-content,.history-panel.is-collapsed .history-content{display:block;height:100%;overflow-y:auto;padding:calc(env(safe-area-inset-top) + 24px) 16px 24px;visibility:visible;opacity:1;pointer-events:auto}
  .history-panel.is-collapsed .history-content{visibility:hidden;pointer-events:none}
  .history-panel .history-head{align-items:flex-start;margin-bottom:18px}
  .history-panel .history-close{display:block}
  .history-backdrop{display:none;position:fixed;z-index:41;inset:0;width:100%;height:100%;border:0;background:rgba(1,3,6,.58);backdrop-filter:blur(3px)}
  .app-layout.history-open .history-backdrop{display:block}
  .history-toggle{display:none!important}
}
@media(max-width:430px){.status span{display:none}.topbar{gap:6px}.brand{font-size:13px}.history-open-button,.topbar-icon#settings-open{width:34px;height:34px}.account-action{width:34px;min-height:34px;padding:0}.history-open-button{font-size:17px}}

/* Keep long replies scrollable and code actions visible at narrow widths. */
.conversation{justify-content:flex-start;min-height:0;scroll-padding-block:18px}
.welcome{flex:none;margin:auto 0}
.messages,.message{flex:none}
.code-toolbar{flex-wrap:wrap}
.code-tab,.code-action{flex:none;white-space:nowrap}
.code-language{flex:1 1 52px;min-width:44px}
.code-preview{max-width:100%}
@media(max-width:760px){.conversation{min-height:0}.messages{padding-bottom:16px}.code-toolbar{min-width:0}}
.auth-fields{display:grid;gap:9px}.auth-fields label{font:11px 'DM Mono',monospace;color:#b7c9d6}.auth-fields input{width:100%;border:1px solid #3c4e60;border-radius:9px;background:#11151c;color:var(--ink);font:14px 'DM Sans',sans-serif;padding:11px 12px;outline:none}.auth-fields input:focus{border-color:#7196b0;box-shadow:0 0 0 3px #a9d7f515}.auth-fields button{margin-top:3px}.auth-mode-toggle{justify-self:start;border:0;background:transparent;color:#a9d7f5;font:12px 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:760px){.account-action-label{display:inline}}
@media(max-width:430px){.account-action{width:auto;min-width:34px;padding:0 8px}}