:root{color-scheme:dark;--bg:#000;--panel:#090909;--line:#242424;--muted:#858585;--text:#e9e9e9;--accent:#ff3347;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{background:#8a1828;color:#fff}.app{display:flex;height:100dvh;min-height:380px}aside{width:244px;flex-shrink:0;background:#070707;border-right:1px solid #202020;padding:28px 20px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;letter-spacing:-.8px}.brand img{width:28px;height:28px}.brand-dot{color:var(--accent)}.new-chat{display:flex;gap:8px;align-items:center;border:1px solid #5a1b24;border-radius:4px;padding:12px 9px;margin:34px 0 32px;font-size:11px;text-align:left;background:#120709;transition:border-color .15s}.new-chat:hover{border-color:var(--accent)}.new-chat>span{font-size:20px;line-height:16px;color:var(--accent)}kbd{margin-left:auto;color:#888;font-size:9px;white-space:nowrap}.history-label{font-size:9px;letter-spacing:2px;color:#818181;margin:0 8px 14px}#history{flex:1;overflow:auto}.history-item{display:flex;align-items:center;border-left:2px solid transparent;margin-bottom:5px}.history-item.active{background:#16090b;border-left-color:var(--accent)}.history-item>button:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:11px;color:#bbb;padding:11px 9px}.history-delete{padding:8px;opacity:0;font-size:16px;color:#aaa}.history-item:hover .history-delete,.history-item:focus-within .history-delete{opacity:1}.empty-history{font-size:11px;color:#797979;line-height:1.8;padding:0 8px}.sidebar-footer{border-top:1px solid var(--line);padding:17px 2px 0}.text-button{padding:0;color:#858585;font-size:10px}.text-button:hover,.copy-message:hover{color:var(--accent)}main{min-width:0;flex:1;display:flex;flex-direction:column}header{height:64px;padding:0 30px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.icon-button{font-size:20px;padding:6px;color:#888}.icon-button:hover{color:var(--accent)}.mobile-only{display:none}#scroll-area{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;padding:0 38px;display:flex;flex-direction:column}#welcome{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:820px;align-self:center;min-height:140px;padding-bottom:6vh}h1{font-size:clamp(30px,4.8vw,66px);font-weight:600;letter-spacing:-3px;line-height:1.2;margin:0}h1 .brand-dot{text-shadow:0 0 24px #ff334755}.composer-wrap{padding:16px 38px 24px;flex-shrink:0;max-width:900px;width:100%;align-self:center}#composer{border:1px solid #69212b;background:#090909;border-radius:5px;padding:18px 18px 12px;position:relative;transition:border-color .15s,box-shadow .15s}#composer:focus-within{border-color:var(--accent);box-shadow:0 0 24px #ff33470a}textarea{resize:none;width:100%;border:0;background:none;color:var(--text);outline:none;font-size:13px;line-height:1.7;max-height:160px;min-height:38px}textarea::placeholder{color:#858585}.composer-bottom{display:flex;align-items:center;gap:12px;margin-top:10px}#model{border:1px solid #292929;background:#0b0b0b;color:#c7c7c7;font-size:10px;max-width:180px;padding:7px;border-radius:3px}#composer-hint{font-size:9px;color:#a0a0a0;line-height:1.5;flex:1}#send,#stop{margin-left:auto;background:var(--accent);color:#000;border-radius:3px;width:34px;height:34px;flex-shrink:0;font-size:24px;display:flex;align-items:center;justify-content:center}#send:hover,#stop:hover{background:#ff6270}#stop{font-size:13px}.footnote{text-align:center;color:#797979;font-size:9px;margin:14px 0 0;line-height:1.6}.footnote button{font-size:inherit;color:#999;padding:0;margin-left:6px;text-decoration:underline;text-underline-offset:3px}#messages{max-width:824px;width:100%;margin:26px auto;display:flex;flex-direction:column;gap:30px}#messages:empty{display:none}.message{font-size:13px;line-height:1.85;max-width:100%;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#17090b;border:1px solid #40141b;border-radius:5px;padding:12px 18px;max-width:88%;white-space:pre-wrap}.message.assistant{align-self:stretch;position:relative;padding:0 0 0 40px}.assistant-label{display:flex;align-items:center;font-size:10px;color:var(--accent);gap:8px;margin-bottom:10px}.assistant-label img{width:25px;height:25px;position:absolute;left:0;top:0}.message-content{white-space:pre-wrap;word-break:break-word;color:#ddd}.copy-message{display:block;margin-top:10px;color:#888;font-size:10px;padding:4px 0}.thinking{color:#aaa;font-size:12px}.thinking::after{content:' ▋';color:var(--accent);animation:pulse 1.4s steps(2,end) infinite}#notice{font-size:11px;line-height:1.6;padding:12px 15px;margin-bottom:10px;border-radius:4px;background:#1a090c;color:#ff9aa4;border:1px solid #5a1b25}dialog{max-width:480px;width:calc(100% - 36px);border:1px solid #68202a;border-radius:6px;background:#0b0b0b;color:var(--text);padding:30px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{font-size:23px;letter-spacing:-1px;margin-top:22px}dialog p{font-size:12px;color:#aaa;line-height:1.9}.dialog-note{border-top:1px solid #292929;padding-top:15px}.dialog-close{position:absolute;right:16px;top:12px}.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}@keyframes pulse{50%{opacity:.2}}@media(max-width:1100px){aside{width:218px;padding:26px 16px}.brand{font-size:15px}.brand img{width:25px;height:25px}kbd{display:none}#scroll-area{padding:0 26px}.composer-wrap{padding-left:26px;padding-right:26px}h1{letter-spacing:-2px}}@media(max-width:760px){aside{display:none;position:fixed;left:0;top:58px;bottom:0;z-index:5;width:260px;box-shadow:20px 0 60px #000c}aside.open{display:flex}.mobile-only{display:block}header{height:58px;padding:0 16px;justify-content:space-between;border-bottom:1px solid #191919}#scroll-area{padding:0 20px}#welcome{padding-bottom:3vh}h1{font-size:clamp(28px,8.5vw,48px);letter-spacing:-1.8px}.composer-wrap{padding:10px 15px max(16px,env(safe-area-inset-bottom))}#composer{padding:14px 13px 10px}textarea{font-size:16px}.composer-bottom{gap:8px;flex-wrap:wrap}#model{max-width:175px;font-size:10px}#composer-hint:empty{display:none}#composer-hint:not(:empty){order:3;flex-basis:100%}#messages{margin-top:24px;gap:24px}.message{font-size:12px}.message.assistant{padding-left:32px}.history-delete{opacity:1}.footnote{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
header{gap:16px}.sign-in-button{font-size:12px;padding:9px 14px;border:1px solid #60202a;border-radius:4px}.sign-in-button:hover{border-color:var(--accent);color:var(--accent)}.access-status{font-size:10px;color:#aaa;line-height:1.6;margin:0 0 10px;text-align:center}#account-dialog{max-width:480px;max-height:calc(100dvh - 32px);overflow:auto}#account-dialog h2{margin-top:0}#auth-form{display:flex;flex-direction:column;gap:9px}#auth-form label{font-size:11px;color:#bbb}#auth-form input{width:100%;padding:12px;border:1px solid #3b3b3b;border-radius:4px;background:#050505;color:#eee;font-size:16px}#auth-form input:focus{outline:1px solid var(--accent)}.primary-button{display:block;background:var(--accent);color:#000;padding:13px 16px;border-radius:4px;font-size:12px;font-weight:bold;margin-top:10px;width:100%}.secondary-button{display:block;border:1px solid #444;border-radius:4px;padding:11px;width:100%;margin-top:10px;font-size:11px}#auth-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}#auth-links button{font-size:10px;padding:0;color:#bbb;text-decoration:underline;text-underline-offset:3px}#account-notice{padding:12px;border:1px solid #61202a;background:#17090b;border-radius:4px;font-size:11px;line-height:1.7;color:#ffd5db;margin-bottom:16px}#plan-details{margin-top:24px;border-top:1px solid #292929;padding-top:8px}#plan-details .plan-price{font-size:24px;color:#fff;margin-bottom:0}.plan-price span{font-size:11px;color:#999}#plan-details .small-print{font-size:10px;color:#929292;line-height:1.8}#account-email{overflow-wrap:anywhere}@media(max-width:760px){header{justify-content:flex-end;gap:10px}header #menu{margin-right:auto}.access-status{font-size:9px}.sign-in-button{font-size:11px}#account-dialog{padding:24px}.primary-button{font-size:11px}}
