@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{color:#e5edf1;font-synthesis:none;text-rendering:optimizelegibility;background:#12171a;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}#root{min-height:100vh}.eyebrow{color:#9dabb2;letter-spacing:.1em;text-transform:uppercase;font-size:.69rem;font-weight:700;display:inline-flex}.loginShell{background:radial-gradient(circle at 5% 4%,#195d5d 0,#0000 28rem),radial-gradient(circle at 96% 98%,#695a2d 0,#0000 33rem),#12171a;grid-template-columns:minmax(0,.95fr) minmax(20rem,.7fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:100vh;padding:clamp(1.5rem,8vw,10rem);display:grid}.loginIntro{gap:1.2rem;max-width:38rem;display:grid}.brandMark{color:#17373b;background:#f2cb53;border-radius:.9rem;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;display:inline-flex}.loginIntro h1{color:#f2f7f8;letter-spacing:-.055em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2.7rem,5.5vw,5.2rem);line-height:.99}.loginIntro p{color:#b4c1c6;max-width:34rem;margin:0;font-size:1.08rem;line-height:1.7}.introPill{color:#dce7db;align-items:center;gap:.5rem;margin-top:.3rem;font-size:.84rem;display:flex}.loginCard{background:#1d2529e0;border:1px solid #bad7db26;border-radius:1.5rem;gap:1rem;padding:clamp(1.5rem,3vw,2.4rem);display:grid;box-shadow:1rem 1rem 3rem #00000042}.loginCard h2{color:#f2f7f8;margin:.3rem 0;font-size:1.65rem}.loginCard p{color:#9dabb2;margin:0;font-size:.9rem;line-height:1.5}.loginCard label{color:#cad5d9;gap:.45rem;font-size:.8rem;font-weight:600;display:grid}.loginCard input{color:#f2f7f8;background:#151d20;border:1px solid #3b484d;border-radius:.75rem;outline:0;min-height:3rem;padding:0 .85rem}.loginCard input:focus{border-color:#f2cb53;box-shadow:0 0 0 3px #f2cb5326}.primaryButton{color:#18373a;background:#f2cb53;border:0;border-radius:.78rem;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;margin-top:.35rem;font-weight:700;display:inline-flex}.formError,.chatError{color:#ffaaa2!important;font-size:.82rem!important}.spin{animation:.8s linear infinite spin}.appShell{background:#151a1e;grid-template-columns:18.5rem minmax(0,1fr);min-height:100vh;display:grid}.sidePanel{background:#101619;border-right:1px solid #273136;flex-direction:column;gap:1.15rem;padding:1.25rem;display:flex}.brandLine{align-items:center;gap:.7rem;padding:.4rem .3rem .8rem;display:flex}.brandLine .brandMark{width:2.2rem;height:2.2rem}.brandLine div{gap:.05rem;display:grid}.brandLine strong{color:#f2f7f8;font-size:.9rem}.brandLine small{color:#8ea0a7;font-size:.72rem}.newChatButton{color:#17373b;background:#f2cb53;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.8rem;font-size:.84rem;font-weight:700;display:flex}.sandboxNotice{color:#b8ccce;background:#1a292c;border:1px solid #2d4b4c;border-radius:.8rem;gap:.55rem;padding:.75rem;font-size:.75rem;line-height:1.45;display:flex}.sandboxNotice svg{color:#74c5b2;flex:none;margin-top:.1rem}.userBox{border-top:1px solid #273136;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;margin-top:auto;padding:1rem .25rem .2rem;display:grid}.userAvatar{color:#dff7f4;background:#294e51;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.7rem;font-weight:700;display:inline-flex}.userBox div{min-width:0;display:grid}.userBox strong{color:#dfe9ec;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.userBox small{color:#778a92;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.userBox button{color:#92a2a8;background:0 0;border:0;padding:.35rem}.chatPanel{grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;padding:clamp(1rem,3vw,2rem);display:grid}.chatHeader{border-bottom:1px solid #29343a;justify-content:space-between;align-items:start;gap:1rem;padding:.5rem 0 1.25rem;display:flex}.chatHeader h1{color:#edf4f5;letter-spacing:-.035em;margin:.25rem 0 0;font-size:clamp(1.45rem,2.4vw,2rem)}.modelBadge{color:#aababe;background:#202a2f;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.72rem;display:inline-flex}.originStep{align-content:center;gap:1.15rem;width:100%;max-width:54rem;margin:0 auto;padding:2rem 0;display:grid}.stepIcon{color:#17373b;background:#f2cb53;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.originStep h2{color:#eef5f6;letter-spacing:-.04em;margin:.35rem 0;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1}.originStep p{color:#9caeb5;margin:0}.originGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.7rem;display:grid}.originCard{color:#dfe9ec;text-align:left;background:#1d252a;border:1px solid #303e44;border-radius:1rem;gap:.5rem;padding:1rem;transition:border-color .16s,transform .16s,background .16s;display:grid;position:relative}.originCard:hover{background:#243237;border-color:#74c5b2;transform:translateY(-2px)}.originCard>span{color:#9ce4d2;background:#294e51;border-radius:.6rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.originCard strong{font-size:.86rem}.originCard small{color:#96a6ac;font-size:.72rem;line-height:1.45}.originCard>svg{color:#f2cb53;position:absolute;bottom:.85rem;right:.8rem}.webPageStep{max-width:42rem}.webPageGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.webPageCard{color:#dfe9ec;text-align:left;background:#1d252a;border:1px solid #303e44;border-radius:.85rem;gap:.35rem;padding:.85rem;display:grid}.webPageCard:hover{background:#243237;border-color:#74c5b2}.webPageCard strong{font-size:.8rem}.webPageCard small{color:#91a4ab;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.webPageForm{gap:.5rem;margin-top:.35rem;display:grid}.webPageForm>label{color:#cbd8db;font-size:.8rem;font-weight:700}.webPageForm>div{gap:.55rem;display:flex}.webPageForm input{color:#f2f7f8;background:#151d20;border:1px solid #3b484d;border-radius:.75rem;outline:0;flex:1;min-width:0;min-height:2.9rem;padding:0 .8rem}.webPageForm input:focus{border-color:#f2cb53;box-shadow:0 0 0 3px #f2cb5326}.webPageForm button{color:#17373b;background:#f2cb53;border:0;border-radius:.75rem;align-items:center;gap:.2rem;padding:0 .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.webPageForm>small{color:#82959c;font-size:.72rem}.backButton{color:#a9c9c6;background:0 0;border:0;justify-self:start;padding:.25rem 0}.conversationMeta{border-bottom:1px solid #29343a;align-items:center;gap:.55rem;padding:.75rem 0;display:flex}.conversationMeta>span{color:#8a9ca3;font-size:.71rem}.conversationMeta button{color:#bce2d6;background:#233438;border:0;border-radius:999px;align-items:center;gap:.2rem;padding:.38rem .58rem;font-size:.74rem;font-weight:700;display:inline-flex}.messages{flex-direction:column;gap:.85rem;width:100%;max-width:49rem;margin:0 auto;padding:1.75rem 0;display:flex;overflow-y:auto}.emptyConversation{color:#92a4aa;text-align:center;place-items:center;gap:.45rem;margin:auto;display:grid}.emptyConversation svg{color:#f2cb53}.emptyConversation strong{color:#dfe9ec;font-size:.95rem}.emptyConversation span{font-size:.8rem}.message{align-items:start;gap:.6rem;max-width:86%;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.messageAvatar{color:#9ecbc1;background:#27363d;border-radius:999px;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.message.user .messageAvatar{color:#17373b;background:#f2cb53}.message p{color:#deeaed;white-space:pre-wrap;background:#20292e;border:1px solid #2f3d43;border-radius:.3rem 1rem 1rem;margin:0;padding:.75rem .9rem;font-size:.9rem;line-height:1.55}.message.user p{color:#f1f8f5;background:#285b58;border-color:#39736d;border-radius:1rem .3rem 1rem 1rem}.typing{color:#94a6ac;align-items:center;gap:.25rem;font-size:.74rem;display:flex}.typing span{background:#f2cb53;border-radius:50%;width:.32rem;height:.32rem;animation:1s ease-in-out infinite pulse}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){margin-right:.25rem;animation-delay:.3s}.composer{background:#20292e;border:1px solid #34444a;border-radius:1rem;align-items:end;gap:.7rem;width:100%;max-width:49rem;margin:0 auto;padding:.55rem .6rem .55rem .9rem;display:flex}.composer:focus-within{border-color:#74c5b2;box-shadow:0 0 0 3px #74c5b21f}.composer textarea{color:#e7f0f2;resize:none;background:0 0;border:0;outline:0;flex:1;min-height:2rem;max-height:10rem;line-height:1.45}.composer textarea::placeholder{color:#809299}.composer button{color:#17373b;background:#f2cb53;border:0;border-radius:.72rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.chatError{width:100%;max-width:49rem;margin:.7rem auto 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25;transform:translateY(-2px)}}@media (width<=800px){.loginShell{grid-template-columns:1fr;padding:2rem 1.25rem}.loginIntro{max-width:32rem}.appShell{grid-template-columns:1fr}.sidePanel{border-bottom:1px solid #273136;border-right:0;gap:.8rem;padding:.8rem 1rem}.sandboxNotice{display:none}.userBox{border:0;margin-top:0;padding:0}.chatPanel{min-height:calc(100vh - 11rem)}.originGrid,.webPageGrid{grid-template-columns:1fr}.originStep{align-content:start;padding-top:2rem}.chatHeader{padding-bottom:1rem}.modelBadge{display:none}}@media (width<=500px){.chatPanel{padding:.85rem}.message{max-width:94%}.messages{padding:1rem 0}.chatHeader h1{font-size:1.35rem}.loginIntro h1{font-size:2.8rem}}