:root{color-scheme:dark;--bg:#030615;--surface:#0b1026;--surface-raised:#101933;--border:#243253;--text:#f5f7ff;--muted:#a9b7d0;--cyan:#00dcec;--violet:#a637ff;--blue:#4375ff;--gradient:linear-gradient(110deg,var(--cyan),var(--blue) 48%,var(--violet))}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#30134442,transparent 55%),radial-gradient(ellipse at 10% 40%,#003b4b33,transparent 50%),var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:12px;padding:11px 18px;background:linear-gradient(110deg,#146c9b,#4255ce 48%,#8724d0);color:#fff;font-weight:650;box-shadow:0 6px 22px #4574ff20;transition:filter .18s,transform .18s,border-color .18s}button:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#111e38;color:#a0edf4;border-color:#294568;box-shadow:none}button.secondary:hover{border-color:var(--cyan)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}aside{background:linear-gradient(180deg,#070c20,#080b1b);padding:30px 22px;width:250px;position:fixed;inset:0 auto 0 0;border-right:1px solid #28365a;overflow-y:auto}aside:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient)}.brand-wordmark{font-size:44px;font-weight:850;font-style:italic;letter-spacing:-2px;line-height:1.2;color:#fff;margin:0 0 10px}.brand-wordmark span{color:var(--cyan);text-shadow:0 0 20px #00dcec99}aside h1{font-size:36px;margin:0 0 8px}aside p{color:var(--muted);font-size:13px;overflow-wrap:anywhere}nav{display:grid;gap:10px;margin:36px 0}nav button{text-align:left;background:transparent;color:#b9c6df;border-color:transparent;box-shadow:none;font-weight:500;padding:12px 14px}nav button[aria-current=true]{background:linear-gradient(110deg,#00dcec18,#a637ff21);border-color:#4879b3;color:white;box-shadow:inset 3px 0 var(--cyan)}main{margin-left:250px;padding:36px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}h1,h2,h3{line-height:1.3;letter-spacing:-.02em}h2{font-size:30px;margin:10px 0}h3{font-size:20px;margin:0 0 18px}small,.muted{color:var(--muted)}small,.eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em}.badge{background:#00dcec0d;color:#8af3f7;border:1px solid #236375;padding:7px 12px;border-radius:20px;font-size:12px;white-space:nowrap}.intro{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 85% 0%,#a637ff36,transparent 60%),linear-gradient(115deg,#063344,#101631 60%,#291044);border:1px solid #306377;color:white;border-radius:22px;padding:34px;margin:28px 0;box-shadow:0 18px 60px #0002}.intro:before{content:"";position:absolute;inset:auto -5% -100px 35%;height:180px;z-index:-1;border-radius:50%;border-top:2px solid #a637ff88;transform:rotate(-17deg);box-shadow:0 -12px 38px #00dcec0d}.intro:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--gradient)}.intro .eyebrow{color:#97f4fa}.intro h2{font-size:clamp(26px,3vw,38px);max-width:700px}.intro p{max-width:680px;color:#c1cee2;line-height:1.8}.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px}.card{background:linear-gradient(145deg,#0d142b,#0a1023);border:1px solid var(--border);border-radius:18px;padding:26px;margin-bottom:20px;box-shadow:0 12px 32px #00000018;min-width:0}.card:focus-within{border-color:#375080}label{display:block;margin:16px 0 7px;color:#d9e2f5}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #304363;border-radius:10px;background:#060d21;color:var(--text);accent-color:var(--cyan)}input::placeholder,textarea::placeholder{color:#8799b7}textarea{min-height:100px;resize:vertical}select{cursor:pointer}form button{margin:14px 5px 0 0}#messages{min-height:220px;max-height:580px;overflow:auto;margin-top:20px;padding-right:8px;scrollbar-color:#3b527d #0a1023}#messages:empty{min-height:0}.message{padding:18px;border:1px solid #233554;border-radius:15px;margin:14px 0;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#111d35;color:#e7edfb}.message.user{background:linear-gradient(115deg,#07323c,#152548);border-color:#216073;margin-left:26px}.areas{display:flex;flex-wrap:wrap;gap:9px}.areas button{font-size:13px;font-weight:500;padding:9px 12px;text-align:left}.areas span{padding:7px 11px;background:#15203a;border-radius:18px;font-size:13px}.task{display:flex;align-items:center;gap:10px;border-bottom:1px solid #24314b;padding:14px 0;flex-wrap:wrap}.task input{width:auto}.task span{flex:1;overflow-wrap:anywhere}.task button{padding:7px 10px;background:#32182a;border-color:#6a3048;color:#ffb8cb;font-size:13px;box-shadow:none}.task button.secondary{background:#111e38;border-color:#294568;color:#a0edf4;max-width:100%;overflow-wrap:anywhere}.task.done span{text-decoration:line-through;color:#97a7c0}[hidden]{display:none!important}.notice{font-size:13px;line-height:1.75;color:#a7b8d2}footer{font-size:12px;color:#8fa0be;padding:10px 0 25px}a{color:#6be8f4;text-underline-offset:4px}summary{cursor:pointer;color:#b0c9ed;padding:10px 0}details{margin:12px 0;border-bottom:1px solid #233451;padding-bottom:10px}#authPanel{position:relative;width:calc(100% - 32px);padding:34px;border-color:#375481;box-shadow:0 20px 100px #0006,0 0 50px #652aff0a}#authPanel:before{content:"";position:absolute;top:-1px;left:22px;right:22px;height:2px;background:var(--gradient)}#authPanel h1{font-size:24px}#authStatus,#chatStatus,#conversationStatus,#imageStatus{font-size:14px;color:#b9d9f3;overflow-wrap:anywhere}#syncStatus{color:#9ed9e4;font-size:12px}#generatedImage{border:1px solid var(--border)}::selection{background:#6741af;color:white}
@media(min-width:1800px){main{margin-right:auto}}@media(max-width:1050px){.grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:800px){aside{position:static;width:auto;padding:20px;border-right:0;border-bottom:1px solid var(--border)}aside .brand-wordmark{font-size:30px}aside>p:first-of-type{display:none}nav{display:flex;flex-wrap:wrap;margin:18px 0;gap:6px}nav button{padding:9px 12px;font-size:14px}main{margin:0;padding:20px}.grid{grid-template-columns:minmax(0,1fr)}header{align-items:flex-start;flex-direction:column}h2{font-size:25px}.intro{padding:26px}.card{padding:20px}.message.user{margin-left:12px}#messages{max-height:60vh}#authPanel{margin:24px auto!important;padding:26px}.badge{font-size:11px}button{max-width:100%}}@media(prefers-reduced-motion:reduce){button{transition:none}button:not(:disabled):hover{transform:none}}

/* Original Lifts artwork, scaled proportionally without cropping. */
.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-brand img{display:block;flex-shrink:0;border-radius:14px}.sidebar-brand .brand-wordmark{margin:0;font-size:32px}.login-banner{display:block;width:min(100%,330px);height:auto;margin:-12px auto 10px;border-radius:14px}.intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:28px}.intro-copy{min-width:0}.brand-banner{display:block;width:100%;height:auto;max-height:270px;object-fit:contain;border-radius:16px;background:#000319}.intro h2{font-size:clamp(26px,2.5vw,36px)}
@media(max-width:1100px){.intro{grid-template-columns:minmax(0,1fr)}.brand-banner{grid-row:1;max-height:240px}.intro-copy{grid-row:2}}@media(max-width:800px){.sidebar-brand img{width:48px;height:48px}.sidebar-brand .brand-wordmark{font-size:30px}.intro{gap:18px}.brand-banner{max-height:200px}.login-banner{max-width:270px}}
/* Depth, feedback and gentle motion; no pointer tracking or heavy effects. */
.card{position:relative;transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:#3a527f;box-shadow:0 16px 40px #0004,0 0 24px #3267ff08}.assistant-heading{display:flex;align-items:center;gap:12px}.assistant-orb{display:inline-block;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c7ffff,#00dcec 28%,#4375ff 60%,#a637ff);box-shadow:0 0 18px #00dcec50,inset 0 0 4px #fff8;animation:orb-glow 4s ease-in-out infinite}.brand-banner{transition:transform .5s ease,box-shadow .5s ease}.intro:hover .brand-banner{transform:translateY(-4px);box-shadow:0 12px 32px #08001e60}.voice-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.voice-toolbar button,.listen-message{font-size:13px;padding:8px 12px}.listen-message{display:block;margin-top:14px!important}.voice-toolbar span{font-size:13px;color:var(--muted)}progress{display:block;width:100%;height:8px;border:0;appearance:none;border-radius:20px;overflow:hidden;background:#16213c;margin:14px 0 22px}progress::-webkit-progress-bar{background:#16213c}progress::-webkit-progress-value{background:var(--gradient);border-radius:20px;transition:width .4s}progress::-moz-progress-bar{background:var(--gradient)}main>section:not([hidden]){animation:page-appear .25s ease-out}#assistantSettingsStatus{color:#b9d9f3;font-size:14px}button:active:not(:disabled){transform:translateY(1px) scale(.985)}@keyframes page-appear{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes orb-glow{0%,100%{box-shadow:0 0 14px #00dcec40}50%{box-shadow:0 0 22px #a637ff60}}@media(prefers-reduced-motion:reduce){.assistant-orb,main>section:not([hidden]){animation:none}.brand-banner,.card,progress::-webkit-progress-value{transition:none}.intro:hover .brand-banner,button:active:not(:disabled){transform:none}}
.response-sources{margin-top:16px;border-top:1px solid var(--border);padding-top:12px;white-space:normal;font-size:13px}.response-sources p{margin:0 0 8px}.response-sources a{display:block;overflow-wrap:anywhere;margin:6px 0}#voiceSampleStatus{font-size:13px;color:#b9d9f3}