.mode-selector{margin-bottom:20px}.navbar-menu{position:relative}.navbar-auth-buttons{align-items:center;display:flex}.navbar-button{border-radius:4px;color:#6b5b95;font-weight:500;margin-left:10px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.navbar-button:hover{background-color:#6b5b9514}.navbar-button-primary{background-color:#6b5b95;color:#fff}.navbar-button-primary:hover{background-color:#5a4a7d}@media (max-width:768px){.mode-selector{margin-bottom:15px}.mode-selector button{font-size:.9rem;margin:0 5px;padding:8px 12px}.results{padding:15px}.results h2{font-size:1.5rem}.results h3{font-size:1.2rem}.main-content{margin-top:70px;padding:10px}}@media (max-width:480px){.mode-selector button{font-size:.8rem;margin:0 3px;padding:6px 10px}.results{padding:10px}.results h2{font-size:1.3rem}.results h3{font-size:1.1rem}.main-content{margin-top:60px;padding:8px}}img{height:auto;max-width:100%}@media (max-width:768px){button{min-height:44px;min-width:44px}}.account-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.account-header{margin-bottom:3rem;text-align:center}.account-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.account-header p{color:#ffffffe6;font-size:1.1rem;text-shadow:0 1px 2px #0003}.account-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff26;border-radius:32px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:3rem}.account-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:300px 350px 1fr}.account-center,.account-main,.account-sidebar{display:flex;flex-direction:column;gap:1.5rem}.account-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #0003;padding:2rem;transition:all .3s ease}.account-section:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.account-section h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4f46e5;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:#dc2626;font-size:1.1rem;margin-bottom:1rem}.retry-button{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.retry-button:hover{background:#4338ca}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.info-item label{color:#1e293b;font-weight:600}.info-item span{color:#64748b}.user-id{background:#e5e7eb;border-radius:4px;font-family:monospace;font-size:.9rem;padding:.25rem .5rem}.account-management{display:flex;flex-direction:column;gap:1.5rem}.management-item{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.management-item.danger{background:#fef2f2cc;border:1px solid #ef44444d}.management-info h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.management-info p{color:#64748b;font-size:.9rem;margin:0 0 1rem}.management-button{align-self:stretch;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.management-button:hover{background:#4338ca;transform:translateY(-1px)}.management-button.secondary{background:#6b7280}.management-button.secondary:hover{background:#4b5563}.management-button.danger{background:#ef4444}.management-button.danger:hover{background:#dc2626}.subscription-info{display:flex;flex-direction:column;gap:1.5rem}.subscription-tier{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.subscription-details{margin-top:.5rem;opacity:.8}.subscription-details small{color:#6b7280;font-size:.875rem}.tier-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.tier-badge.free{background:#e5e7eb;color:#374151}.tier-badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706)}.tier-badge.complimentary,.tier-badge.premium{animation:premium-glow 2s ease-in-out infinite alternate;color:#fff}.tier-badge.complimentary{background:linear-gradient(135deg,#10b981,#059669)}@keyframes premium-glow{0%{box-shadow:0 0 5px #f59e0b80}to{box-shadow:0 0 20px #f59e0bcc,0 0 30px #f59e0b66}}.tier-status{color:#10b981;font-weight:500}.subscription-actions{margin-top:1.5rem}.subscription-management{text-align:center}.subscription-management p{color:#10b981;font-weight:500;margin-bottom:1rem}.subscription-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.upgrade-prompt{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:2rem;text-align:center}.upgrade-prompt p{color:#92400e;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.upgrade-button{animation:pulse-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.upgrade-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}@keyframes pulse-glow{0%{box-shadow:0 0 5px #f59e0b80}to{box-shadow:0 0 20px #f59e0bcc,0 0 30px #f59e0b66}}.complimentary-notice{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:8px;color:#fff;margin-top:1rem;padding:1rem;text-align:center}.complimentary-notice p{font-weight:500;margin:0}.usage-stats{display:flex;flex-direction:column;gap:1.5rem}.usage-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.usage-item:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.circular-progress{height:120px;margin:0 auto 1rem;position:relative;width:120px}.circular-progress svg{height:100%;transform:rotate(-90deg);width:100%}.circular-progress .bg-circle{fill:none;stroke:#e5e7eb;stroke-width:8}.circular-progress .progress-circle{fill:none;stroke:url(#gradient);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1.5s cubic-bezier(.4,0,.2,1)}.circular-progress .percentage{color:#1e293b;font-size:1.5rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.circular-progress .label{bottom:20px;color:#64748b;font-size:.75rem;left:50%;letter-spacing:.5px;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.usage-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.5rem}.usage-subtitle{color:#64748b;font-size:.875rem}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;padding:2rem;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:3rem;font-weight:700;height:120px;justify-content:center;margin:0 auto 1.5rem;text-transform:uppercase;width:120px}.profile-name{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.profile-email{color:#64748b;font-size:.875rem;margin-bottom:1rem}.profile-tier{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1rem;text-transform:uppercase}.profile-tier.complimentary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.profile-tier.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.profile-tier.free{background:#e5e7eb;color:#374151}.profile-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.profile-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.features-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.feature-item.available{border-color:#10b98180}.feature-item.unavailable{border-color:#ef444480}.feature-name{color:#1e293b;font-weight:500}.feature-item.available .feature-status{color:#10b981;font-weight:600}.feature-item.unavailable .feature-status{color:#ef4444;font-weight:600}.reset-info{display:flex;flex-direction:column;gap:1rem}.reset-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.reset-item label{color:#1e293b;font-weight:500}.reset-item span{color:#64748b;font-family:monospace}.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}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal.danger-modal{border:2px solid #ef4444}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#333;font-size:1.25rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-content,.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.warning-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.warning-message h4{color:#dc2626;font-size:1.1rem;margin:0 0 1rem}.warning-message p{color:#7f1d1d;margin:0 0 1rem}.warning-message ul{color:#7f1d1d;margin:0;padding-left:1.5rem}.warning-message li{margin-bottom:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.cancel-button:hover{background:#4b5563}.submit-button{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;min-width:120px;padding:.75rem 1.5rem;transition:background-color .3s ease}.submit-button:hover:not(:disabled){background:#4338ca}.submit-button.danger{background:#ef4444}.submit-button.danger:hover:not(:disabled){background:#dc2626}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.success-message{background:#d1fae5;border-radius:6px;color:#065f46;font-size:.9rem;margin-bottom:1rem;padding:.75rem}@media (max-width:768px){.account-page{padding:1rem}.account-container{padding:1.5rem}.account-header h1{font-size:2rem}.account-content{gap:1.5rem;grid-template-columns:1fr}.account-center{order:-1}.account-section{padding:1.5rem}.usage-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-item,.reset-item{gap:.5rem}.info-item,.reset-item,.subscription-tier{align-items:flex-start;flex-direction:column}.features-list{grid-template-columns:1fr}.feature-item{gap:.5rem}.feature-item,.management-item{align-items:flex-start;flex-direction:column}.management-item{gap:1rem}.subscription-buttons{align-items:center;flex-direction:column}.modal{margin:1rem;max-width:calc(100vw - 2rem)}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.help-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.help-header{margin-bottom:3rem;text-align:center}.help-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.help-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.help-tabs{border-bottom:2px solid #f0f0f0;display:flex;justify-content:center;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.tab-button:hover{color:#4f46e5}.tab-button.active{border-bottom-color:#4f46e5;color:#4f46e5}.help-content{min-height:500px}.faq-section h2{color:#333;margin-bottom:2rem;text-align:center}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:#f8f9fa;border-left:4px solid #4f46e5;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.faq-item h3{color:#333;font-size:1.1rem;margin-bottom:.5rem}.faq-item p{color:#666;line-height:1.6;margin:0}.contact-section{margin:0 auto;max-width:800px}.contact-section h2{color:#333;margin-bottom:1rem;text-align:center}.contact-section>p{color:#666;font-size:1.1rem;margin-bottom:2rem;text-align:center}.contact-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.contact-method{background:#f8f9fa;border-left:4px solid #4f46e5;border-radius:12px;padding:2rem;text-align:center}.contact-method h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.contact-method p{color:#666;line-height:1.6;margin-bottom:.5rem}.contact-method p:last-child{margin-bottom:0}.contact-method strong{color:#4f46e5;font-weight:600}.tutorials-section h2{color:#333;margin-bottom:1rem;text-align:center}.tutorials-section>p{color:#666;margin-bottom:2rem;text-align:center}.tutorials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tutorial-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.tutorial-card:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-4px)}.tutorial-thumbnail{align-items:center;background:#f3f4f6;display:flex;height:200px;justify-content:center;position:relative}.tutorial-thumbnail img{height:100%;object-fit:cover;width:100%}.play-button{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:60px}.duration,.play-button{background:#000000b3;color:#fff;position:absolute}.duration{border-radius:4px;bottom:.5rem;font-size:.8rem;padding:.25rem .5rem;right:.5rem}.tutorial-info{padding:1.5rem}.tutorial-info h3{color:#333;font-size:1.1rem;margin-bottom:.5rem}.tutorial-info p{color:#666;line-height:1.5;margin:0}.guide-section h2{color:#333;margin-bottom:2rem;text-align:center}.guide-steps{margin:0 auto 3rem;max-width:800px}.step{align-items:flex-start;background:#f8f9fa;border-radius:12px;display:flex;margin-bottom:2rem;padding:1.5rem}.step-number{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;margin-right:1.5rem;width:40px}.step-content h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.step-content p{color:#666;line-height:1.6;margin:0}.guide-tips{background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:12px;margin:0 auto;max-width:600px;padding:2rem}.guide-tips h3{color:#0c4a6e;margin-bottom:1rem}.guide-tips ul{color:#0c4a6e;line-height:1.6}.guide-tips li{margin-bottom:.5rem}@media (max-width:768px){.help-page{padding:1rem}.help-header h1{font-size:2rem}.help-tabs{flex-wrap:wrap;justify-content:center}.tab-button{font-size:.9rem;padding:.75rem 1rem}.form-row,.tutorials-grid{grid-template-columns:1fr}.step{flex-direction:column;text-align:center}.step-number{margin-bottom:1rem;margin-right:0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:url(/static/media/background.28c558afe8d47d918567.png);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;margin:0;min-height:100vh;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}