:root{--text:#d9e6fb;--text-h:#f4f8ff;--muted:#b8aee6;--page-bg:#071327;--bg-dark:#071327;--bg:#0f1a2c;--border:#435479;--panel:#1c0f3de6;--tile:#26164dcc;--bright-purple:#686ad5;--success-soft:#22653e66;--success-strong:#8ce9b2;--danger-soft:#80292973;--danger-strong:#ffafaf;--warning-soft:#83712873;--warning-strong:#ffe39e;--shadow:#0b0419b3 0 24px 48px -24px, #0b041980 0 12px 24px -18px;--sans:"Courier Prime", "Courier New", "Lucida Console", monospace;--heading:"Courier Prime", "Courier New", "Lucida Console", monospace;--mono:"Courier Prime", "Courier New", "Lucida Console", monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;flex-direction:column;width:calc(100% - 2rem);max-width:none;min-height:93svh;max-height:95svh;margin:1rem auto;display:flex}body{background:var(--bg);min-width:320px;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.06em;margin:0;font-size:4rem;line-height:.98}@media (width<=1024px){h1{font-size:36px}}h2{letter-spacing:-.03em;margin:.2rem 0 0;font-size:1.6rem;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}.login-page{background:var(--bg);min-height:100%;padding:0;position:relative;overflow:hidden}.login-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;width:100%;height:100svh;display:grid}.login-copy,.login-visual{flex-direction:column;display:flex;position:relative}.login-copy{isolation:isolate;flex-direction:column;justify-content:space-between;gap:0;padding:clamp(2rem,5vw,5rem);display:flex;overflow:hidden}.login-orbs-layer{pointer-events:none;z-index:0;position:absolute;inset:0}.login-copy-heading{z-index:1;gap:1.4rem;max-width:24rem;display:grid;position:relative}.login-copy h1{text-align:left;max-width:17ch;color:var(--bright-purple);letter-spacing:-.04em;margin-top:0;font-size:2.5rem;line-height:1.08}.login-subtitle{color:#d9e6fbc7;text-align:left;max-width:23rem;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6}.login-button-wrapper{z-index:1;flex:3;justify-content:center;align-items:center;display:flex;position:relative}.login-button{color:#f5f9ff;letter-spacing:.02em;z-index:1;background:#021029;border:1px solid #435479;border-radius:10px;justify-content:center;align-self:center;align-items:center;gap:.8rem;min-width:min(100%,22rem);margin:0;padding:1rem 1.8rem;font-weight:500;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative}.login-button-icon{flex-shrink:0;display:block}.login-copy-spacer{flex:1;min-height:0}.login-button:hover{background:linear-gradient(135deg,#245bcf,#3478ef);transform:translateY(-2px);box-shadow:0 24px 42px #071a3973}.login-visual{background:linear-gradient(#122b4f 0%,#0f213d 100%);justify-content:center;gap:1.5rem;padding:clamp(2rem,4vw,3.4rem)}.login-brand{flex-direction:column;align-items:center;gap:1rem;margin-inline:auto;display:flex}.login-brand-logo{border-radius:18px;width:clamp(3.6rem,4vw,5rem);height:auto;display:block;box-shadow:0 12px 24px #13274c33}.login-brand-text{gap:.1rem;display:grid}.login-brand-name{color:var(--text-h);font-size:1.35rem;font-weight:700}.login-brand-tag{color:#d9e6fbd1;letter-spacing:.03em;font-size:1rem;font-weight:700;display:block}.login-image{object-fit:cover;filter:drop-shadow(0 20px 36px #0a234c38)drop-shadow(0 8px 18px #4a89ff2e);width:min(100%,720px);height:min(560px,60vh);display:block}.login-orb{filter:blur(75px);pointer-events:none;z-index:0;opacity:1;border-radius:999px;position:absolute}.login-orb-top-center{filter:blur(4px);background:#686ad5;width:4rem;height:4rem;top:-2%;left:53%}.login-orb-subtitle-left{filter:blur(3px);background:#686ad5;width:2rem;height:2rem;top:39%;left:26%}.login-orb-right-large{filter:blur(14px);background:#686ad5;width:8rem;height:8rem;top:27%;left:88%}.login-orb-button-bottom{filter:blur(10px);background:#3c3783;width:5rem;height:5rem;top:56%;left:53%}.login-orb-footer-corner{filter:blur(7px);background:#686ad5;width:12rem;height:12rem;bottom:-6%;left:-9%}@media (width<=960px){.login-layout{grid-template-columns:1fr;min-height:auto}.login-visual{min-height:40svh}.login-copy h1{max-width:100%;margin-top:0}.login-image{height:min(420px,42vh)}}@media (width<=640px){.login-copy,.login-visual{padding:1.5rem}.login-copy{gap:3rem}.login-button{width:100%}.login-brand{margin-inline:0}}.chat-screen{background:var(--bg);border-radius:1rem;min-height:calc(96svh - 72px)}.chat-layout{grid-template-columns:minmax(320px,1.5fr) minmax(0,2.5fr);gap:1rem;min-height:calc(96svh - 72px);display:grid}.chat-column{grid-template-rows:auto 1fr;gap:1rem;min-width:0;max-height:calc(96svh - 72px);padding:1rem 0 1rem 1rem;display:grid;overflow-y:auto}.chat-header{text-align:left;padding-inline:.2rem}.chat-header h1{margin-top:.1rem;font-size:2.1rem}.chat-panel{grid-template-rows:1fr auto;gap:1rem;min-height:0;display:grid}.preview-panel{background:var(--bg-dark);border:1px solid #212a40;grid-template-rows:auto 1fr;min-width:0;padding:1rem;display:grid;overflow:hidden}.preview-header{text-align:left;border-bottom:1px solid #212a40;padding:.75rem .9rem}.preview-frame{background:#fff;border:0;width:100%;height:100%}.preview-empty{color:var(--muted);text-align:center;place-items:center;padding:1rem;display:grid}.chat-log{gap:.9rem;min-height:0;padding:.2rem;display:grid;overflow:auto}.message-row{justify-content:flex-start;align-items:flex-start;gap:.5rem;width:100%;display:flex}.message-row.from-user{flex-direction:row-reverse}.message-row.from-bot{justify-content:flex-start}.avatar{border:1px solid var(--border);color:#fff;background:#39246ee6;border-radius:999px;place-items:center;width:2.1rem;height:2.1rem;font-size:.62rem;font-weight:700;display:grid}.message-bubble{border:1px solid var(--border);color:#fff;background:#212a40;max-width:min(76%,760px);padding:.8rem .9rem;position:relative}.from-bot .message-bubble{border-radius:.1rem 1rem 1rem}.from-user .message-bubble{background:var(--bright-purple);border-radius:1rem .1rem 1rem 1rem}.chat-form{background:var(--bg);align-items:flex-end;gap:.7rem;padding-top:.2rem;display:flex;position:sticky;bottom:0}.chat-input{box-sizing:border-box;border:1px solid var(--border);color:#fff;font:inherit;resize:none;background:#212a40;border-radius:.5rem;flex:1;padding:.75rem .9rem}.send-button{border:1px solid var(--bright-purple);height:3rem;font:inherit;color:var(--bright-purple);cursor:pointer;background:0 0;border-radius:.5rem;padding:.65rem 1rem;font-weight:600}.send-button:hover{filter:brightness(1.05)}.send-button:disabled,.chat-input:disabled{opacity:.7;cursor:not-allowed}.message-tools{justify-content:flex-end;margin-bottom:.4rem;display:flex}.copy-button{border:1px solid var(--border);color:#fff;font:inherit;cursor:pointer;background:#110729d9;border-radius:.5rem;padding:.25rem .55rem;font-size:.76rem}.copy-button:hover{filter:brightness(1.12)}.message-content{white-space:pre-wrap;word-break:break-word;margin:0}.html-content{border:1px solid var(--border);background:#170833b8;border-radius:.5rem;max-height:260px;padding:.65rem;overflow:auto}.typing-avatar,.typing-bubble{justify-content:center;align-items:center;gap:.2rem;display:inline-flex}.typing-bubble{min-width:2.8rem;min-height:1.5rem}.dot{background:#fff;border-radius:999px;width:.3rem;height:.3rem;animation:1s ease-in-out infinite blink}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}.chat-column,.chat-log,.html-content{scrollbar-width:thin;scrollbar-color:#3a4a6b transparent}.chat-column::-webkit-scrollbar{width:10px;height:10px}.chat-log::-webkit-scrollbar{width:10px;height:10px}.html-content::-webkit-scrollbar{width:10px;height:10px}.chat-column::-webkit-scrollbar-track{background:0 0}.chat-log::-webkit-scrollbar-track{background:0 0}.html-content::-webkit-scrollbar-track{background:0 0}.chat-column::-webkit-scrollbar-thumb{background:#3a4a6b padding-box padding-box;border:2px solid #0000;border-radius:999px}.chat-log::-webkit-scrollbar-thumb{background:#3a4a6b padding-box padding-box;border:2px solid #0000;border-radius:999px}.html-content::-webkit-scrollbar-thumb{background:#3a4a6b padding-box padding-box;border:2px solid #0000;border-radius:999px}.chat-column::-webkit-scrollbar-button{width:0;height:0;display:none}.chat-log::-webkit-scrollbar-button{width:0;height:0;display:none}.html-content::-webkit-scrollbar-button{width:0;height:0;display:none}@keyframes blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}@media (width<=720px){.chat-screen{min-height:calc(100svh - 64px);padding:.75rem}.chat-layout{grid-template-rows:minmax(0,1fr) minmax(280px,42svh);grid-template-columns:1fr;min-height:calc(100svh - 64px)}.chat-header h1{font-size:1.7rem}.message-bubble{max-width:84%}}