@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#f8f7f3;--bg-secondary:#f0ede4;--bg-card:#fff;--accent-gold:#c9a84c;--accent-gold-light:#e8d5a3;--accent-gold-dark:#a8873a;--accent-dark:#1a1a1a;--accent-charcoal:#2d2d2d;--status-active:#2ecc71;--status-idle:#f39c12;--status-error:#e74c3c;--status-thinking:#8b5cf6;--status-done:#3498db;--status-offline:#b0a99a;--font-display:"Playfair Display", serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-card:0 2px 8px #0000000f, 0 8px 24px #0000000a;--shadow-card-hover:0 8px 24px #0000001f, 0 24px 48px #00000014;--shadow-gold:0 0 30px #c9a84c40;--border:#e5e1d8;--text-primary:#1a1a1a;--text-secondary:#5c5750;--text-muted:#9e9a94}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-body);color:var(--text-primary)}body{background:var(--bg-primary);overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-gold-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}@keyframes bgBreath{0%{opacity:.5;transform:scale(1)rotate(0)}to{opacity:1;transform:scale(1.12)rotate(4deg)}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.05)}66%{transform:translate(-25px,20px)scale(.95)}}@keyframes particleRise{0%{opacity:0;transform:translateY(0)scale(.5)rotate(0)}10%{opacity:.5}90%{opacity:.15}to{opacity:0;transform:translateY(-100vh)scale(1.5)rotate(180deg)}}@keyframes agentWalk{0%{transform:translate(0)scaleX(1)}45%{transform:translate(28px)scaleX(1)}50%{transform:translate(28px)scaleX(-1)}95%{transform:translate(0)scaleX(-1)}to{transform:translate(0)scaleX(1)}}@keyframes legL{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@keyframes legR{0%,to{transform:rotate(18deg)}50%{transform:rotate(-18deg)}}@keyframes armL{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}@keyframes armR{0%,to{transform:rotate(22deg)}50%{transform:rotate(-22deg)}}@keyframes typingBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes thinkHead{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}70%{transform:rotate(3deg)}}@keyframes celebrate{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)rotate(-5deg)}60%{transform:translateY(-10px)rotate(5deg)}}@keyframes idleBreath{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}}@keyframes thoughtAppear{0%{opacity:0;transform:scale(.6)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes thoughtFade{0%,10%{opacity:0}20%,75%{opacity:1}90%,to{opacity:0}}@keyframes smokeRise{0%{opacity:.7;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-18px)scale(2.5)rotate(15deg)}}@keyframes statusPing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@keyframes loginRise{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes petalFloat{0%{opacity:0;transform:translateY(0)rotate(0)translate(0)}10%{opacity:.5}90%{opacity:.2}to{opacity:0;transform:translateY(120vh)rotate(420deg)translate(40px)}}@keyframes monitorGlow{0%,to{filter:brightness()}50%{filter:brightness(1.05)}}@keyframes goldShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.status-dot.active{background:var(--status-active)}.status-dot.idle{background:var(--status-idle)}.status-dot.offline{background:var(--status-offline)}.status-dot.thinking{background:var(--status-thinking);animation:1.5s ease-out infinite statusPing}.status-dot.done{background:var(--status-done)}.status-dot.error{background:var(--status-error)}.status-dot.active:after{content:"";background:var(--status-active);border-radius:50%;animation:1.5s ease-out infinite statusPing;position:absolute;inset:0}.luxury-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px;transition:box-shadow .25s,transform .25s}.luxury-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));color:#fff;font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #c9a84c4d}.btn-gold:hover{background:linear-gradient(135deg,var(--accent-gold-dark),#946e28);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-gold:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{border:1px solid var(--border);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-size:14px;transition:all .15s}.btn-ghost:hover{background:var(--bg-secondary);border-color:var(--accent-gold-light)}.agent-room{box-shadow:var(--shadow-card);cursor:pointer;border-radius:16px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}.agent-room:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.thought-bubble{border:1.5px solid var(--border);color:var(--text-secondary);z-index:20;word-break:break-word;background:#fffffff5;border-radius:10px;max-width:125px;padding:5px 8px;font-size:9.5px;font-style:italic;line-height:1.45;animation:.35s ease-out thoughtAppear;position:absolute;box-shadow:0 2px 10px #00000017}.thought-bubble:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fffffff5;width:10px;height:6px;position:absolute;bottom:-6px;left:14px}.shimmer{background:linear-gradient(90deg,#f0ede6 25%,#e8e2d6 50%,#f0ede6 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.animate-slide-in{animation:.3s ease-out slideIn}.animate-login-rise{animation:.6s cubic-bezier(.22,1,.36,1) loginRise}html,body,#root{max-width:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box}.app-header-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (width<=640px){input,textarea,select{font-size:16px!important}.app-header{padding:0 12px!important}.app-header-title{font-size:15px!important}.app-header-meta{gap:10px!important}.app-header-hide-sm{display:none!important}.page-root{padding:14px 12px!important}}