:root{color-scheme:dark;--mint:#a9e7d7;--ink:#000;--dark:#222;--dim:#9e9e9e}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#000;color:#fafafa}body{overflow:hidden}button,input,textarea,select{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--mint)}button:disabled{opacity:.4;cursor:not-allowed}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}.top{height:77px;flex:0 0 77px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:14px;background:#000}.top strong{font-size:18px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.round{border:1px solid #2d2d2d;background:#171717;border-radius:999px;min-width:47px;width:47px;height:47px;position:relative;display:grid;place-items:center}.round svg{width:24px;height:24px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}.round i{position:absolute;right:11px;top:11px;width:8px;height:8px;border-radius:100%;background:var(--mint)}.topgroup{border-radius:32px;background:#171717;display:flex;padding:1px;flex:0 0 auto}.topgroup button{width:45px;height:46px;display:grid;place-items:center}.topgroup svg,.composebar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topgroup svg circle{fill:#fff;stroke:none}.messages{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px max(16px,calc((100vw - 760px)/2)) 18px;scrollbar-width:thin;scrollbar-color:#333 transparent}.welcome{height:100%;min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 12px 100px}.star{color:var(--mint);font-size:40px;margin-bottom:12px}.welcome h1{font-size:clamp(25px,7vw,32px);font-weight:620;letter-spacing:-.7px;margin:3px 0 10px}.welcome p{font-size:15px;color:#9a9a9a;max-width:290px;line-height:1.55}.pillrow{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;justify-content:center}.pillrow button{padding:12px 15px;background:#1d1d1d;border:1px solid #313131;border-radius:20px;font-size:13px}.msg{margin:18px 0 30px;display:flex;flex-direction:column;gap:9px}.msg.user{align-items:flex-end}.bubble{background:#102b22;color:var(--mint);padding:13px 16px;border-radius:25px;max-width:83%;font-size:17px;line-height:1.52;white-space:pre-wrap;overflow-wrap:anywhere}.assistanttext{font-size:16px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere;padding:0 2px}.msg small{color:#777;font-size:12px}.statusbar{font-size:14px;color:var(--mint);padding:8px 4px}.error{font-size:14px;color:#ff9393;padding:11px;border:1px solid #743838;border-radius:12px}.compose{flex:0 0 auto;padding:8px 14px max(4px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#000 85%,transparent)}.composebar{display:flex;align-items:flex-end;gap:8px;background:#222;border:1px solid #333;border-radius:38px;min-height:62px;padding:10px 11px 10px 13px}.composebar textarea{flex:1;min-width:0;min-height:33px;max-height:130px;background:transparent;border:0;outline:0;color:#fff;resize:none;line-height:26px;font-size:17px;padding:4px 0;overflow:auto}.composebar textarea::placeholder{color:#888}.composebar>button{flex:0 0 auto;display:grid;place-items:center;min-width:34px;height:36px}.composebar #attach{font-size:32px;font-weight:300;line-height:1}.composebar #mic{color:white}.composebar #send{border-radius:50%;width:39px;height:39px;background:var(--mint);color:#102c27}.composebar #send svg{width:21px;height:21px}.footnote{text-align:center;font-size:10px;color:#777;padding:9px 4px 2px}.shade{position:fixed;inset:0;background:#000b;z-index:30}.drawer{position:fixed;inset:0 auto 0 0;z-index:40;width:min(84vw,380px);background:#181818;padding:max(24px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;box-shadow:10px 0 30px #0008;gap:12px}.drawhead{display:flex;justify-content:space-between;align-items:center;font-size:22px;padding:12px 3px}.drawhead button,.sheethead button{font-size:21px;background:#333;border-radius:50%;width:40px;height:40px}.widebtn,.primary{border-radius:15px;background:#343434;padding:14px;text-align:center;font-weight:600}.primary{background:var(--mint);color:#102c27;width:100%;margin:12px 0}.hint,.label{font-size:12px;color:#888;letter-spacing:.1em;text-transform:uppercase;margin:12px 0}.drawer #list{min-height:0;overflow:auto;flex:1}.thread{border-radius:11px;padding:9px 6px 9px 12px;margin:2px 0;display:flex;gap:8px;align-items:center;min-height:44px}.thread.active{background:#303030}.thread>button:first-child{min-width:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.thread .delete{color:#999;font-size:17px}.settingLine{width:100%;text-align:left;background:#222;border-radius:11px;padding:14px;font-size:15px}.settings{position:fixed;inset:0;z-index:50;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,560px);max-height:90dvh;background:#222;border-radius:28px 28px 0 0;padding:25px 20px max(25px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.sheethead{display:flex;justify-content:space-between;align-items:center}.sheethead h2{margin:3px 0;font-size:24px}.sheethead small{font-size:11px;letter-spacing:1px;color:var(--mint)}.sheetbody{overflow:auto;padding-top:12px}.note{font-size:13px;color:#aaa;line-height:1.6;margin:12px 0 20px}.sheet label{display:block;color:#eee;font-size:14px;margin-top:18px}.sheet select{display:block;width:100%;margin:12px 0;background:#333;border:1px solid #555;color:#fff;border-radius:12px;padding:12px}.divider{height:1px;background:#3c3c3c;margin:18px 0}.progress{font-size:13px;color:var(--mint);line-height:1.5;white-space:pre-wrap;padding:9px 0}.danger{color:#ff8181}#toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:#383838;border-radius:14px;padding:12px 18px;font-size:13px;max-width:85vw;display:none;z-index:99;box-shadow:0 6px 18px #000a}[hidden]{display:none!important}@media(min-width:780px){.top{max-width:800px;width:100%;margin:0 auto}.compose{width:800px;max-width:100%;align-self:center}.messages{width:800px;max-width:100%;margin:auto}.bubble{max-width:68%}}