@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap";:root{--ink:#171816;--muted:#74766f;--line:#dedfd8;--paper:#f4f4ef;--panel:#fafaf7;--acid:#d7ff4f;--acid-dark:#bce532}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Manrope,system-ui,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{color:#f4f4ed;background:#20211f;flex-direction:column;flex:0 0 280px;width:280px;height:100vh;padding:24px 17px 18px;transition:all .25s;display:flex}.sidebar.collapsed{margin-left:-280px}.brand-row{align-items:center;gap:12px;padding:0 7px 24px;display:flex}.mark{border:1px solid #6d6f67;border-radius:50%;place-items:center;width:36px;height:36px;font-family:DM Mono;display:grid;position:relative}.mark:after{content:"";background:var(--acid);border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;right:1px}.brand-row strong{letter-spacing:.18em;font-size:16px;display:block}.brand-row span{color:#92948b;letter-spacing:.1em;margin-top:3px;font:9px DM Mono;display:block}.new-chat{color:#fff;cursor:pointer;background:#2a2b28;border:1px solid #454740;border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex}.new-chat span{color:var(--acid);font-size:20px;line-height:1}.new-chat kbd{color:#85877e;margin-left:auto;font:10px DM Mono}.nav-label{color:#777970;letter-spacing:.16em;text-transform:uppercase;margin:28px 9px 10px;font:10px DM Mono}.workspace-nav{gap:3px;display:grid}.workspace-nav button{color:#aaaca3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:11px;padding:10px 11px;display:flex}.workspace-nav button.active,.workspace-nav button:hover{color:#fff;background:#30312e}.workspace-nav em{color:#777970;text-transform:uppercase;border:1px solid #4d4f49;border-radius:10px;margin-left:auto;padding:2px 5px;font:8px DM Mono}.history-label{border-top:1px solid #343531;padding-top:20px}.history{gap:2px;display:grid;overflow:auto}.history button{text-align:left;color:#b7b9af;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:3px;padding:9px 11px;display:grid}.history button:hover,.history button.selected{color:#fff;background:#2b2c29}.history span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.history small{color:#72746c;font-size:9px}.profile{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #373834;align-items:center;gap:10px;margin-top:auto;padding:17px 6px 0;display:flex}.profile .avatar{background:var(--acid);color:#222;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{color:#7f8178;margin-top:2px;font-size:9px}.profile b{color:#73756d;margin-left:auto}.main-panel{background:var(--panel);flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:15px;height:67px;padding:0 25px;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px;font-size:18px}.icon-button:hover{background:#e9e9e3}.model-pill{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:600}.model-pill i{background:#83c653;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.model-pill span{color:#888;margin-left:8px}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.context-meter{color:#888b82;text-transform:uppercase;font:9px DM Mono}.context-meter b{color:#55574f}.conversation{flex:1;justify-content:center;display:flex;overflow:auto}.welcome{text-align:center;width:min(760px,86%);margin:auto;padding:44px 0 30px}.orb{border:1px solid #c7c9c0;border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 22px;display:grid;position:relative}.orb:before,.orb:after{content:"";border:1px solid #d8d9d3;border-radius:50%;position:absolute}.orb:before{width:46px;height:46px}.orb:after{width:26px;height:26px}.orb span{background:var(--acid);border-radius:50%;width:9px;height:9px;box-shadow:0 0 18px #b8e322}.overline{letter-spacing:.18em;color:#777a71;font:10px DM Mono}.welcome h1{letter-spacing:-.055em;margin:16px 0 20px;font-size:clamp(42px,5.4vw,72px);font-weight:600;line-height:.98}.welcome h1 em{color:#666960;font-family:Playfair Display,serif;font-weight:500}.intro{color:#75786f;max-width:590px;margin:0 auto;font-size:14px;line-height:1.7}.starter-grid{text-align:left;grid-template-columns:1fr 1fr;gap:9px;margin-top:40px;display:grid}.starter-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;padding:16px 17px;position:relative}.starter-grid button:hover{border-color:#b4b6ac;transform:translateY(-1px)}.starter-grid b,.starter-grid span{display:block}.starter-grid b{font-size:12px}.starter-grid span{color:#898b83;margin-top:4px;font-size:10px}.starter-grid i{color:#9a9c93;position:absolute;top:15px;right:15px}.has-messages{justify-content:stretch}.messages{width:min(830px,90%);margin:0 auto;padding:45px 0 140px}.message{border-bottom:1px solid #e4e5df;padding:27px 0}.message.user{margin-left:14%}.message-label{letter-spacing:.14em;color:#8c8e86;margin-bottom:11px;font:9px DM Mono}.message.assistant .message-label{color:#71851f}.message-content{white-space:normal;font-size:14px;line-height:1.7}.message-content p{margin:0}.file-tags{gap:5px;margin-bottom:10px;display:flex}.file-tags span,.attachments>span{background:#eceee5;border:1px solid #dcddd5;border-radius:6px;padding:5px 8px;font-size:9px}.thinking span{background:#9aaf48;border-radius:50%;width:5px;height:5px;margin-right:5px;animation:1s infinite alternate pulse;display:inline-block}.thinking span:nth-child(3){animation-delay:.2s}.thinking span:nth-child(4){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-3px)}}.composer-wrap{background:linear-gradient(transparent,var(--panel) 22%);padding:15px max(5%,50% - 415px);transition:all .25s;position:absolute;bottom:0;left:280px;right:0}.sidebar.collapsed~.main-panel .composer-wrap{left:0}.composer{background:#fff;border:1px solid #d9dad3;border-radius:15px;padding:13px;box-shadow:0 10px 40px #23242014}.composer textarea{resize:none;color:#222;background:0 0;border:0;outline:0;width:100%;min-height:35px;max-height:150px}.composer-tools{align-items:center;gap:5px;display:flex}.composer-tools button{color:#73766d;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 8px;font-size:11px}.composer-tools button:hover{background:#f0f1eb}.composer-tools button.web-active{color:var(--acid);background:#20211f;box-shadow:0 0 0 1px #20211f}.composer-spacer{flex:1}.reasoning-label{text-transform:uppercase;color:#8d8f87;font:8px DM Mono}.composer-tools .send{background:var(--ink);width:34px;height:34px;color:var(--acid);border-radius:10px;padding:0;font-size:20px}.composer-tools .send:disabled{opacity:.25}.footnote{text-align:center;color:#999b94;margin:7px 0 0;font-size:8px}.attachments{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.attachments button{cursor:pointer;background:0 0;border:0;margin-left:6px}.error-banner{color:#8a4323;background:#fff0e8;border:1px solid #edc9b8;border-radius:8px;margin-bottom:6px;padding:8px 11px;font-size:10px}.error-banner button{float:right;cursor:pointer;background:0 0;border:0}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#14151394;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal{background:#f8f8f3;border-radius:18px;width:min(520px,100%);padding:38px;position:relative;box-shadow:0 30px 90px #0000004d}.modal-close{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:14px;right:18px}.settings-modal h2{letter-spacing:-.03em;margin:8px 0;font-size:30px}.settings-modal>p:not(.overline){color:#73766d;margin-bottom:23px;font-size:12px;line-height:1.6}.settings-modal label{margin:13px 0;font-size:10px;font-weight:700;display:block}.settings-modal input{background:#fff;border:1px solid #d7d8d0;border-radius:8px;width:100%;margin-top:6px;padding:11px;font-size:12px;display:block}.settings-modal output{float:right;color:#777;font-weight:400}.settings-modal input[type=range]{accent-color:#1f211d;padding:0}.settings-note{background:#eceee4;border-radius:9px;gap:10px;margin:18px 0;padding:12px;display:flex}.settings-note b,.settings-note span{font-size:9px;display:block}.settings-note span{color:#74766f}.save-settings{color:#fff;cursor:pointer;background:#20211f;border:0;border-radius:9px;width:100%;padding:13px}.save-settings:hover{color:var(--acid)}.mobile-only{display:none}@media (max-width:760px){.sidebar{z-index:10;position:fixed;box-shadow:20px 0 60px #00000040}.sidebar.collapsed{margin-left:-280px}.composer-wrap{padding:14px;left:0}.context-meter{display:none}.welcome{width:90%;padding-top:25px}.welcome h1{font-size:45px}.starter-grid{grid-template-columns:1fr}.messages{width:90%}.message.user{margin-left:4%}.mobile-only{color:#fff;margin-left:auto;display:block}.composer-tools span:not(.reasoning-label),.reasoning-label{display:none}}.logout-link{color:#74766f;border-radius:7px;padding:7px 9px;font-size:10px;text-decoration:none}.logout-link:hover{color:#222;background:#e9e9e3}.message{content-visibility:auto;contain-intrinsic-size:120px}.message-content{overflow-wrap:anywhere}.message-content p{white-space:pre-wrap}.streaming .message-content:after{content:"▋";color:#71851f;animation:1s infinite alternate pulse}.settings-modal select{background:#fff;border:1px solid #d7d8d0;border-radius:8px;width:100%;margin-top:6px;padding:11px;font-size:12px;display:block}@media (max-width:760px){.sidebar{height:100dvh}.composer-wrap{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.topbar{height:58px;padding:0 10px}.logout-link{display:none}.messages{width:92%;padding-top:20px}.composer textarea{font-size:16px}.footnote{display:none}}
