@import url('/fonts.css');
:root{--purple:#7650ce;--ink:#242130;--muted:#777581;--line:#e9e6ee;--bg:#f8f7fa;--sidebar:#181620;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none;color:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--purple)}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;background:#8964df;color:#fff;border-radius:11px;width:37px;height:37px;font-size:31px;font-weight:800;line-height:1;letter-spacing:-4px;padding-right:4px}.brand-ai{font-size:14px;color:#a39baa;letter-spacing:.5px;font-weight:500;margin-left:8px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8a6abe}.light{color:#b3a0d5}.muted{color:var(--muted);line-height:1.7}.primary{background:var(--purple);color:white;border-radius:10px;padding:15px 20px;font-weight:600;width:100%;display:flex;justify-content:center;gap:25px;transition:background .15s}.primary:hover{background:#6540ba}input{width:100%;border:1px solid #ddd9e4;background:#fff;border-radius:9px;padding:14px;color:var(--ink)}input:focus,textarea:focus{outline:2px solid #b99ce8;outline-offset:0}label{display:block;font-weight:600;margin:23px 0 9px;font-size:12px}.error{color:#b44747;line-height:1.5;font-size:12px;min-height:16px}.loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:8px}.login-layout{min-height:100dvh;display:grid;grid-template-columns:48% 52%}.login-story{padding:45px 55px 32px;background:radial-gradient(ellipse at 70% 65%,#392850 0,transparent 55%),#17131f;color:white;display:flex;flex-direction:column;overflow:hidden;position:relative}.story-main{margin:auto 0;padding-top:70px;position:relative}.story-main h1{font-size:clamp(34px,3.7vw,60px);font-weight:550;line-height:1.16;letter-spacing:-2px;margin:22px 0}.story-main h1>span{color:#ae8deb}.story-main>p{font-size:16px;line-height:1.8;color:#b5aebe}.orbit{height:190px;margin:25px 0 0;display:grid;place-items:center;position:relative}.orbit:before,.orbit:after{content:'';position:absolute;width:300px;height:130px;border:1px solid #74618155;border-radius:50%;transform:rotate(-25deg)}.orbit:after{width:230px;height:160px;transform:rotate(30deg)}.orbit-core{font-size:86px;line-height:1;font-weight:700;color:#b496e9;letter-spacing:-10px;position:relative;z-index:1}.orbit-core>span{font-size:25px;position:absolute;top:0;right:-28px;color:#d3befa}.story-footer{font-size:11px;color:#aca1b8;display:flex;align-items:center;gap:8px;margin-top:30px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ab99e}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:55px}.login-box{width:100%;max-width:365px}.login-box h2{font-size:30px;line-height:1.25;letter-spacing:-1px;font-weight:550;margin:16px 0 10px}.login-box>.muted{margin-bottom:35px;font-size:13px}.login-note{display:flex;gap:12px;margin-top:30px;justify-content:center;color:#918b9c;font-size:11px;line-height:1.8}.login-note>span{font-size:24px;margin-top:8px}.panel-footer{position:absolute;bottom:30px;font-size:10px;color:#a49eac}.app-layout{height:100dvh;display:flex}.sidebar{width:252px;flex-shrink:0;background:var(--sidebar);color:#b9b2c5;padding:30px 20px 16px;display:flex;flex-direction:column}.sidebar .brand{padding-left:4px;margin-bottom:35px}.new-chat{padding:13px 12px;border:1px solid #544263;border-radius:9px;color:#e6ddf5;background:#32283f;display:flex;align-items:center;gap:10px;font-size:12px}.new-chat>span{font-size:20px;line-height:1}.new-chat kbd{margin-left:auto;font-size:14px;color:#a895c6;font-family:inherit}.new-chat:hover{background:#40334f}.history-label{font-size:9px;letter-spacing:1.5px;color:#756d83;font-weight:650;margin:32px 10px 14px}.chat-list{overflow:auto;flex:1;scrollbar-width:thin}.chat-item{display:flex;gap:10px;align-items:center;width:100%;background:none;color:#aaa2b7;text-align:left;padding:12px 10px;border-radius:7px;font-size:12px;line-height:1.5}.chat-item span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-item:hover,.chat-item.active{background:#2c2536;color:#ece4f6}.history-empty{font-size:12px;color:#766e83;line-height:1.7;padding:0 10px}.sidebar-bottom{padding-top:20px}.private-note{border-bottom:1px solid #302938;padding:0 10px 20px;font-size:10px;display:flex;align-items:center;gap:8px;color:#8e839e}.account{display:flex;gap:11px;align-items:center;color:#dcd6e7;background:none;width:100%;text-align:left;padding:20px 4px 0}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#3b2f4c;border:1px solid #5b466d;border-radius:50%;font-size:13px;color:#cdb7ef}.account strong{font-size:12px;font-weight:500;display:block}.account small{font-size:9px;color:#877c96;display:block;margin-top:5px}.account-gear{margin-left:auto;color:#91859e;font-size:17px}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;position:relative}.topbar{height:77px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid var(--line);background:#ffffffa8}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}.topbar-title{font-size:13px;font-weight:600}.model-pill{font-size:10px;border:1px solid #e1dbe9;background:#fff;border-radius:6px;padding:6px 9px;color:#746184}.model-pill span{font-size:9px;color:#a49bac;margin-left:4px}.local-badge{display:flex;gap:6px;align-items:center;font-size:10px;color:#87818d}.local-badge i{width:5px;height:5px;border-radius:50%;background:#7c9e82}.icon-button{background:none;border-radius:7px;color:#8a8296;width:33px;height:33px;font-size:20px;display:grid;place-items:center}.icon-button:hover{background:#eee9f3}.conversation-scroll{flex:1;overflow:auto;scroll-behavior:auto;min-height:0}.welcome{max-width:750px;margin:auto;padding:55px 35px 30px;text-align:center}.welcome-symbol{width:57px;height:57px;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,#f1eafc,#e9dff8);color:#9570cb;border:1px solid #e5d9f5;border-radius:18px;margin:0 auto 24px}.welcome h1{font-size:clamp(26px,3vw,39px);letter-spacing:-1.5px;font-weight:500;margin:14px 0}.welcome>p{color:#93909c;font-size:13px;line-height:1.9}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px;text-align:left}.suggestions button{position:relative;background:#fff;border:1px solid #e8e3ed;border-radius:12px;padding:19px 18px;text-align:left;transition:transform .15s,border-color .15s}.suggestions button:hover{transform:translateY(-2px);border-color:#b69bcf;box-shadow:0 4px 12px #6e548009}.suggestion-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;margin-bottom:15px;font-size:18px}.lilac{background:#f0eafa;color:#9269c8}.peach{background:#fcf0e6;color:#c88f66}.sage{background:#edf3eb;color:#7d9c73}.blue{background:#edf0fb;color:#748bc0}.suggestions strong{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.suggestions small{font-size:10px;color:#96909e}.suggestion-arrow{position:absolute;right:18px;top:22px;color:#a59cab}.composer-wrap{padding:10px 35px 17px;max-width:900px;width:100%;margin:0 auto;flex-shrink:0}.composer{background:#fff;border:1px solid #ded5e8;box-shadow:0 4px 20px #34244406;border-radius:15px;padding:18px 17px 12px}.composer:focus-within{border-color:#b59acc;box-shadow:0 0 0 3px #c3aae611}.composer textarea{display:block;width:100%;resize:none;max-height:180px;min-height:32px;background:none;border:0;color:var(--ink);line-height:1.6;font-size:13px;padding:0 2px;outline:0}.composer textarea::placeholder{color:#a29aa9}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.composer-bottom>span{font-size:10px;color:#aea6b6;display:flex;align-items:center;gap:7px}.tiny-star{color:#a787cf;font-size:15px}.composer-separator{margin:0 3px;color:#d5cedd}.send-button{width:33px;height:33px;border-radius:9px;background:#7953ce;color:white;font-size:22px}.send-button:hover{background:#6842bc}.stop-button{border-radius:8px;background:#eee8f5;color:#785292;padding:9px 12px;font-size:11px}.disclaimer{text-align:center;font-size:9px;color:#aaa3b1;line-height:1.5;margin:10px 0 0}.disclaimer span{margin-left:14px;color:#b6aebd}.generation-status{min-height:24px;padding:0 7px 8px;color:#95839d;font-size:11px}.messages{max-width:820px;margin:0 auto;padding:30px 28px 40px}.message{margin-bottom:30px;line-height:1.85;font-size:14px}.message-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#91849c;margin-bottom:10px;font-weight:600}.message-label span:first-child{display:grid;place-items:center;border-radius:7px;background:#eae0f4;color:#9167bd;width:25px;height:25px;font-size:15px}.message.user{display:flex;align-items:flex-end;flex-direction:column}.message.user .message-label{display:none}.message.user .message-body{background:#eee7f5;border-radius:15px 15px 4px 15px;padding:13px 18px;max-width:88%;white-space:pre-wrap}.message-body{overflow-wrap:anywhere}.message-body p{white-space:pre-wrap;margin:0 0 15px}.message-body pre{background:#211c2b;color:#e6dfee;border:1px solid #393045;padding:18px;border-radius:10px;overflow:auto;font-size:12px;line-height:1.7;white-space:pre;position:relative}.message-body code{font-family:ui-monospace,Consolas,monospace}.message-meta{font-size:10px;color:#a193ad;margin-top:9px}.message-copy{color:#9a8ba7;font-size:10px;background:transparent;margin-right:12px;padding:4px 0}.pending{color:#a397ad}.mobile-only{display:none}.shade{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#332a40;color:white;font-size:12px;padding:13px 20px;border-radius:10px;z-index:20;max-width:90%;box-shadow:0 5px 20px #0002}dialog{border:1px solid var(--line);border-radius:17px;padding:30px;width:440px;max-width:calc(100% - 30px);color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#18112399;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:24px;letter-spacing:-.6px;margin:7px 0}.logout{width:100%;margin-top:22px;padding:13px;background:#f2edf6;color:#8a608c;border-radius:9px;font-size:12px}
@media(min-height:850px){.welcome{padding-top:85px}}@media(max-width:1050px){.sidebar{width:220px;padding:25px 15px 15px}.topbar{padding:0 25px}.welcome{padding-top:40px}.welcome h1{font-size:32px}.suggestions{margin-top:25px}.login-story{padding:35px}.login-panel{padding:35px}.story-main h1{font-size:40px}}@media(max-width:700px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:12;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.shade:not([hidden]){display:block;position:fixed;inset:0;background:#14102077;z-index:11}.mobile-only{display:grid}.topbar{height:64px;padding:0 14px}.topbar-left{gap:7px}.topbar-title{display:none}.topbar-right{gap:7px}.welcome{padding:35px 20px 15px}.welcome-symbol{width:45px;height:45px;font-size:27px;margin-bottom:20px}.welcome h1{font-size:27px;letter-spacing:-1px}.welcome>p{font-size:11px}.suggestions{gap:9px;margin-top:23px}.suggestions button{padding:14px 12px}.suggestion-icon{margin-bottom:11px}.suggestions strong{font-size:11px}.suggestions small{font-size:9px;line-height:1.4;display:block}.suggestion-arrow{right:12px;top:14px}.composer-wrap{padding:6px 13px 12px}.composer{padding:14px 13px 10px}.disclaimer span{display:none}.messages{padding:22px 19px}.message{font-size:13px}.login-layout{display:block}.login-story{min-height:160px;padding:25px}.story-main{padding-top:25px}.story-main h1{font-size:28px;margin:12px 0}.story-main .eyebrow,.story-main>p,.orbit,.story-footer{display:none}.login-panel{padding:40px 25px 70px}.login-box h2{font-size:25px}.panel-footer{bottom:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.streaming-body{white-space:pre-wrap;overflow-wrap:anywhere}