:root{font-size:20px}
body:before{background:linear-gradient(180deg,#080e1d11,#080e1d33),url(/assets/night-sky-planets.png) center/cover no-repeat}
body:after{background:linear-gradient(90deg,#080e1d08,#080e1d22 35% 65%,#080e1d05)}
.app-shell{max-width:none;margin-left:272px}.app-shell main{min-width:0}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:272px;display:flex;flex-direction:column;gap:18px;padding:26px 18px 20px;border-right:1px solid #94afd523;background:#0a1324dd;backdrop-filter:blur(12px);overflow:auto;scrollbar-width:thin}.sidebar-heading{display:flex;align-items:center;justify-content:space-between}.sidebar .brand{font-size:1.2rem;font-weight:400;letter-spacing:1px}.sidebar #close-history{display:none}.new-chat-button{justify-content:space-between;background:#23355388;flex-shrink:0}.new-chat-button kbd{font-size:.7rem;color:#899ab6}.model-picker label{font-size:.8rem;margin:0 0 8px;color:#a7b9d4}.model-picker select{font-size:.85rem;background:#101f34;min-height:45px;padding-right:25px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.history-heading h2{margin:0;font-size:.85rem;font-weight:400;color:#c8d6ed}#history-status{font-size:.65rem;color:#819bb9}#history{flex:1;min-height:100px;max-height:none;margin:0;gap:4px;color:#8196b5;font-size:.8rem;overflow:auto}.history-item{flex-shrink:0;padding:11px 10px;width:100%}.history-item.active{border-left:2px solid #b4c8ff}.history-actions{display:grid;grid-template-columns:1fr;gap:4px;border-top:1px solid #94afd51f;padding-top:12px}.history-actions button{border-color:transparent;background:transparent;font-size:.8rem;min-height:35px;text-align:left}.history-actions button:hover{background:#23355388}.sidebar-note{font-size:.72rem;line-height:1.8;color:#8096b4;margin:0}.chat-heading{display:flex;align-items:center;gap:14px;min-height:70px;padding:16px 34px;color:#9fb3d0;font-size:.8rem}.chat-heading #chat-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-heading #new-chat-shortcut{flex-shrink:0}.chat-heading #menu-button{display:none}.chat-scroll{padding-top:10px}.conversation,.composer,.composer-meta,.connection-notice,.error-banner{max-width:980px}.welcome{padding-bottom:50px}.welcome h1{text-shadow:0 2px 24px #000}.sidebar-backdrop{position:fixed;inset:0;z-index:9;background:#03091699;border:0;backdrop-filter:blur(3px)}.drop-overlay{position:fixed;inset:14px 14px 14px 286px;z-index:30;display:grid;place-items:center;pointer-events:none;border:2px dashed #b4c8ff;border-radius:22px;background:#0c1831ed;backdrop-filter:blur(6px);text-align:center;color:#e1eaff}.drop-overlay strong{display:block;font-size:1.35rem;font-weight:400}.drop-overlay span{font-size:3rem;color:#b4c8ff}.drop-overlay p{color:#a7bbda;font-size:.85rem}.skip-link{z-index:40}.sidebar button:disabled{opacity:.4}
@media(min-width:901px){.sidebar[inert]{visibility:visible}}
.sidebar .brand{font-size:16px;letter-spacing:0;white-space:nowrap}
@media(max-width:620px){body:before{background:linear-gradient(180deg,#080e1d22,#080e1d22),url(/assets/night-sky-planets.png) center 27%/100% auto no-repeat,url(/assets/night-sky.png) center/cover no-repeat}}
@media(max-width:900px){.app-shell{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .2s ease;width:min(300px,88vw);padding-top:max(20px,env(safe-area-inset-top))}.sidebar.open{transform:translateX(0)}.sidebar #close-history,.chat-heading #menu-button{display:flex}.chat-heading{padding:12px 18px;min-height:64px}.chat-heading #menu-button{font-size:.85rem}.drop-overlay{inset:10px}.sidebar-note{padding-bottom:env(safe-area-inset-bottom)}.sidebar .history-actions{gap:0}.sidebar .history-actions button{min-height:38px}}
@media(max-width:620px){.chat-heading{gap:9px;padding:10px 14px}.chat-heading #chat-title{font-size:.75rem}.chat-heading #new-chat-shortcut{font-size:.75rem}.chat-scroll{padding-top:8px}.welcome h1{font-size:1.55rem}#input-hint{font-size:.65rem}.composer-meta{gap:6px}.composer-options{gap:8px}.composer textarea::placeholder{font-size:.85rem}.font-controls button{width:28px;height:28px}.page-links{gap:12px;font-size:.7rem}}
.font-tools{max-width:980px;margin:0 auto 10px;display:flex;justify-content:flex-end}.font-tools .font-controls{gap:6px;flex-wrap:wrap;align-items:center;color:#b9cbe8;font-size:13px}.font-tools #font-controls-label{margin-right:4px;white-space:nowrap}.font-tools #font-size{min-width:38px;text-align:center;color:#e1eaff;font-size:14px;font-variant-numeric:tabular-nums}.font-tools .font-controls button{width:auto;min-width:44px;height:44px;padding:0 9px;font-size:16px;border-radius:9px;background:#17263deb}.font-tools .font-controls .font-reset{font-size:13px;min-width:48px}.font-tools .font-controls button:hover:not(:disabled){background:#2a3d5e}.font-tools .font-controls button:disabled{opacity:.4}@media(max-width:620px){.font-tools{justify-content:center;margin-bottom:8px}}