:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#020617;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit}.app-shell{background:var(--bg-main);min-height:100vh;color:var(--text-strong);transition:background .25s,color .25s}.app-shell.theme-dark{--bg-main:radial-gradient(circle at top left, #111827 0%, #050816 58%, #020617 100%);--bg-panel:#0a101edb;--bg-soft:#ffffff0f;--border-soft:#ffffff1a;--text-strong:#f8fafc;--text-muted:#cbd5e1;--text-dim:#94a3b8;--accent:#8b5cf6;--accent-2:#22c55e;--shadow:0 20px 60px #00000047}.content-area{min-height:100vh;padding:20px}.chat-shell{justify-content:center;min-height:calc(100vh - 40px);display:flex}.chat-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#0a101ee6,#050a16bf);border:1px solid #ffffff1a;border-radius:30px;flex-direction:column;gap:16px;width:min(100%,980px);padding:24px;display:flex;box-shadow:0 24px 80px #02061766}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0 0 4px;font-size:.72rem;font-weight:700}.topbar h1,.hero-card h2,.chat-header h2{color:var(--text-strong);margin:0}.chat-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.icon-button{background:var(--bg-soft);color:var(--text-strong);cursor:pointer;border:0;border-radius:999px;padding:10px 12px}.hero-card,.welcome-card{border:1px solid var(--border-soft);background:linear-gradient(135deg,#8b5cf629,#22c55e1f);border-radius:24px;padding:22px;box-shadow:inset 0 1px #ffffff14}.hero-card h2{margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.25rem)}.hero-card p,.welcome-card p,.message-bubble,.workflow-card p{color:var(--text-muted)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.action-card{text-align:left;min-height:92px;color:var(--text-strong);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:15px;transition:transform .2s,border-color .2s,background .2s;display:flex}.action-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf629}.action-card.primary{background:linear-gradient(135deg,#8b5cf638,#22c55e29)}.action-card.secondary{background:#ffffff0a}.welcome-card{opacity:1;max-height:600px;transition:max-height .35s,opacity .35s,padding .35s,transform .35s;overflow:hidden;transform:translateY(0)}.welcome-card.is-hidden{opacity:0;pointer-events:none;border-color:#0000;max-height:0;margin:0;padding:0;transform:translateY(10px)}.welcome-hero{align-items:center;gap:20px;margin-bottom:8px;display:flex}.assistant-orb{background:radial-gradient(circle at 30% 30%,#ffffff8c,#8b5cf62e 35%,#0206170f 100%);border-radius:50%;flex-shrink:0;place-items:center;width:88px;height:88px;animation:3.4s ease-in-out infinite breathe;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 0 40px #8b5cf638}.assistant-orb:before,.assistant-orb:after{content:"";border:1px solid #ffffff1f;border-radius:50%;animation:4.4s ease-in-out infinite floatPulse;position:absolute;inset:-12px}.assistant-orb:after{border-color:#22c55e33;animation-duration:5.6s;inset:-24px}.orb-core{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:42px;height:42px;box-shadow:0 0 25px #22c55e47}.orb-ring{border:1px solid #fff3;border-radius:50%;animation:8s linear infinite rotateRing;position:absolute;inset:0}.ring-two{border-color:#22c55e3d;animation-duration:10s;inset:8px}.assistant-label{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0 0 4px;font-size:.72rem;font-weight:700}.welcome-copy h3{color:var(--text-strong);margin:0 0 6px;font-size:1.25rem}.welcome-copy p{color:var(--text-muted);margin:0}.workflow-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.workflow-card{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:16px;padding:14px}.hero-card{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;display:grid}.hero-card.compact{grid-template-columns:1fr auto;align-items:center}.hero-copy h2{margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}.hero-copy p,.hero-card p,.page-card p,.auth-card p,.dashboard-card p,.welcome-card p,.message-bubble{color:var(--text-muted)}.hero-actions,.feature-strip{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.ghost-link,.primary-link,.suggestion-chip{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.ghost-link{color:var(--text-strong);background:var(--bg-soft)}.primary-link{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%)}.hero-visual{justify-content:center;display:flex}.visual-card{border:1px solid var(--border-soft);background:linear-gradient(135deg,#8b5cf629,#22c55e24);border-radius:20px;width:100%;padding:20px}.preview-pill,.feature-pill,.status-pill{color:var(--text-strong);background:#ffffff14;border-radius:999px;margin:8px 8px 0 0;padding:8px 12px;display:inline-flex}.feature-pill{background:var(--bg-soft)}.preview-pill.muted{opacity:.85}.subtle-caption{text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);font-size:.8rem}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{background:var(--bg-panel);border:1px solid var(--border-soft);box-shadow:var(--shadow);border-radius:20px;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s}.dashboard-card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-icon{width:44px;height:44px;color:var(--accent);background:linear-gradient(135deg,#8b5cf633,#22c55e2e);border-radius:12px;place-items:center;margin-bottom:12px;font-size:1.2rem;display:grid}.dashboard-card h3{color:var(--text-strong);margin:0 0 6px}.chat-panel{flex-direction:column;gap:16px;display:flex}.chat-header{justify-content:space-between;align-items:center;display:flex}.message-list{flex-direction:column;gap:10px;max-height:50vh;padding-right:4px;display:flex;overflow-y:auto}.message-bubble{border-radius:18px;flex-direction:column;gap:8px;max-width:min(76%,720px);padding:12px 14px;line-height:1.55;display:flex;box-shadow:0 10px 24px #02061729}.message-bubble.user{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);color:#fff;align-self:flex-end}.message-bubble.assistant{background:#ffffff0f;border:1px solid #ffffff14;align-self:flex-start}.message-actions{gap:8px;display:flex}.chip-button{color:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:5px 8px}.typing-indicator{flex-direction:row;align-self:flex-start;gap:6px;padding:12px 14px;display:inline-flex}.typing-dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite bounce;box-shadow:0 0 12px #8b5cf63d}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}.error-banner{color:#fecaca;background:#f8717129;border-radius:12px;padding:10px 12px}.chat-actions{align-items:center;gap:10px;display:flex}.suggestion-row{flex-wrap:wrap;gap:10px;display:flex}.suggestion-chip{color:var(--text-strong);background:#ffffff0a;border:1px solid #ffffff14}.composer{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;align-items:flex-end;gap:10px;padding:10px;display:flex}.composer textarea{color:var(--text-strong);resize:none;min-height:46px;max-height:160px;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:8px 2px;font-size:.98rem;line-height:1.5}.composer textarea::placeholder{color:var(--text-dim)}.icon-button.is-active,.ghost-link:hover,.primary-link:hover{transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf62e}.auth-card{width:100%;max-width:480px;margin:0 auto}.auth-form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.auth-form label{color:var(--text-muted);flex-direction:column;gap:6px;display:flex}.auth-form input{border:1px solid var(--border-soft);background:var(--bg-soft);color:var(--text-strong);border-radius:12px;padding:12px 14px}.auth-submit{margin-top:6px}.hint-text{color:var(--text-dim);margin-top:12px}.hint-text a{color:var(--accent)}@keyframes bounce{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffff1f,0 0 40px #8b5cf638}50%{transform:scale(1.04);box-shadow:0 0 0 1px #ffffff24,0 0 54px #22c55e3d}}@keyframes floatPulse{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.content-area{padding:12px}.chat-panel{border-radius:24px;padding:16px}.chat-header,.welcome-hero{flex-direction:column;align-items:flex-start}.action-grid{grid-template-columns:1fr}}@media (width<=640px){.composer{border-radius:20px;flex-wrap:wrap}.composer textarea{width:100%}.message-bubble{max-width:100%}.chat-actions{flex-wrap:wrap}}