:root{color:#10233d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8f6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#e8f6ff;min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}.theme-day{--page:#e8f6ff;--page-2:#bfe8ff;--ground:#f8fbff;--ink:#10233d;--muted:#61768f;--card:#ffffffdb;--card-solid:#fff;--card-soft:#f7fbffeb;--line:#1c487621;--shadow:#1d4f812e;--accent:#2b7de9;--accent-2:#ffd35a;--accent-ink:#0e2440;--pill:#ffffffc7;--field:#fff;--bubble:#fffc;--bubble-user:#e8f2ff}.theme-night{--page:#071529;--page-2:#0f2341;--ground:#f4f7fb;--ink:#f6fbff;--muted:#9fb3c8;--card:#0c192de0;--card-solid:#0d1f39;--card-soft:#081221eb;--line:#a9caff2e;--shadow:#00000073;--accent:#58b7ff;--accent-2:#ffd35a;--accent-ink:#071529;--pill:#0b1b31b8;--field:#071221db;--bubble:#ffffff13;--bubble-user:#58b7ff21}.login-shell,.app-shell{color:var(--ink);background:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--accent-2), transparent 72%), transparent 9rem), linear-gradient(180deg, var(--page) 0%, var(--page-2) 72%, var(--ground) 72%, var(--ground) 100%);position:relative;overflow:hidden}.login-shell.theme-night,.app-shell.theme-night{background:radial-gradient(circle at 82% 15%,#ffd35a33,#0000 8rem),radial-gradient(circle at 50% 30%,#448eff2e,#0000 34rem),linear-gradient(#061325 0%,#10284a 100%)}.login-shell{place-items:center;min-height:100vh;padding:112px 24px 86px;display:grid}.app-shell{grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.sky-orb{pointer-events:none;z-index:0;background:var(--accent-2);border-radius:50%;width:86px;height:86px;position:fixed;top:92px;right:88px;box-shadow:0 0 70px #ffd35a6b}.theme-night .sky-orb{background:0 0;box-shadow:inset -18px 0 #ffd35a,0 0 52px #ffd35a52}.cloud{pointer-events:none;z-index:0;filter:blur(.2px);background:#ffffff85;border-radius:999px;width:220px;height:70px;position:fixed}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:90px;height:90px;top:-44px;left:34px}.cloud:after{width:120px;height:120px;top:-62px;right:30px}.cloud-a{opacity:.62;top:20%;left:8%}.cloud-b{opacity:.32;bottom:20%;right:15%;transform:scale(.82)}.theme-night .cloud{display:none}.stars{pointer-events:none;z-index:0;opacity:.75;background-image:radial-gradient(#fff 1px,#0000 1px),radial-gradient(#78beffd9 1px,#0000 1px);background-position:0 0,28px 34px;background-size:64px 64px,108px 108px;display:none;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.theme-night .stars{display:block}.logo-lockup{z-index:5;align-items:center;display:inline-flex;position:fixed;top:24px;left:28px}.logo-lockup img{filter:drop-shadow(0 10px 20px #14467829);width:172px;height:auto;display:block}.theme-night .logo-lockup img{filter:drop-shadow(0 12px 28px #00000057)}.theme-toggle{z-index:6;border:1px solid color-mix(in srgb, var(--accent), white 36%);background:var(--pill);color:var(--accent);letter-spacing:.08em;min-height:42px;box-shadow:0 12px 28px var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:7px 13px 7px 7px;font-size:12px;font-weight:950;display:inline-flex;position:relative}.theme-toggle span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.theme-night .theme-toggle{color:var(--accent-2);border-color:#ffd35a8c}.theme-night .theme-toggle span{background:var(--accent-2);color:#15223a}.login-shell>.theme-toggle{position:fixed;top:28px;right:30px}.login-card{z-index:2;border:1px solid var(--line);background:var(--card-solid);width:min(470px,100%);color:var(--ink);box-shadow:0 26px 80px var(--shadow), inset 0 1px 0 #ffffff6b;border-radius:26px;padding:28px;position:relative}.theme-night .login-card{background:var(--card-solid);box-shadow:0 30px 90px #0000007a,inset 0 1px #ffffff0f}.otto-plane{width:164px;max-width:54%;height:auto;filter:drop-shadow(0 14px 28px var(--shadow));margin:-4px auto 12px;display:block}.login-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;text-align:center;margin-top:4px;font-size:12px;font-weight:950;display:block}.theme-night .login-kicker{color:var(--accent-2)}.login-card h1{letter-spacing:-.05em;text-align:center;color:var(--ink);margin:10px 0;font-size:42px}.login-card p{color:var(--muted);text-align:center;margin:0 0 20px;line-height:1.55}.login-card label{color:var(--ink);margin:14px 0 7px;font-weight:850;display:block}.login-card input{border:1px solid var(--line);background:var(--field);width:100%;color:var(--ink);border-radius:15px;outline:0;padding:13px 14px}.login-card input::placeholder{color:color-mix(in srgb, var(--muted), transparent 18%)}.login-card input:focus{border-color:color-mix(in srgb, var(--accent), white 20%);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent), transparent 86%)}.login-error{color:#9f2525;background:#ff5a5a1a;border:1px solid #ff5a5a38;border-radius:14px;margin-top:12px;padding:10px;font-size:13px}.theme-night .login-error{color:#ffb2b2}.login-submit{background:var(--accent);color:#fff;width:100%;box-shadow:0 14px 28px color-mix(in srgb, var(--accent), transparent 72%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px;font-weight:950;display:inline-flex}.login-link{text-align:center;color:var(--accent);border-top:1px solid var(--line);background:var(--card-soft);border-radius:0 0 26px 26px;margin:22px -28px -28px;padding:18px;font-size:13px;font-weight:850;display:block}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--card-solid), transparent 16%);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:3;height:100vh;color:var(--ink);flex-direction:column;padding:18px 14px;display:flex;position:sticky;top:0}.side-brand{align-items:center;gap:10px;padding:6px 8px 18px;display:flex}.side-brand img{width:128px;height:auto;display:block}.side-brand strong{letter-spacing:-.02em;margin-left:auto;font-size:15px}.brand-icon,.avatar{background:linear-gradient(135deg, var(--accent), #7bc8ff 48%, var(--accent-2));color:var(--accent-ink);box-shadow:0 0 28px color-mix(in srgb, var(--accent), transparent 82%);place-items:center;display:grid}.brand-icon{border-radius:12px;width:34px;height:34px}.side-nav,.chat-list{gap:4px;display:grid}.side-nav button,.chat-list button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 11px;transition:all .16s;display:flex}.side-nav button:hover,.chat-list button:hover{background:color-mix(in srgb, var(--accent), transparent 90%);color:var(--ink)}.side-nav span{background:var(--accent-2);color:#1d2a3a;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:950}.side-nav kbd{border:1px solid var(--line);color:var(--muted);background:color-mix(in srgb, var(--card-solid), transparent 35%);border-radius:7px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:850}.chat-list{min-height:0;margin-top:26px;overflow:auto}.chat-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;padding:0 9px 9px;font-size:12px;font-weight:850;display:flex}.chat-list button{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.side-bottom{gap:12px;margin-top:auto;display:grid}.pricing{border:1px solid color-mix(in srgb, var(--accent), transparent 72%);background:color-mix(in srgb, var(--accent), transparent 88%);color:var(--accent);text-align:left;border-radius:16px;align-items:center;gap:8px;padding:12px;display:flex}.pricing b{color:var(--accent);margin-left:auto;font-size:11px}.profile{color:var(--ink);align-items:center;gap:10px;padding:7px;display:flex}.profile div{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:900;display:grid}.workspace{z-index:1;min-width:0;padding:18px 24px 60px;position:relative}.topbar{justify-content:flex-end;align-items:center;gap:10px;height:48px;display:flex}.mobile-menu{display:none}.top-pill,.buy{border:1px solid var(--line);background:var(--pill);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:13px;font-weight:850;display:inline-flex}.buy{background:var(--accent);color:#fff;border-color:#0000}.creator-panel{text-align:center;max-width:960px;margin:8px auto 28px}.hero-plane{width:190px;margin:0 auto 10px}h1{color:var(--ink);letter-spacing:-.06em;margin:0 0 24px;font-size:clamp(32px,4.8vw,64px);line-height:.96}.prompt-box{border:1px solid var(--line);background:var(--card);box-shadow:0 26px 80px var(--shadow), inset 0 1px 0 #ffffff2e;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;padding:16px}.prompt-box textarea{resize:none;width:100%;height:76px;color:var(--ink);background:0 0;border:0;outline:0;padding:8px 9px;font-size:18px}.prompt-box textarea::placeholder{color:var(--muted)}.prompt-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.left-tools,.right-tools{align-items:center;gap:8px;display:flex}.prompt-toolbar button,.mode-row button{border:1px solid var(--line);background:var(--pill);color:var(--ink);border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex}.prompt-toolbar button:not(.send):hover,.mode-row button:hover{background:color-mix(in srgb, var(--accent), transparent 88%)}.prompt-toolbar .send{background:var(--accent-2);color:#10233d;border:0;justify-content:center;width:42px;height:42px;padding:0;box-shadow:0 0 24px #ffd35a4d}.prompt-toolbar .send:disabled{opacity:.52;cursor:not-allowed}.mode-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.mode-row span{color:#fff;background:#ff4ea2;border-radius:999px;padding:2px 6px;font-size:10px}.chat-stage{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;max-width:1180px;margin:0 auto;display:grid}.conversation,.panel-card,.generated,.api-note,.feature-card{border:1px solid var(--line);background:var(--card);box-shadow:0 20px 60px color-mix(in srgb, var(--shadow), transparent 36%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.conversation{border-radius:28px;min-height:250px;padding:18px}.message{grid-template-columns:34px minmax(0,1fr);gap:12px;margin-bottom:14px;display:grid}.message.user{grid-template-columns:minmax(0,1fr) 34px}.message.user .avatar{background:var(--accent);color:#fff;box-shadow:none;grid-area:1/2}.message.user .bubble{background:var(--bubble-user);border-color:color-mix(in srgb, var(--accent), transparent 74%);grid-area:1/1;justify-self:end}.avatar{border-radius:12px;width:34px;height:34px}.bubble{border:1px solid var(--line);background:var(--bubble);width:fit-content;max-width:780px;color:var(--ink);border-radius:18px;padding:13px 15px;font-size:14px;line-height:1.55}.bubble strong{color:var(--accent)}.theme-night .bubble strong{color:var(--accent-2)}.thinking{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.action-panel{gap:12px;display:grid}.panel-card,.generated,.api-note{border-radius:24px;padding:16px}.panel-card.green{background:linear-gradient(150deg, color-mix(in srgb, var(--accent), transparent 84%), var(--card));border-color:color-mix(in srgb, var(--accent), transparent 76%)}.panel-card span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:950}.theme-night .panel-card span{color:var(--accent-2)}.panel-card h3{letter-spacing:-.03em;margin:9px 0 8px;font-size:22px}.panel-card p{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.5}.approval-check{color:var(--ink);align-items:center;gap:9px;margin:0 0 13px;font-size:13px;font-weight:850;display:flex}.approval-check input{width:16px;height:16px;accent-color:var(--accent)}.panel-card button{background:var(--accent);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:950;display:inline-flex}.panel-card button:disabled{opacity:.65;cursor:wait}.generated img{border-radius:18px;width:100%;display:block}.api-note{color:var(--muted);gap:8px;font-size:12px;line-height:1.45;display:flex}.cards-section{max-width:1180px;margin:34px auto 0}.section-title{color:var(--ink);letter-spacing:.02em;margin-bottom:14px;font-weight:950}.cards-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature-card{text-align:left;min-height:190px;color:var(--ink);border-radius:26px;padding:16px;position:relative;overflow:hidden}.feature-card:after{content:"";background:color-mix(in srgb, var(--accent), transparent 90%);filter:blur(18px);border-radius:999px;height:130px;position:absolute;inset:auto -25% -45% 28%}.feature-card span{z-index:1;background:var(--accent-2);color:#1d2a3a;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:950;display:inline-flex;position:relative}.feature-card.purple span{color:#fff;background:#b78cff}.feature-card.blue span{color:#0b2440;background:#73bbff}.feature-card.pink span{color:#fff;background:#ff62ae}.card-art{z-index:1;border:1px solid var(--line);background:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--accent), transparent 42%), transparent 1.8rem), radial-gradient(circle at 70% 20%, #ff63ac5c, transparent 2rem), linear-gradient(135deg, #ffffff38, #ffffff0d);border-radius:18px;height:82px;margin-top:14px;position:relative;overflow:hidden}.card-art:before{content:"";background:#ffffff1f;border:1px solid #ffffff3d;border-radius:14px;position:absolute;inset:12px 14px}.theme-night .card-art:before{background:#0000002e}.card-art i{background:#ffffff6b;border-radius:999px;display:block;position:absolute}.card-art i:first-child{background:var(--accent-2);width:44px;height:44px;bottom:14px;left:24px}.card-art i:nth-child(2){width:72px;height:10px;top:22px;right:22px}.card-art i:nth-child(3){opacity:.7;width:52px;height:10px;top:43px;right:42px}.feature-card.purple .card-art{background:radial-gradient(circle at 25% 34%,#b78cff94,#0000 2rem),radial-gradient(circle at 72% 30%,#ffd35a47,#0000 2rem),linear-gradient(135deg,#ffffff29,#ffffff0a)}.feature-card.blue .card-art{background:radial-gradient(circle at 20% 34%,#73bbff94,#0000 2rem),radial-gradient(circle at 72% 30%,#ffd35a40,#0000 2rem),linear-gradient(135deg,#ffffff29,#ffffff0a)}.feature-card.pink .card-art{background:radial-gradient(circle at 20% 34%,#ff62ae9e,#0000 2rem),radial-gradient(circle at 72% 30%,#ffb24a47,#0000 2rem),linear-gradient(135deg,#ffffff29,#ffffff0a)}.feature-card h3{z-index:1;letter-spacing:-.03em;margin:16px 0 8px;font-size:19px;position:relative}.feature-card p{z-index:1;color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45;position:relative}.feature-card b{z-index:1;color:var(--accent);position:relative}.theme-night .feature-card b{color:var(--accent-2)}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:14px}.mobile-menu{display:inline-flex}.topbar{justify-content:space-between}.chat-stage{grid-template-columns:1fr}.cards-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.login-shell{padding:96px 16px 54px}.logo-lockup{top:22px;left:18px}.logo-lockup img{width:140px}.login-shell>.theme-toggle{top:74px;right:16px}.sky-orb{width:58px;height:58px;top:130px;right:28px}.topbar{flex-wrap:wrap;height:auto}.topbar .theme-toggle{order:5}.creator-panel{margin-top:20px}.hero-plane{width:144px}h1{font-size:36px}.prompt-toolbar{flex-direction:column;align-items:stretch}.left-tools,.right-tools{flex-wrap:wrap}.cards-row{grid-template-columns:1fr}.cloud{transform:scale(.65)}}