@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-app: #0f1115;--bg-card: #181b21;--bg-card-hover: #1f2229;--border-subtle: rgba(255, 255, 255, .08);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--secondary: #a855f7;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.glass-panel{background:#181b21b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.text-gradient{background:linear-gradient(135deg,var(--text-main) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-gradient{background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow)}.metric-card-link:hover{transform:translateY(-2px);border-color:#6366f173;background:#1f2229e6}.flex-center{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.tab-content-animation{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-app-shell{width:100%;min-height:100dvh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 50% -20%,rgba(99,102,241,.2),transparent 32rem),var(--bg-app);color:var(--text-main);overflow:hidden}.mobile-app-header{display:flex;align-items:center;gap:.85rem;padding:calc(env(safe-area-inset-top) + .85rem) 1rem .9rem;border-bottom:1px solid var(--border-subtle);background:#0f1115db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-brand-mark,.mobile-avatar,.mobile-start-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff}.mobile-brand-mark{width:42px;height:42px;border-radius:12px;flex:0 0 auto}.mobile-header-copy{min-width:0;flex:1}.mobile-kicker{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.mobile-header-copy h1{font-size:1.18rem;line-height:1.2;margin:0}.mobile-icon-button{width:42px;height:42px;border-radius:12px;border:1px solid var(--border-subtle);background:#ffffff0f;color:#fff;display:flex;align-items:center;justify-content:center}.mobile-thread-overlay{position:fixed;inset:0;z-index:50;background:#0000007a;display:flex}.mobile-thread-drawer{width:min(84vw,340px);height:100%;padding:calc(env(safe-area-inset-top) + .85rem) .85rem calc(env(safe-area-inset-bottom) + .85rem);background:#0f1115fa;border-right:1px solid var(--border-subtle);box-shadow:18px 0 42px #00000061;display:flex;flex-direction:column;gap:.9rem;animation:mobileDrawerIn .18s ease-out}.mobile-thread-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding-bottom:.35rem}.mobile-thread-header h2{margin:0;font-size:1.18rem}.mobile-thread-header p{margin:.1rem 0 0;color:var(--text-muted);font-size:.78rem}.mobile-new-thread{min-height:46px;border:1px solid rgba(99,102,241,.45);background:#6366f129;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.55rem;font-weight:700}.mobile-thread-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.45rem;padding-right:.1rem}.mobile-thread-item{display:grid;grid-template-columns:1fr auto;align-items:stretch;border:1px solid transparent;border-radius:8px;background:#ffffff09;overflow:hidden}.mobile-thread-item.is-active{border-color:#6366f180;background:#6366f124}.mobile-thread-item>button:first-child{min-width:0;text-align:left;border:none;background:transparent;color:#fff;padding:.75rem .8rem}.mobile-thread-item strong,.mobile-thread-item span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-thread-item strong{font-size:.92rem}.mobile-thread-item span{margin-top:.2rem;color:var(--text-muted);font-size:.76rem}.mobile-thread-delete{width:44px;border:none;border-left:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center}@keyframes mobileDrawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-message-list{min-height:0;overflow-y:auto;padding:1rem .95rem 1.2rem;display:flex;flex-direction:column;gap:.85rem;-webkit-overflow-scrolling:touch}.mobile-start-panel{margin:auto 0;padding:1.35rem;border:1px solid var(--border-subtle);border-radius:8px;background:#181b21b8}.mobile-start-icon{width:46px;height:46px;border-radius:12px;margin-bottom:1rem}.mobile-start-panel h2{font-size:1.45rem;margin:0 0 .5rem}.mobile-start-panel p{color:var(--text-muted);line-height:1.45;margin:0 0 1.1rem}.mobile-prompt-grid{display:grid;gap:.65rem}.mobile-prompt-chip{min-height:46px;text-align:left;color:var(--text-main);border:1px solid var(--border-subtle);background:#ffffff0e;border-radius:8px;padding:.75rem .85rem}.mobile-message-row{display:flex;gap:.65rem;align-items:flex-start}.mobile-message-row.is-user{justify-content:flex-end}.mobile-avatar{width:30px;height:30px;border-radius:9px;flex:0 0 auto;margin-top:.15rem}.mobile-message-bubble{max-width:min(86%,44rem);border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:8px;padding:.78rem .9rem;line-height:1.48;font-size:.96rem;overflow-wrap:anywhere}.is-user .mobile-message-bubble{background:var(--primary);border-color:transparent}.mobile-message-bubble p{margin:0}.mobile-message-bubble p+p{margin-top:.48rem}.mobile-message-gap{height:.48rem}.mobile-typing{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-muted)}.mobile-composer{display:flex;gap:.65rem;padding:.85rem .95rem calc(env(safe-area-inset-bottom) + .85rem);border-top:1px solid var(--border-subtle);background:#0f1115eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-composer input{flex:1;min-width:0;min-height:48px;border:1px solid var(--border-subtle);border-radius:8px;background:#ffffff12;color:#fff;outline:none;padding:0 .95rem;font-size:1rem}.mobile-composer input:focus{border-color:#6366f1b3}.mobile-composer button{width:48px;height:48px;border-radius:8px;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.mobile-composer button:disabled{opacity:.48}@media(min-width:740px){.mobile-app-shell{max-width:720px;margin:0 auto;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.mobile-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}