:root{--ink:#eceff4;--muted:#9299a5;--line:#ffffff18;--accent:#9db7d3;--surface:#0e131c;--sans:"Comic Sans MS","Comic Sans",cursive}*{box-sizing:border-box}html{min-height:100%;background:#080b12}body{margin:0;min-height:100dvh;color:var(--ink);font-family:var(--sans);background:radial-gradient(ellipse at 50% 44%,#182132 0,#0e1420 43%,#080b12 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.app-shell{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;background-image:radial-gradient(1px 1px at 18px 26px,#b9c6d7 50%,transparent 70%),radial-gradient(1px 1px at 113px 79px,#f0f2f5 50%,transparent 70%),radial-gradient(1.5px 1.5px at 192px 148px,#a8b6c8 50%,transparent 70%),radial-gradient(1px 1px at 256px 42px,#e9edf2 50%,transparent 70%),radial-gradient(1px 1px at 309px 196px,#aebacf 50%,transparent 70%);background-size:340px 240px}.app-shell:after{content:"";position:fixed;pointer-events:none;z-index:2;top:-10%;left:70%;width:150px;height:2px;background:linear-gradient(90deg,transparent,#e7f0ff 72%,#fff);box-shadow:0 0 9px 2px #b6d2f377;opacity:0;transform:rotate(135deg);animation:shooting-star 24s linear 5s infinite}@keyframes shooting-star{0%,82%{opacity:0;transform:translate(0,0) rotate(135deg)}84%{opacity:.9}89%{opacity:0;transform:translate(-65vw,75vh) rotate(135deg)}100%{opacity:0;transform:translate(0,0) rotate(135deg)}}.main-panel{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#080b1266,#0b101a38)}.topbar{height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:#080b12aa;backdrop-filter:blur(14px)}.wordmark{text-decoration:none;color:#f2f4f7;font:bold 19px var(--sans);letter-spacing:-.6px}.topbar-actions{display:flex;align-items:center;gap:18px}.model-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#9ca5b2}.status-dot{width:6px;height:6px;border-radius:50%;background:#8aa7a0;box-shadow:0 0 8px #8aa7a066}.new-chat{border:1px solid #ffffff2c;border-radius:7px;background:#ffffff08;padding:8px 11px;display:flex;align-items:center;gap:8px;font:12px var(--sans);color:#dce1e8;cursor:pointer;transition:.18s}.new-chat:hover{background:#ffffff12;border-color:#aebcd0}.new-chat svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.conversation{width:100%;max-width:800px;margin:0 auto;flex:1;display:flex;flex-direction:column;overflow:auto;padding:36px 48px 12px}.welcome{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0 34px}.welcome-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #c4d0df55;border-radius:11px;background:#ffffff0a;color:#d7e0eb;font:bold 19px var(--sans);margin-bottom:24px;box-shadow:0 0 24px #9db7d31a}.welcome h1{font:bold clamp(34px,5vw,48px)/1.08 var(--sans);letter-spacing:-1.5px;margin:0;color:#f0f2f5}.welcome-copy{font-size:13px;line-height:1.7;color:#9aa3af;margin:12px 0 26px}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,490px)}.suggestion{min-height:49px;display:flex;align-items:center;gap:11px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff08;padding:9px 12px;text-align:left;font:12px var(--sans);color:#dfe4eb;cursor:pointer;transition:.18s}.suggestion:hover{background:#ffffff11;border-color:#aebcd055;transform:translateY(-1px)}.suggestion-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#aebcd016;color:#9aaabd;font:10px var(--sans);flex:none}.arrow{margin-left:auto;color:#7e8997;font-size:13px;transition:.18s}.suggestion:hover .arrow{color:#d5dde7;transform:translate(1px,-1px)}.composer-area{padding:0 48px 18px;width:100%;max-width:800px;margin:0 auto}.composer{background:#0a0e16ef;border:1px solid #ffffff25;border-radius:10px;padding:12px 13px 9px;box-shadow:0 10px 30px #0005;transition:border-color .18s,box-shadow .18s}.composer:focus-within{border-color:#aebcd066;box-shadow:0 0 0 3px #aebcd00c,0 10px 30px #0005}.composer textarea{border:0;outline:0;resize:none;width:100%;min-height:27px;max-height:140px;background:transparent;font:13px/1.5 var(--sans);color:#eef1f5}.composer textarea::placeholder{color:#788391}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.composer-hint{font-size:10px;color:#7f8997}.send-button{width:30px;height:30px;border:1px solid #d4dde94a;background:#d7e0eb;color:#111722;border-radius:7px;display:grid;place-items:center;cursor:pointer;transition:.18s}.send-button:disabled{background:#ffffff0c;border-color:#ffffff14;color:#66717e;cursor:default}.send-button:not(:disabled):hover{background:#fff;transform:translateY(-1px)}.send-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fine-print{text-align:center;font-size:9px;color:#737e8d;margin:9px 0 0}.messages{display:flex;flex-direction:column;gap:18px;width:100%;padding:10px 0}.message{display:flex;gap:10px;align-items:flex-start;max-width:100%;animation:arrive .2s ease}.message.user{justify-content:flex-end}.message-mark{flex:none;width:28px;height:28px;border:1px solid #c4d0df44;border-radius:8px;background:#ffffff0b;color:#d7e0eb;display:grid;place-items:center;font:12px var(--sans)}.message-copy{font:13px/1.7 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;color:#e5e9ef;max-width:min(88%,590px);padding-top:2px}.message.user .message-copy{background:#aebcd01a;border:1px solid #aebcd025;border-radius:10px 3px 10px 10px;padding:9px 13px;color:#eff2f6}.typing{display:flex;gap:4px;padding:12px 3px}.typing i{width:5px;height:5px;border-radius:50%;background:#bac8d8;animation:bounce 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.error-note{color:#e2c7a4;font:12px/1.6 var(--sans);margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@keyframes arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.conversation{padding:26px 18px 10px}.topbar{height:60px;padding:0 16px}.topbar-actions{gap:11px}.model-status{font-size:10px}.new-chat{padding:8px}.new-chat span{display:none}.welcome{padding:10px 0 22px}.welcome-mark{margin-bottom:18px}.welcome h1{font-size:36px}.welcome-copy{font-size:12px;margin:11px 0 20px}.suggestions{grid-template-columns:1fr;gap:7px}.suggestion{min-height:44px}.composer-area{padding:0 13px 13px}.fine-print{font-size:8px}.message-copy{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.message-copy>p{margin:0 0 .85em}.message-copy>p:last-of-type{margin-bottom:0}.message-copy h3{font:700 1.08em/1.45 var(--sans);margin:.7em 0 .35em;color:#f0f2f5}.message-copy ul,.message-copy ol{padding-left:1.5em;margin:.35em 0 .8em}.message-copy li{padding-left:.2em;margin:.2em 0}.message-copy strong{font-weight:700;color:#fff}.message-copy em{font-style:italic}.message-copy code{font:12px/1.5 Consolas,monospace;background:#ffffff12;border:1px solid #ffffff16;border-radius:4px;padding:1px 4px}.message-actions{display:flex;justify-content:flex-start;margin-top:11px}.copy-button{border:1px solid #ffffff2a;border-radius:6px;padding:5px 9px;background:#ffffff08;color:#aab4c1;font:11px var(--sans);cursor:pointer;transition:.15s}.copy-button:hover{color:#eef1f5;background:#ffffff12;border-color:#aebcd066}
.creator-tag{display:inline-block;margin-left:8px;color:#aebcd0;font-size:10px;letter-spacing:.15px}
.site-link{display:inline-block;margin-left:10px;color:#b8c7d8;font-size:10px;text-decoration:none;transition:color .15s}.site-link:hover{color:#fff;text-decoration:underline}
.account-button{min-width:70px;justify-content:center}.account-dialog{width:min(440px,calc(100vw - 28px));max-height:min(86dvh,720px);padding:0;border:1px solid #ffffff24;border-radius:13px;background:#0d121c;color:var(--ink);box-shadow:0 24px 80px #000b;overflow:auto}.account-dialog::backdrop{background:#03060bc9;backdrop-filter:blur(5px)}.account-card{position:relative;padding:30px;display:flex;flex-direction:column}.dialog-close{position:absolute;top:14px;right:15px;border:0;background:transparent;color:#9ca5b2;font:24px/1 var(--sans);cursor:pointer}.dialog-close:hover{color:white}.account-kicker{font:10px var(--sans);letter-spacing:1.7px;color:#99abc0}.account-card h2{margin:9px 0 0;font:bold 25px/1.2 var(--sans);letter-spacing:-.5px}.account-note{margin:9px 0 22px;color:#949eac;font:12px/1.65 var(--sans)}.account-card label{font:11px var(--sans);color:#c8d0dc;margin:12px 0 7px}.account-card input{width:100%;border:1px solid #ffffff22;border-radius:7px;outline:0;background:#080c13;padding:11px 12px;color:#f1f3f6;font:13px var(--sans)}.account-card input:focus{border-color:#acbdd277;box-shadow:0 0 0 3px #aebcd010}.account-message{min-height:18px;margin:10px 0 0;color:#e2c7a4;font:11px/1.5 var(--sans)}.account-actions{display:flex;align-items:center;gap:12px;margin-top:9px}.account-submit{border:1px solid #d7e0eb;border-radius:7px;background:#d7e0eb;padding:9px 14px;color:#111722;font:12px var(--sans);cursor:pointer}.account-submit:hover{background:#fff}.account-submit:disabled{opacity:.55}.account-mode,.account-signout{border:0;background:none;color:#bdc9d8;font:11px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.account-signout{align-self:flex-start;margin:16px 0 0;padding:0}.saved-section{border-top:1px solid #ffffff19;margin-top:23px;padding-top:18px}.saved-section h3{margin:0 0 10px;font:bold 13px var(--sans)}.saved-chats{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow:auto}.saved-chat{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ffffff16;border-radius:6px;background:#ffffff06;padding:9px 10px;text-align:left;color:#cbd3de;font:11px var(--sans);cursor:pointer}.saved-chat:hover,.saved-chat.active{border-color:#b1c1d455;background:#aebcd014;color:#fff}.account-card [hidden],.account-dialog [hidden]{display:none!important}@media(max-width:700px){.account-button{min-width:unset;padding:8px 10px!important}.account-card{padding:25px 22px}.account-card h2{font-size:23px}}