@import url('/static/fonts.css');
:root{--bg:#f8f7fc;--paper:#fff;--ink:#252039;--muted:#71677f;--line:#eae6f1;--purple:#7751cd;--purple-deep:#5b32ae;--lavender:#f0eafa;--shadow:0 8px 30px #39256108;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bd9aee;outline-offset:3px}button{border:0;background:none}a{color:var(--purple-deep);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.shell{display:flex;height:100dvh;min-height:500px}.sidebar{width:258px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px 14px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:-1px;color:var(--ink);margin:0 8px 29px}.brand img{width:38px;height:38px;border-radius:12px}.brand-ai{font-weight:400}.brand-dot{width:6px;height:6px;border-radius:100%;background:#9c7ad9;margin-left:auto}.new-chat{display:flex;align-items:center;gap:9px;border:1px solid #d7c9ee;background:#faf8ff;border-radius:11px;padding:12px;font-weight:550;color:#7654ba}.new-chat>span{font-size:21px;line-height:18px}.new-chat kbd{font:10px inherit;font-size:10px;margin-left:auto;color:#9b8cb5;border:1px solid #e8dff4;border-radius:4px;padding:2px 4px}.nav{margin:26px 0 28px;display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-radius:9px;padding:12px 10px;color:#777080;font-size:12px}.nav-item:hover,.history-item:hover{background:#f8f5fc}.nav-item.active{color:var(--purple-deep);background:var(--lavender);font-weight:600}.nav-icon{font-size:19px;width:20px;text-align:center}.tag{display:inline-block;border:1px solid #e1d5f3;border-radius:6px;padding:4px 7px;font-size:11px;color:var(--purple);background:#f5effd}.tag.tiny{margin-left:auto;padding:2px 4px;font-size:9px}.history-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#a59bb4;padding:0 10px 12px}.history-heading span+span{letter-spacing:0}.chat-list{flex:1;min-height:50px;overflow-y:auto}.history-item{width:100%;display:flex;align-items:center;gap:9px;padding:12px 10px;color:#777080;text-align:left;border-radius:7px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item.current{color:var(--purple);background:#f7f3fc}.history-item .chat-title{overflow:hidden;text-overflow:ellipsis}.empty-history{font-size:12px;color:#aaa0b6;padding:10px;line-height:1.7}.sidebar-bottom{margin-top:18px}.mini-balance{padding:14px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#f9f6fe,#fff);font-size:11px}.mini-balance strong{display:block;font-size:12px;margin-bottom:9px}.balance-line{display:flex;justify-content:space-between;color:#9687ab;font-size:10px}.progress{height:5px;background:#eee7f6;border-radius:10px;overflow:hidden;margin:10px 0}.progress>span{display:block;height:100%;background:var(--purple);border-radius:10px}.profile-button{display:flex;align-items:center;gap:10px;padding:18px 4px 0;width:100%;text-align:left;font-size:12px}.profile-button small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.profile-button>span:last-child{margin-left:auto;color:#8f849d}.avatar{display:flex;width:31px;height:31px;background:#efe8fa;align-items:center;justify-content:center;border-radius:50%;font-size:13px;color:var(--purple)}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;flex-shrink:0;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;gap:20px;background:#fbfafd}.breadcrumb{font-size:12px;color:#9d95a8}.breadcrumb span{margin:0 11px;color:#c3bacb}.breadcrumb strong{font-weight:450;color:#716779}.top-balance{margin-left:auto;padding:8px 12px;border-radius:7px;background:#fff;border:1px solid var(--line);font-size:11px}.icon-button{font-size:22px;color:#8d839d;line-height:1;padding:8px;border-radius:7px}.icon-button:hover{background:var(--lavender)}#mobile-menu{display:none}#main{flex:1;min-height:0;overflow:auto}.page{min-height:100%}.chat-page{display:flex;flex-direction:column;height:100%}.chat-toolbar{display:flex;align-items:center;gap:14px;padding:22px 38px 12px}.chat-toolbar select{border:1px solid #e2d9ed;background:#fff;border-radius:8px;padding:9px 30px 9px 12px;font-size:12px;max-width:250px;color:#594871}.tool-note{font-size:11px;color:#aba0b6}.chat-toolbar .icon-button{margin-left:auto}.conversation{flex:1;min-height:0;overflow-y:auto;padding:18px max(30px,calc((100% - 770px)/2)) 25px;scroll-behavior:smooth}.welcome{max-width:760px;margin:35px auto 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#9386a9}.small-spark{color:var(--purple);font-size:18px;vertical-align:middle;margin-right:6px}.welcome h1{font-size:clamp(38px,4vw,54px);line-height:1.13;letter-spacing:-2px;font-weight:550;margin:25px 0 17px}.welcome h1 span{color:#9273bf}.welcome p{font-size:13px;line-height:1.8;color:#998fa5}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.prompt-grid button{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;text-align:left;box-shadow:var(--shadow);transition:border .2s,transform .2s}.prompt-grid button:hover{border-color:#bf9ce3;transform:translateY(-2px)}.prompt-grid button>span{font-size:21px;color:#ab92cb;display:block;margin-bottom:12px}.prompt-grid strong{display:block;font-size:12px;font-weight:600}.prompt-grid small{display:block;font-size:11px;color:#a098ac;margin-top:6px}.composer-wrap{width:min(830px,100%);padding:10px 30px 20px;margin:0 auto;flex-shrink:0}.composer{background:#fff;border:1px solid #ded3ed;border-radius:14px;box-shadow:0 5px 24px #65439706;padding:15px 16px 12px}.composer:focus-within{border-color:#b895dc}.composer textarea{display:block;width:100%;resize:none;border:0;outline:none;color:var(--ink);line-height:1.6;max-height:130px;background:transparent;font-size:13px}.composer textarea::placeholder{color:#b1a5bd}.composer-tools{display:flex;align-items:center;gap:12px;margin-top:8px}.attach-button{border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:17px;color:#a088b7}.attach-button span{font-size:11px;vertical-align:middle}.composer-tools .muted{font-size:10px}.send-button{margin-left:auto;width:34px;height:34px;background:#9773c9;border-radius:9px;color:white;font-size:23px}.composer-foot{display:flex;justify-content:space-between;font-size:9px;color:#b1a6bd;margin:12px 5px 0}.padded{padding:45px clamp(24px,4vw,64px);max-width:1440px;margin:auto}.page-intro h1{font-size:36px;font-weight:550;letter-spacing:-1.2px;margin:17px 0 12px}.page-intro>p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:30px}.plan-controls{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--line);border-radius:10px;padding:4px;background:#f0edf5}.segmented button{padding:9px 19px;border-radius:7px;font-size:12px;color:#8b7c9b}.segmented .selected{background:#fff;box-shadow:0 2px 6px #00000008;color:var(--ink)}.segmented span{font-size:10px;color:var(--purple);margin-left:5px}.owner-select{font-size:11px;color:#9c8ca9}.owner-select select{padding:8px;border:1px solid var(--line);border-radius:7px;margin-left:6px;background:white;max-width:200px}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.plan{background:white;border:1px solid var(--line);border-radius:13px;padding:23px 18px;display:flex;flex-direction:column;position:relative}.plan.featured{border-color:#b18ddb;box-shadow:0 6px 28px #936dc11a}.plan .recommend{position:absolute;right:14px;top:-10px;background:#9470c7;color:white;border-radius:6px;font-size:8px;letter-spacing:.6px;padding:5px 7px}.plan h2{font-size:16px;margin:0 0 10px;font-weight:600}.plan-description{color:#9f95aa;font-size:11px;min-height:32px;line-height:1.5}.plan-price{font-size:27px;letter-spacing:-1px;margin:18px 0 3px}.star{color:#a87bd2;font-size:21px}.plan-period{font-size:10px;color:#a396b0}.saving{font-size:10px;color:var(--purple);margin:8px 0;min-height:14px}.plan-budget{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0;font-size:11px;line-height:1.7}.plan-budget strong{font-size:15px;display:block}.plan-budget small{font-size:10px;color:#9b8ea7;display:block}.model-list{font-size:10px;color:#91849e;line-height:1.9;list-style:none;padding:0;margin:0 0 22px;flex:1}.model-list li:before{content:'✓';margin-right:6px;color:#9c7bca}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 17px;font-weight:550;font-size:12px;text-align:center;line-height:1.5}.primary{background:var(--purple);color:white;border:1px solid var(--purple)}.primary:hover{background:var(--purple-deep);text-decoration:none}.secondary{border:1px solid #ddd2eb;color:#7a5aa4;background:white}.secondary:hover{background:var(--lavender)}.notice{border:1px solid #ecdac2;background:#fffaf3;color:#9a7444;padding:12px 15px;border-radius:9px;font-size:11px;line-height:1.7;margin:0 0 15px}.notice.subtle{background:transparent;border:0;color:#a495ad;padding:0}.trial-offer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f0e9fa;border:1px solid #e4d6f3;border-radius:12px;padding:22px 25px;margin-top:28px}.trial-offer h3{margin:0 0 7px;font-size:15px;font-weight:550}.trial-offer p{font-size:11px;color:#9682aa;margin:0;line-height:1.8}.card,.usage-card{padding:26px;border:1px solid var(--line);border-radius:13px;background:#fff}.card h3{font-size:16px;font-weight:550;margin-top:0}.card p,.card li{font-size:12px;line-height:1.85;color:#93869e}.card select,.card input{max-width:100%;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;background:var(--bg);margin:5px 0 13px}.card ol{padding-left:17px}.card a{font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.usage-card h2{font-size:19px;margin:0;font-weight:550}.usage-head{display:flex;justify-content:space-between;gap:10px;color:#a493b0;font-size:11px}.usage-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin:30px 0}.usage-stats label{font-size:11px;color:#a090ac;display:block;margin-bottom:9px}.usage-stats strong{font-size:30px;letter-spacing:-1px;font-weight:550}.usage-stats small{font-size:12px;color:#b29ec4}.usage-card .progress{height:7px}.usage-card p{font-size:11px;color:#a291ae;line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 15px;gap:12px}.section-heading h2{font-size:16px;font-weight:550;margin:0}.text-button{font-size:11px;color:var(--purple)}.queue-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 6px;font-size:12px}.queue-item .number{color:#bda7d1;font-size:19px;min-width:22px}.queue-item small{display:block;color:#a092aa;font-size:10px;margin-top:6px}.queue-item .end{margin-left:auto;text-align:right}.empty-box{padding:25px;border:1px dashed #dacee6;border-radius:10px;font-size:12px;line-height:1.8;color:#a393b0}.order-id{font-family:monospace;font-size:10px;word-break:break-all}.referral-hero{background:radial-gradient(ellipse at 90% 0,#e9dff5,transparent 60%),#f4effb;border:1px solid #e5d8f2;border-radius:16px;padding:35px;margin-bottom:25px}.ref-icon{font-size:36px;color:#a287cb}.referral-hero h2{font-size:25px;font-weight:550;letter-spacing:-.6px}.referral-hero p{font-size:13px;color:#9b87ad;line-height:1.9;margin:0 0 22px}#new-code{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}#ref-code{font-size:13px;letter-spacing:.5px;word-break:break-all}.faq-title{font-size:18px;font-weight:550;margin:35px 0 15px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 3px}summary{cursor:pointer;font-size:13px;color:#6c5e7e}details p{font-size:12px;line-height:1.9;color:#9583a3;max-width:800px}.support-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0;background:#ede5f8;border-radius:12px;padding:25px}.support-card h3{font-weight:550;font-size:15px;margin:0 0 7px}.support-card p{font-size:11px;color:#9984ad;margin:0;line-height:1.8}footer{display:flex;gap:20px;font-size:10px;color:#ad9ebb;margin-top:32px;flex-wrap:wrap}footer span{margin-left:auto}footer a{color:#a390b3}.command{display:block;background:var(--bg);padding:10px;border:1px solid var(--line);border-radius:7px;font-size:11px;word-break:break-all}.message{max-width:760px;margin:0 auto 27px}.message.user{background:#f0e9f8;border:1px solid #e7def1;border-radius:12px;padding:16px 20px}.message-label{font-size:9px;letter-spacing:1.4px;color:#a18cb6;margin-bottom:11px}.message-body{font-size:13px;line-height:1.85;color:#5c4e6c;overflow-wrap:anywhere}.message-body p{margin:0 0 12px}.message-body pre{background:#282235;color:#ded3ed;overflow:auto;white-space:pre;padding:18px;border-radius:10px;font-size:12px}.message-body code{font-family:ui-monospace,SFMono-Regular,monospace}.message-body img{display:block;max-width:100%;border-radius:12px;margin:12px 0}.message-model{font-size:9px;color:#b2a0c1;margin-top:10px}.thinking{color:var(--purple);animation:pulse 1s infinite;font-size:10px;margin-left:10px}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.file-chip{border:1px solid #e0d2ef;border-radius:7px;padding:6px 10px;font-size:10px;background:#f6f1fc;color:#9677b2;max-width:100%;overflow-wrap:anywhere}.file-chip button{margin-left:10px}.muted{color:var(--muted);font-size:11px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:50;background:#332444;color:#f2e6ff;padding:13px 20px;border-radius:10px;box-shadow:0 10px 45px #37224730;max-width:min(90vw,550px);font-size:12px;line-height:1.6}.login{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,#eee4ff,transparent 60%)}.login>img{width:88px;border-radius:24px;margin-bottom:24px}.login h1{font-size:42px;letter-spacing:-1.5px;font-weight:550}.login p{line-height:1.8;color:#92839f;margin-bottom:30px}.login .primary{min-width:220px}.login .eyebrow{margin-top:5px}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:min(560px,92vw);color:var(--ink);box-shadow:0 20px 80px #30203b33}dialog::backdrop{background:#35274755;backdrop-filter:blur(3px)}dialog>img{width:52px;border-radius:14px}dialog h2{font-size:22px;font-weight:550}dialog p{font-size:12px;line-height:1.8;color:#8e7d9b}.check{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;margin:20px 0}.check input{accent-color:var(--purple);margin-top:4px}dialog form>label{display:block;margin:18px 0;font-size:12px;color:#8e7d9b}dialog input:not([type=checkbox]),dialog textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin-top:8px;background:#fbf9fe;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.danger{color:#b7687a;font-size:12px;margin-right:auto}#consent>.primary{width:100%}@keyframes pulse{50%{opacity:.3}}
@media(min-width:1500px){.conversation{padding-top:40px}.welcome{margin-top:50px}.prompt-grid{margin-top:36px}.prompt-grid button{padding:23px}.composer-wrap{padding-bottom:26px}}
@media(max-width:1120px){.sidebar{width:232px;padding-inline:15px}.plans-grid{grid-template-columns:1fr 1fr}.plan-description{min-height:auto}.topbar{padding:0 25px}.chat-toolbar{padding-inline:25px}.welcome h1{font-size:42px}.plan-price{font-size:28px}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:20;width:270px;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 45px #30203b18}.sidebar.open{transform:translateX(0)}#mobile-menu{display:block}.topbar{height:60px;padding:0 15px;gap:10px}.breadcrumb{font-size:11px}.breadcrumb>span,.breadcrumb>strong{display:none}.top-balance{font-size:10px;padding:7px 9px}.chat-toolbar{padding:14px 18px 8px;gap:8px}.chat-toolbar select{font-size:11px;max-width:230px}.tool-note{display:none}.conversation{padding:10px 22px 25px}.welcome{margin:26px auto 20px}.welcome h1{font-size:39px;margin-top:22px}.welcome p{font-size:12px}.prompt-grid{gap:9px;margin-top:23px}.prompt-grid button{padding:15px 13px;border-radius:10px}.prompt-grid strong{font-size:11px}.prompt-grid small{font-size:9px;line-height:1.6}.prompt-grid button>span{margin-bottom:9px}.composer-wrap{padding:8px 15px calc(15px + env(safe-area-inset-bottom))}.composer-foot{font-size:8px}.composer-foot>span+span{display:none}.composer-tools .muted{font-size:9px}.composer textarea{font-size:13px}.padded{padding:30px 22px}.page-intro h1{font-size:29px}.eyebrow{font-size:9px;letter-spacing:1.4px}.two-col{grid-template-columns:1fr}.plans-grid{gap:11px}.plan{padding:21px 14px}.plan h2{font-size:14px}.plan-price{font-size:25px}.model-list{font-size:9px}.plan .primary,.plan .secondary{padding:9px 8px;font-size:10px}.plan-budget strong{font-size:14px}.plan-controls{gap:15px}.owner-select{width:100%}.trial-offer{padding:20px;flex-direction:column;align-items:flex-start;gap:15px}.usage-card{padding:21px}.usage-stats{gap:10px;grid-template-columns:1fr 1fr}.usage-stats>div:last-child{grid-column:1/-1}.usage-stats strong{font-size:27px}.usage-head{flex-direction:column;gap:8px}.section-heading h2{font-size:14px}.referral-hero{padding:25px}.referral-hero h2{font-size:23px}.referral-hero p{font-size:12px}.support-card{flex-direction:column;align-items:flex-start}.message-body{font-size:13px}.message.user{padding:14px 17px}.toast{bottom:20px;width:90%}footer{gap:15px}footer span{margin:0}#demo-badge{font-size:8px;padding:4px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable secondary text on the light canvas. */
.welcome p,.prompt-grid small,.plan-description,.plan-period,.plan-budget small,.model-list,.card p,.card li,.usage-card p,.usage-stats label,.queue-item small,.referral-hero p,details p,.support-card p,.trial-offer p,.notice.subtle,.empty-box,.empty-history,.balance-line{color:#766880}
.model-list{font-size:11px}.composer textarea::placeholder{color:#85748f}