*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;height:100svh;overflow:hidden}.card-images{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-6) 0;justify-content:center}.card-image-container{display:flex;flex-direction:column;align-items:center;max-width:200px}.card-image{width:100%;max-width:180px;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-image:hover{transform:scale(1.05);box-shadow:0 12px 35px rgba(0,0,0,.4)}.card-image-name{margin-top:var(--space-2);font-size:var(--text-xs);color:#94a3b8;text-align:center;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-spinner{display:inline-block;width:2rem;height:2rem;border-radius:50%;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;animation:spin 1s linear infinite}@media (max-width:768px){.card-images{gap:var(--space-3);margin:var(--space-4) 0}.card-image{max-width:140px}.card-image-container{max-width:160px}}.app-shell{display:flex;flex-direction:column;height:100svh;background:var(--bg-primary);padding-top:env(safe-area-inset-top,0)}.app-nav{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.nav-button{padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.nav-button:hover{background:rgba(255,255,255,.06);color:var(--text-primary)}.nav-button.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--text-primary)}.nav-button.new-chat{margin-left:auto;background:#374151;border-color:#374151;color:var(--text-primary)}.nav-button.new-chat:hover{background:#4b5563}.nav-spacer{flex:1}.nav-auth-button{font-size:.8rem;display:flex;align-items:center;gap:var(--space-2)}.nav-auth-button svg{font-size:.75rem}.tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.tab-content.hidden{display:none}.tab-content.visible{display:flex}.tab-content .card-context{height:100%}.tab-content .planechase-container{min-height:0;height:100%}.mobile-backdrop,.mobile-bottom-nav,.mobile-tray{display:none}@media (max-width:768px){.app-nav{display:none}.app-shell{padding-bottom:calc(52px + env(safe-area-inset-bottom, 0px))}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(52px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:var(--bg-secondary);border-top:1px solid var(--border-subtle);z-index:1000;justify-content:space-around;align-items:center}.mobile-nav-button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-secondary);font-family:var(--font-primary);font-size:.65rem;font-weight:500;cursor:pointer;padding:var(--space-2) var(--space-4);transition:color var(--transition-base);flex:1}.mobile-nav-button svg{font-size:1.2rem}.mobile-nav-button.active{color:var(--accent-cyan)}.mobile-backdrop{display:block;position:fixed;inset:0;bottom:52px;background:rgba(0,0,0,.5);z-index:998}.mobile-tray{display:flex;flex-direction:column;position:fixed;bottom:calc(52px + env(safe-area-inset-bottom, 0px));left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);z-index:999;transform:translateY(100%);transition:transform .25s ease;padding:var(--space-2) 0}.mobile-tray.open{transform:translateY(0)}.tray-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-primary);font-family:var(--font-primary);font-size:.95rem;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-base)}.tray-item:active,.tray-item:hover{background:rgba(255,255,255,.06)}.tray-item svg{width:1.2rem;color:var(--text-secondary)}.tab-content .card-context{padding-bottom:0}}