*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root,.App{min-height:100vh;width:100%}.home-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.home-content{max-width:600px;padding:2rem;text-align:center}.home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.home-header p{color:#fffc;font-size:1.25rem;margin-bottom:3rem}.get-started-btn{background:#fff;border-radius:50px;box-shadow:0 4px 15px #0003;color:#333;font-size:1.1rem;padding:1rem 2rem}.get-started-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.app{background:#fdf7ef;min-height:100vh;overflow-x:hidden;position:relative}*{box-sizing:border-box}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdf7efe6;border-bottom:1px solid #f97f1c;position:relative}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header-content,.logo{align-items:center;display:flex}.logo{color:#333;font-size:1.5rem;font-weight:700;gap:.5rem}.logo-icon{height:40px}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#fffc;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#fff}.header-actions{gap:1rem}.login-btn{background:#0000;border:none;color:#333;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;transition:opacity .3s ease}.login-btn:hover{opacity:.8}.get-started-btn{background:#f97f1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.get-started-btn:hover{background:#e66f0a;transform:translateY(-1px)}.create-btn,.message-btn,.notification-btn{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.create-btn:hover,.message-btn:hover,.notification-btn:hover{background:#ffffff1a}.user-info{align-items:center;background:#fff;border:1px solid #f97f1c;border-radius:12px;box-shadow:0 2px 8px #f97f1c1a;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;position:relative;transition:all .3s ease}.user-info:hover{background:#f8f8f8;border-color:#e66f0a;box-shadow:0 4px 12px #f97f1c33;transform:translateY(-1px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#f97f1c,#e66f0a);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #f97f1c4d;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-name{color:#333;font-size:.8rem;font-weight:500;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-container{align-items:center;display:flex;flex-direction:column;position:relative}.user-id{color:#666;font-size:.6rem;font-weight:400;margin-top:.3rem;max-width:200px;overflow:visible;text-align:center;white-space:nowrap;word-break:break-all}.credits-info{color:#f97f1c;font-size:.8rem;font-weight:600;margin-left:.5rem}.user-details{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.user-status{display:flex;flex-direction:column;font-size:.7rem;gap:.1rem}.subscription-status{color:#22c55e;font-weight:500;text-transform:capitalize}.delete-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.delete-modal{background:#fdf7ef;border:1px solid #f97f1c;border-radius:8px;box-shadow:0 4px 12px #f97f1c33;max-width:280px;width:100%}.delete-modal-content{color:#333;padding:1.5rem;text-align:center}.delete-modal-content p{color:#333;font-size:1rem;margin:0 0 1.5rem}.delete-modal-actions{display:flex;gap:.75rem;justify-content:center;padding:0 1.5rem 1.5rem}.delete-btn-cancel{background:#fff;border:1px solid #f97f1c;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.delete-btn-cancel:hover{background:#f8f8f8;border-color:#e66f0a}.delete-btn-confirm{background:#f97f1c;border:1px solid #e66f0a;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.delete-btn-confirm:hover{background:#e66f0a;border-color:#d45a08}.user-menu-arrow{color:#f97f1c;flex-shrink:0;font-size:.8rem;transition:transform .3s ease}.user-info:hover .user-menu-arrow{transform:rotate(180deg)}.user-menu{animation:slideDown .2s ease-out;background:#fff;border:1px solid #f97f1c;border-radius:12px;box-shadow:0 8px 32px #f97f1c33;min-width:160px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;margin:0 .5rem;padding:.75rem 1rem;transition:all .3s ease}.user-menu-item:hover{background:#f97f1c1a;color:#f97f1c;transform:translateX(4px)}.main-content{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem;text-align:center}.hero-section{max-width:800px;width:100%}.hero-title{color:#333;font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;margin-top:4rem}.heart{color:#f97f1c;font-size:4.2rem}.hero-subtitle{color:#333c;font-size:1.5rem;font-weight:400;margin-bottom:3rem}.scroll-arrow-container{display:flex;justify-content:center;padding:2rem 0}.scroll-arrow{align-items:center;background:#fff;border:1px solid #f97f1c;border-radius:12px;box-shadow:0 2px 8px #f97f1c1a;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.scroll-arrow:hover{background:#f8f8f8;border-color:#e66f0a;box-shadow:0 4px 12px #f97f1c33;transform:translateY(-2px)}.scroll-arrow-icon{animation:bounce 2s infinite;color:#f97f1c;font-size:2rem}.scroll-arrow-text{color:#333;font-size:.9rem;font-weight:500}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.input-section{margin-bottom:4rem}.input-container{background:#fff;border:1px solid #f97f1c;border-radius:16px;padding:1rem;position:relative;transition:all .3s ease}.input-container:hover{border-color:#e66f0a;transform:translateY(-2px)}.main-input{background:#0000;border:none;color:#333;flex:1 1;font-family:inherit;font-size:1.1rem;line-height:1.5;max-height:120px;min-height:1.5rem;outline:none;overflow-y:auto;padding:0;resize:none;width:100%}.input-wrapper{position:relative}.main-input::placeholder{color:#3339}.animated-placeholder{align-items:center;bottom:0;color:#3336;display:flex;font-family:inherit;font-size:1.1rem;left:0;line-height:1.5;padding:.75rem 0;pointer-events:none;position:absolute;right:0;top:0}.animated-placeholder .cursor{animation:blink 1s infinite;color:#f97f1c;font-weight:700;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.input-actions{align-items:flex-start;gap:1rem;justify-content:space-between;margin-top:2rem}.graph-type-tags{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.graph-type-tag{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:16px;color:#666;cursor:pointer;font-size:.8rem;font-weight:500;outline:none;padding:.4rem .8rem;transition:all .3s ease;white-space:nowrap}.graph-type-tag:hover{transform:translateY(-1px)}.graph-type-tag.selected,.graph-type-tag:hover{background:#f97f1c;border-color:#f97f1c;color:#fff}.graph-type-tag.selected{box-shadow:0 2px 8px #f97f1c4d}.graph-type-tag:focus{outline:2px solid #f97f1c;outline-offset:2px}.submit-btn{align-items:center;background:#f97f1c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:48px;justify-content:center;min-width:48px;padding:.75rem;transition:all .3s ease}.submit-btn:hover{background:#e66f0a;transform:translateY(-1px)}.arrow-icon,.wave-icon{font-size:1.2rem}.community-section{bottom:0;left:0;position:absolute;right:0}.community-bar{background:#0000004d;color:#fffc;font-weight:500;padding:1rem 2rem;text-align:left}.projects-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;margin:2rem;padding:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.workspace-container{margin:0 auto;max-width:1200px}.workspace-header{margin-bottom:2rem}.workspace-title{font-size:2rem;font-weight:700}.workspace-controls{flex-wrap:wrap}.search-container{flex:1 1;min-width:200px;position:relative}.search-input{outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease}.search-input:focus{background:#ffffff26;border-color:#fff6}.search-icon{color:#fff9;font-size:.9rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{border-radius:8px;cursor:pointer;outline:none;padding:.75rem 1rem;transition:all .3s ease}.filter-select:hover{background:#ffffff26}.filter-select option{background:#2a2a2a;color:#fff}.view-all-btn{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.view-all-btn:hover{background:#ffffff1a}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{box-shadow:0 2px 8px #f97f1c1a}.project-card:hover{box-shadow:0 8px 25px #f97f1c33;transform:translateY(-4px)}.project-preview{height:200px;overflow:hidden;position:relative}.mermaid-preview-container,.project-preview{align-items:center;background:#fff;display:flex;justify-content:center}.mermaid-preview-container{border-radius:8px;height:100%;width:100%}.preview-empty{align-items:center;color:#999;display:flex;font-size:.9rem;font-style:italic;height:100%;justify-content:center;text-align:center}.preview-error{color:#999;font-size:.8rem}.project-info{padding:.75rem 1rem}.project-header{margin-bottom:.5rem}.project-title{color:#000}.project-creator{background:#f97f1c;border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;height:24px;justify-content:center;margin-left:.5rem;width:24px}.graph-type{color:#f97f1c;font-size:.9rem}.status-badge{background:#4ade80;border-radius:4px;color:#1a1a2e;font-size:.7rem;font-weight:600;padding:.25rem .5rem}.preview-design{display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem;width:100%}.design-tools{display:flex;gap:.5rem}.tool{background:#ffffff4d;border-radius:4px;height:20px;width:20px}.design-canvas{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex:1 1;gap:1rem;justify-content:center}.shape{background:#fff6;border-radius:4px;height:30px;width:30px}.preview-form{display:flex;flex-direction:column;gap:.75rem;height:100%;padding:1rem;width:100%}.form-field{background:#ffffff4d;border-radius:4px;height:12px}.form-button{background:#ffffff80;border-radius:4px;height:16px;margin-top:.5rem;width:60px}.preview-text{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1rem;width:100%}.text-line{background:#ffffff4d;border-radius:4px;height:8px}.text-line.short{width:60%}.preview-gallery{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;height:100%;padding:1rem;width:100%}.gallery-item{aspect-ratio:1;background:#ffffff4d;border-radius:4px}.preview-dashboard{display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem;width:100%}.chart{background:#ffffff4d;border-radius:8px;height:60px}.metric{background:#fff3;border-radius:4px;height:20px}.preview-home{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:1rem;width:100%}.home-icon{background:#fff6;border-radius:8px;height:40px;width:40px}.home-controls{display:flex;gap:.5rem}.control{background:#ffffff4d;border-radius:4px;height:20px;width:20px}.preview-default{background:#ffffff1a;border-radius:8px;height:100%;width:100%}.graph-preview{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.graph-icon{font-size:3rem;opacity:.8}.graph-type{background:#f97f1c;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.nav{display:none}.logo{font-size:1.2rem}.logo-icon{height:32px}.hero-title{font-size:2.5rem;line-height:1.2;margin-top:2rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.input-container{margin:0 .5rem;padding:.75rem}.input-actions{align-items:stretch;flex-direction:column;gap:.75rem;margin-top:.75rem}.graph-type-tags{flex-wrap:wrap;gap:.4rem;justify-content:center}.graph-type-tag{font-size:.75rem;padding:.3rem .6rem}.submit-btn{align-self:center;height:44px;min-width:120px}.scroll-arrow-container{padding:1rem 0}.scroll-arrow{padding:.75rem}.scroll-arrow-icon{font-size:1.5rem}.scroll-arrow-text{font-size:.8rem}.projects-grid{box-sizing:border-box;gap:1rem;grid-template-columns:1fr;margin:0;max-width:100%;padding:0!important}.video-section{padding:2rem 1rem}.video-container iframe{height:300px}.contact-section{padding:.25rem 1rem}.contact-container{padding:1.5rem}.contact-container iframe{height:700px}.workspace-section{border-radius:16px;margin:1rem;padding:1.5rem 1rem}.workspace-header{align-items:stretch;flex-direction:column;gap:1rem}.workspace-title{font-size:1.3rem;text-align:center}.workspace-controls{align-items:stretch;flex-direction:column}.project-card{margin:0}.project-preview{height:160px}.project-info{padding:.5rem .75rem}.project-title{font-size:.9rem}.project-meta{font-size:.75rem}.example-prompt{font-size:.8rem;padding:.4rem}.app-footer{padding:2rem 1rem 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr!important;max-width:100%;overflow-x:hidden;padding:0;text-align:center}.footer-logo{justify-content:center}.footer-section{box-sizing:border-box;flex-shrink:0;width:100%}.footer-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.footer-links li{text-align:center;width:100%}.footer-links li a{word-wrap:break-word;display:block;padding:.25rem 0}.footer-description{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.search-container{min-width:auto}}@media (max-width:480px){.header-content{padding:.5rem}.logo{font-size:1rem}.logo-icon{height:28px}.hero-title{font-size:1.8rem;margin-top:1.5rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.main-content{padding:1rem .5rem}.input-container{margin:0 .25rem;padding:.5rem}.graph-type-tag{font-size:.7rem;padding:.25rem .5rem}.submit-btn{height:40px;min-width:100px}.video-section{padding:1.5rem .5rem}.video-container iframe{height:250px}.contact-section{padding:.125rem .5rem}.contact-container{padding:1rem}.contact-container iframe{height:600px}.workspace-section{margin:.5rem;padding:1rem .75rem}.workspace-title{font-size:1.1rem}.project-preview{height:140px}.project-info{padding:.4rem .5rem}.project-title{font-size:.85rem}.project-meta{font-size:.7rem}.example-prompt{font-size:.75rem;padding:.3rem}.scroll-arrow{padding:.5rem}.scroll-arrow-icon{font-size:1.2rem}.scroll-arrow-text{font-size:.75rem}.header-actions{gap:.5rem}.get-started-btn{font-size:.9rem;padding:.5rem 1rem}}.example-card{cursor:default!important}.example-card:hover{box-shadow:0 8px 24px #f97f1c33;transform:translateY(-4px)}.example-graph-image{max-height:100%;max-width:100%;object-fit:contain}.example-prompt{background:#f8f8f8;border-left:3px solid #f97f1c;border-radius:6px;color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem;padding:.5rem}.app-footer{background:#fdf7ef;border-top:1px solid #f97f1c;box-sizing:border-box;color:#333;overflow-x:hidden;padding:3rem 2rem 1rem}.footer-content{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 2rem;max-width:1200px;width:100%}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-logo{align-items:center;display:flex;justify-content:flex-start;margin-bottom:.5rem}.footer-logo-img{height:48px;width:auto}.footer-description{color:#666;font-size:.95rem;line-height:1.5;margin:0}.footer-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.footer-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.footer-links li a{color:#666;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links li a:hover{color:#f97f1c}.footer-bottom{border-top:1px solid #f97f1c;padding-top:1.5rem;text-align:center}.footer-copyright{color:#666;font-size:.9rem;margin:0}.video-section{margin:0 auto;max-width:1200px;padding:3rem 2rem;text-align:center}.video-container{border-radius:16px;box-shadow:0 8px 25px #00000026;margin:0 auto;max-width:800px;overflow:hidden;width:100%}.video-container iframe{border:none;border-radius:16px;height:450px;width:100%}.contact-section{margin:0 auto;max-width:1200px;padding:.5rem 2rem;text-align:center}.contact-container{margin:0 auto;max-width:600px;padding:2rem;width:100%}.contact-container iframe{border:none;height:800px;width:100%}.workspace-section{background:#fff;border:1px solid #f97f1c;border-radius:20px;margin:.5rem 2rem 6rem;padding:2rem}.workspace-header{box-sizing:border-box;margin:0 auto 2rem;max-width:1200px;padding:0 2rem;width:100%}.workspace-title{color:#000;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.workspace-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between}.search-box{flex:1 1;max-width:300px}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:.5rem 1rem;width:100%}.search-input::placeholder{color:#fff9}.filter-controls{align-items:center;display:flex;gap:1rem}.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;padding:.5rem}.view-all-link{color:#60a5fa;font-size:.9rem;text-decoration:none}.view-all-link:hover{text-decoration:underline}.projects-grid{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.project-card{background:#fff;border:1px solid #f97f1c;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#e66f0a;box-shadow:0 4px 12px #f97f1c33;transform:translateY(-2px)}.project-preview{padding:1rem}.project-thumbnail{background:#fff;border-radius:8px;height:120px;margin-bottom:1rem}.project-thumbnail,.thumbnail-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.thumbnail-placeholder{height:100%}.graph-icon{font-size:2rem;opacity:.6}.project-info{flex-direction:column}.project-header{align-items:flex-start;display:flex;justify-content:space-between}.project-title{color:#fff;flex:1 1;font-size:1rem;font-weight:600;margin:0}.project-creator{align-items:center;display:flex}.creator-icon{background:#e94560;border-radius:50%;color:#fff;font-weight:700;height:24px;justify-content:center;width:24px}.creator-icon,.project-meta{align-items:center;display:flex;font-size:.8rem}.project-meta{color:#000;gap:1rem;justify-content:space-between}.project-id{background:#ffffff1a;border-radius:4px;font-size:.7rem;padding:.25rem .5rem}.empty-workspace{background:#fff;border:1px solid #f97f1c;border-radius:12px;color:#000;font-size:1.1rem;grid-column:1/-1;padding:3rem;text-align:center}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin-bottom:1rem}.loading-text{font-size:1.2rem;font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .3s ease-out;background:#2a2a2a;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:2rem;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.close-btn:hover{background:#ffffff1a;color:#fff}.modal-header{margin-bottom:2rem;text-align:center}.modal-logo{margin-bottom:1rem}.modal-logo-icon{display:inline-block;height:80px;object-fit:contain;width:auto}.modal-title{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.modal-description{color:#fffc;font-size:1rem;line-height:1.5;margin:0}.modal-actions{display:flex;flex-direction:column;gap:1rem}.modal-login-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.modal-login-btn:hover{background:#ffffff1a;border-color:#ffffff80}.modal-signup-btn{background:#fff;border:none;border-radius:8px;color:#2a2a2a;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.modal-signup-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.modal-footer{margin-top:1rem;text-align:center}.full-login-btn{background:#0000;border:none;color:#60a5fa;cursor:pointer;font-size:.9rem;padding:.5rem;text-decoration:underline;transition:color .3s ease}.full-login-btn:hover{color:#93c5fd}@media (max-width:480px){.modal-content{margin:1rem;padding:1.5rem}.modal-title{font-size:1.5rem}.modal-description{font-size:.9rem}.modal-actions{gap:.75rem}.modal-login-btn,.modal-signup-btn{font-size:.95rem;padding:.75rem 1.25rem}}.login-page{align-items:center;background:#fdf7ef;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{background:#fff;border:2px solid #f97f1c;border-radius:16px;box-shadow:0 8px 32px #f97f1c1a;max-width:450px;padding:2.5rem;text-align:center;width:100%}.back-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:.9rem;margin-bottom:2rem;transition:color .3s ease}.back-btn:hover{color:#f97f1c}.login-logo,.login-title{margin-bottom:2rem}.login-title{color:#333;font-size:2rem;font-weight:700}.verification-message{background:#fff;border:2px solid #f97f1c;border-radius:12px;box-shadow:0 4px 12px #f97f1c1a;margin-bottom:1.5rem;padding:2rem;text-align:center}.verification-message h3{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.verification-message p{color:#333;font-size:.9rem;line-height:1.5;margin:.5rem 0}.verification-message strong{color:#f97f1c;font-weight:600}.back-to-login-btn{background:#f97f1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-to-login-btn:hover{background:#e66f0a;transform:translateY(-1px)}.social-login{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.google-btn{align-items:center;background:#fff;border:2px solid #f97f1c;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.google-btn:hover{background:#f97f1c;color:#fff;transform:translateY(-1px)}.google-icon{font-size:1.1rem}.separator{align-items:center;display:flex;margin:1.5rem 0}.separator-line{background:#ddd;flex:1 1;height:1px}.separator-text{color:#999;font-size:.8rem;margin:0 1rem}.email-input-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.email-input,.password-input{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.email-input::placeholder,.password-input::placeholder{color:#999}.email-input:focus,.password-input:focus{border-color:#f97f1c;box-shadow:0 0 0 3px #f97f1c1a}.continue-btn{background:#f97f1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.continue-btn:hover:not(:disabled){background:#e66a00;transform:translateY(-1px)}.continue-btn:disabled{cursor:not-allowed;opacity:.5}.toggle-mode{color:#666;font-size:.9rem}.toggle-btn{background:#0000;border:none;color:#f97f1c;cursor:pointer;font-size:.9rem;margin-left:.5rem;text-decoration:underline}.toggle-btn:hover{color:#e66a00}.forgot-password-section{margin:1rem 0}.forgot-password-link{background:#0000;border:none;color:#f97f1c;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.forgot-password-link:hover{color:#e66a00}.terms-privacy-section{margin:1.5rem 0;padding:0 1rem;text-align:center}.terms-text{color:#666;font-size:.85rem;line-height:1.4;margin:0 0 .75rem}.legal-link{color:#f97f1c;text-decoration:underline;transition:color .3s ease}.legal-link:hover{color:#e66a00}@media (max-width:480px){.login-container{margin:1rem;padding:2rem}.login-title{font-size:1.5rem}.terms-privacy-section{margin:1rem 0;padding:0 .5rem}.terms-text{font-size:.8rem}}.chat-page{background:#fdf7ef;color:#333;display:flex;flex-direction:column;height:100vh;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdf7efe6;border-bottom:1px solid #f97f1c;flex-shrink:0;height:60px;justify-content:space-between;padding:.75rem 1.5rem}.chat-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem;height:100%}.back-button{background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.back-button:hover{background:#f97f1c1a}.project-info{align-items:center;display:flex;gap:.5rem}.project-icon{font-size:1.2rem}.header-logo{height:50px;object-fit:contain;width:auto}.project-status{font-size:.9rem;opacity:.7}.header-right{gap:.75rem}.header-right,.user-credits{align-items:center;display:flex}.user-credits{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;gap:.5rem;padding:.5rem 1rem}.credits-icon{font-size:1.2rem}.credits-count{color:#333;font-size:1rem;font-weight:600}.credits-label{color:#333c;font-size:.9rem}.github-btn,.invite-btn,.publish-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.github-btn,.invite-btn{background:#f97f1c;color:#fff}.github-btn{font-size:1.2rem}.publish-btn{background:#f97f1c;color:#fff}.github-btn:hover,.invite-btn:hover,.publish-btn:hover{opacity:.9;transform:translateY(-1px)}.chat-container{display:flex;flex:1 1;overflow:hidden}.chat-sidebar{background:#fff;border-right:1px solid #f97f1c;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 60px);overflow:hidden;width:33.33%}.project-context{border-bottom:1px solid #f97f1c;flex-shrink:0;padding:1rem}.context-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.context-icon{font-size:1.1rem}.context-name{font-size:1rem;font-weight:600}.context-lock{font-size:.8rem;opacity:.7}.context-status{color:#ffffffb3;font-size:.85rem}.chat-messages{flex:1 1;gap:1rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem}.chat-messages,.message{display:flex;flex-direction:column}.message{gap:.5rem}.message.user{align-items:flex-end}.message.ai{align-items:flex-start}.message-header{align-items:center;color:#333c;display:flex;font-size:.9rem;gap:.5rem}.ai-name{font-weight:600}.ai-icon{display:block;height:24px;margin-bottom:.5rem;object-fit:contain;width:24px}.message-content{background:#fdf7ef;border:1px solid #f97f1c;border-radius:12px;font-size:.9rem;line-height:1.4;max-width:320px;padding:.75rem 1rem}.message.user .message-content{background:#f97f1c;border:1px solid #e66f0a;color:#fff}.message-actions{display:flex;gap:.5rem;margin-top:.25rem}.action-btn{background:#0000;border:none;border-radius:4px;color:#fff9;font-size:.8rem;padding:.25rem;transition:all .3s ease}.action-btn:hover{background:#f97f1c1a;color:#333}.typing-indicator{align-items:center;background:#fdf7ef;border:1px solid #f97f1c;border-radius:12px;display:flex;gap:.4rem;justify-content:center;max-width:320px;padding:1rem 1.5rem}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#f97f1c;border-radius:50%;box-shadow:0 0 10px #f97f1c80;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-12px) scale(1.2)}}.typing-placeholder{height:80px;margin:.75rem 0;opacity:0}.bottom-spacer{flex-shrink:0;height:2rem}.preview-text-button{display:none;padding:.5rem 1rem;text-align:center}.preview-text-button button{background:none;border:none;color:#f97f1c;cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:underline}.preview-text-button button:hover{color:#e66a0a}.back-to-chat-text-button{display:none;padding:.5rem 1rem;text-align:center}.back-to-chat-text-button button{background:none;border:none;color:#f97f1c;cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:underline}.back-to-chat-text-button button:hover{color:#e66a0a}.chat-input-container{border-top:1px solid #f97f1c;flex-shrink:0;max-height:120px;min-height:120px;overflow:hidden;padding:1rem}.input-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.add-btn,.edit-btn{background:#fff;border:1px solid #f97f1c;border-radius:6px;color:#333;cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .3s ease}.add-btn:hover,.edit-btn:hover{background:#f8f8f8;border-color:#e66f0a}.input-wrapper{align-items:center;display:flex;gap:.5rem}.chat-input{background:#fff;border:1px solid #f97f1c;border-radius:8px;color:#333;flex:1 1;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.chat-input::placeholder{color:#3339}.chat-input:focus{background:#f8f8f8;border-color:#e66f0a}.input-buttons{display:flex;gap:.5rem}.chat-btn,.send-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.chat-btn{background:#fff;border:1px solid #f97f1c;color:#333}.send-btn{background:#f97f1c;color:#fff}.chat-btn:hover{background:#f8f8f8;border-color:#e66f0a;transform:translateY(-1px)}.send-btn:hover{background:#e66f0a;transform:translateY(-1px)}.send-btn:disabled{color:#666;cursor:not-allowed}.send-btn:disabled,.send-btn:disabled:hover{background:#ccc;transform:none}.preview-area{background:#fff;display:flex;flex-direction:column;height:calc(100vh - 60px);min-height:0;min-width:0;overflow:hidden;width:66.67%}.preview-controls{flex-shrink:0}.code-btn,.slash-btn{background:#fff;border:1px solid #f97f1c;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:all .3s ease}.code-btn:hover,.slash-btn:hover{background:#f97f1c1a}.preview-content{display:block;flex:1 1;min-height:0;overflow:hidden;padding:0}.preview-placeholder{align-items:center;color:#3339;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.preview-icon{font-size:3rem;margin-bottom:1rem}.preview-placeholder h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.preview-placeholder p{color:#333333b3;font-size:1rem;margin-bottom:1rem}.graph-preview-button-container{display:none;margin-top:1rem;padding:0 1rem}.graph-preview-button{align-items:center;background:#f97f1c;border:none;border-radius:8px;box-shadow:0 2px 8px #f97f1c4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.graph-preview-button:hover{background:#e66a0a;box-shadow:0 4px 12px #f97f1c66;transform:translateY(-1px)}.graph-preview-button .preview-icon{font-size:1.1rem}.graph-preview-button .preview-text{font-weight:600}.back-to-chat-button{align-items:center;background:#f97f1c;border:none;border-radius:8px;box-shadow:0 2px 8px #f97f1c4d;color:#fff;cursor:pointer;display:none;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.back-to-chat-button:hover{background:#e66a0a;box-shadow:0 4px 12px #f97f1c66;transform:translateY(-1px)}.back-to-chat-button .back-icon{font-size:1.1rem}.back-to-chat-button .back-text{font-weight:600}@media (max-width:768px){.mobile-chat-only .preview-area,.mobile-preview-only .chat-sidebar{display:none}.back-to-chat-text-button,.preview-text-button{display:block}.back-to-chat-button{display:flex}.chat-container{flex-direction:column}.chat-sidebar{border-bottom:none;border-right:none}.chat-sidebar,.preview-area{height:100vh;min-height:100vh;width:100%}.preview-area{background:#fff;left:0;position:fixed;top:0;z-index:999}.chat-header{height:50px;padding:.75rem 1rem}.header-left{gap:.75rem}.back-button{font-size:.9rem;padding:.4rem .8rem}.header-logo{height:40px}.header-right{gap:.5rem}.user-credits{padding:.4rem .8rem}.credits-count{font-size:.9rem}.credits-label{font-size:.8rem}.github-btn,.invite-btn,.publish-btn{font-size:.8rem;padding:.4rem .8rem}.project-context{padding:.75rem}.context-name{font-size:.9rem}.context-status{font-size:.8rem}.chat-messages{gap:.75rem;margin-bottom:1rem;padding:.75rem .75rem 2rem}.message-content{font-size:.85rem;max-width:280px;padding:.6rem .8rem}.chat-input-container{margin-bottom:2rem;margin-top:1rem;min-height:120px;padding:.75rem .75rem 3rem}.chat-input{font-size:.9rem;height:50px;max-height:50px;min-height:50px}.chat-actions{gap:.5rem}.chat-btn,.send-btn{font-size:.8rem;padding:.4rem .8rem}.preview-controls{gap:.4rem;padding:.75rem}.code-btn,.slash-btn{font-size:.8rem;padding:.4rem .6rem}.mermaid-chart-container{min-height:200px}.zoom-controls{flex-wrap:wrap;gap:.25rem}.zoom-controls button{font-size:.9rem;height:32px;min-width:32px}.pan-indicator,.zoom-indicator{font-size:.8rem;padding:.3rem .6rem}}.welcome-message{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:1rem;padding:2rem;text-align:center}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome-message h3{color:#64ffda;margin:0 0 1rem}.welcome-message p{line-height:1.6;margin:0 0 1.5rem;opacity:.8}.example-prompts{background:#0000004d;border-radius:8px;margin-top:1rem;padding:1rem;text-align:left}.example-prompts ul{margin:.5rem 0 0;padding-left:1.5rem}.example-prompts li{margin:.5rem 0;opacity:.9}.mermaid-diagram{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:1rem}.mermaid-diagram svg{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:100%;max-width:100%}.mermaid-code{background:#fff;border-top:1px solid #f97f1c;padding:1rem}.mermaid-code details{cursor:pointer}.mermaid-code summary{color:#333;font-weight:600;margin-bottom:.5rem}.mermaid-code pre{background:#00000080;border-radius:6px;font-size:.9rem;margin:0;overflow-x:auto;padding:1rem}.mermaid-code code{color:#f8f8f2;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.graph-types{margin-top:1rem}.type-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.type-tag{background:#f97f1c33;border:1px solid #f97f1c4d;border-radius:4px;color:#f97f1c;font-size:.8rem;padding:.25rem .5rem}.stop-btn{background:#f97f1c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .3s ease}.stop-btn:hover{background:#e66f0a;transform:translateY(-1px)}.chat-input{font-family:inherit;height:60px;max-height:60px;min-height:60px;resize:none}.preview-controls{border-bottom:1px solid #f97f1c;display:flex;gap:.5rem;padding:1rem}.preview-controls button{background:#f97f1c;border:1px solid #e66f0a;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem;transition:all .3s ease}.preview-controls button:hover{background:#e66f0a;transform:translateY(-1px)}@media (max-width:480px){.chat-header{height:45px;padding:.5rem}.header-left{gap:.5rem}.back-button{font-size:.8rem;padding:.3rem .6rem}.header-logo{height:35px}.header-right{gap:.4rem}.user-credits{padding:.3rem .6rem}.credits-count{font-size:.8rem}.credits-label{font-size:.7rem}.github-btn,.invite-btn,.publish-btn{font-size:.7rem;padding:.3rem .6rem}.chat-sidebar,.preview-area{height:100vh;min-height:100vh}.project-context{padding:.5rem}.context-name{font-size:.8rem}.context-status{font-size:.75rem}.chat-messages{gap:.5rem;margin-bottom:1rem;padding:.5rem .5rem 2rem}.message-content{font-size:.8rem;max-width:260px;padding:.5rem .7rem}.chat-input-container{margin-bottom:2rem;margin-top:1rem;min-height:120px;padding:.5rem .5rem 3rem}.chat-input{font-size:.85rem;height:45px;max-height:45px;min-height:45px}.chat-actions{gap:.4rem}.chat-btn,.send-btn{font-size:.75rem;padding:.3rem .6rem}.preview-controls{gap:.3rem;padding:.5rem}.code-btn,.slash-btn{font-size:.75rem;padding:.3rem .5rem}.mermaid-chart-container{min-height:180px}.zoom-controls button{font-size:.8rem;height:28px;min-width:28px}.pan-indicator,.zoom-indicator{font-size:.75rem;padding:.25rem .5rem}}.typing-text{animation:pulse 2s ease-in-out infinite;color:#f97f1c;font-size:14px;font-style:italic;font-weight:500;margin-top:8px;text-align:center}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.diagram-loading{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;display:flex;flex-direction:column;height:100%;justify-content:center;margin:1rem;min-height:300px}.loading-spinner{border:4px solid #ffffff1a;border-top-color:#64ffda;box-shadow:0 0 20px #64ffda4d;margin-bottom:20px}.loading-text{animation:pulse 2s ease-in-out infinite;color:#64ffda;font-size:18px;font-weight:600;text-align:center}.mermaid-chart-container{display:flex;flex-direction:column;height:100%;margin:0;min-height:0;overflow:hidden;padding:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.zoom-controls{align-items:center;background:#fff;border:1px solid #f97f1c;border-radius:8px;display:flex;gap:.5rem;margin-left:1rem;padding:.5rem}.zoom-controls button{align-items:center;background:#f97f1c;border:1px solid #e66f0a;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;min-width:40px;padding:.5rem .8rem;transition:all .3s ease}.zoom-controls button:hover{background:#e66f0a;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.zoom-controls .reset-btn{background:#f97f1c;border-color:#e66f0a;color:#fff;font-size:.9rem;min-width:60px}.zoom-controls .reset-btn:hover{background:#e66f0a;box-shadow:0 2px 8px #f97f1c4d}.mermaid-chart{align-items:center;background:#0000;cursor:grab;display:flex;flex:1 1;height:100%;justify-content:center;min-height:0;overflow:hidden;padding:0;position:relative;width:100%}.mermaid-chart:active{cursor:grabbing}.mermaid-chart svg{background:#fff;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .1s ease-out;width:auto}.mermaid-chart div{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.mermaid-container{display:flex;flex-direction:column;height:100%;margin:0;min-height:0;padding:0;position:relative}.zoom-indicator{font-size:.9rem;font-weight:600;top:1rem}.pan-indicator,.zoom-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #f97f1c;border-radius:20px;color:#333;padding:.5rem 1rem;position:absolute;right:1rem;z-index:10}.pan-indicator{bottom:1rem;font-size:.8rem}.upgrade-prompt{background:#fff;border:1px solid #f97f1c;border-radius:12px;margin:0 0 1rem;padding:1rem}.upgrade-content{align-items:center;color:#333;display:flex;gap:1rem}.upgrade-icon{font-size:2rem}.upgrade-text h3{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.upgrade-text p{font-size:.9rem;margin:0;opacity:.9}.upgrade-btn{background:#f97f1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:.75rem 1.5rem;transition:all .3s ease}.upgrade-btn:hover{background:#e66f0a;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.upgrade-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal{background:#fff;border:1px solid #f97f1c;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.upgrade-modal-header{align-items:center;border-bottom:1px solid #f97f1c;display:flex;justify-content:space-between;padding:1.5rem}.upgrade-modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-btn{background:#0000;border-radius:50%;padding:.5rem;transition:all .3s ease}.upgrade-modal-content{color:#333;padding:2rem;text-align:center}.upgrade-icon-large{font-size:4rem;margin-bottom:1rem}.upgrade-modal-content h3{color:#64ffda;font-size:1.5rem;margin:0 0 .5rem}.upgrade-modal-content p{color:#fffc;font-size:1rem;margin:0 0 2rem}.upgrade-plans{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2rem}.upgrade-plan{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.upgrade-plan.featured{background:#64ffda1a;border-color:#64ffda;transform:scale(1.05)}.upgrade-plan h4{color:#fff;font-size:1.2rem;margin:0 0 .5rem}.plan-price{color:#64ffda;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.upgrade-plan ul{list-style:none;margin:0 0 1.5rem;padding:0;text-align:left}.upgrade-plan li{color:#333c;font-size:.9rem;padding:.25rem 0}.upgrade-plan li:before{color:#f97f1c;content:"✓";font-weight:700;margin-right:.5rem}.plan-btn{border:none;border-radius:8px;font-weight:600;transition:all .3s ease;width:100%}.plan-btn:hover{background:#e66f0a;transform:translateY(-1px)}@media (max-width:768px){.upgrade-plans{grid-template-columns:1fr}.upgrade-plan.featured{transform:none}.upgrade-content{flex-direction:column;text-align:center}.upgrade-btn{margin-left:0;margin-top:1rem}}.chat-loading{align-items:center;background:#fdf7ef;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 60px)}.loading-content{padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f97f1c1a;border-radius:50%;border-top-color:#f97f1c;height:50px;margin:0 auto 1.5rem;width:50px}.loading-text h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.loading-text p{color:#333333b3;font-size:.9rem;margin:0}.reset-password-page{align-items:center;background:#fdf7ef;display:flex;justify-content:center;min-height:100vh;padding:2rem}.reset-container{background:#fff;border:2px solid #f97f1c;border-radius:16px;box-shadow:0 8px 32px #f97f1c1a;max-width:450px;padding:2.5rem;text-align:center;width:100%}.reset-logo,.reset-title{margin-bottom:2rem}.reset-title{color:#333;font-size:2rem;font-weight:700}.reset-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.reset-btn{background:#f97f1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.75rem 1rem;transition:all .3s ease}.reset-btn:hover:not(:disabled){background:#e66a00;transform:translateY(-1px)}.reset-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.reset-container{margin:1rem;padding:2rem}.reset-title{font-size:1.5rem}}.change-password-page{align-items:center;background:#fdf7ef;display:flex;justify-content:center;min-height:100vh;padding:2rem}.change-container{background:#fff;border:2px solid #f97f1c;border-radius:16px;box-shadow:0 8px 32px #f97f1c1a;max-width:450px;padding:2.5rem;text-align:center;width:100%}.change-logo{margin-bottom:2rem}.logo-icon{height:80px;max-width:100%;object-fit:contain;width:auto}.change-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem}.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem}.change-form{gap:1rem;margin-bottom:2rem}.change-form,.input-group{display:flex;flex-direction:column}.password-input{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.password-input::placeholder{color:#999}.password-input:focus{border-color:#f97f1c;box-shadow:0 0 0 3px #f97f1c1a}.change-btn{background:#f97f1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.75rem 1rem;transition:all .3s ease}.change-btn:hover:not(:disabled){background:#e66a00;transform:translateY(-1px)}.change-btn:disabled{cursor:not-allowed;opacity:.5}.back-to-login{margin-top:1rem}.back-link{background:#0000;border:none;color:#666;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.back-link:hover{color:#f97f1c}.success-message{background:#fff;border:2px solid #10b981;border-radius:12px;box-shadow:0 4px 12px #10b9811a;padding:2rem;text-align:center}.success-message h2{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.success-message p{color:#333;font-size:.9rem;line-height:1.5;margin:.5rem 0}.go-home-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.go-home-btn:hover{background:#059669;transform:translateY(-1px)}.loading-message{background:#fff;border:2px solid #f97f1c;border-radius:12px;box-shadow:0 4px 12px #f97f1c1a;padding:2rem;text-align:center}.loading-message h2{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.loading-message p{color:#666;font-size:.9rem;line-height:1.5;margin:.5rem 0}@media (max-width:480px){.change-container{margin:1rem;padding:2rem}.change-title{font-size:1.5rem}}.terms-main{background:#f8fafc;min-height:calc(100vh - 140px);padding:3rem 0}.terms-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin:0 auto;max-width:800px;overflow:hidden}.terms-header{background:linear-gradient(135deg,#f97f1c,#e66a00);color:#fff;padding:3rem 2rem;text-align:center}.terms-header h1{font-size:2.5rem;font-weight:700;margin:0}.terms-content{color:#333;line-height:1.6;padding:3rem}.terms-content section{margin-bottom:2.5rem}.terms-content h2{border-bottom:2px solid #f97f1c;color:#f97f1c;font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.terms-content p{font-size:1rem;margin:0 0 1rem}.terms-content ul{margin:1rem 0;padding-left:1.5rem}.terms-content li{font-size:1rem;margin:.5rem 0}.terms-content strong{color:#f97f1c;font-weight:600}@media (max-width:768px){.terms-main{padding:2rem 0}.terms-container{border-radius:12px;margin:0 1rem}.terms-header{padding:2rem 1.5rem}.terms-header h1{font-size:2rem}.terms-content{padding:2rem 1.5rem}.terms-content h2{font-size:1.3rem}.terms-content li,.terms-content p{font-size:.95rem}}@media (max-width:480px){.terms-main{padding:1rem 0}.terms-container{border-radius:8px;margin:0 .5rem}.terms-header{padding:1.5rem 1rem}.terms-header h1{font-size:1.8rem}.terms-content{padding:1.5rem 1rem}.terms-content h2{font-size:1.2rem}.terms-content li,.terms-content p{font-size:.9rem}}.privacy-main{background:#f8fafc;min-height:calc(100vh - 140px);padding:3rem 0}.privacy-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin:0 auto;max-width:800px;overflow:hidden}.privacy-header{background:linear-gradient(135deg,#f97f1c,#e66a00);color:#fff;padding:3rem 2rem;text-align:center}.privacy-header h1{font-size:2.5rem;font-weight:700;margin:0}.last-updated{font-size:.9rem;margin:.5rem 0 0;opacity:.9}.back-to-home-btn{background:#f97f1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.back-to-home-btn:hover{background:#e66a00;transform:translateY(-1px)}.privacy-content{color:#333;line-height:1.6;padding:3rem}.privacy-content section{margin-bottom:2.5rem}.privacy-content h2{border-bottom:2px solid #f97f1c;color:#f97f1c;font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.privacy-content h3{color:#333;font-size:1.2rem;font-weight:600;margin:1.5rem 0 .75rem}.privacy-content p{font-size:1rem;margin:0 0 1rem}.privacy-content ul{margin:1rem 0;padding-left:1.5rem}.privacy-content li{font-size:1rem;margin:.5rem 0}.privacy-content strong{color:#f97f1c;font-weight:600}@media (max-width:768px){.privacy-main{padding:2rem 0}.privacy-container{border-radius:12px;margin:0 1rem}.privacy-header{padding:2rem 1.5rem}.privacy-header h1{font-size:2rem}.privacy-content{padding:2rem 1.5rem}.privacy-content h2{font-size:1.3rem}.privacy-content h3{font-size:1.1rem}.privacy-content li,.privacy-content p{font-size:.95rem}}@media (max-width:480px){.privacy-main{padding:1rem 0}.privacy-container{border-radius:8px;margin:0 .5rem}.privacy-header{padding:1.5rem 1rem}.privacy-header h1{font-size:1.8rem}.privacy-content{padding:1.5rem 1rem}.privacy-content h2{font-size:1.2rem}.privacy-content h3{font-size:1rem}.privacy-content li,.privacy-content p{font-size:.9rem}}.subscription-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.subscription-modal{background:#fff;border:1px solid #f97f1c;border-radius:12px;box-shadow:0 20px 40px #f97f1c33;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.subscription-modal-header{align-items:center;border-bottom:1px solid #f97f1c;display:flex;justify-content:space-between;padding:1.5rem}.header-actions{align-items:center;display:flex;gap:.5rem}.refresh-btn{background:#f97f1c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#e66f0a}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.subscription-modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.close-btn:hover{background:#f97f1c1a;color:#f97f1c}.subscription-modal-content{color:#333;padding:1.5rem}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.spinner{animation:spin 1s linear infinite;border:3px solid #f97f1c1a;border-radius:50%;border-top-color:#f97f1c;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:1rem}.error-message p{color:#dc2626;margin:0}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;padding:1rem}.success-message p{color:#16a34a;margin:0}.subscription-section{margin-bottom:2rem}.subscription-section h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.subscription-card{background:#f8f9fa;border:1px solid #f97f1c;border-radius:8px;padding:1.5rem}.plan-info,.subscription-info{margin-bottom:1rem}.plan-info{align-items:center;display:flex;gap:1rem}.plan-info h4{color:#333;font-size:1.25rem;font-weight:600;margin:0}.status-badge{border-radius:20px;color:#fff;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.subscription-details p{color:#333c;margin:.5rem 0}.subscription-actions{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{background:#fff;border:1px solid #f97f1c;border-radius:6px;color:#f97f1c;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.action-btn:hover:not(:disabled){background:#f97f1c;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn.update-payment{background:#f97f1c;color:#fff}.action-btn.update-payment:hover:not(:disabled){background:#e66f0a}.action-btn.cancel{background:#ef4444;border-color:#ef4444;color:#fff}.action-btn.cancel:hover:not(:disabled){background:#dc2626}.action-btn.reactivate{background:#22c55e;border-color:#22c55e;color:#fff}.action-btn.reactivate:hover:not(:disabled){background:#16a34a}.no-subscription{background:#f8f9fa;border:1px solid #f97f1c;border-radius:8px;padding:1.5rem;text-align:center}.no-subscription p{color:#333c;margin:.5rem 0}.debug-info{background:#f97f1c1a;border:1px solid #f97f1c4d;border-radius:6px;margin-top:1rem;padding:1rem}.debug-info p{color:#333;font-size:.875rem;margin:.25rem 0}.plan-section{margin-bottom:2rem}.plan-section h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.plan-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.plan-option{background:#f8f9fa;border:1px solid #f97f1c;border-radius:8px;padding:1.5rem;position:relative;text-align:center}.plan-option-pro{background:linear-gradient(135deg,#ffd6a9,#ffb366);border:2px solid #ffd6a9;box-shadow:0 8px 25px #ffd6a94d;transform:scale(1.1);z-index:2}.plan-option-pro h4{color:#fff;font-size:1.25rem;font-weight:700}.plan-option-pro p{color:#ffffffe6;font-weight:500}.pro-badge{background:#10b981;border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.7rem;font-weight:700;left:50%;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%)}.plan-btn-pro{background:#fff!important;border:2px solid #fff!important;box-shadow:0 4px 12px #00000026!important;color:#ffb366!important;font-weight:700!important}.plan-btn-pro:hover{background:#f8f9fa!important;box-shadow:0 6px 16px #0003!important;transform:translateY(-2px)!important}.plan-option h4{color:#333;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.plan-option p{color:#333c;margin:.25rem 0}.plan-btn{background:#f97f1c;border:1px solid #f97f1c;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.plan-btn:hover:not(:disabled){background:#e66f0a}.plan-btn:disabled{cursor:not-allowed;opacity:.6}.plan-btn.disabled{background:#ccc;color:#666;cursor:not-allowed}.plan-btn.disabled:hover{background:#ccc}.scheduled-change{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;color:#f59e0b;margin-top:.5rem;padding:.5rem}.plan-info{margin:.75rem 0}.info-button-container{display:flex;justify-content:center;margin:.75rem 0}.info-button{align-items:center;background:#fff;border:1px solid #f97f1c;border-radius:50%;color:#f97f1c;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.info-button:hover{background:#f97f1c;color:#fff}.info-button-top-right{margin:0;position:absolute;right:.75rem;top:.75rem}.info-tooltip{background:#333;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.875rem;line-height:1.4;max-width:300px;padding:.75rem 1rem;pointer-events:none}.info-tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.billing-section h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.billing-history{background:#f8f9fa;border:1px solid #f97f1c;border-radius:8px;overflow:hidden}.billing-item{align-items:center;border-bottom:1px solid #f97f1c33;display:flex;justify-content:space-between;padding:1rem 1.5rem}.billing-item:last-child{border-bottom:none}.billing-info{display:flex;flex-direction:column;gap:.25rem}.billing-type{color:#333;font-weight:500}.billing-date{color:#3339;font-size:.875rem}.billing-amount{color:#f97f1c;font-weight:500}@media (max-width:768px){.subscription-modal{margin:1rem;max-height:calc(100vh - 2rem)}.subscription-modal-content,.subscription-modal-header{padding:1rem}.subscription-actions{flex-direction:column}.action-btn{width:100%}.plan-options{grid-template-columns:1fr}.billing-item{align-items:flex-start;flex-direction:column;gap:.5rem}}
/*# sourceMappingURL=main.e846dae3.css.map*/