:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171815;--muted:#6e7168;--faint:#686c62;--paper:#f4f4ee;--panel:#ebece4;--surface:#fffef9;--line:#d8d9d0;--line-strong:#b9bbb1;--lime:#dfff73;--violet:#6f61ff;--danger:#a43d3d;--success:#317a48;--shadow:0 28px 80px #1c1e181f;font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);margin:0}button,input,select,textarea{font:inherit;color:inherit}button,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--violet) 35%, transparent);outline-offset:3px}button:disabled,textarea:disabled,select:disabled{cursor:wait;opacity:.62}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:68px;padding:0 clamp(20px,4vw,64px);display:grid}.brand{width:max-content;color:inherit;letter-spacing:-.035em;align-items:center;gap:10px;font-size:18px;font-weight:820;text-decoration:none;display:inline-flex}.brand-mark,.welcome-mark,.avatar{color:#fff;background:var(--ink);place-items:center;font-family:Georgia,serif;display:grid}.brand-mark{border-radius:9px;width:32px;height:32px;font-size:17px;box-shadow:inset 0 1px #ffffff40}.brand-image{object-fit:cover;border-radius:10px;flex:0 0 36px;width:36px;height:36px;display:block;box-shadow:0 3px 12px #18191429}.topbar-center{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:760;display:inline-flex}.live-dot,.access-state{background:#ef9f54;border-radius:99px;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #ef9f5429}.access-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:37px;color:var(--muted);border-radius:99px;justify-self:end;align-items:center;gap:9px;padding:0 13px;font-size:10px;font-weight:720;display:inline-flex}.access-button:hover{border-color:var(--line-strong);color:var(--ink)}.access-state{width:6px;height:6px;box-shadow:none;background:#b8baaf}.access-state.active{background:#4d9d65;box-shadow:0 0 0 3px #4d9d6521}.studio{grid-template-columns:minmax(284px,34%) minmax(0,1fr);min-height:calc(100vh - 112px);display:grid}.control-panel{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:clamp(25px,3.6vh,40px);padding:clamp(36px,5vw,74px) clamp(24px,4.5vw,68px) 34px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:10px;font-weight:820}.control-panel h1{letter-spacing:-.057em;max-width:560px;margin:0;font-size:clamp(32px,4.2vw,62px);font-weight:620;line-height:.98}.lead{max-width:530px;color:var(--muted);margin:20px 0 0;font-size:clamp(11px,1.1vw,14px);line-height:1.62}.control-section{gap:11px;display:grid}.control-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:10px;font-weight:790;display:flex}.control-heading span:last-child{color:var(--faint)}.provider-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.provider-row button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;min-height:39px;padding:5px 2px;font-size:10px;font-weight:790}.provider-row button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.provider-row button[aria-checked=true]{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 6px 14px #14151224}.model-select{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-content:center;gap:5px;min-height:72px;padding:12px 42px 12px 14px;display:grid;position:relative}.model-select:focus-within{border-color:var(--line-strong)}.model-select select{appearance:none;cursor:pointer;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:12px;font-weight:790}.model-select small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.select-chevron{pointer-events:none;font-size:20px;line-height:1;position:absolute;top:19px;right:15px}.mode-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 48%, transparent);border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-switch button{cursor:pointer;min-height:37px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:10px;font-weight:760}.mode-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 3px 9px #1d1f1914}.panel-foot{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:10px;margin-top:auto;padding-top:22px;display:flex}.panel-foot p{margin:0;font-size:11px;line-height:1.55}.panel-foot strong{color:var(--ink);font-size:11px}.privacy-icon{border:1px solid var(--line-strong);color:#4d8d5e;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid}.chat-card{background:var(--surface);grid-template-rows:auto minmax(460px,1fr) auto;min-width:0;min-height:calc(100vh - 112px);display:grid}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px clamp(20px,4vw,54px);display:flex}.chat-kicker{color:var(--faint);letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:780;display:block}.chat-head h2{letter-spacing:-.015em;margin:0;font-size:13px}.new-chat{border:1px solid var(--line);cursor:pointer;min-height:36px;color:var(--muted);background:0 0;border-radius:9px;padding:0 12px;font-size:10px;font-weight:730}.new-chat:hover{border-color:var(--line-strong);color:var(--ink)}.messages{min-height:0;padding:clamp(28px,5vw,72px) clamp(20px,6vw,88px) 28px;overflow-y:auto}.welcome{text-align:center;max-width:740px;margin:clamp(10px,5vh,60px) auto 0}.welcome-mark{width:52px;height:52px;box-shadow:8px 8px 0 var(--lime);border-radius:15px;margin:0 auto 20px;font-size:25px}.welcome .eyebrow{margin-bottom:10px}.welcome h3{letter-spacing:-.052em;margin:0;font-size:clamp(28px,4vw,48px);font-weight:610;line-height:1.04}.welcome-copy{max-width:600px;color:var(--muted);margin:15px auto 29px;font-size:12px;line-height:1.62}.starter-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.starter-grid button{border:1px solid var(--line);cursor:pointer;background:#fafaf5;border-radius:12px;align-content:start;gap:9px;min-height:116px;padding:15px;display:grid;position:relative}.starter-grid button:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 12px 24px #1d1f1912}.starter-grid span{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:820}.starter-grid strong{padding-right:22px;font-size:11px;line-height:1.35}.starter-grid i{font-size:17px;font-style:normal;position:absolute;bottom:13px;right:14px}.message-list{max-width:840px;margin:0 auto}.message{grid-template-columns:34px minmax(0,1fr);gap:13px;margin-bottom:28px;display:grid}.avatar{border-radius:10px;width:34px;height:34px;font-family:inherit;font-size:9px;font-weight:790}.message.user .avatar{border:1px solid var(--line);background:var(--panel);color:var(--muted)}.message.assistant .avatar{font-family:Georgia,serif}.message-body{min-width:0}.message-meta{justify-content:space-between;align-items:flex-start;gap:14px;min-height:28px;display:flex}.message-meta strong{font-size:10px}.message-meta button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:3px 6px;font-size:10px}.message-meta button:hover{background:var(--panel);color:var(--ink)}.message pre,.typing{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfbf7;border-radius:4px 13px 13px;margin:0;padding:15px 17px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.message.user pre{background:var(--panel);border-radius:13px 4px 13px 13px;font-family:inherit}.typing{gap:5px;width:max-content;padding:20px;display:flex}.typing i{background:var(--muted);border-radius:99px;width:5px;height:5px;animation:.75s infinite alternate typing}.typing i:nth-child(2){animation-delay:.14s}.typing i:nth-child(3){animation-delay:.28s}@keyframes typing{to{opacity:.38;transform:translateY(-4px)}}.composer-area{padding:0 clamp(20px,6vw,88px) clamp(24px,4vw,42px)}.status{border:1px solid var(--line);background:var(--panel);max-width:840px;color:var(--ink);border-radius:9px;margin:0 auto 8px;padding:9px 12px;font-size:11px;line-height:1.45}.status.error{border-color:color-mix(in srgb, var(--danger) 30%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.status.success{border-color:color-mix(in srgb, var(--success) 32%, var(--line));background:color-mix(in srgb, var(--success) 8%, var(--surface));color:var(--success)}.composer{border:1px solid var(--line-strong);background:#fff;border-radius:15px;max-width:840px;margin:0 auto;padding:5px;box-shadow:0 15px 45px #22241d17}.composer:focus-within{border-color:var(--ink);box-shadow:0 16px 50px #22241d21}.composer textarea{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:86px;max-height:220px;padding:13px 14px 8px;font-size:12px;line-height:1.55}.composer textarea::placeholder{color:var(--faint)}.composer-actions{justify-content:space-between;align-items:center;gap:14px;padding:5px 5px 5px 11px;display:flex}.composer-actions>span{color:var(--faint);font-size:11px}.composer-actions button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:13px;min-height:38px;padding:0 13px 0 16px;font-size:9px;font-weight:760;display:inline-flex}.composer-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px #1415122b}.composer-actions b{background:var(--lime);width:22px;height:22px;color:var(--ink);border-radius:6px;place-items:center;font-size:12px;display:grid}.composer-note{max-width:840px;color:var(--faint);text-align:center;margin:8px auto 0;font-size:11px}.site-foot{border-top:1px solid var(--line);min-height:44px;color:var(--faint);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;padding:0 clamp(20px,4vw,64px);font-size:11px;display:flex}.site-foot a{color:inherit;text-underline-offset:3px}.site-foot a:hover{color:var(--ink)}.legal-page{width:min(850px,100% - 36px);margin:0 auto;padding:34px 0 70px}.legal-brand{color:inherit;letter-spacing:-.035em;align-items:center;gap:10px;margin-bottom:clamp(55px,9vw,110px);font-size:18px;font-weight:820;text-decoration:none;display:inline-flex}.legal-page article{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:clamp(28px,6vw,68px)}.legal-page h1{letter-spacing:-.06em;max-width:680px;margin:0;font-size:clamp(39px,7vw,74px);font-weight:610;line-height:.98}.legal-lead{max-width:650px;color:var(--muted);margin:25px 0 50px;font-size:clamp(14px,2vw,18px);line-height:1.62}.legal-page section{border-top:1px solid var(--line);padding:27px 0}.legal-page section:last-child{padding-bottom:0}.legal-page h2{letter-spacing:-.02em;margin:0 0 12px;font-size:15px}.legal-page section p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.72}.legal-page section p:last-child{margin-bottom:0}.legal-page code{background:var(--panel);color:var(--ink);border-radius:5px;padding:2px 5px;font-size:.92em}.legal-back{color:var(--muted);text-underline-offset:4px;margin-top:26px;font-size:10px;display:inline-block}.legal-back:hover{color:var(--ink)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14151294;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.access-modal{background:var(--surface);width:min(430px,100%);box-shadow:var(--shadow);border:1px solid #ffffff40;border-radius:18px;padding:32px;position:relative}.access-modal h2{letter-spacing:-.045em;margin:0;font-size:28px}.access-modal>p:not(.eyebrow){color:var(--muted);margin:11px 0 24px;font-size:11px;line-height:1.55}.access-modal label{color:var(--muted);gap:7px;font-size:11px;font-weight:730;display:grid}.access-modal input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:0;min-height:46px;padding:0 13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.access-modal input:focus{border-color:var(--ink)}.save-access{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:10px;width:100%;min-height:44px;margin-top:13px;font-size:10px;font-weight:760}.access-modal small{color:var(--faint);text-align:center;margin-top:14px;font-size:10px;line-height:1.45;display:block}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:23px;line-height:1;position:absolute;top:12px;right:13px}.modal-close:hover{background:var(--panel);color:var(--ink)}@media (width<=980px){.studio{grid-template-columns:300px minmax(0,1fr)}.control-panel{padding:34px 22px 28px}.control-panel h1{font-size:36px}.starter-grid{grid-template-columns:1fr}.starter-grid button{min-height:78px}}@media (width<=760px){.topbar{grid-template-columns:1fr auto;padding-inline:15px}.topbar-center{display:none}.access-button{padding-inline:10px}.studio{display:block}.control-panel{border-right:0;border-bottom:1px solid var(--line);gap:22px;padding:30px 17px 25px}.control-panel h1{font-size:clamp(34px,11vw,52px)}.lead{max-width:640px}.panel-foot{margin-top:0}.chat-card{grid-template-rows:auto minmax(420px,1fr) auto;min-height:720px}.chat-head{padding-inline:17px}.messages{padding:34px 17px 24px}.composer-area{padding:0 13px 24px}.site-foot{padding:12px 15px;line-height:1.4}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f1f1ea;--muted:#a7aa9f;--faint:#adb0a5;--paper:#11120f;--panel:#191a16;--surface:#20211c;--line:#35362f;--line-strong:#575950;--success:#84d79a;--shadow:0 30px 90px #00000080}.brand-mark,.welcome-mark,.avatar,.provider-row button[aria-checked=true],.composer-actions button,.save-access{color:#171815;background:#f0f0e8}.provider-row button,.model-select,.starter-grid button,.composer,.access-modal,.access-modal input,.access-button{background:var(--surface)}.message pre{background:#1d1e1a}.message.user pre{background:var(--panel)}.composer-actions button{border-color:#f0f0e8}.composer:focus-within,.access-modal input:focus{border-color:#dedfd6}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}