@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;700;800&display=swap";:root{--color-bg-darkest:#06050c;--color-bg-darker:#0d0b18;--color-bg-dark:#120f24;--color-bg-surface:#1a1635;--color-bg-surface-hover:#231e47;--color-neon-cyan:#00f0ff;--color-neon-cyan-glow:#00f0ff4d;--color-neon-magenta:#ff007f;--color-neon-magenta-glow:#ff007f4d;--color-neon-purple:#9d4edd;--color-neon-purple-glow:#9d4edd4d;--color-text-primary:#f3f1f8;--color-text-secondary:#a9a4c2;--color-text-muted:#6e6988;--color-success:#3900f5;--color-success-green:#00e676;--color-warning:#ffb703;--color-danger:#f05;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-scale:1;--font-xs:calc(.75rem * var(--text-scale));--font-sm:calc(.875rem * var(--text-scale));--font-md:calc(1rem * var(--text-scale));--font-lg:calc(1.125rem * var(--text-scale));--font-xl:calc(1.25rem * var(--text-scale));--font-2xl:calc(1.5rem * var(--text-scale));--font-3xl:calc(1.875rem * var(--text-scale));--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-neon-cyan:0 0 10px var(--color-neon-cyan-glow), 0 0 20px #00f0ff1a;--shadow-neon-magenta:0 0 10px var(--color-neon-magenta-glow), 0 0 20px #ff007f1a;--shadow-neon-purple:0 0 10px var(--color-neon-purple-glow), 0 0 20px #9d4edd1a;--shadow-soft:0 4px 20px #0006;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}.high-contrast{--color-bg-darkest:#000;--color-bg-darker:#050505;--color-bg-dark:#0a0a0a;--color-bg-surface:#151515;--color-bg-surface-hover:#252525;--color-neon-cyan:#0ff;--color-neon-magenta:#f0f;--color-neon-purple:#b6f;--color-text-primary:#fff;--color-text-secondary:#fff;--color-text-muted:#ddd;--shadow-neon-cyan:none;--shadow-neon-magenta:none;--shadow-neon-purple:none}.reduced-motion *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-darkest);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-size:16px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:700;line-height:1.2}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}:focus-visible{outline:3px solid var(--color-neon-cyan);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse-cyan{0%,to{box-shadow:0 0 8px var(--color-neon-cyan-glow)}50%{box-shadow:0 0 16px var(--color-neon-cyan-glow), 0 0 25px #00f0ff33}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes glitch-neon{0%{text-shadow:1px 1px 0 var(--color-neon-cyan), -1px -1px 0 var(--color-neon-magenta)}50%{text-shadow:-1px 2px 0 var(--color-neon-cyan), 2px -1px 0 var(--color-neon-magenta)}to{text-shadow:1px -1px 0 var(--color-neon-cyan), -1px 1px 0 var(--color-neon-magenta)}}.anim-slide-up{animation:slide-up var(--transition-normal) forwards}.anim-slide-in{animation:slide-in-left var(--transition-normal) forwards}.glow-cyan{box-shadow:var(--shadow-neon-cyan);border:1px solid var(--color-neon-cyan)}.glow-magenta{box-shadow:var(--shadow-neon-magenta);border:1px solid var(--color-neon-magenta)}.glow-purple{box-shadow:var(--shadow-neon-purple);border:1px solid var(--color-neon-purple)}.glass-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#1a1635b3;border:1px solid #ffffff14}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-neon-purple-glow);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neon-purple)}.app-viewport{box-sizing:border-box;background:radial-gradient(circle,#0e0b20 0%,#030206 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:10px;display:flex;overflow:hidden}.app-container{border-radius:var(--radius-lg);width:100%;max-width:460px;height:100%;min-height:calc(100vh - 20px);transition:max-width var(--transition-normal), min-height var(--transition-normal), border-radius var(--transition-normal);background:#0a0915d9;border:1px solid #9d4edd33;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #000c,0 0 40px #9d4edd0d}.desktop-sidebar{display:none}.app-main-display{flex-direction:column;flex:1;height:100%;padding:20px 20px 0;display:flex;overflow:hidden}.app-content-wrapper{flex:1;padding-bottom:74px;padding-right:2px;overflow-y:auto}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 8px) 0;z-index:100;background:#0d0b18f2;border-top:1px solid #9d4edd26;justify-content:space-around;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -4px 20px #00000080}.bottom-nav-btn{color:var(--color-text-secondary);transition:color var(--transition-fast);background:0 0;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bottom-nav-btn svg{transition:all var(--transition-fast)}.bottom-nav-btn span{font-size:10px;font-weight:700}.bottom-nav-btn.active-tab-planner{color:var(--color-neon-cyan)}.bottom-nav-btn.active-tab-planner svg{filter:drop-shadow(0 0 5px #00f0ff80)}.bottom-nav-btn.active-tab-ideas{color:var(--color-neon-magenta)}.bottom-nav-btn.active-tab-ideas svg{filter:drop-shadow(0 0 5px #ff007f80)}.bottom-nav-btn.active-tab-chat{color:var(--color-neon-purple)}.bottom-nav-btn.active-tab-chat svg{filter:drop-shadow(0 0 5px #9d4edd80)}.bottom-nav-btn.active-tab-settings{color:var(--color-neon-cyan)}.bottom-nav-btn.active-tab-settings svg{filter:drop-shadow(0 0 5px #00f0ff80)}.app-top-status-bar{color:var(--color-text-muted);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;font-size:11px;display:flex}.mobile-logo-wrapper{align-items:center;gap:6px;display:flex}.mobile-logo-ping{background:var(--color-neon-cyan);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-cyan;display:inline-block}.mobile-logo-text{color:var(--color-text-secondary);letter-spacing:.5px;font-size:11px;font-weight:700;font-family:var(--font-display)}.status-indicators{align-items:center;gap:8px;display:flex}.ai-provider-pill{border-radius:var(--radius-sm);fontWeight:bold;text-transform:uppercase;padding:2px 6px;font-size:9px}.ai-provider-pill.gemini{color:var(--color-neon-magenta);background:#ff007f26}.ai-provider-pill.local{color:var(--color-neon-cyan);background:#00f0ff26}.wifi-indicator{align-items:center;gap:3px;display:flex}.wifi-indicator span{font-size:9px}.core-version-tag{display:none}@media (width>=768px){.app-container{border-radius:var(--radius-lg);flex-direction:row;max-width:1040px;height:85vh;min-height:640px;box-shadow:0 20px 60px #000000e6,0 0 60px #9d4edd1a}.bottom-nav,.mobile-logo-wrapper{display:none}.core-version-tag{color:var(--color-text-secondary);letter-spacing:1px;font-size:11px;font-weight:700;display:inline-block}.app-main-display{height:100%;padding:24px 30px;overflow:hidden}.app-content-wrapper{padding-bottom:10px}.desktop-sidebar{background:#0b0915eb;border-right:1px solid #9d4edd26;flex-direction:column;flex-shrink:0;gap:24px;width:240px;padding:30px 20px;display:flex}.sidebar-logo{font-family:var(--font-display);letter-spacing:2px;color:var(--color-text-primary);text-shadow:0 0 10px #00f0ff4d;font-size:1.8rem;font-weight:800;animation:4s infinite glitch-neon}.logo-underline{background:linear-gradient(90deg, var(--color-neon-cyan) 0%, var(--color-neon-magenta) 100%);border-radius:var(--radius-full);width:40px;height:3px;margin:6px auto 0}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-nav-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-sm);text-align:left;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.sidebar-nav-btn svg{transition:transform var(--transition-fast)}.sidebar-nav-btn:hover{color:var(--color-text-primary);background:#ffffff08}.sidebar-nav-btn:hover svg{transform:scale(1.1)}.sidebar-nav-btn.active-planner{color:var(--color-neon-cyan);background:#00f0ff0d;border-color:#00f0ff33;box-shadow:0 0 10px #00f0ff0d}.sidebar-nav-btn.active-ideas{color:var(--color-neon-magenta);background:#ff007f0d;border-color:#ff007f33;box-shadow:0 0 10px #ff007f0d}.sidebar-nav-btn.active-chat{color:var(--color-neon-purple);background:#9d4edd0d;border-color:#9d4edd33;box-shadow:0 0 10px #9d4edd0d}.sidebar-nav-btn.active-settings{color:var(--color-neon-cyan);background:#00f0ff0d;border-color:#00f0ff33;box-shadow:0 0 10px #00f0ff0d}.sidebar-footer{color:var(--color-text-muted);border-top:1px solid #ffffff0a;flex-direction:column;gap:8px;padding-top:14px;font-size:11px;display:flex}.connection-badge{align-items:center;gap:6px;font-weight:500;display:flex}.ai-badge{border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#ffffff0a;align-self:flex-start;padding:2px 6px;font-size:9px}.ideas-grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:16px!important;display:grid!important}}