:root{--bg-primary: #111520;--bg-secondary: #161b27;--bg-card: #1c2230;--bg-card-hover: #232a3b;--bg-input: #171c28;--border-color: #2b3347;--border-highlight: #ff5722;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--accent-orange: #ff5722;--accent-orange-hover: #e04818;--accent-orange-light: rgba(255, 87, 34, .15);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .15);--particle-color: rgba(255, 255, 255, .22);--particle-accent: rgba(165, 180, 252, .35);--bg-grid-dot: rgba(255, 255, 255, .05);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono-geist: "Geist Mono", ui-monospace, monospace;--font-mono-jetbrains: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.app-container{min-height:100vh;display:flex;flex-direction:column}.header-wrapper{position:sticky;top:1rem;z-index:100;width:100%;display:flex;justify-content:center;padding:0 1rem;margin-bottom:.5rem}.floating-navbar-pill{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1120px;padding:.5rem .75rem .5rem 1.25rem;border-radius:9999px;background:#121723a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 35px #00000073,0 0 20px #a855f714;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.floating-navbar-pill.is-scrolled{background:#0e121ce6;border-color:#ffffff2e;box-shadow:0 16px 40px #0009,0 0 30px #a855f72e}.navbar-brand-pill{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-dot{width:9px;height:9px;border-radius:50%;background:#ec4899;box-shadow:0 0 10px #ec4899,0 0 20px #ec4899;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.3);opacity:1}}.brand-text{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.02em}.brand-ai{color:#a855f7;margin-left:2px}.nav-items-center{display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:.35rem .75rem;border-radius:9999px;gap:1rem}.nav-tab-btn{position:relative;border:none;background:transparent;padding:.45rem 1.15rem;border-radius:9999px;color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:color .2s ease}.nav-tab-btn:hover,.nav-tab-btn.is-active{color:var(--text-main)}.nav-active-pill-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #fff3;z-index:0}.nav-tab-label{position:relative;z-index:1}.navbar-right-actions{display:flex;align-items:center;gap:1rem}.desktop-actions-group{display:flex;align-items:center;gap:.85rem}.mobile-hamburger-btn{display:none}.gradient-cta-btn{background:linear-gradient(135deg,#a855f7,#d946ef,#f97316);color:#fff;border:none;padding:.55rem 1.35rem;border-radius:9999px;font-weight:700;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 4px 20px #a855f766;transition:all .25s ease;white-space:nowrap}.gradient-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #a855f799,0 0 15px #f9731666}.gradient-cta-btn.full-width{width:100%;padding:.75rem 1rem}.btn-glass-secondary{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-muted);padding:.45rem .85rem;border-radius:9999px;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s ease}.btn-glass-secondary:hover{background:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.icon-btn-glass{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-muted);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn-glass:hover{background:var(--bg-card);color:var(--text-main);border-color:var(--border-color)}.nav-avatar-img{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(168,85,247,.5)}.mobile-hamburger-btn{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:.35rem;border-radius:6px}.mobile-overlay-menu{position:absolute;top:calc(100% + .75rem);left:1rem;right:1rem;background:#121723f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 20px 40px #0009;z-index:101}.mobile-menu-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{background:transparent;border:none;color:var(--text-muted);font-size:1rem;font-weight:600;padding:.65rem 1rem;border-radius:12px;text-align:left;cursor:pointer;transition:all .2s ease}.mobile-nav-link:hover,.mobile-nav-link.is-active{background:var(--bg-card-hover);color:var(--text-main)}.brand-logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;color:var(--text-main);cursor:pointer;text-decoration:none}.brand-logo span.ai{color:var(--accent-orange)}.nav-stats-pill{display:flex;align-items:center;gap:1rem;background-color:var(--bg-card-hover);border:1px solid var(--border-color);padding:.35rem 1rem;border-radius:9999px;font-size:.85rem;color:var(--text-muted)}.badge-live{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-green);font-weight:600}.badge-live-dot{width:8px;height:8px;background-color:var(--accent-green);border-radius:50%;box-shadow:0 0 8px var(--accent-green)}.nav-right{display:flex;align-items:center;gap:1rem}.icon-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{color:var(--text-main);border-color:var(--border-color);background:var(--bg-card-hover)}.btn-primary{background-color:var(--accent-orange);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary:hover{background-color:var(--accent-orange-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:#ffffff0d;color:var(--text-main);border:1px solid var(--border-color);padding:.5rem 1.25rem;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-color)}.stepper-header{display:flex;align-items:center;gap:1.5rem;font-size:.85rem;color:var(--text-dim)}.stepper-item{display:flex;align-items:center;gap:.4rem}.stepper-item.active{color:var(--accent-orange);font-weight:600}.stepper-line{width:40px;height:1px;background-color:var(--border-color)}.hero-container{max-width:1000px;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;text-align:center;padding:1.5rem 1.5rem 3rem;width:100%}.promo-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffa5001a;border:1px solid rgba(255,165,0,.3);color:orange;font-size:.85rem;padding:.3rem .9rem;border-radius:9999px;margin-bottom:1.5rem;cursor:pointer}.hero-title{font-size:2.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2.5rem;color:var(--text-main)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem;width:100%}.feature-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;text-align:left;position:relative;transition:all .25s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;box-shadow:0 10px 25px #0000004d}.feature-card:hover{border-color:#ff572273;background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:0 14px 30px #0006,0 0 20px #ff572226}.card-badge{position:absolute;top:1rem;right:1rem;background:#ea580c;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.card-icon-box{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-icon-box.green{background:#10b98126;color:#10b981}.card-icon-box.orange{background:#f9731626;color:#f97316}.card-icon-box.purple{background:#a855f726;color:#a855f7}.card-icon-box.blue{background:#3b82f626;color:#3b82f6}.card-title{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;color:var(--text-main)}.card-desc{font-size:.85rem;color:var(--text-muted);line-height:1.4}.nav-btn-new{font-size:.8rem;padding:.35rem .75rem;display:flex;align-items:center;gap:.35rem;white-space:nowrap}.header-badge-free{background:#ff57221a;color:#ff5722;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700}.header-btn-upgrade{padding:.4rem .9rem;font-size:.85rem;white-space:nowrap}.nav-user-group{display:flex;align-items:center;gap:.6rem}.avatar-badge-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:2px;border-radius:50%;-webkit-user-select:none;user-select:none}.avatar-badge-wrapper:hover{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(245,158,11,.45))}.nav-avatar-img-bordered{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #f59e0b;transition:all .25s ease;box-shadow:0 0 10px #f59e0b40}.avatar-badge-wrapper.plan-studio .nav-avatar-img-bordered{border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.avatar-badge-wrapper.plan-starter .nav-avatar-img-bordered{border-color:#60a5fa;box-shadow:0 0 8px #60a5fa40}.avatar-plan-badge-icon{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:#0f172a;border:2px solid #0f172a;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.account-detail-panel{position:relative;z-index:202;width:94%;max-width:520px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 50px #0000001a;color:#111827}body.dark-mode .account-detail-panel,.app-container .account-detail-panel{background:#0f1115;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px #0006;color:#f3f4f6}.account-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #f3f4f6}body.dark-mode .account-detail-header,.app-container .account-detail-header{border-bottom:1px solid rgba(255,255,255,.08)}.account-header-left{display:flex;align-items:center;gap:1rem}.account-avatar-wrapper{position:relative;width:52px;height:52px;border-radius:50%;border:2px solid #e5e7eb;padding:2px;display:flex;align-items:center;justify-content:center}body.dark-mode .account-avatar-wrapper,.app-container .account-avatar-wrapper{border-color:#ffffff1a}.account-modal-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.account-avatar-icon-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:#10b981;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;color:#fff}body.dark-mode .account-avatar-icon-badge,.app-container .account-avatar-icon-badge{border-color:#0f1115}.account-user-meta{display:flex;flex-direction:column;gap:.15rem}.account-user-name{font-size:1.1rem;font-weight:600;color:inherit;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.account-verified-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;font-size:.65rem;font-weight:600;background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.account-user-email{font-size:.8rem;color:#6b7280}body.dark-mode .account-user-email,.app-container .account-user-email{color:#9ca3af}.account-plan-card{border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}body.dark-mode .account-plan-card,.app-container .account-plan-card{background:#ffffff05;border-color:#ffffff14}.account-plan-card.plan-detail-pro{border-color:#2563eb;background:#2563eb08}body.dark-mode .account-plan-card.plan-detail-pro,.app-container .account-plan-card.plan-detail-pro{border-color:#3b82f666;background:#3b82f60d}.account-plan-card.plan-detail-studio{border-color:#7c3aed;background:#7c3aed08}body.dark-mode .account-plan-card.plan-detail-studio,.app-container .account-plan-card.plan-detail-studio{border-color:#8b5cf666;background:#8b5cf60d}.plan-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.plan-status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:600;letter-spacing:.05em;color:#10b981;text-transform:uppercase;margin-bottom:.25rem}.status-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981}.plan-card-title{font-size:1.15rem;font-weight:600;margin:0;color:inherit;letter-spacing:-.01em}.btn-upgrade-plan-sm{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;cursor:pointer;transition:all .2s ease}body.dark-mode .btn-upgrade-plan-sm,.app-container .btn-upgrade-plan-sm{background:#ffffff0d;border-color:#ffffff1a;color:#f3f4f6}.btn-upgrade-plan-sm:hover{background:#e5e7eb}body.dark-mode .btn-upgrade-plan-sm:hover,.app-container .btn-upgrade-plan-sm:hover{background:#ffffff1a}.plan-expiry-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed #e5e7eb}body.dark-mode .plan-expiry-row,.app-container .plan-expiry-row{color:#9ca3af;border-bottom:1px dashed rgba(255,255,255,.12)}.plan-expiry-row strong{color:inherit;font-weight:600}.plan-quota-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}body.dark-mode .plan-quota-box,.app-container .plan-quota-box{background:#0003;border:1px solid rgba(255,255,255,.05)}.quota-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap;gap:.4rem}.quota-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:inherit}.quota-value{font-size:.8rem;color:inherit;font-weight:500}.quota-progress-track{width:100%;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:.5rem}body.dark-mode .quota-progress-track,.app-container .quota-progress-track{background:#ffffff1a}.quota-progress-bar{height:100%;border-radius:999px;transition:width .4s ease}.quota-desc-text{font-size:.7rem;color:#6b7280;margin:0;line-height:1.4}body.dark-mode .quota-desc-text,.app-container .quota-desc-text{color:#9ca3af}.account-features-section{margin-bottom:1.5rem}.features-section-title{font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}body.dark-mode .features-section-title,.app-container .features-section-title{color:#9ca3af}.account-features-grid{display:flex;flex-direction:column;gap:.6rem}.feature-item-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:inherit}.feature-check-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#10b981}.account-detail-footer{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.account-upgrade-btn{flex:1;min-width:200px;justify-content:center;padding:.75rem 1.25rem;font-weight:600;font-size:.9rem;border-radius:8px;background:#111827;color:#fff;border:none;cursor:pointer;transition:all .2s ease}body.dark-mode .account-upgrade-btn,.app-container .account-upgrade-btn{background:#fff;color:#111827}.account-upgrade-btn:hover{opacity:.9;transform:translateY(-1px)}.account-logout-btn{padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;border-radius:8px;background:transparent;border:1px solid #ef4444;color:#ef4444;cursor:pointer;transition:all .2s ease}body.dark-mode .account-logout-btn,.app-container .account-logout-btn{border-color:#ef444466;color:#fca5a5}.account-logout-btn:hover{background:#ef44441a}.footer{margin-top:auto;padding:2rem 1.5rem 6rem;text-align:center;border-top:1px solid rgba(255,255,255,.06);font-size:.85rem;color:var(--text-muted);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.footer-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.35rem .85rem;border-radius:9999px;color:var(--text-main);font-weight:500;box-shadow:0 4px 12px #0003}.avatar-img{width:20px;height:20px;border-radius:50%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0d14cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100}.login-modal{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:400px;border-radius:16px;padding:2.5rem 2rem;text-align:center;box-shadow:0 20px 25px -5px #00000080}.login-modal h2{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.login-modal p{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.google-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ffffff0a;border:1px solid var(--border-color);color:#fff;padding:.8rem 1rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.google-auth-btn:hover{background:#ffffff14;border-color:#4b5563}.step-container{max-width:750px;margin:2.5rem auto;padding:0 1.5rem;width:100%}.step-title-group{text-align:center;margin-bottom:2rem}.step-title-group h1{font-size:2.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.step-subtitle{color:var(--text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.prd-sample-link{background:#ffffff0f;color:#a5b4fc;padding:.15rem .6rem;border-radius:6px;font-size:.85rem;text-decoration:none;font-family:var(--font-mono-geist)}.idea-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 15px -3px #0000004d}.idea-textarea{width:100%;height:120px;background:transparent;border:none;color:var(--text-main);font-family:var(--font-sans);font-size:1rem;resize:none;outline:none}.idea-textarea::placeholder{color:#4b5563}.idea-bottom-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:.75rem}.lang-select{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);padding:.35rem .75rem;border-radius:8px;font-size:.85rem;outline:none;cursor:pointer}.submit-arrow-btn{background:var(--accent-orange);color:#fff;border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.submit-arrow-btn:hover{background:var(--accent-orange-hover)}.submit-arrow-btn:disabled{background:var(--bg-input);cursor:not-allowed}.history-trigger{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.history-trigger:hover{color:var(--text-main)}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}@media (max-width: 640px){.tech-grid{grid-template-columns:1fr}}.tech-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:14px;padding:1.5rem;cursor:pointer;transition:all .2s ease;position:relative}.tech-card:hover{border-color:var(--border-color)}.tech-card.selected{border-color:var(--accent-orange);background:var(--bg-card-hover)}.tech-card-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-card-hover);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;color:var(--accent-orange)}.question-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.question-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;font-weight:600}.skip-btn{background:transparent;border:none;color:var(--text-dim);font-size:.8rem;cursor:pointer}.skip-btn:hover{color:var(--text-muted)}.options-pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill-opt{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-muted);padding:.4rem .9rem;border-radius:9999px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.pill-opt:hover{background:var(--bg-card);color:var(--text-main)}.pill-opt.selected{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.question-text-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:.75rem;border-radius:8px;outline:none;font-size:.9rem}.question-text-input:focus{border-color:var(--accent-orange)}.canvas-wrapper{width:100%;height:calc(100vh - 75px);background-color:#111520;background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);background-size:24px 24px;position:relative;overflow:auto;-webkit-user-select:none;user-select:none}.mindmap-tree{display:flex;align-items:center;gap:4rem;padding:3rem 4rem 12rem;min-width:max-content;min-height:max-content}.node-root{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 2rem;font-weight:700;font-size:1.1rem;color:var(--text-main);box-shadow:0 8px 16px #0006;display:flex;align-items:center;gap:.75rem}.branches-col{display:flex;flex-direction:column;gap:2rem;position:relative}.branch-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem;min-width:220px;position:relative}.phase-badge{background:#ef444433;color:#ef4444;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;display:inline-block;margin-bottom:.3rem}.phase-badge.fase2{background:#f59e0b33;color:#f59e0b}.subfeatures-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.85rem;min-width:200px}.subfeature-item{background:var(--bg-card);padding:.4rem .75rem;border-radius:6px;margin-top:.4rem;font-size:.85rem;color:var(--text-muted)}.canvas-controls{position:fixed;bottom:2rem;left:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;z-index:40}.canvas-controls button{background:transparent;border:none;color:var(--text-muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.canvas-controls button:hover{background:var(--bg-card-hover);color:var(--text-main)}.prd-view-container{max-width:960px;margin:1.5rem auto;padding:0 1.5rem 7rem}.prd-actions-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:120;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.5rem 1rem;border-radius:9999px;background:#121723bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 40px #0009,0 0 25px #a855f726;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1);margin-bottom:0}.prd-actions-bar:hover{background:#0e121ce0;border-color:#ffffff38;box-shadow:0 20px 45px #000000b3,0 0 30px #a855f738}@media (max-width: 768px){.prd-actions-bar{bottom:1rem;padding:.4rem .65rem;gap:.4rem;max-width:96%;font-size:.75rem}}.prd-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;box-shadow:0 10px 25px #0006}.prd-content h1{font-size:2rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1.5rem;color:#fff}.prd-content h2{font-size:1.4rem;margin-top:2rem;margin-bottom:1rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.4rem}.prd-content h3{font-size:1.15rem;margin-top:1.5rem;margin-bottom:.75rem;color:#e5e7eb}.prd-content p{color:#d1d5db;margin-bottom:1rem;line-height:1.7}.prd-content ul,.prd-content ol{margin-left:1.5rem;margin-bottom:1rem;color:#d1d5db}.prd-content li{margin-bottom:.4rem}.prd-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.prd-content th,.prd-content td{border:1px solid var(--border-color);padding:.75rem;text-align:left;font-size:.9rem}.prd-content th{background:#ffffff0a;color:#fff}.prd-content td{color:var(--text-muted)}.prd-content code{font-family:var(--font-mono-jetbrains);background:#0006;padding:.2rem .4rem;border-radius:4px;font-size:.85rem;color:#f472b6}.mermaid-box{background:#0d1117;border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;display:flex;justify-content:center}.key-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;width:100%;max-width:520px}.key-input-group{margin-bottom:1rem;text-align:left}.key-input-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.key-input-group input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:.65rem .85rem;border-radius:8px;font-family:var(--font-mono-geist);font-size:.85rem;outline:none}.key-input-group input:focus{border-color:var(--accent-orange)}.ai-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.loader-wrapper{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin:0 auto}.loader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#201048,#050212 85%);box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset,0 0 25px 5px #ad5fff59;animation:loader-rotate 3.8s infinite linear}.loader-letters{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:var(--font-sans, system-ui, sans-serif)}.loader-letter{display:inline-block;font-size:.9rem;font-weight:600;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.9),0 0 16px rgba(173,95,255,.8);letter-spacing:.04em;animation:loader-letter-anim 1.8s infinite ease-in-out}@keyframes loader-rotate{0%{transform:rotate(90deg);box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset,0 0 25px 5px #ad5fff66}50%{transform:rotate(270deg);box-shadow:0 10px 20px #fff inset,0 20px 10px #d60a47 inset,0 40px 60px #311e80 inset,0 0 25px 5px #d60a4766}to{transform:rotate(450deg);box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset,0 0 25px 5px #ad5fff66}}@keyframes loader-letter-anim{0%,to{opacity:.4;transform:translateY(0)}20%{opacity:1;transform:scale(1.15)}40%{opacity:.7;transform:translateY(0)}}.glow-card-wrapper{position:relative;border-radius:16px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);transition:transform .25s ease,border-color .25s ease,background-color .25s ease;overflow:hidden}.glow-card-wrapper:hover{transform:translateY(-3px);border-color:#ff572273;background:var(--bg-card-hover)}.glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.glow:after{content:"";position:absolute;inset:calc(-1 * var(--glowingeffect-border-width, 2px));border-radius:inherit;border:var(--glowingeffect-border-width, 2px) solid transparent;background:var(--gradient);background-attachment:fixed;opacity:var(--active, .35);transition:opacity .3s ease;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start, 0) - var(--spread, 40)) * 1deg),#00000000 0deg,#fff,#00000000 calc(var(--spread, 40) * 2deg));mask-image:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start, 0) - var(--spread, 40)) * 1deg),#0000,#fff,#0000 calc(var(--spread, 40) * 2deg))}.center-idea-wrapper{min-height:calc(100vh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:1.5rem 0 3rem}.floating-glass-stats-pill{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.45rem 1.25rem;border-radius:9999px;background:#161b27c7;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0006,0 0 20px #ff57221a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.82rem;color:var(--text-muted);pointer-events:auto;transition:all .25s ease;white-space:nowrap}.floating-glass-stats-pill:hover{border-color:#ff572266;box-shadow:0 12px 35px #00000080,0 0 25px #ff572233;transform:translate(-50%) translateY(-2px)}@media (max-width: 1024px){.hero-container{padding:3rem 1.5rem 2rem}.hero-title{font-size:2.5rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.prd-view-container,.task-view-container{padding:0 1.25rem 4rem}}@media (max-width: 768px){.navbar{padding:.65rem .85rem}.brand-logo{font-size:1.1rem;letter-spacing:-.02em}.desktop-only,.desktop-actions-group{display:none!important}.mobile-hamburger-btn{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer}.floating-navbar-pill{width:95%!important;padding:.4rem .85rem!important;position:relative}.mobile-overlay-menu{position:absolute;top:calc(100% + .65rem);left:0;right:0;background:#121826f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:1.25rem;box-shadow:0 20px 50px #000000bf,0 0 25px #a855f740;display:flex;flex-direction:column;gap:1rem;z-index:150}.mobile-menu-section{display:flex;flex-direction:column;gap:.5rem}.mobile-menu-title{font-size:.68rem;font-weight:800;color:var(--text-dim);letter-spacing:.08em}.mobile-menu-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.mobile-nav-link{padding:.6rem .85rem;border-radius:12px;background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-muted);font-size:.88rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease}.mobile-nav-link.is-active,.mobile-nav-link:hover{background:#ff572226;border-color:#ff572266;color:#ff5722}.mobile-menu-divider{height:1px;background:#ffffff14}.mobile-menu-actions-grid{display:flex;flex-direction:column;gap:.4rem}.mobile-action-btn{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-action-btn:hover{background:#ffffff14;border-color:#fff3}.hero-container{padding:2rem 1rem 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}.features-grid{grid-template-columns:1fr;gap:.85rem}.feature-card{min-height:auto;padding:1.25rem}.step-container{padding:0 1rem;margin:1.5rem auto}.step-title-group h1{font-size:1.6rem}.idea-box{padding:1rem}.idea-textarea{font-size:.9rem;min-height:120px}.idea-actions{flex-wrap:wrap;gap:.5rem}.tech-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.questions-form-container,.prd-content,.task-content{padding:1.25rem}.prd-actions-bar{width:94%;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);top:auto!important;padding:.5rem .75rem;gap:.4rem;border-radius:24px;flex-wrap:wrap;justify-content:center;box-shadow:0 16px 40px #000000bf,0 0 25px #a855f740}.prd-actions-bar>button,.prd-actions-bar>div,.prd-actions-bar .btn-glass-secondary,.prd-actions-bar .btn-primary,.prd-actions-bar .lang-toggle-bar{font-size:.75rem!important;padding:.35rem .65rem!important;flex-shrink:0}.floating-glass-stats-pill{bottom:.85rem;padding:.35rem .8rem;font-size:.75rem;gap:.5rem;white-space:nowrap}.stepper-header{gap:.25rem;font-size:.7rem;padding:.2rem .4rem}.stepper-line{width:12px}.login-modal,.key-modal{width:92%;padding:1.5rem 1.2rem}.footer{padding:1.5rem 1rem 5.5rem;font-size:.8rem;gap:.5rem}}@media (max-width: 480px){.hero-title{font-size:1.7rem}.header-btn-upgrade{display:none}.tech-grid{grid-template-columns:1fr}.floating-glass-stats-pill{font-size:.68rem;padding:.3rem .65rem;gap:.4rem;white-space:nowrap}.prd-content table{display:block;overflow-x:auto;white-space:nowrap}.canvas-wrapper{height:calc(100vh - 120px)}}.glass-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.glass-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080b12c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-alert-panel{position:relative;z-index:201;width:100%;max-width:440px;background:#161c2ac7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:2rem 1.75rem 1.75rem;box-shadow:0 25px 60px #000000a6,0 0 35px #ff572226}.glass-modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.glass-modal-close-btn:hover{background:var(--bg-card);color:var(--text-main);border-color:var(--border-color)}.glass-alert-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.glass-alert-icon-box{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.glass-alert-icon-box.confirm{background:#ff572224;border:1px solid rgba(255,87,34,.3);box-shadow:0 0 20px #ff572233}.glass-alert-icon-box.info{background:#a855f724;border:1px solid rgba(168,85,247,.3);box-shadow:0 0 20px #a855f733}.glass-alert-title-group h3{font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:.15rem}.glass-alert-hostname{font-size:.75rem;font-family:var(--font-mono-geist);color:#9ca3af;letter-spacing:.02em}.glass-alert-body{margin-bottom:1.75rem;color:#d1d5db;font-size:.95rem;line-height:1.6}.glass-alert-actions{display:flex;align-items:center;gap:.75rem}.export-option-card{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:16px;background:var(--bg-card-hover);border:1px solid var(--border-color);gap:.75rem}.export-option-info{display:flex;align-items:center;gap:.75rem}.export-title{font-weight:700;font-size:.9rem;color:var(--text-main)}.export-desc{font-size:.78rem;color:var(--text-muted)}.export-card-actions{display:flex;align-items:center;gap:.4rem}.btn-glass-secondary.sm,.gradient-cta-btn.sm{padding:.35rem .75rem;font-size:.78rem;gap:.3rem}.project-search-input{width:100%;padding:.65rem 1rem .65rem 2.6rem;border-radius:9999px;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);font-size:.88rem;outline:none;transition:all .2s ease}.project-search-input:focus{border-color:#a855f780;box-shadow:0 0 15px #a855f733}.project-item-card{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:16px;padding:1rem;cursor:pointer;transition:all .2s ease}.project-item-card:hover{background:var(--bg-card);border-color:#a855f759;transform:translateY(-2px)}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.project-title h4{font-size:.95rem;font-weight:700;color:var(--text-main);line-height:1.4}.badge-draft{background:#f9731633;border:1px solid rgba(249,115,22,.4);color:#f97316;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px;display:inline-block;margin-bottom:.3rem}.project-actions{display:flex;align-items:center;gap:.35rem}.icon-btn-glass.sm{width:28px;height:28px}.icon-btn-glass.sm.delete:hover{background:#ef444433;border-color:#ef444466}.project-card-meta{display:flex;align-items:center;gap:1rem;font-size:.78rem;color:#9ca3af}.project-card-meta span{display:inline-flex;align-items:center;gap:.35rem}.copilot-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;display:flex;justify-content:flex-end;animation:fadeInOverlay .25s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.copilot-drawer-container{width:440px;max-width:90vw;height:100vh;background:#0e121cf0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.12);box-shadow:-10px 0 40px #000c,0 0 30px #00f2fe1a;display:flex;flex-direction:column;animation:slideInDrawer .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.copilot-drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.copilot-header-title{display:flex;align-items:center;gap:.75rem}.copilot-bot-badge{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#00f2fe33,#4f46e533);border:1px solid rgba(0,242,254,.4);display:flex;align-items:center;justify-content:center;color:#00f2fe}.copilot-header-title h3{font-size:1.05rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em}.copilot-header-title p{font-size:.75rem;color:#9ca3af;margin:.1rem 0 0}.copilot-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.copilot-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.copilot-quick-actions{padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.copilot-quick-label{font-size:.73rem;font-weight:700;color:#d1d5db;margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem;text-transform:uppercase;letter-spacing:.03em}.copilot-pills-scroll{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin}.copilot-pill-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:9999px;white-space:nowrap;cursor:pointer;transition:all .2s ease}.copilot-pill-btn:hover:not(:disabled){background:#00f2fe26;border-color:#00f2fe66;color:#00f2fe}.copilot-chat-body{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.copilot-msg-wrapper{display:flex;gap:.6rem;max-width:90%}.copilot-msg-wrapper.is-user{align-self:flex-end;flex-direction:row-reverse}.copilot-msg-wrapper.is-copilot{align-self:flex-start}.copilot-avatar{width:28px;height:28px;border-radius:8px;background:#00f2fe26;border:1px solid rgba(0,242,254,.3);color:#00f2fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.copilot-msg-content{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);padding:.85rem 1rem;border-radius:14px;color:#f3f4f6;font-size:.88rem;line-height:1.5}.copilot-msg-wrapper.is-user .copilot-msg-content{background:linear-gradient(135deg,#ff572240,#a855f740);border-color:#ff572266;color:#fff;border-bottom-right-radius:4px}.copilot-msg-wrapper.is-copilot .copilot-msg-content{border-bottom-left-radius:4px}.copilot-msg-content.thinking{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-style:italic;font-size:.82rem}.copilot-msg-text{white-space:pre-wrap;margin:0}.copilot-apply-box{margin-top:.85rem;padding:.75rem;border-radius:10px;background:#10b98114;border:1px solid rgba(16,185,129,.25);display:flex;flex-direction:column;gap:.5rem}.copilot-apply-info{font-size:.76rem;font-weight:700;color:#10b981;display:flex;align-items:center;gap:.35rem}.copilot-apply-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-size:.8rem;font-weight:700;padding:.45rem .85rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98140}.copilot-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.copilot-apply-btn.is-applied{background:#ffffff14;color:#9ca3af;box-shadow:none;cursor:default}.copilot-drawer-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);background:#0000004d}.copilot-input-form{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.35rem .35rem .35rem .85rem;transition:border-color .2s ease}.copilot-input-form:focus-within{border-color:#00f2fe80;box-shadow:0 0 15px #00f2fe26}.copilot-text-input{flex:1;background:transparent;border:none;color:#fff;font-size:.85rem;outline:none}.copilot-text-input::placeholder{color:#6b7280}.copilot-send-btn{background:linear-gradient(135deg,#00f2fe,#4f46e5);border:none;color:#fff;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.copilot-send-btn:hover:not(:disabled){transform:scale(1.05)}.copilot-send-btn:disabled{opacity:.4;cursor:not-allowed}body.light-theme{--bg-primary: #eef1f7;--bg-secondary: #e3e8f2;--bg-card: #ffffff;--bg-card-hover: #f1f4fa;--bg-input: #ffffff;--border-color: #d5dbe7;--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b;--particle-color: rgba(15, 23, 42, .16);--particle-accent: rgba(99, 102, 241, .3);--bg-grid-dot: rgba(15, 23, 42, .08)}body.light-theme .floating-navbar-pill{background:#ffffffb8;border-color:var(--border-color);box-shadow:0 4px 18px #0f172a14}body.light-theme .floating-navbar-pill.is-scrolled{background:#ffffffeb;box-shadow:0 4px 18px #0f172a1f}body.light-theme .nav-active-pill-indicator{background:var(--bg-card-hover);border:1px solid var(--border-color);box-shadow:none}body.light-theme .mobile-overlay-menu{background:#fffffff5;border:1px solid var(--border-color);box-shadow:0 20px 40px #0f172a2e}body.light-theme .floating-glass-stats-pill{background:#ffffffd9;border:1px solid var(--border-color);box-shadow:0 10px 30px #0f172a1f,0 0 20px #ff57221a}body.light-theme .floating-glass-stats-pill:hover{box-shadow:0 12px 35px #0f172a2e,0 0 25px #ff572226}body.light-theme .prd-actions-bar{background:#ffffffd9;border-color:var(--border-color)}body.light-theme .prd-actions-bar:hover{background:#fffffff2}body.light-theme .footer{border-top-color:var(--border-color)}body.light-theme .canvas-wrapper{background-color:#f6f8fc;background-image:radial-gradient(rgba(15,23,42,.08) 1.5px,transparent 1.5px)}body.light-theme .prd-content{color:#334155}body.light-theme .prd-content h1,body.light-theme .prd-content h2{color:#0f172a}body.light-theme .prd-content h3{color:#1e293b}body.light-theme .prd-content p,body.light-theme .prd-content ul,body.light-theme .prd-content ol,body.light-theme .prd-content blockquote,body.light-theme .prd-content td{color:#334155}body.light-theme .prd-content th{color:#0f172a;background:#0f172a0a}body.light-theme .prd-content code{background:#0f172a0f;color:#db2777}body.light-theme .glass-alert-panel{background:#fffffff0;border:1px solid var(--border-color);box-shadow:0 25px 60px #0f172a2e,0 0 35px #ff572214}body.light-theme .glass-alert-title-group h3{color:var(--text-main)}body.light-theme .glass-alert-hostname,body.light-theme .glass-alert-body{color:var(--text-muted)}body.light-theme .account-detail-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 24px 48px #0f172a26;color:var(--text-main)}body.light-theme .account-detail-header{border-bottom:1px solid var(--border-color)}body.light-theme .account-avatar-wrapper{border-color:var(--border-color)}body.light-theme .account-avatar-icon-badge{border-color:var(--bg-card)}body.light-theme .account-user-email{color:var(--text-muted)}body.light-theme .account-plan-card{background:var(--bg-card-hover);border-color:var(--border-color)}body.light-theme .account-plan-card.plan-detail-pro{border-color:#3b82f680;background:#3b82f60f}body.light-theme .account-plan-card.plan-detail-studio{border-color:#8b5cf680;background:#8b5cf60f}body.light-theme .btn-upgrade-plan-sm{background:var(--bg-card-hover);border-color:var(--border-color);color:var(--text-main)}body.light-theme .btn-upgrade-plan-sm:hover{background:var(--bg-card)}body.light-theme .plan-expiry-row{color:var(--text-muted);border-bottom:1px dashed var(--border-color)}body.light-theme .plan-quota-box{background:var(--bg-card-hover);border:1px solid var(--border-color)}body.light-theme .quota-progress-track{background:var(--border-color)}body.light-theme .quota-desc-text,body.light-theme .features-section-title{color:var(--text-muted)}body.light-theme .account-upgrade-btn{background:#0f172a;color:#fff}body.light-theme .copilot-drawer-container{background:#fffffff7;border-left:1px solid var(--border-color)}body.light-theme .copilot-drawer-header{border-bottom:1px solid var(--border-color);background:#ffffffeb}body.light-theme .copilot-header-title h3{color:var(--text-main)}body.light-theme .copilot-header-title p{color:var(--text-muted)}body.light-theme .copilot-close-btn{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-muted)}body.light-theme .copilot-quick-actions{background:var(--bg-card-hover);border-bottom:1px solid var(--border-color)}body.light-theme .copilot-quick-label{color:var(--text-muted)}body.light-theme .copilot-pill-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main)}body.light-theme .copilot-msg-content{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-main)}body.light-theme .copilot-msg-content.thinking{color:var(--text-muted)}body.light-theme .copilot-drawer-footer{border-top:1px solid var(--border-color);background:var(--bg-card-hover)}body.light-theme .copilot-input-form{background:var(--bg-card);border:1px solid var(--border-color)}body.light-theme .copilot-text-input{color:var(--text-main)}body.light-theme .copilot-text-input::placeholder{color:var(--text-dim)}