button.hint-button,button.next-button,button.pause-button,button.restart-button{align-items:center;background-color:#43b0f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(16px,2vw,22px);gap:6px;margin:8px;padding:clamp(8px,1.5vw,24px) clamp(16px,3vw,32px);transition:all .2s ease-in-out}button.hint-button:hover,button.next-button:hover,button.pause-button:hover,button.restart-button:hover{background-color:#2a8fd9;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}button.pause-button{background-color:#f39c12;font-weight:500;margin-top:16px;padding:10px 16px}button.pause-button:hover{background-color:#e67e22}button.pause-button:disabled{background-color:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.button-icon{font-size:clamp(20px,3vw,32px)}@media (max-width:600px){button.hint-button,button.next-button,button.restart-button{font-size:13px;min-width:70px;padding:6px 8px}.button-icon{font-size:18px;margin-right:.2rem}}.puzzle-action-row{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:1rem}:root{--sidebar-bg:#fff;--sidebar-border:#e2e2e2;--sidebar-shadow:#0000000d;--heading-color:#2a2a2a;--background-color:#fdfdfd;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body,html{background:#fdfdfd;background:var(--background-color);box-sizing:border-box;color:#333;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);margin:0;padding:0}*,:after,:before{box-sizing:inherit}.puzzle-layout{display:flex;min-height:100vh}.mobile-header{align-items:flex-start;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:none;flex-direction:column;gap:.2rem;min-height:0;min-height:auto;padding:.5rem 1rem;position:relative}.mobile-header h2{font-size:1.1rem;font-weight:600;margin:.2rem 0}.mobile-header-timer{background:none;color:#333;font-size:1rem;margin:0;padding:0;position:absolute;right:10px;top:36px;z-index:101}.metadata-dropdown{position:absolute;right:.5rem;top:.5rem}.dropdown-toggle{background:#0000;border:none;cursor:pointer;padding:.3rem}.dropdown-icon{font-size:1.5rem;transition:transform .3s ease}.dropdown-icon.open{transform:rotate(180deg)}.metadata-content p{line-height:1.4;margin:.5rem 0}.metadata-content p2{color:#2f8cbb;color:var(--primary-color)}.metadata-content{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 6px #0000001a;color:#333;margin-top:.5rem;padding:.5rem 1rem;position:absolute;right:0;text-align:left;top:2.5rem;z-index:10}.sidebar{background-color:#fff;background-color:var(--sidebar-bg);box-shadow:2px 0 6px #0000000d;box-shadow:2px 0 6px var(--sidebar-shadow);flex:0 0 26%;padding:1.5rem}.left-sidebar,.sidebar{border-right:1px solid #e2e2e2;border-right:1px solid var(--sidebar-border)}.left-sidebar{border-left:none;padding-top:70px}.right-sidebar{border-left:1px solid #e2e2e2;border-left:1px solid var(--sidebar-border);border-right:none;box-shadow:-2px 0 6px #0000000d;box-shadow:-2px 0 6px var(--sidebar-shadow)}.sidebar h2{color:#2a2a2a;color:var(--heading-color);font-weight:600;margin-top:0}.sidebar p{line-height:1.5}.brand-sidebar,.sidebar p{margin-bottom:1rem}.brand-sidebar h1{color:#2f8cbb;color:var(--primary-color);font-size:2rem;margin:0}.puzzle-center{background-color:#f5f9fc;background-color:var(--secondary-color);flex:1.0 1;padding:2rem;text-align:center}.puzzle-center h1{color:#2a2a2a;color:var(--heading-color);font-weight:600;margin-bottom:1.5rem;margin-top:0}button{background-color:#2f8cbb;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin:.2rem;transition:background .2s ease}button:hover{background-color:#3ba8e2}.button-icon{margin-right:.4rem}.error-message{align-items:center;color:#333;display:flex;font-size:2rem;height:50%;justify-content:center;margin:8rem auto 2rem;max-width:600px;text-align:center}@media (max-width:768px){.puzzle-layout{display:block}.mobile-header{align-items:flex-start;display:flex;flex-direction:column;gap:.2rem;min-height:0;min-height:auto;padding:.5rem 1rem}.mobile-header h2{font-size:1.1rem;margin:.2rem 0}.mobile-header-timer{background:none;color:#333;font-size:1rem;margin:0;padding:0;position:absolute;right:10px;top:36px;z-index:101}.sidebar{display:none}.puzzle-center{align-items:center;background-color:#f5f9fc;background-color:var(--secondary-color);display:flex;flex-direction:column;margin:0;max-width:100vw;padding:0}.puzzle-center .ChessPuzzle__board,.puzzle-center>div{border-radius:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;max-width:100vw!important;width:100vw!important}.mobile-header-actions{align-items:center;display:flex;flex-direction:row;gap:10px;position:absolute;right:0;top:0;z-index:102}.sound-toggle-button{box-shadow:0 2px 5px #0003;color:#fff;margin-right:15%;margin-top:-7px;position:static}.sound-toggle-button:hover{background:#f5f5f5}.mobile-pause-button{margin-left:0;position:static}}@media (min-width:769px){.mobile-header{display:none!important}.sidebar{display:block}.puzzle-layout{display:flex}.puzzle-center{align-items:center;display:flex;flex-direction:column;margin-top:0!important;max-width:100%;padding-left:0;padding-right:0;padding-top:0!important;width:100%}.puzzle-center .ChessPuzzle__board,.puzzle-center>div{border-radius:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;max-width:100%!important;width:100%!important}}.back-button{align-items:center;background-color:#2f8cbb;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .2s ease;z-index:100}.back-button:hover{background-color:#246d94;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.back-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.back-button{font-size:.8rem;left:10px;padding:6px 12px;top:10px}}.sound-toggle-button{align-items:center;background:#2f8cbb;background:var(--primary-color);border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;top:20px;width:40px;z-index:100}.sound-toggle-button:hover{background:#246d94}.mobile-pause-button{align-items:center;background-color:#ff9800;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;transition:all .2s ease;width:40px}.mobile-pause-button:hover{background-color:#f57c00;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.mobile-pause-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.mobile-pause-button svg{font-size:1.2rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem 0}.loading-icon{animation:spin 2s linear infinite;color:var(--primary-color);font-size:48px;margin-bottom:1rem}.modal-backdrop{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{max-height:80vh;overflow-y:auto;padding:24px;text-align:center}.modal-content form{display:flex;flex-direction:column;gap:16px}.modal-content button{border-radius:4px;cursor:pointer;font-size:1rem;margin-top:16px;padding:10px 16px}.modal-content button[type=submit]{background-color:#2f8cbb;border:none;color:#fff}.modal-content button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.modal-content button:not([type=submit]){background-color:initial;border:1px solid #ccc;color:#333}.landing-container{align-items:center;background:linear-gradient(to bottom right,#fff,#f0f0f0);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:2rem;position:relative}.landing-container h1{color:#333;font-size:2rem;font-weight:600;line-height:1.4;margin-bottom:2rem;text-align:center}.brand-header{margin-bottom:1rem;text-align:center}.brand-header h2{color:#2f8cbb;font-size:2.5rem;margin:0}.input-container{margin-bottom:2rem;width:235px}.input-container input{border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:none;padding:1rem;width:104%}.date-selectors{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:1rem 0;position:relative}.date-selectors label{font-weight:500}.date-selectors label,.date-selectors select{color:#333;color:var(--text-color,#333);font-size:1rem}.date-selectors select{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:.3rem .5rem}.selectors-wrapper{display:flex;position:relative}.free-month-info{color:#555;font-size:.9rem;margin-top:.5rem}.upgrade-tooltip{background-color:#000c;border-radius:4px;color:#fff;font-size:.9em;opacity:0;padding:8px 12px;top:-40px;transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap;z-index:1000}.upgrade-tooltip,.upgrade-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.upgrade-tooltip:after{border-color:#000c #0000 #0000;border-style:solid;border-width:5px 5px 0;bottom:-5px;content:""}.date-selectors:hover .upgrade-tooltip{opacity:1;visibility:visible}select:disabled{cursor:not-allowed;opacity:.6}.slider-button{margin:1rem 0;position:relative;width:300px}.icon{color:#444;font-size:24px;padding-bottom:1%;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.pawn-icon{left:12px}.queen-icon{right:12px}.slider-button input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:4px;cursor:pointer;height:40px;margin:0;outline:none;transition:background .3s;width:101%}.slider-button input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#2f8cbb;background-image:url(/static/media/right-arrow-svgrepo-com.ad3b2a60901f11b94a49.svg);background-position:50%;background-repeat:no-repeat;background-size:18px 18px;border-radius:5px;box-shadow:0 0 2px #0000004d;cursor:pointer;height:40px;-webkit-transition:background .2s,transform .3s;transition:background .2s,transform .3s;width:40%}.slider-button input[type=range]::-moz-range-thumb{background:#2f8cbb url(/static/media/right-arrow-svgrepo-com.ad3b2a60901f11b94a49.svg) no-repeat 50%;background-size:18px 18px;border-radius:5px;cursor:pointer;height:40px;width:70px}.slider-instructions{color:#666;font-size:.9rem;margin-top:1rem;text-align:center}.auth-section{align-items:flex-end;display:flex;flex-direction:column;gap:10px;position:absolute;right:30px;top:20px}.auth-section button{background-color:#2f8cbb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.auth-section button:hover{background-color:#246d94}.auth-section p{color:#333;font-size:.9rem;margin:0}.tos-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:80%}.tos-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 1.5rem}.tos-modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{align-items:center;display:flex;justify-content:center}.tos-modal-content{line-height:1.6;overflow-y:auto;padding:1.5rem}.tos-modal-content h3{color:#2f8cbb;margin-bottom:.5rem;margin-top:1.5rem}.tos-modal-content h3:first-child{margin-top:0}.tos-modal-content p{color:#555;margin-bottom:1rem}.tos-modal-content ul{color:#555;margin-bottom:1.5rem;padding-left:1.5rem}.tos-modal-content li{line-height:1.5;margin-bottom:.5rem}.tos-modal-content li strong{color:#444}.landing-footer{bottom:0;color:#666;font-size:.9rem;padding:1rem;position:absolute;text-align:center;width:100%}.landing-footer a{color:#2f8cbb;margin-right:1rem;text-decoration:none}.landing-footer a:hover{text-decoration:underline}.landing-footer p{margin:.5rem 0 0}.input-container input:disabled{background-color:#f5f5f5;border:1px solid #ddd;color:#666;cursor:not-allowed}.unlimited-badge{align-items:center;background-color:#4caf50;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;margin-top:4px;padding:4px 8px;text-align:center}.queen-icon-small{color:#fff;font-size:14px}.cancel-subscription{color:#2f8cbb}.cancel-subscription:hover{text-decoration:underline}:root{--primary-color:#2f8cbb;--secondary-color:#f5f9fc;--accent-color:#ff9800;--text-color:#333;--background-color:#fff;--card-shadow:0 4px 6px #0000001a;--hover-shadow:0 6px 12px #00000026;--transition-speed:0.3s}.home-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.home-header{background:linear-gradient(135deg,#2f8cbb,#246d94);background:linear-gradient(135deg,var(--primary-color),#246d94);color:#fff;padding:3rem 1rem;text-align:center}.home-header h1{font-size:3.5rem;font-weight:700;letter-spacing:1px;margin:0}.tagline{font-size:1.2rem;margin-top:.5rem;opacity:.9}.features-grid{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:2rem}.feature-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:transform .3s,box-shadow .3s;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.feature-card:hover{box-shadow:0 6px 12px #00000026;box-shadow:var(--hover-shadow);transform:translateY(-5px)}.feature-icon{color:#2f8cbb;color:var(--primary-color);font-size:3rem;margin-bottom:1.5rem;transition:transform .3s;transition:transform var(--transition-speed)}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h2{color:#333;color:var(--text-color);font-size:1.8rem;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}.feature-benefits{list-style:none;margin:1.5rem 0;padding:0;text-align:left;width:100%}.feature-benefits li{align-items:center;color:#555;display:flex;margin-bottom:.8rem}.feature-benefits li svg{color:#2f8cbb;color:var(--primary-color);font-size:1.1rem;margin-right:.8rem}.feature-button{background-color:#2f8cbb;background-color:var(--primary-color);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:auto;padding:.8rem 2rem;transition:background-color .3s,transform .3s;transition:background-color var(--transition-speed),transform var(--transition-speed)}.feature-button:hover{background-color:#246d94;transform:translateY(-2px)}.home-footer{background-color:#f5f9fc;background-color:var(--secondary-color);color:#666;padding:1.5rem;text-align:center}@media (max-width:768px){.home-header h1{font-size:2.5rem}.features-grid{grid-template-columns:1fr;padding:1rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h2{font-size:1.5rem}}.feature-card{animation:fadeIn .6s ease-out forwards}.feature-card:nth-child(2){animation-delay:.2s}.onboarding-page{align-items:center;background-color:#f4f7f6;color:#333;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:40px 20px;position:relative;text-align:center}.onboarding-page h1{color:#34495e;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:10px}.onboarding-page p{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:30px}.assessment-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px;max-width:500px;padding:30px;width:100%}.assessment-form h2{color:#34495e;font-size:1.8em;margin-bottom:20px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#5e717f;display:block;font-weight:700;margin-bottom:8px}.form-group input[type=number],.form-group input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:1em;padding:10px;width:calc(100% - 22px)}.google-auth-section{align-items:center;display:flex;flex-direction:column;margin-top:20px}.google-auth-section p{margin-bottom:15px}.google-auth-section>div{display:flex;justify-content:center}.start-training-button{background-color:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.2em;font-weight:700;padding:15px 30px;text-decoration:none;transition:background-color .3s ease,transform .1s ease}.start-training-button:hover{background-color:#27ae60;transform:translateY(-2px)}.start-training-button:active{transform:translateY(0)}.method-overview{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem 0;max-width:500px;overflow:hidden;width:100%}.method-content{padding:0 1.5rem 1.5rem;text-align:left}.welcome-message{color:#2c3e50;font-size:1.2rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.premium-button{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.premium-button:hover{box-shadow:0 8px 16px #0003;transform:translateY(-6px) scale(1.05)}.premium-button:active{box-shadow:0 6px 12px #00000026;transform:translateY(-4px) scale(1.02)}.input-with-tooltip{align-items:center;display:flex;gap:.5rem;position:relative}.tooltip-icon{color:#666;cursor:pointer;transition:color .2s ease}.tooltip-icon:hover{color:#2c3e50}.tooltip{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;padding:1rem;text-align:center;top:100%;width:250px;z-index:1000}.tooltip,.tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:before{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;content:"";top:-8px}.tooltip-crown{color:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5));font-size:1.5rem;margin-bottom:.5rem}.tooltip p{color:#2c3e50;font-size:.9rem;line-height:1.4;margin:.5rem 0}.tooltip-upgrade-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.5rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.tooltip-upgrade-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.legal-links{color:#666;font-size:.9rem;margin-top:2rem;padding:1rem;text-align:center}.legal-link{color:#fff;font-size:.9rem;padding:.2rem;text-decoration:none;transition:color .2s ease}.legal-link:hover{color:#2980b9;text-decoration:underline}.legal-separator{color:#999;margin:0 .75rem}.error-tooltip{align-items:center;background:#fff;border:1px solid #ff6b6b;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:.5rem;margin-top:.5rem;padding:.75rem;text-align:center;top:100%;width:250px;z-index:1000}.error-tooltip,.error-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.error-tooltip:before{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;content:"";top:-8px}.error-icon{color:#ff6b6b;flex-shrink:0;font-size:1.2rem}.error-tooltip span{color:#2c3e50;font-size:.9rem;line-height:1.4;text-align:left}.modal-overlay{background-color:#000000bf;padding:1rem}.pricing-modal{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;position:relative;width:100%}.close-button{font-size:1.5rem;line-height:1;position:absolute;right:1rem;top:1rem}.pricing-header{margin-bottom:2rem;text-align:center}.pricing-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.pricing-header p{color:#666;font-size:1.1rem}.plan-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.plan-option{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.plan-option.selected{background:#fff9e6;border-color:gold;color:#2c3e50}.savings-badge{background:gold;border-radius:10px;color:#2c3e50;font-size:.8rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:-10px;top:-10px}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.pricing-column{background:#f8f9fa;border-radius:15px;padding:2rem;transition:transform .3s ease}.pricing-column.premium{background:linear-gradient(135deg,#fff9e6,#fff0cc);border:2px solid gold;transform:scale(1.05)}.plan-header{margin-bottom:2rem;text-align:center}.premium-badge{align-items:center;background:gold;border-radius:20px;display:inline-flex;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.premium-badge,.price{color:#2c3e50;font-weight:700}.price{font-size:2.5rem;margin:1rem 0}.period{color:#666;font-size:1rem;font-weight:400}.savings{color:#27ae60;font-weight:700;margin-top:.5rem}.features-list{list-style:none;margin:0;padding:0}.features-list li{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 0}.features-list li:last-child{border-bottom:none}.feature-name{color:#2c3e50;font-weight:500}.feature-value{color:#666}.upgrade-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:1rem;transition:all .3s ease;width:100%}.upgrade-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.pricing-modal{height:auto;max-height:95vh;min-height:400px;padding:1.5rem 1rem}.pricing-grid{grid-template-columns:1fr}.pricing-column.premium{transform:none}.plan-selector{flex-direction:column}}.payment-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:1rem 0;text-align:center}.payment-section h2{font-size:1.8rem;margin-bottom:.5rem}.payment-section p{color:#666;font-size:1rem;margin-bottom:2rem}.payment-form{margin:0 auto;max-width:500px;width:100%}.payment-divider{color:#666;font-size:1rem;font-weight:500;margin:1.5rem 0;text-align:center}.payment-element-wrapper{margin-top:1.5rem}.payment-error{background-color:#fde8e8;border-radius:4px;color:#e74c3c;margin:1rem 0;padding:.5rem}.payment-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cancel-button{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button:hover{background-color:#e9ecef}.confirm-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.confirm-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.confirm-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.StripeElement{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.premium-status-box{animation:premiumGlow 2s infinite alternate;background:linear-gradient(135deg,gold,orange);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-top:1rem;padding:1.5rem;text-align:center}@keyframes premiumGlow{0%{box-shadow:0 4px 15px #0000001a}to{box-shadow:0 4px 25px #ffd7004d}}.premium-status-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.premium-status-header h3{font-size:1.5rem;font-weight:600;margin:0}.premium-icon{animation:crownFloat 2s infinite alternate;font-size:1.8rem}@keyframes crownFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.premium-status-content{background:#ffffff1a;border-radius:8px;padding:1rem}.premium-benefits{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.benefit-item{align-items:center;display:flex;font-size:1rem;gap:.5rem}.benefit-icon{color:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}.premium-status-footer{border-top:1px solid #fff3;margin-top:1rem;padding-top:1rem}.premium-status-footer p{font-size:.9rem;margin:0;opacity:.9}.google-login-container-modal{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.signin-prompt{color:#666;font-size:1rem;font-weight:500;margin:0;text-align:center}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:48px;margin-bottom:16px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.legal-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.legal-modal{animation:slideIn .2s ease-out;background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;position:relative;width:90%}.legal-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.legal-modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:color .2s ease}.close-button:hover{color:#333}.legal-modal-content{color:#2c3e50;line-height:1.6;overflow-y:auto;padding:1.5rem}.legal-modal-content h3{color:#2c3e50;margin:1.5rem 0 1rem}.legal-modal-content p{margin:1rem 0}.legal-modal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-modal-content li{margin:.5rem 0}.briefing-page{align-items:center;background-color:#f4f7f6;color:#333;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:40px 20px;position:relative;text-align:center}.briefing-page h1{color:#34495e;font-size:2.5em;margin-bottom:30px}.briefing-content{max-width:800px;width:100%}.briefing-summary,.method-overview{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px;padding:30px;text-align:left;width:100%}.briefing-summary h2,.method-overview h2{color:#34495e;font-size:1.8em;margin-bottom:25px;text-align:center}.briefing-summary h3{color:#2c3e50;font-size:1.4em;margin:20px 0 15px}.metadata-grid{grid-gap:20px;background-color:#f8f9fa;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0;padding:15px}.metadata-item{align-items:center;display:flex;flex-direction:column;padding:10px}.metadata-item .label{color:#5e717f;font-weight:700;margin-bottom:5px}.metadata-item .value{color:#2c3e50;font-size:1.2em}.cycle-summary,.method-metadata,.next-cycle-info{margin-bottom:30px}.next-cycle-info{background-color:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.method-overview p,.next-cycle-info p{color:#5e717f;font-size:1.1em;line-height:1.6}.method-overview p{margin-bottom:15px}.method-overview p:last-child{margin-bottom:0}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-top:2rem;padding:0 1rem}.start-cycle-container{display:inline-block;position:relative}.start-cycle-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;position:relative;transition:all .3s ease;z-index:1}.start-cycle-button:hover{background-color:#45a049;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.start-cycle-button.disabled{background-color:#ccc;cursor:not-allowed;opacity:.7;transition:all .2s ease}.start-cycle-button.disabled:hover{background-color:#ccc;box-shadow:0 2px 4px #0000001a;transform:none}.new-training-set-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:background-color .3s}.new-training-set-button:hover{background-color:#da190b}.new-training-set-button:disabled{background-color:#ffcdd2;cursor:not-allowed}@media (min-width:768px){.action-buttons{flex-direction:row;justify-content:center}.new-training-set-button,.start-cycle-button{min-width:200px}}.cycle-history{background-color:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.cycle-history h3{color:#2c3e50;margin-bottom:1.5rem}.cycle-history-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cycle-history-item{background-color:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.cycle-history-item h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.cycle-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.cycle-stats .stat{display:flex;flex-direction:column;gap:.25rem}.cycle-stats .label{color:#6c757d;font-size:.9rem}.cycle-stats .value{color:#2c3e50;font-weight:600}@media (max-width:768px){.cycle-history-grid,.cycle-stats{grid-template-columns:1fr}}.method-header{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background-color .2s;width:100%}.method-header:hover{background-color:#f8f9fa}.method-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.expand-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:transform .2s}.expand-button:hover{color:#333}.method-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#5e717f;font-size:1.1em;line-height:1.6;margin-top:10px;padding:.1rem 1.5rem 1.5rem}.method-content p{margin:1rem 0}.method-steps{margin:1.5rem 0;padding-left:1.5rem}.method-steps li{line-height:1.6;margin:1rem 0}.method-steps strong{color:#2c3e50;font-weight:600}.method-goal{font-size:1.1em;line-height:1.7;margin-top:2rem!important}.method-goal strong{color:#2c3e50;font-weight:600}.brand-logo{color:#3498db;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;left:20px;position:absolute;text-decoration:none;top:20px}.premium-button{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;position:absolute;right:20px;top:20px;transition:all .3s ease}.premium-button:hover{background:linear-gradient(135deg,#ffe44d,#ffb700);box-shadow:0 6px 12px #0003;transform:translateY(-4px) scale(1.05)}.premium-button:active{box-shadow:0 4px 8px #00000026;transform:translateY(-2px) scale(1.02)}.crown-icon{font-size:1.1em;transition:transform .3s ease}.premium-button:hover .crown-icon{transform:rotate(-10deg)}.performance-graphs-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem 0;padding:1.5rem;position:relative}.performance-graphs{transition:filter .3s ease}.performance-graphs.blurred{filter:blur(8px);pointer-events:none}.graphs-overlay{align-items:center;background:#ffffff1a;border-radius:8px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease;z-index:10}.graphs-overlay:hover{background:#fff3}.graphs-overlay .tooltip-icon{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#666;font-size:1.5rem;padding:.5rem;position:relative;transition:transform .2s ease;z-index:11}.graphs-overlay:hover .tooltip-icon{color:#2c3e50;transform:scale(1.1)}.graphs-overlay .tooltip{animation:tooltipFadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;padding:1.5rem;pointer-events:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:280px;z-index:1000}.graphs-overlay .tooltip:before{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;content:"";left:50%;position:absolute;top:-8px;transform:translateX(-50%)}.graphs-overlay .tooltip-crown{color:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5));font-size:1.8rem;margin-bottom:.75rem}.graphs-overlay .tooltip p{color:#2c3e50;font-size:1rem;line-height:1.4;margin:.75rem 0}.graphs-overlay .tooltip-upgrade-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.75rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.graphs-overlay .tooltip-upgrade-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.cycle-limit-tooltip{background:#fff;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:10px;padding:1.5rem;text-align:center;width:280px;z-index:1000}.cycle-limit-tooltip,.cycle-limit-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.cycle-limit-tooltip:before{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #fff;bottom:-8px;content:""}.cycle-limit-tooltip .tooltip-crown{color:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5));font-size:1.8rem;margin-bottom:.75rem}.cycle-limit-tooltip p{color:#2c3e50;font-size:1rem;line-height:1.4;margin:.5rem 0}.cycle-limit-tooltip p:first-of-type{font-weight:500}.cycle-limit-tooltip .tooltip-upgrade-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.cycle-limit-tooltip .tooltip-upgrade-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.performance-graphs h3{color:#333;text-align:center}.graphs-container{display:flex;flex-direction:column;gap:2rem}.graph-wrapper h4{color:#555;margin-bottom:1rem;text-align:center}@media (min-width:768px){.graphs-container{flex-direction:row}.graph-wrapper{flex:1 1}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:90%;padding:2rem;width:400px}.modal-title{color:#2c3e50;font-size:1.5rem;margin:0 0 1rem}.modal-message{color:#5e717f;line-height:1.5;margin:0 0 1.5rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.modal-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.modal-button.cancel{background-color:#e0e0e0;color:#333}.modal-button.cancel:hover{background-color:#d0d0d0}.modal-button.confirm{background-color:#f44336;color:#fff}.modal-button.confirm:hover{background-color:#da190b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.48429c73.css.map*/