body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-page,body{overflow-x:hidden}.landing-page{background-color:#36f;display:flex;flex-direction:column;min-height:100vh;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero{background-color:#ededed;color:#414042;height:auto;padding:60px 0;text-align:center}.hero,.hero .container{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero .container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.hero-content{margin-bottom:40px;max-width:800px;text-align:center}.hero-image{align-items:center;display:flex;justify-content:center;margin-top:20px;max-width:800px;width:100%}.hero-image img{height:auto;max-width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.title{color:#030303;font-family:Poppins;font-size:50px;font-weight:600;line-height:80px;margin-bottom:.5rem;margin-top:0;opacity:0}.title:first-child{animation-delay:.3s}.title:nth-child(2){animation-delay:1s}.subtitle{color:#414042;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;line-height:24px;margin-bottom:2rem;margin-top:1rem;opacity:0}.cta-button{background-color:#fff;border:2px solid #007aff;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#007aff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 40px;transition:transform .2s,background-color .2s,color .2s}.cta-button:hover{background-color:#007aff;color:#fff;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.login-button{background-color:#3164f4;border:0;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter;font-size:16px;font-weight:600;height:53px;padding:0 8px;width:120px}.login-button:hover{background-color:#414042}.button-group{display:flex;justify-content:center;opacity:0}.navbar{align-items:center;background-color:#fff;border-radius:0 0 20px 20px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin:0 20px;padding:15px 30px}.landing-logo{color:#030303;font-family:Poppins;font-size:28px;font-weight:600;line-height:36px}.footer{background-color:#ededed;margin-top:auto;padding:2rem 0}.footer-content{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{display:flex;flex-direction:column;font-family:Inter;gap:.5rem}.footer-text{color:#414042;font-size:.9rem;margin:0}.footer-menu{display:flex;gap:60px}.footer-menu-column{display:flex;flex-direction:column;gap:12px}.footer-menu-title{color:#414042;font-family:Poppins;font-size:14px;font-weight:700;margin:0 0 12px}.footer-link{color:#262626;font-family:Inter;font-size:16px;font-weight:600;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-logo{color:#414042;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;line-height:31px;margin-bottom:1rem}.features{background-color:#ededed;padding:80px 0}.features-title{color:#333;font-size:2.5rem;margin-bottom:60px;text-align:center}.features-grid{grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:0 20px}.feature-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{height:80px;margin-bottom:20px;width:80px}.feature-card h3{color:#333;font-size:1.5rem;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6}.product-showcase{background-color:#ededed;padding:100px 0}.showcase-listening,.showcase-reading{align-items:center;display:flex;gap:60px;margin-bottom:100px}.showcase-listening{flex-direction:row-reverse}.showcase-content{flex:1 1}.showcase-content h2{color:#333;font-size:2.5rem;margin-bottom:20px}.showcase-content p{color:#666;font-size:1.2rem;margin-bottom:30px}.feature-list{list-style:none;padding:0}.feature-list li{color:#555;font-size:1.1rem;margin-bottom:15px;padding-left:30px;position:relative}.feature-list li:before{color:#3164f4;content:"✓";font-weight:700;left:0;position:absolute}.showcase-image{border-radius:10px;box-shadow:0 10px 30px #0000001a;flex:1 1;overflow:hidden}.demo-image{display:block;height:auto;transition:transform .3s ease;width:100%}.demo-image:hover{transform:scale(1.02)}@media (max-width:768px){.showcase-listening,.showcase-reading{flex-direction:column;gap:40px;text-align:center}.showcase-content h2{font-size:2rem}.feature-list li{padding-left:0}.feature-list li:before{margin-right:10px;position:static}}.tabs-container{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;margin:30px 0;overflow:hidden}.tabs{background-color:#ededed;border-bottom:1px solid #eaeaea;display:flex;flex-wrap:wrap;font-family:Poppins;padding:5px 5px 0}.tab-button{background:none;border:none;border-radius:8px 8px 0 0;color:#555;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;margin:0 3px;min-width:90px;padding:12px 18px;position:relative;text-align:center;transition:all .3s ease}.tab-button:hover{background-color:#f0f0f0;color:#333}.tab-button.active{background-color:#fff;border-bottom:none;box-shadow:0 -3px 10px #0000000d;color:#3164f4}.tab-button.active:after{background-color:#3164f4;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.tab-content{background-color:#ededed;padding:30px}.tab-panel{animation:fadeIn .5s ease;display:flex;flex-direction:column;gap:30px}@media (min-width:768px){.tab-panel{align-items:center;flex-direction:row}}.tab-image{flex:1 1;transition:all .3s ease}.tab-image img{border-radius:12px;box-shadow:0 8px 25px #0000001a;transition:transform .3s ease;width:100%}.tab-image img:hover{transform:scale(1.02)}.tab-description{flex:1 1;padding:0 20px}.tab-description h3{color:#222;font-size:1.8rem;font-weight:700;margin-bottom:15px;margin-top:0}.tab-description p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.tab-description .feature-list{margin-top:20px}.tab-description .feature-list li{color:#444;font-size:1rem;line-height:1.5;margin-bottom:12px;padding-left:30px;position:relative}.tab-description .feature-list li:before{color:#3164f4;content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute}.part-tabs-section{background-color:#ededed;border-radius:16px;box-shadow:0 0 40px #00000008;margin-top:80px;padding:50px 0}.section-title{color:#222;font-size:2.8rem;margin-bottom:18px;text-align:center}.section-subtitle{color:#555;font-family:Poppins;font-size:1.4rem;line-height:1.6;margin-bottom:55px;margin-left:auto;margin-right:auto;max-width:750px;text-align:center}@media (max-width:768px){.tabs{justify-content:center;padding:10px}.tab-button{border-radius:6px;flex:0 0 auto;font-size:.9rem;margin:3px;padding:10px 15px}.tab-button.active{background-color:#3164f4;color:#fff}.tab-button.active:after{display:none}.tab-content{padding:20px 15px}.tab-description h3{font-size:1.5rem}.tab-description p{font-size:1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem;padding:0 15px}}.testimonials{background-color:#ededed;padding:80px 0}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:50px}.testimonial-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:30px;text-align:center;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-text{align-items:center;color:#333;display:flex;font-size:1.1rem;font-style:italic;justify-content:center;line-height:1.6;margin-bottom:20px;min-height:80px}.rating{margin-bottom:15px}.star{color:#3164f4;font-size:1.2rem;margin:0 2px}.testimonial-author{color:#222;font-size:1.2rem;font-weight:700;margin:0 0 5px}.testimonial-position{color:#666;font-size:.9rem;margin:0}@media (max-width:768px){.testimonials-grid{gap:20px;grid-template-columns:1fr}.testimonial-text{min-height:auto}.container{padding:0 15px}.container,.hero{box-sizing:border-box;width:100%}.hero{padding:40px 0}.hero .container{padding:0 15px}.hero .container,.hero-content{box-sizing:border-box;width:100%}.hero-content{margin:0 auto 30px;padding:0}.hero-image{box-sizing:border-box;max-width:100%;padding:0 15px;width:100%}.hero-image img{height:auto;max-width:100%;width:100%}.title{font-size:32px;line-height:40px}.subtitle,.title{text-align:center;width:100%}.subtitle{font-size:16px;line-height:20px;margin-bottom:1.5rem;margin-top:.5rem}.cta-button{font-size:14px;height:45px;width:180px}.features-grid{gap:20px;grid-template-columns:1fr}.showcase-listening,.showcase-reading{flex-direction:column;gap:30px;margin-bottom:60px}.showcase-content h2{font-size:1.8rem;margin-bottom:15px;text-align:center}.showcase-content p{font-size:1rem;text-align:center}.feature-list li{text-align:left}.navbar{margin:10px 15px;padding:.8rem 1rem}.landing-logo{font-size:22px}.login-button{font-size:14px;height:40px;width:90px}.footer-content{flex-direction:column;gap:30px}.footer-menu{flex-wrap:wrap;gap:30px;justify-content:space-between}.footer-menu-column{flex:0 0 45%}.tabs{justify-content:flex-start;overflow-x:auto;padding:5px}.tab-button{flex:0 0 auto;font-size:.9rem;min-width:80px;padding:10px 12px}.tab-panel{flex-direction:column}.tab-description{padding:15px 0}}@media (max-width:768px){@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}}@media (max-width:480px){.title{font-size:28px;line-height:36px}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem;margin-bottom:35px}.testimonials-grid{grid-template-columns:1fr}.footer-menu-column{flex:0 0 100%}}.landing-sections{align-items:center;flex-direction:column}.landing-section,.landing-sections{display:flex;overflow-x:hidden;width:100%}.landing-section{justify-content:center;margin:2rem 0}.landing-image{height:auto;object-fit:contain;width:100%}@media (max-width:768px){.landing-section{height:auto}.landing-image{height:auto;width:100%}}.image-container{max-width:1400px;width:95%}.start-button{background-color:#fff;border:2px solid #007aff;border-radius:30px;bottom:120px;box-shadow:0 4px 6px #0000001a;color:#007aff;cursor:pointer;font-size:1.4rem;font-weight:700;left:50%;padding:20px 60px;position:absolute;transform:translateX(-50%);transition:all .2s ease;white-space:nowrap}.start-button:hover{background-color:#007aff;color:#fff;transform:translateX(-50%) translateY(-2px)}.start-button:active{transform:translateX(-50%) translateY(0)}@media screen and (max-width:768px){.start-button{bottom:60px;font-size:1.1rem;min-width:200px;padding:15px 40px;text-align:center;width:auto}}@media screen and (max-width:480px){.start-button{font-size:1rem;min-width:160px;padding:12px 30px}}.signup-page{background-color:#ededed;display:flex;min-height:100vh}.signup-left{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.signup-left img{height:auto;max-width:80%}.signup-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.signup-container{max-width:400px;padding:20px;width:100%}.signup-container h2{color:#414042;font-family:Montserrat;font-size:24px;margin-bottom:30px;text-align:center}.signup-form{display:flex;flex-direction:column;gap:20px}.signup-form input{border:1px solid #ddd;border-radius:5px;font-family:Montserrat;font-size:14px;outline:none;padding:15px}.signup-form input:focus{border-color:#414042}.submit-button{background-color:#414042!important;border:none!important;border-radius:5px!important;color:#fff!important;cursor:pointer!important;font-family:Montserrat!important;font-size:16px!important;font-weight:600!important;padding:15px!important;transition:background-color .3s!important}.submit-button:hover{background-color:#2e2e2f}.error-container{align-items:center;color:#d32f2f;display:flex;font-family:Montserrat;font-size:14px;margin-top:10px}.login-link{color:#2193b0;cursor:pointer;font-family:Montserrat;margin-left:10px;text-decoration:underline}.signin-link{color:#666;font-family:Montserrat;font-size:14px;margin-top:20px;text-align:center}.signin-link a{color:#2193b0;font-weight:600;margin-left:5px;text-decoration:none}.signin-link a:hover{text-decoration:underline}@media (max-width:768px){.signup-page{box-sizing:border-box;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.logo{font-size:20px;left:0;margin:0 0 20px;position:relative;text-align:center;top:0}.signup-left{display:none}.signup-right{margin-top:60px;padding:0;width:100%}.signup-container{margin:0;max-width:100%;padding:15px;width:100%}.signup-container h2{font-size:20px;margin-bottom:15px}.signup-form{width:100%}.google-signup-btn,.signup-form input,.submit-button{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.error-container{font-size:12px;margin:5px 0}.signin-link{font-size:12px;margin:15px 0;padding:0}*{box-sizing:border-box;margin:0;padding:0}.signup-container>*{margin-bottom:10px}.signup-container>:last-child{margin-bottom:0}}.verification-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.verification-modal{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:30px;text-align:center;width:90%}.verification-modal h2{color:#333;margin-bottom:20px}.verification-modal p{color:#666;line-height:1.5;margin-bottom:20px}.verification-modal button{background-color:#414042;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.verification-modal button:hover{background-color:#357abd}.login-page{background-color:#ededed;min-height:100vh;position:relative}.logo{margin-left:20px}.login-content{display:flex;min-height:100vh}.login-image-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-image-section img{height:auto;max-width:80%}.login-form-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-container{max-width:400px;padding:20px;width:100%}.login-container h2{color:#414042;font-family:Dela Gothic One;font-size:32px;line-height:42px;margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{border:1px solid #ddd;border-radius:4px;font-family:Montserrat;font-size:16px;padding:15px}.login-form-submit-btn{background-color:#414042!important;border:0!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;font-family:Montserrat!important;font-size:16px!important;font-weight:700!important;height:50px!important;left:870px!important;line-height:21px!important;outline:none!important;padding:0 8px!important;top:616px!important;width:400px!important}.login-page-button:hover{background-color:#2e2e2f}.error-message{color:red;font-family:Montserrat;margin-top:.5rem}.signup-link{color:#414042;font-family:Montserrat;margin-top:2rem;text-align:center}.signup-link a{color:#414042;font-weight:600;text-decoration:underline}.signup-link a:hover{color:#2e2e2f}.login-page-input{background-color:#fff;border:1px solid #d1d3d4;color:#424242;font-family:Montserrat;font-weight:500;height:50px;line-height:19px;outline:none;padding:0 8px;width:400px}.google-login-btn,.google-signup-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin-top:10px;padding:10px;transition:background-color .3s;width:100%}.google-login-btn img,.google-signup-btn img{height:20px;margin-right:10px;width:20px}.google-login-btn:hover,.google-signup-btn:hover{background-color:#f5f5f5}.forgot-password{font-size:14px;margin-top:15px;text-align:center}.forgot-password a{color:#4a90e2;text-decoration:none;transition:color .3s}.forgot-password a:hover{color:#2a6fc9;text-decoration:underline}.password-reset-form{width:100%}.password-reset-form h3{color:#333;font-size:20px;margin-bottom:15px}.password-reset-form p{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.success-message{background-color:#e7f7e7;margin:10px 0;padding:10px}.error-message{background-color:#ffebee;color:#c62828;font-size:14px;margin:10px 0;padding:10px;text-align:center}.back-to-login-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.back-to-login-btn:hover{background-color:#e0e0e0}.login-page-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.login-page-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.login-form-submit-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.login-form-submit-btn:hover{background-color:#2a6fc9}@media screen and (max-width:768px){.login-page{box-sizing:border-box;min-height:100vh;overflow-y:auto;padding:20px}.login-content{flex-direction:column;min-height:auto;padding-top:60px}.login-image-section{display:none}.login-form-section{padding:0;width:100%}.login-container{margin:0 auto;max-width:100%;padding:15px}.google-login-btn,.login-form-submit-btn,.login-page-input{box-sizing:border-box;height:45px;max-width:100%;width:100%}.login-form{gap:.5rem}.back-to-login-btn,.google-login-btn,.login-form-submit-btn{margin-top:8px}.forgot-password,.signup-link{margin:12px 0}.login-page-input{margin-bottom:8px}.error-message,.success-message{margin:8px 0}.logo{font-size:20px;margin-left:10px;top:15px}.login-container h2{font-size:24px;line-height:32px;margin-bottom:1.5rem}.password-reset-form h3{font-size:18px}.password-reset-form p{font-size:13px}}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0}.dashboard-container{display:flex;min-height:100vh;position:relative;width:100%}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);box-sizing:border-box;color:var(--text-primary);height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;transition:width .3s ease;width:250px;z-index:100}.sidebar.collapsed{width:50px}.sidebar.collapsed .account-section,.sidebar.collapsed .menu-list{display:none}.sidebar-toggle{cursor:pointer;display:flex;justify-content:flex-end;padding:15px}.menu-toggle-icon{filter:invert(1);height:24px;width:24px}.menu-toggle-icon:hover{opacity:.8;transition:opacity .2s ease}.sidebar.collapsed .sidebar-toggle{padding:15px 16px}.main-content{background-color:var(--bg-primary);box-sizing:border-box;flex:1 1;margin-left:250px;min-height:100vh;padding:30px;transition:margin-left .3s ease;width:calc(100% - 150px)}.sidebar.collapsed~.main-content{margin-left:50px;width:calc(100% - 50px)}.menu-list{list-style:none;margin-top:30px;padding:0}.menu-item{margin-bottom:16px}.menu-item a.menu-link{font-size:.95rem;font-weight:400;letter-spacing:.2px;padding:12px}.menu-item.special{border-left:2px solid var(--accent-primary)}.button.primary{background-color:initial;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);padding:8px 16px;transition:all .2s ease}.button.primary:hover{background-color:var(--accent-primary);color:var(--bg-primary)}.button.secondary{background-color:initial;border:1px solid var(--accent-secondary);border-radius:4px;color:var(--accent-secondary);padding:8px 16px;transition:all .2s ease}.button.secondary:hover{background-color:var(--accent-secondary);color:var(--bg-primary)}.dashboard{display:flex;height:100vh}.part,.section,.sub-part{margin-bottom:10px}.part-title,.section-title,.sub-part-title{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:8px;transition:background-color .2s}.part-title:hover,.section-title:hover,.sub-part-title:hover{background-color:#2d2d2d}.menu-item,.part-content,.section-content,.sub-part-items{margin-left:15px}.menu-item{border-radius:4px;color:#ccc;cursor:pointer;padding:8px}.menu-item:hover{background-color:#2d2d2d;color:#fff}.section-title{font-size:1.2em;font-weight:700}.part-title{color:#ccc;font-size:1.1em}.sub-part-title{color:#aaa;font-size:1em}.content{flex:1 1;padding:20px}.nested-menu{list-style:none;margin-left:20px;padding-left:0;transition:all .2s ease}.submenu{display:none;opacity:0;transition:opacity .2s ease}.submenu.open{display:block;opacity:1}.menu-item-header{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.menu-item-header:hover{background-color:var(--bg-tertiary)}.menu-list>.menu-item>.menu-item-header{color:var(--text-primary);font-size:.95rem;font-weight:500;letter-spacing:.3px}.nested-menu>li>.menu-item-header{color:var(--text-secondary);font-size:.9rem;font-weight:400;padding:10px}.nested-menu .nested-menu>li>.menu-item-header{color:var(--text-secondary);font-size:.85rem;font-weight:400;padding:8px}.arrow{font-size:.7rem;margin-left:8px;opacity:.5}.open>.menu-item-header .arrow{transform:rotate(180deg)}.nested-menu a.menu-link{color:var(--text-secondary);display:block;font-size:.85rem;padding:6px 12px;transition:color .2s ease}.nested-menu a.menu-link:hover{color:var(--text-primary)}.nested-menu a.menu-link.active{font-weight:500}.menu-item{margin-bottom:2px}.nested-menu .nested-menu{margin-top:2px}.menu-item,.menu-item-header,.menu-item-header:hover,.menu-item:hover,.nested-menu,.nested-menu.open,.nested-menu:hover{background:none!important;background-color:initial!important}.dashboard,.menu-item-header,.part-content,.part-title,.section-content,.section-title,.sub-part-items,.sub-part-title,.submenu{display:none}.menu-item>span.menu-link{display:block;font-size:1.1rem;font-weight:500;opacity:.7;padding:8px 12px}.menu-item>span.menu-link,.menu-item>span.menu-link:hover{color:var(--text-secondary);cursor:default}.menu-item a.menu-link{border-radius:4px;color:var(--text-secondary);display:block;font-size:.9rem;opacity:.7;padding:8px 12px;text-decoration:none;transition:all .2s ease}.menu-item a.menu-link:hover{background-color:#ffffff0d;color:var(--text-primary);opacity:1}.menu-item a.menu-link.active,.nested-menu a.menu-link.active{background-color:#ffffff1a;border-left:2px solid var(--accent-primary);color:var(--text-primary);opacity:1;padding-left:10px}.menu-item a.menu-link:hover:not(.active){background-color:#ffffff0d;color:var(--text-primary);opacity:1}.account-section{border-top:1px solid var(--border-color);bottom:0;left:0;padding:20px;position:absolute;text-align:center;width:80%}.account-link{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;padding:8px 12px;text-decoration:none}.menu-link-content{align-items:center;display:flex;gap:12px}.menu-icon{filter:invert(70%);height:20px;width:20px}.account-link.active .menu-icon,.account-link:hover .menu-icon{filter:invert(100%)}.subscription-status{border-top:1px solid #ffffff1a;margin-top:auto;padding:15px}.subscription-badge{align-items:center;background:#ffffff1a;border-radius:20px;color:#fff;display:flex;gap:8px;padding:8px 12px}.subscription-icon{filter:invert(1);height:16px;width:16px}.sidebar.collapsed .subscription-status{display:none}.logo-container{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;margin-bottom:10px;padding:16px}.logo-text{font-size:20px;font-weight:600}.sidebar.collapsed .logo-text{font-size:14px;letter-spacing:-4px;text-orientation:upright;writing-mode:vertical-rl}.sidebar-logo{padding:15px;text-align:center}.logo-text{color:#fff;font-size:24px;font-weight:700;margin:0}.sidebar.collapsed .sidebar-logo{display:none}.toeic-home-container{margin:0 auto;max-width:1200px;padding:20px}.toeic-home-title{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.toeic-home-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.toeic-study-plans{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.toeic-plan-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .2s ease}.toeic-plan-card:hover{transform:translateY(-5px)}.toeic-plan-title{color:var(--accent-primary);font-size:1.5rem;margin-bottom:1rem}.toeic-plan-description{color:var(--text-secondary);margin-bottom:1.5rem}.toeic-plan-recommended,.toeic-plan-schedule{margin-top:1.5rem}.toeic-plan-recommended h3,.toeic-plan-schedule h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.toeic-plan-schedule ul{list-style:none;padding:0}.toeic-plan-schedule li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 0}.toeic-plan-schedule li:last-child{border-bottom:none}.toeic-plan-recommended p{background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);padding:.5rem}.study-content{width:100%}.study-item{display:flex;margin-bottom:15px}.study-links{display:flex;flex:1 1;flex-direction:column;gap:10px}.study-description{border-left:1px solid #eee;flex:2 1;padding-left:20px}.study-description p{color:#666;font-size:14px;margin:5px 0}.toeic-schedule-table{border-collapse:collapse;table-layout:fixed;width:100%}.toeic-schedule-table td,.toeic-schedule-table th{border:1px solid var(--border-color);padding:10px;vertical-align:top}.toeic-schedule-table td:first-child,.toeic-schedule-table th:first-child{white-space:nowrap;width:15%}.toeic-schedule-table td:nth-child(2),.toeic-schedule-table th:nth-child(2){width:50%}.toeic-schedule-table td:nth-child(3),.toeic-schedule-table th:nth-child(3){width:35%}.day-checkbox-container{align-items:center;display:flex}.day-checkbox{cursor:pointer;height:18px;margin-right:8px;width:18px}.day-checkbox:checked+label{color:#888;text-decoration:line-through}.toeic-plan-schedule a{border-radius:3px;color:inherit;padding:2px 4px;text-decoration:none;transition:background-color .2s ease}.toeic-plan-schedule a:hover{background-color:var(--bg-tertiary)}.toeic-plan-links-container{display:flex;flex-direction:column;gap:8px}.toeic-plan-link-item{background-color:#f5f5f5;background-color:var(--bg-tertiary,#f5f5f5);border-radius:4px;padding:8px;transition:background-color .2s ease}.toeic-plan-link-item:hover{background-color:#e9e9e9;background-color:var(--bg-hover,#e9e9e9)}.update-banner{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#e0e0e0;margin-bottom:20px;overflow:hidden}.update-header{align-items:center;background-color:#2d2d2d;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.update-header h3{color:#bb86fc;font-size:18px;margin:0}.close-banner{background:none;border:none;color:#bb86fc;cursor:pointer;font-size:18px}.update-content{background-color:#121212;padding:15px 20px}.update-section{margin-bottom:20px}.update-section h4{color:#bb86fc;margin-bottom:10px;margin-top:0}.update-section ul{margin:0;padding-left:20px}.update-section li{color:#e0e0e0;margin-bottom:8px}.update-notice{background-color:#423d00;border-left:4px solid #bb86fc;margin-top:15px;padding:12px 15px}.update-notice p{color:#e0e0e0;margin:5px 0}.update-notice strong{color:#f6e360}.update-notice a{color:#03dac6;text-decoration:none}.update-notice a:hover{color:#bb86fc;text-decoration:underline}:root{--primary-color:#6b8aaf;--primary-hover:#5d7999;--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#b3b3b3;--border-color:#333;--success-color:#4caf50;--error-color:#f44336}.question-card{background-color:#1e1e1e;background-color:var(--bg-secondary);border:1px solid #333;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 16px #0003;margin:2rem auto;max-width:800px;padding:2.5rem;width:100%}.question-header{color:#fff;color:var(--text-primary);margin-bottom:2.5rem}.question-header h3{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:500}.question-content{margin-bottom:2.5rem}.question-text{font-size:1.5rem;font-weight:400;line-height:1.8;margin-bottom:3rem}.choices-container{gap:.8rem}.choice-button{align-items:center;background-color:#2d2d2d;background-color:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);display:flex;padding:.8rem;transition:all .3s ease;width:100%}.choice-button:hover{background-color:#121212;background-color:var(--bg-primary)}.choice-button.selected,.choice-button:hover{border-color:#6b8aaf;border-color:var(--primary-color);transform:translateY(-2px)}.choice-button.selected{background-color:#6b8aaf;background-color:var(--primary-color);color:#fff}.choice-label{color:#8ba5c5;font-weight:600;margin-right:1.5rem;min-width:30px}.choice-button.selected .choice-label{color:#fff}.choice-text{flex:1 1;font-size:1rem}.navigation-buttons{border-top:1px solid #333;border-top:1px solid var(--border-color);margin-top:2.5rem;padding-top:1.5rem}.nav-button{background-color:#6b8aaf;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.nav-button:hover:not(:disabled){background-color:#5d7999;background-color:var(--primary-hover);transform:translateY(-2px)}.nav-button:disabled{transform:none}.question-counter{color:#b3b3b3;font-size:1rem}@media (max-width:768px){.question-card{margin:1rem;padding:1.5rem}.question-text{font-size:1.3rem}.choice-button{padding:.7rem}.nav-button{padding:.8rem 1.5rem}}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.correct-answer{animation:celebrate .5s ease-in-out;background-color:#28a74533!important;border-color:#28a745!important;color:#4caf50!important}.wrong-answer{background-color:#dc354533!important;border-color:#dc3545!important;color:#f44336!important}.feedback-message{font-weight:700;margin-top:1rem;text-align:center}.feedback-message .correct{animation:slideIn .3s ease-out;color:#4caf50}.feedback-message .incorrect{animation:slideIn .3s ease-out;color:#f44336}.choice-button.correct-answer .choice-label,.choice-button.wrong-answer .choice-label{color:inherit}.listening-section{padding:20px}.difficulty-legend{display:flex;gap:20px;margin:20px 0}.legend-item{border-radius:12px;font-size:.9em;padding:4px 12px}.legend-item.basic{background-color:#e3f2fd;color:#1565c0}.legend-item.intermediate{background-color:#e8f5e9;color:#2e7d32}.legend-item.advanced{background-color:#fce4ec;color:#c2185b}.difficulty-badge{border-radius:12px;font-size:.85em;padding:4px 8px}.difficulty-badge.기초{background-color:#e3f2fd;color:#1565c0}.difficulty-badge.중급{background-color:#e8f5e9;color:#2e7d32}.difficulty-badge.고급{background-color:#fce4ec;color:#c2185b}select.미학습{color:#f44336}select.학습중{color:#2196f3}select.완료{color:#4caf50}.part1-container{margin:0 auto;max-width:800px;padding:20px}.part1-container h2{font-size:1.5rem;margin-bottom:10px;margin-top:10px}.study-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;margin-top:20px}.option-btn{background:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;text-align:center;transition:all .3s ease}.option-btn:hover{background:var(--bg-element-hover);transform:translateY(-1px)}.option-btn.active{background:linear-gradient(90deg,#2f2a85,#3f41a1);border-color:#0000;color:var(--text-on-primary)}.part1-question-content{background:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0003;margin:0 auto!important;max-width:90vw!important;padding:20px;position:relative;width:100%!important}.timer{background:var(--primary-color);border-radius:25px;box-shadow:0 2px 4px #0000001a;color:var(--text-on-primary);font-size:1.2rem;padding:10px 20px;right:15px;top:15px;z-index:100}.audio-status,.timer.paused{background:var(--bg-element-hover);color:var(--text-secondary)}.audio-status{border-radius:4px;font-weight:700;margin:10px 0;padding:8px}.image-container{align-items:center;display:flex;justify-content:center;margin-top:40px!important;margin:0 auto;max-width:800px;position:relative;width:100%}.question-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;max-height:400px;object-fit:contain;width:100%}@media (max-width:768px){.image-container{max-width:100%}.question-image{max-height:300px}}.question-text{padding:15px}.instruction-text,.question-text{background:var(--bg-element-hover);border-radius:8px;color:var(--text-primary)}.instruction-text{font-size:1.1rem;font-weight:500;margin:15px 0 25px;padding:12px 20px;text-align:center}.choices-container{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;width:100%!important}.show-answer-btn{background:linear-gradient(90deg,#2f2a85,#3f41a1);border:none!important;border-radius:5px!important;color:#fff!important;margin-top:20px!important;padding:10px 20px!important}.choice-btn,.show-answer-btn{cursor:pointer!important;width:100%!important}.choice-btn{align-items:flex-start!important;background:var(--bg-element)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;color:var(--text-primary)!important;display:flex!important;flex-direction:row!important;font-size:1rem!important;gap:8px!important;line-height:1.4!important;padding:18px 20px!important;text-align:left!important;transition:all .3s ease!important}.choice-btn>span:first-child{flex-shrink:0!important}.choice-btn>span:last-child{flex:1 1!important}.choice-btn.selected{background:linear-gradient(90deg,#4f46e526,#6366f126)!important;border:1px solid #4f46e54d!important;color:#6366f1!important}.choice-btn.correct{background-color:#4caf50;color:#fff}.choice-btn.wrong{background-color:#f44336;color:#fff}.choice-btn.selected.wrong{background:#dc354526;border:1px solid #dc35454d;color:#ff6b6b}.choice-btn:hover:not(:disabled){background:linear-gradient(90deg,#4f46e50d,#6366f10d)!important;box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)!important}.choice-btn:disabled{cursor:not-allowed;opacity:.8}.choice-btn.selected:hover:not(:disabled){background:linear-gradient(90deg,#4f46e533,#6366f133)!important}.result-buttons{display:flex;gap:15px;justify-content:center;margin:15px 0}.reset-btn{background-color:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fffc!important;cursor:pointer!important;font-size:14px!important;padding:10px 20px!important;transition:all .2s ease!important}.reset-btn:hover{background-color:#ffffff1a!important}.accent-btn,.audio-btn,.next-btn,.playback-rate-btn{background-color:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fffc!important;cursor:pointer!important;font-size:14px!important;padding:10px 20px!important;transition:all .2s ease!important}.accent-btn:hover,.audio-btn:hover,.next-btn:hover,.playback-rate-btn:hover{background-color:#ffffff1a!important}.accent-btn.active,.audio-btn.active,.playback-rate-btn.active{background-color:#ffffff26!important}@media (prefers-color-scheme:dark){.image-container img{filter:brightness(.9)}}.result-container{margin-top:25px;text-align:center}.result-message{border-radius:8px;font-weight:600;margin-bottom:1rem;padding:1rem;text-align:center}.result-message.success{background-color:initial!important;border:1px solid #22c55e33!important;color:#4ade80!important}.result-message.error{background-color:initial!important;border:1px solid #ef444433!important;color:#f87171!important}.time-up-message{background:#ffc10726;border:1px solid #ffc1074d;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#ffd43b;margin-bottom:20px;padding:15px 20px}.category-instruction{color:var(--text-secondary);margin-bottom:30px;text-align:center}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.categories-grid,.part1-categories{grid-gap:20px;display:grid;gap:20px;padding:20px}.category-item{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;transition:all .2s ease}.category-item:hover{background-color:#242424;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.category-item:active{transform:translateY(0)}.back-button{background:var(--bg-element)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;color:var(--text-primary)!important;display:inline-block!important;font-weight:500!important;margin-bottom:20px!important;max-width:-webkit-fit-content!important;max-width:fit-content!important;min-width:240px!important;padding:10px 20px!important;transition:all .3s ease!important;white-space:nowrap!important}.back-button:hover{background:var(--bg-element-hover)!important;box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)!important}.audio-controls{gap:8px}.audio-status{color:#666;font-size:14px;margin-bottom:5px}.subcategory-selection{padding:20px}.subcategory-container h2{font-size:1.5rem!important;margin-bottom:10px!important;margin-left:20px!important}.subcategory-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;margin-top:20px!important}.subcategory-card{background:var(--bg-element)!important;border:1px solid var(--border-color)!important;border-radius:10px!important;box-shadow:0 2px 4px #0000001a!important;cursor:pointer!important;padding:20px!important;transition:transform .2s!important}.subcategory-card:hover{box-shadow:0 4px 8px #00000026!important;transform:translateY(-5px)!important}.subcategory-card h3{color:var(--text-primary)}.subcategory-card p{color:var(--text-secondary)}.examples{background:var(--bg-element-hover);border-radius:5px;padding:10px}.examples ul{margin-top:5px;padding-left:0}.examples li{color:var(--text-secondary);font-size:14px}.explanation-box{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0003;margin:20px 0;padding:20px}.explanation-box h3{color:var(--text-primary);font-size:1.1em;margin-bottom:15px}.explanation-box p{color:var(--text-secondary);line-height:1.6;white-space:pre-line}.incorrect-details{border-top:1px solid var(--border-color);margin-top:15px;padding-top:15px}.incorrect-item{background-color:var(--bg-element);border-left:3px solid var(--error-color);border-radius:4px;margin:10px 0;padding:8px}.incorrect-item strong{color:#dc3545;margin-right:8px}.back-to-main-btn{background:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);cursor:pointer;font-weight:500;margin-bottom:20px;padding:10px 20px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.back-to-main-btn:hover{background:var(--bg-element-hover);box-shadow:0 4px 8px #00000026;transform:translateX(-5px)}.accent-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.playback-rate-buttons{display:flex;gap:8px;justify-content:center;margin:10px 0}.elimination-phase{gap:20px!important;justify-content:space-between!important;margin-bottom:20px!important;width:100%!important}.elimination-phase,.left-section{align-items:center!important;display:flex!important}.left-section{flex:1 1!important;flex-direction:column!important;gap:10px!important;height:100%!important;justify-content:center!important;max-width:50%!important;position:relative!important}.progress-info{background-color:#000000b3!important;border-radius:5px!important;color:#fff!important;left:10px!important;padding:5px 10px!important;position:absolute!important;top:10px!important;z-index:1!important}.right-section{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:20px!important;max-width:50%!important}.image-container{align-items:center!important;display:flex!important;justify-content:center!important;margin:auto 0!important;position:relative!important;width:100%!important}.question-image{border-radius:8px!important;height:auto!important;max-height:400px!important;object-fit:contain!important;width:100%!important}.audio-controls{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.result-container{margin-top:20px!important;width:100%!important}@media screen and (min-width:1400px){.part1-question-content{max-width:1200px!important}}@media screen and (max-width:768px){.part1-question-content{max-width:95vw!important;padding:10px!important}.elimination-phase{flex-direction:column!important}.left-section,.right-section{max-width:100%!important}}.modal-overlay{background-color:#000000bf;z-index:9999}.modal-content{border:1px solid #333;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:500px}.modal-content .emoji{font-size:4rem;margin-bottom:1.5rem}.modal-content h2{color:#fff;font-size:1.875rem;font-weight:700}.modal-content p{color:#9ca3af;margin-bottom:2rem}.full-width-explanation{border-top:1px solid var(--border-color)!important;margin-top:30px!important;padding-top:20px!important;width:100%!important}.result-message{background:#4f46e51a!important;border-radius:8px!important;color:#6366f1!important;margin-bottom:20px!important;padding:15px!important;text-align:center!important}.explanation-box{background-color:var(--bg-element)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 2px 4px #0003!important;margin:20px 0!important;padding:20px!important}.explanation-box h3{color:var(--text-primary)!important;margin-bottom:15px!important}.explanation-box p{color:var(--text-secondary)!important;line-height:1.6!important}.audio-player{align-items:center;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:.5rem;width:100%}.progress-container{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.progress-bar{background:#2a2a2a;border-radius:2px;cursor:pointer;height:4px;position:relative;width:100%}.progress-fill{background:#6366f1;border-radius:2px;height:100%;position:absolute;transition:width .1s linear}.time-display{color:#9ca3af;display:flex;font-size:.75rem;justify-content:space-between}.question-container{position:relative}.timer{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;box-shadow:0 2px 4px #0000004d;color:#e2e8f0;font-size:16px;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:-30px;z-index:1000}.timer-warning{border-color:#f87171;color:#f87171}.show-answer-btn{background-color:#1f2937;border:1px solid #374151;border-radius:5px;color:#e2e8f0;margin-top:20px;padding:10px 20px}.show-answer-btn:hover{background-color:#374151;border-color:#4b5563}.study-mode-button:disabled{background-color:#333;border-color:#444;color:#666;cursor:not-allowed}.no-wrong-questions-modal{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0003;color:#e2e8f0;left:50%;max-width:450px;outline:none;padding:1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.no-wrong-questions-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-button{background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.modal-button:hover{background-color:#404040;border-color:#525252}.modal-button:focus{box-shadow:0 0 0 2px #ffffff1a;outline:none}.modal-button:active{transform:scale(.98)}.modal-button:disabled{background-color:#1a1a1a;border-color:#333;color:#666;cursor:not-allowed}.content-badge{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px;position:absolute;right:10px;top:10px}.content-badge.free{background-color:#4caf50;color:#fff}.content-badge.premium{background-color:gold;color:#333}.subcategory-card.premium{cursor:pointer;opacity:.8}.subcategory-card.premium:hover{opacity:1}.subscription-modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.subscribe-button{background-color:#007bff;color:#fff}.vocabulary-container{margin:20px auto;max-width:1100px}.vocabulary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.vocabulary-card{background:#2a2a2a;border-radius:10px;box-shadow:0 2px 4px #0003;cursor:pointer;padding:20px;transition:transform .2s ease}.vocabulary-card:hover{transform:translateY(-5px)}.vocabulary-card h3{color:#fff;margin-bottom:10px}.vocabulary-card p{color:#ccc;margin-bottom:15px}.vocabulary-card .examples{background:#333;border-radius:5px;color:#ddd;font-size:.9em;padding:10px}.vocabulary-study-container{display:flex;flex-direction:column;height:100vh;padding-top:20px}.vocabulary-study{padding:20px}.vocabulary-study-content{margin:0 auto;max-width:1200px;padding:60px 20px 20px;position:relative}.header{margin-bottom:10px;padding:40px 20px 0;position:relative}.header,.header .title{text-align:center;width:100%}.header .title{color:#fff;font-size:1.8rem;left:50%;margin:0;position:absolute;transform:translateX(-50%);white-space:nowrap}.back-button{background-color:#333!important;border:none!important;border-radius:5px!important;color:#fff!important;cursor:pointer!important;margin:0!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;transition:all .2s ease!important}.back-button:hover{background-color:#444!important}.word-display{align-items:center;display:flex;flex-direction:column;gap:20px;margin:15px 0}.word-text{color:#fff;font-size:2em}.audio-button{align-items:center;background-color:#444;border:1px solid #fff3!important;border-radius:8px;display:flex;font-size:1.2em;justify-content:center;margin:20px auto;padding:15px 30px;transition:all .2s ease;width:-webkit-fit-content!important;width:fit-content!important}.audio-button img{filter:invert(1);height:24px;margin-right:10px;vertical-align:middle;width:24px}.audio-button:hover{background-color:#555;transform:translateY(-2px)}.meaning-container{align-items:center;display:flex;height:300px;justify-content:center;margin:15px 0}.show-meaning-button{background-color:#333;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;min-height:50px;opacity:.8;padding:12px 24px;transition:all .2s ease}.show-meaning-button:hover{background-color:#444;border-color:#fff3}.meaning-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;width:100%}.star-button{color:#ccc;font-size:1.5rem;padding:.5rem;transition:color .3s ease}.star-button.starred,.star-button:hover{color:gold}.meaning-content{align-items:center;background:#2a2a2a;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:30px;position:relative;text-align:center;width:400px}.word-text{margin:0}.h3,.word-text{word-break:break-word}.h3,.word-header,.word-text{text-align:center;width:100%}.word-header{margin-bottom:15px}.favorite-button{background:none!important;border:none!important;color:#666!important;cursor:pointer!important;font-size:24px!important;padding:5px!important;position:absolute!important;right:0!important;top:0!important;transition:transform .2s!important}.favorite-button:hover{transform:scale(1.1)!important}.favorite-button.active{color:gold!important}.example,.translation{margin:10px 0;width:100%}.vocabulary-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:block;margin:15px auto;object-fit:cover}.hide-meaning-button{background-color:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}.hide-meaning-button:hover{background-color:#555}.navigation{gap:20px;margin-top:15px;padding-top:20px}.navigation button{background-color:#333;border:none;color:#fff;width:-webkit-fit-content!important;width:fit-content!important}.navigation button:disabled{background-color:#222;cursor:not-allowed;opacity:.5}.navigation span{color:#999}.vocab-modal{background:#1a1a1a;box-shadow:0 5px 15px #00000080;height:90vh;left:50%;outline:none;overflow:hidden;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:95%}.vocab-modal-overlay{background-color:#000000bf}.vocabulary-modal-content{height:100%;overflow-y:auto;padding:20px;width:100%}.modal-close-btn{background:none!important;border:1px solid #ffffff1a!important;border-radius:4px!important;color:#666!important;cursor:pointer!important;font-size:24px!important;position:absolute!important;right:20px!important;top:20px!important;transition:all .2s ease!important;z-index:10!important}.modal-close-btn:hover{background:#444;transform:translateY(-2px)}.study-content{margin-top:20px}.content-wrapper{align-items:flex-start;display:flex;gap:30px;justify-content:center;margin-top:20px}.left-section{align-items:center;display:flex;flex:0.5 1;flex-direction:column;gap:15px}.image-section{width:100%}.study-image{border-radius:8px;max-height:400px;object-fit:contain;width:100%}.right-section{display:flex;flex:0.5 1;flex-direction:column;gap:20px}.choices-container{gap:15px}.choice-btn{align-items:center;background:#2a2a2a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;min-height:50px;padding:15px 20px;transition:all .2s ease;width:100%}.choice-text{text-align:left}.choice-text,.choice-text-hidden{margin-left:10px;white-space:normal}.choice-text-hidden{visibility:hidden}.audio-controller{display:flex;justify-content:center;margin-top:15px}.play-button{background:#444;border-radius:25px;font-size:1rem;min-width:120px}.play-button:hover{background:#555}.play-button.playing{background:#666}.vocabulary-mode-wrapper{margin:10px 0}.vocabulary-mode-selector{display:flex;gap:10px;width:100%}.button-wrapper{display:flex;flex:1 1}.vocabulary-mode-button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer!important;height:100%;min-height:44px;padding:12px;position:relative;width:100%;z-index:1}.vocabulary-mode-button *{pointer-events:none;position:relative;z-index:2}.vocabulary-mode-button:hover{background:#f8f9fa}.vocabulary-mode-button.active{color:#fff}.vocabulary-mode-button:disabled{background:#333!important;cursor:not-allowed;opacity:.5}.vocabulary-mode-button:disabled:hover{background:#333!important}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:15px;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px}.modal-content .header{align-items:center;display:flex;margin-bottom:30px}.modal-content .title{color:#fff;flex:1 1;margin:80px 0 0;text-align:center}.modal-content button{background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease}.modal-content button:hover{background:#444}.modal-content .meaning-content{background:#2a2a2a;color:#fff}.free-badge{background-color:#4caf50;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;position:absolute;right:10px;top:10px}.lock-overlay{align-items:center;background:#00000080;border-radius:8px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.lock-overlay img{filter:brightness(0) invert(1);height:24px;width:24px}.category-card.premium{cursor:pointer;opacity:.8}.category-card.premium:hover{opacity:1}.category-selection{margin-top:20px}.category-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.grammar-container{align-items:center;background-color:#1a1a1a;border-radius:8px;box-shadow:0 2px 8px #0003;color:#e0e0e0;display:flex;flex-direction:column;margin:60px auto 0;max-width:800px;padding:1.5rem;width:100%}.mode-selector-container{display:flex;justify-content:center;margin-bottom:15px;width:100%}.mode-selector{display:flex;gap:10px}.mode-button{background-color:initial;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.mode-button:hover{background-color:#ffffff0d;color:var(--text-primary)}.mode-button.active{background-color:#ffffff1a;border-color:var(--accent-primary);color:var(--text-primary)}.grammar-content{background-color:#0a0a0a;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 1px 3px #00000026;max-width:800px;padding:2rem;width:100%}.sentence-display{margin-bottom:40px;text-align:center}.english-sentence{word-wrap:break-word!important;color:#fff!important;font-size:18px!important;font-weight:600!important;letter-spacing:.3px!important;line-height:1.3!important;margin-bottom:20px!important;margin-left:auto!important;margin-right:auto!important;max-width:700px!important;text-align:center!important;width:100%!important}.korean-question{color:#b0b0b0;font-size:20px;margin-bottom:20px;margin-top:20px;padding-right:40px}.answer-section{align-items:center;display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.check-answer-btn,.navigation button,.play-audio-btn{background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:14px;padding:12px 24px}.check-answer-btn:hover,.navigation button:hover,.play-audio-btn:hover{background-color:#2e2e2e;transform:none}.part1-explanation{background-color:#1a1a1a!important;border:1px solid #2e2e2e!important;border-radius:8px!important;margin:0 auto!important;max-width:600px!important;padding:25px!important;text-align:center!important;width:100%!important}.answer{color:#4caf50;font-size:20px;font-weight:600;margin-bottom:15px;text-align:center}.reason{background-color:#1c1c1c;border:1px solid #2c2c2c;border-radius:6px;color:#a0a0a0;font-size:16px;line-height:1.7;margin:0 auto;max-width:100%;padding:15px;text-align:left;transition:all .2s ease}.navigation{align-items:center;display:flex;gap:25px;justify-content:center;margin-top:30px}.navigation button{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.navigation button:hover{background-color:#2a2a2a;border-color:#444}.navigation span{color:#b0b0b0;font-size:16px}.audio-section{display:flex;justify-content:center;margin-bottom:30px}.play-audio-btn{align-items:center;background:#2a2a2a;border:1px solid #3f3f3f;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:12px 24px;transition:all .2s ease}.category-item:hover{background-color:#2a2a2a!important;box-shadow:none!important;transform:translateY(-5px)!important}.play-audio-btn:hover{background:#3f3f3f;border-color:#4f4f4f}.play-audio-btn svg{font-size:20px;opacity:.9}.part1-question-section{animation:fadeIn .5s forwards;margin-bottom:30px;opacity:0;text-align:center}.question-header{background-color:#1e1e1e;border-radius:8px;padding:10px;position:relative;width:100%}.answer-header{gap:10px;justify-content:center}.answer-header,.star-button{align-items:center;display:flex}.star-button{background:none;border:none;cursor:pointer;padding:5px}.star-button:hover{transform:scale(1.1)}.star-button .starred{color:#f1c40f;font-size:24px}.star-button .not-starred{color:#7f8c8d;font-size:24px}.bookmark-button{background:none;border:none;color:gold;cursor:pointer;font-size:28px;padding:5px;position:absolute;right:10px;top:10px;z-index:10}.bookmark-button:hover{color:#2980b9}.explanation-image-container{margin-top:20px;text-align:center}.explanation-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;max-width:100%}.answer-buttons{display:flex;gap:20px;justify-content:center;margin:20px 0}.answer-button{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:16px;padding:10px 30px;transition:all .2s ease}.answer-button:hover{background-color:#ffffff1a}.answer-button.selected{background-color:#2c3e50;border-color:#3498db;color:#fff}.answer.correct{color:#2ecc71;font-weight:500}.answer.incorrect{color:#e74c3c;font-weight:500}.tutorial-container h2{margin-top:40px}.wrong-questions-settings{display:flex;justify-content:flex-end;margin-top:10px}.checkbox-label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px}.checkbox-label input{margin-right:6px}.checkbox-label span{-webkit-user-select:none;user-select:none}.remove-from-wrong-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;margin-top:12px;padding:6px 12px;transition:background-color .2s}.remove-from-wrong-btn:hover{background-color:#e0e0e0}.subcategory-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.subcategory-card{border:1px solid #ddd;transition:all .3s ease}.subcategory-card:hover{box-shadow:0 5px 15px #0000001a}.translation{color:#666;display:block;font-size:.8em;margin-top:2px}.choice-btn .translation{color:#666;display:block;font-size:.75em}.explanation-container{background-color:#1a1a1a;border-radius:8px;margin:15px 0;padding:15px;text-align:left}.explanation-container h4{border-bottom:2px solid #333;color:#fff;margin-bottom:15px;padding-bottom:5px}.question-translation{color:#fff;font-weight:500;margin-bottom:15px}.choices-translation{color:#ccc;line-height:1.8}.audio-controls{margin:15px 0;text-align:center}.play-btn{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;color:#999;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.play-btn:hover{background-color:#3c3c3c}.play-btn.playing{background-color:#404040}.play-btn.playing:hover{background-color:#505050}.accent-selector{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.accent-btn{background-color:initial;border:2px solid #4caf50;border-radius:5px;color:#4caf50;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s}.accent-btn.active{background-color:#4caf50;color:#fff}.accent-btn:hover:not(.active){background-color:#4caf501a}.question-instruction{color:#666;font-weight:700;margin:10px 0}.selected-count{color:#007bff;margin-left:8px}.part2-progress-info{color:#666!important;position:absolute!important;right:20px!important;top:20px!important}.question-container{position:relative!important}.korean-toggle-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin:10px 0;padding:5px 10px}.korean-toggle-btn:hover{background-color:#e0e0e0}.korean-translation{font-style:italic;margin-top:10px}.navigation-buttons{border:none;justify-content:flex-start;margin-bottom:1rem;margin-top:1rem}.back-to-categories-btn{background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.back-to-categories-btn:hover{background-color:#e0e0e0}.playback-controls{gap:.5rem;margin:.5rem 0}.playback-btn{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;color:#999;cursor:pointer;font-size:.9rem;padding:.3rem .6rem;transition:all .2s}.playback-btn.active{color:#fff}.playback-btn.active,.playback-btn:hover{background-color:#2a2a2a;border-color:#444}.playback-btn.active:hover{background-color:#333}.audio-controls{flex-direction:column;gap:.5rem;margin:1rem 0}.next-btn,.prev-btn{background-color:#1a1a1a;border:1px solid #333;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.next-btn:hover,.prev-btn:hover{background-color:#2a2a2a;border-color:#444}.study-mode-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.study-mode-modal-content{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;max-width:400px;padding:1.5rem;width:90%}.study-mode-modal-header{margin-bottom:1.25rem;text-align:center}.study-mode-modal-header h3{color:#e2e8f0;font-size:1.25rem;margin:0}.study-mode-options{display:flex;flex-direction:column;gap:.75rem}.study-mode-button{align-items:center;background-color:#262626;border:1px solid #333;border-radius:4px;color:#e2e8f0;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.75rem;transition:all .2s ease}.study-mode-button.all{background-color:#1f2937}.study-mode-button.all:hover{background-color:#374151}.study-mode-button.wrong{background-color:#7f1d1d}.study-mode-button.wrong:hover{background-color:#991b1b}.study-mode-button i{margin-right:.5rem;opacity:.8}.login-required{color:#888;font-size:.8rem;margin-left:8px}.part2-button-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.part2-check-answer-button{background-color:#4a90e2;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:16px;margin:0 auto;padding:12px 24px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.part2-check-answer-button:disabled{background-color:#1a1a1a;color:#4a4a4a;cursor:not-allowed}.part2-button-divider{border:none;border-top:1px solid #333;margin:0}.part2-navigation-buttons{display:flex;gap:15px;justify-content:center}.part2-next-button,.part2-prev-button{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.part2-next-button:hover,.part2-prev-button:hover{background-color:#262626}.part2-next-button:disabled,.part2-prev-button:disabled{background-color:#1a1a1a;border-color:#262626;color:#4a4a4a;cursor:not-allowed}.check-answer-container{margin:20px 0;text-align:center;width:100%}.result-message.correct{color:#2ecc71!important}.result-message.correct,.result-message.incorrect{background-color:initial!important;font-weight:700!important}.result-message.incorrect{color:#e74c3c!important}.part2-study-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;margin-top:20px}.study-options-header{margin-bottom:5px}.study-options-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.study-options-buttons{align-items:center;display:flex;gap:10px}.arrow-icon{color:var(--text-secondary);font-size:1.2rem;margin:0 5px}.study-mode-description{background:var(--bg-element-hover);border-radius:8px;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-top:10px;padding:10px}.part2-option-btn{background:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;text-align:center;transition:all .3s ease}.part2-option-btn:hover{background:var(--bg-element-hover);transform:translateY(-1px)}.part2-option-btn.active{background:linear-gradient(90deg,#4a90e2,#4a90e2);border-color:#0000;color:var(--text-on-primary)}.vocab-modal-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vocab-modal{background-color:#1a1a1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;color:#fff;padding:2.5rem;width:90%}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px;transition:color .2s}.close-btn:hover{color:#fff}.level-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.level-selector button{background:none;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:.5rem 1rem}.level-selector button.active{background-color:#007bff;color:#fff}.vocab-content{margin-bottom:2rem;text-align:center}.progress-info{color:#666;font-size:.9rem;margin-bottom:1.5rem}.audio-btn{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:1.5rem;padding:.7rem 1.5rem;transition:all .2s}.audio-btn:hover{background-color:#333;border-color:#444}.expression{color:#fff;font-size:2rem;font-weight:500;margin-bottom:1.5rem}.show-meaning-btn{background-color:#2d6a4f;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.7rem 1.5rem;transition:background-color .2s}.show-meaning-btn:hover{background-color:#358f6c}.meaning-content{background-color:#2a2a2a;border-radius:8px;margin-top:1.5rem;padding:1rem}.meaning{color:#e0e0e0;font-size:1.3rem;margin-bottom:1rem}.example{color:#4a9eff;font-size:1.1rem;margin-bottom:.8rem}.translation{color:#999;font-size:1rem}.navigation-buttons{gap:1rem;justify-content:space-between;margin-top:2rem}.navigation-buttons button{border:1px solid #333;min-width:100px;padding:.7rem 1.5rem;transition:all .2s}.navigation-buttons button:hover:not(:disabled){background-color:#333;border-color:#444}.navigation-buttons button:disabled{border-color:#2a2a2a;color:#444}.part3-container{color:#e1e1e1;margin:0 auto;max-width:1200px;padding:20px}.question-content{background-color:#121212!important}.study-mode-selector{margin:20px 0}.mode-btn{background:#2c2c2c;border:1px solid #4a4a4a;border-radius:4px;color:#e1e1e1;cursor:pointer;margin:0 10px;padding:10px 20px;transition:all .3s ease}.mode-btn.active{background:#6366f1;border-color:#6366f1;color:#e1e1e1}.subcategory-card{background:#2c2c2c;color:#e1e1e1}.subcategory-card:hover{background:#363636}.part3-conversation-info{line-height:1.2;overflow:visible;text-align:center;text-overflow:clip;white-space:normal;word-break:keep-all}.part3-conversation-info h3{word-wrap:break-word;margin:0;white-space:normal}.conversation-header{margin-bottom:20px;width:100%}.play-button{background:#3498db;border-radius:4px;color:#e1e1e1;padding:10px 20px}.play-button.playing{background:#2980b9}.conversation-script{margin:20px 0;width:100%}.script-content{max-width:100%;overflow-x:hidden}.script-content pre{word-wrap:break-word;font-family:inherit;font-size:1rem;line-height:1.3;margin:0;white-space:pre-wrap;word-break:break-word}.script-content pre span.translation{color:#888;display:block;font-size:.85em;line-height:1.2;margin-bottom:.3em;padding-left:1em}.script-content pre span.translation:last-child{margin-bottom:0;text-align:left!important}.show-explanation,.toggle-script{background:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:12px;text-align:center;transition:all .2s ease;width:100%}.show-explanation:hover,.toggle-script:hover{background:var(--bg-element-hover);transform:translateY(-1px)}.show-explanation:active,.toggle-script:active{transform:translateY(1px)}.explanation-content,.script-content{background:#363636;border-radius:4px;color:#e1e1e1;margin-top:10px;padding:10px}.question-section{margin:20px 0}.options-grid{grid-gap:10px;display:grid;gap:10px;margin:15px 0}.option-button{background:#2c2c2c;border:1px solid #4a4a4a;border-radius:4px;color:#e1e1e1;cursor:pointer;padding:15px;text-align:left;transition:all .2s}.option-button:hover{background:#404040}.option-button.selected{background:#2c3e50;border-color:#3498db}.button-container{align-items:center;margin:20px 0}.complete-button,.nav-button{align-items:center;border-radius:4px;display:inline-flex;height:40px;justify-content:center;margin-top:0!important;padding:0 20px}.next-button{background:linear-gradient(90deg,#2f2a85,#3f41a1);border-radius:4px;font-size:1.1em;margin-top:0!important;padding:15px 30px;transition:background .3s ease}.next-button:hover{background:#2980b9}.questions-container{display:flex;flex-direction:column;gap:30px;margin:20px 0}.question-section{background:#363636;border-radius:8px;box-shadow:0 1px 3px #0003;padding:20px}.question-text{color:#e1e1e1;font-size:1.1em;margin:10px 0}.complete-button{background:linear-gradient(90deg,#4f46e5,#6366f1);border:none;color:#e1e1e1;font-size:1.1em;margin-top:20px;padding:15px;transition:background .3s ease;width:100%}.complete-button:hover{transform:translateY(-2px);transition:transform .2s ease}.explanation-section{background:#2c2c2c;margin-top:15px;padding:10px}h2,h3{line-height:1.3}h2,h3,h4{color:#e1e1e1}h4{line-height:1.5}strong{color:#6366f1}mark{background:#0000!important;color:#3f41a1;font-weight:500;padding:0;pointer-events:none}mark:active,mark:hover{background:#0000!important;cursor:default}.explanation-content mark,.options-grid mark,.script-content mark{background:none;color:#3f41a1;padding:0}.back-button{align-items:center;align-self:flex-start;background:#34495e;display:flex;font-size:.9em;gap:8px;transition:background .3s ease}.back-button:hover{background:#2c3e50}.audio-controls{align-items:center;display:flex;gap:10px}.audio-controls select{border:1px solid #ccc;border-radius:4px;padding:5px}.answer-explanation,.correct-answer,.correct-answer *,.explanation,.explanation *{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}.answer-explanation{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;margin-top:15px;padding:10px}.correct-answer{margin-bottom:5px}.explanation{color:#a3a3a3}.option-label{display:block;margin-bottom:8px}.version-controls{margin:10px 0;text-align:center}.version-toggle{border:none;border-radius:20px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.version-toggle.basic{background-color:#e3f2fd;color:#1976d2}.version-toggle.advanced{background-color:#1976d2;color:#fff}.version-toggle:hover{opacity:.9;transform:scale(1.02)}.korean-translation{border-top:1px solid #eee;color:#666;font-size:.9em}.korean-translation pre{word-wrap:break-word;font-family:inherit;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.part3-conversation-info{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:40px}.conversation-number{color:#666;font-size:14px}.button-container{gap:16px;justify-content:center}.nav-button{background-color:#2d2d2d!important}.script-controls{display:flex;gap:10px;margin-bottom:10px}.toggle-marked{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:5px 10px}.toggle-marked:hover{background-color:#e0e0e0}.conversation-content{display:flex;gap:30px;margin-top:20px}.conversation-script{align-self:flex-start;max-height:calc(100vh - 40px);position:-webkit-sticky;position:sticky;top:20px;width:40%}.script-content{background-color:#f5f5f5;padding:15px}.english-script,.korean-translation{margin-bottom:15px}@media (max-width:1024px){.conversation-content{flex-direction:column}.conversation-script{position:static;width:100%}.control-buttons{justify-content:center}}.control-buttons{border-bottom:1px solid #3a3a3a;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:15px;padding:10px 0;width:100%}.control-btn{background:#2c2c2c;border:1px solid #3a3a3a;color:#e1e1e1;padding:8px 12px}.control-btn:hover{background:#3a3a3a}.control-btn.active{background:#6366f1;border-color:#6366f1}.speed-btn{padding:6px 10px}.view-mode-buttons{gap:4px}.view-mode-btn{padding:6px 10px}.accent-btn,.translation-btn{padding:6px 12px}.question h4 .question-kr{color:#666;display:block;font-size:.9em;margin-top:4px}.option-content{display:flex;flex-direction:column}.option-kr{color:#666;font-size:.9em;margin-top:2px}.options-control{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.control-btn{flex-shrink:0;white-space:nowrap}.speed-buttons,.view-mode-buttons{display:flex;flex-shrink:0;gap:4px}@media (max-width:768px){.questions-section{min-width:100%}.options-control{padding:10px 5px}.control-btn{font-size:.9rem;padding:6px 10px}}.question-instruction{background-color:#1a1a1a;border-radius:6px;box-shadow:0 2px 4px #0003;color:#e0e0e0;font-size:15px;margin:15px 0;padding:12px 20px;text-align:center}.show-answer-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:20px auto;padding:12px 24px;transition:all .2s ease}.show-answer-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}.show-answer-btn:active{transform:translateY(1px)}.correct-answer{font-weight:700;padding:10px}.correct-answer.correct{background-color:#d1fae5;color:#059669}.correct-answer.incorrect{background-color:#fee2e2;color:#dc2626}.selected-answer{font-size:.9em;margin-left:8px;opacity:.8}.answer-result{margin-bottom:15px}.selected-answer.incorrect{background-color:#fee2e2;border-radius:4px;color:#dc2626;margin-bottom:5px;padding:8px 12px}.correct-answer{background-color:#d1fae5;color:#059669}.wrong-answer{background-color:#fee2e2;color:#dc2626}.vocabulary-practice-container{background-color:#1a1a1a;color:#fff;margin:0 auto;max-width:800px;padding:20px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.back-button{transition:background-color .2s}.card-container{align-items:center;display:flex;flex-direction:column;gap:30px}.card{background:#2a2a2a;border-radius:12px;padding:30px;text-align:center;width:300px}.audio-button{background:none;border:none;color:#fff;cursor:pointer;padding:20px;transition:transform .2s}.audio-button:hover{transform:scale(1.1)}.meaning-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 16px;transition:background-color .2s}.meaning-button:hover{background-color:#444}.word-content{margin-top:20px}.navigation-buttons{color:#fff}.navigation-buttons button{background-color:#333;border-radius:4px;padding:8px 16px;transition:background-color .2s}.navigation-buttons button:hover{background-color:#444}.navigation-buttons button:disabled{background-color:#222}.example{color:#888;font-size:.9em;font-style:italic;margin-top:20px}.translation{color:#aaa;font-size:.9em;margin-top:10px}h2{color:#fff;margin-bottom:10px}h3{color:#ddd;font-weight:400;margin-bottom:20px}.category-selection{padding:20px}.category-grid{margin-top:20px}.category-card{background-color:#2c3e50;transition:transform .2s}.category-card h3{margin:0 0 10px}.category-card p{color:#bdc3c7}.header-buttons{display:flex;gap:10px}.selected-category{color:#fff;margin-bottom:20px;text-align:center}.reading-section{padding:20px}.curriculum-table{background-color:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;margin-top:20px;width:100%}.curriculum-table td,.curriculum-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.curriculum-table th{background-color:#f8f9fa;color:#333;font-weight:600}.curriculum-table tr:hover{background-color:#f5f5f5}.curriculum-table input,.curriculum-table select{border:1px solid #ddd;border-radius:4px;padding:6px;width:140px}.curriculum-table select{background-color:#fff}.curriculum-table select option{padding:4px}.part4-container{margin:0 auto;max-width:1200px;padding:20px}.subcategory-selection{text-align:center}.subcategory-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.subcategory-card{border:1px solid #2d2d3d;border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;padding:20px;position:relative;transition:transform .2s}.subcategory-card:hover{background-color:#252535;transform:translateY(-5px)}.subcategory-card h3{color:#e1e1e1;margin-bottom:10px}.subcategory-card p{color:#666;margin-bottom:15px}.examples{text-align:left}.examples ul{list-style:none;padding-left:15px}.examples li{color:#a0a0b0;margin:5px 0}.question-content{background-color:#121218}.talk-question{display:flex;gap:30px;margin-top:40px;max-width:100%}.questions-section{flex:1 1;min-width:0;width:50%}.talk-script{align-self:flex-start;max-height:calc(100vh - 40px);position:-webkit-sticky;position:sticky;top:20px;width:50%}.script-content{background:#121218;border:1px solid #2d2d3d;border-radius:8px;box-shadow:0 2px 8px #0003;color:#e1e1e6;height:100%;margin-top:10px;padding:20px}.english-script,.korean-translation{text-align:left!important;width:100%}.english-script pre,.korean-translation pre{word-wrap:break-word;color:#e1e1e6;font-family:inherit;line-height:1.6;margin:0;text-align:left!important;white-space:pre-wrap}.korean-translation{border-top:1px solid #2d2d3d;color:#a0a0b0;margin-top:20px;padding-top:20px}.korean-translation pre{color:#a0a0b0}.talk-script button{border:1px solid #2d2d3d;border-radius:8px;color:#e1e1e6;cursor:pointer;font-size:.95rem;padding:12px;text-align:center;transition:all .2s ease;width:100%}.talk-script button:hover{background:#252535;transform:translateY(-1px)}.talk-script button:active{transform:translateY(1px)}.talk-header{margin-bottom:20px;width:100%}.title-kr{color:#666;font-size:.8em}.question-kr,.title-kr{display:block;font-weight:400;margin-top:4px}.question-kr{color:#a0a0b0;font-size:.85em}.option-content{color:#e1e1e6;display:inline-block}.option-label{align-items:flex-start;border:1px solid #2d2d3d;border-radius:6px;display:flex;margin-bottom:12px;padding:10px;transition:background-color .2s ease}.option-label:hover{background-color:#252535}.option-label input[type=radio]{margin-right:8px;margin-top:4px}.toggle-korean{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-left:10px;padding:8px 16px}.toggle-korean:hover{background-color:#e0e0e0}.control-buttons{align-items:center;display:flex;gap:8px;margin-bottom:20px}.control-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.control-btn:hover{background-color:#ffffff1a}.control-btn.active{background-color:#e0e0e0;border-color:#999}.play-btn{align-items:center;background-color:initial;display:flex;gap:6px;height:36px;padding:8px 12px;width:auto}.speed-buttons{background-color:#1a1a25;border-radius:4px;gap:2px;padding:2px}.speed-btn{background-color:initial;border:none;border-radius:3px;color:#a0a0b0;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.speed-btn:hover{background-color:#ffffff0d}.speed-btn.active{background-color:#2d2d3d;box-shadow:0 1px 3px #0000004d;color:#a5b4fc}.accent-btn,.marked-btn,.translation-btn{min-width:50px}.button-container{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.nav-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;font-size:14px;height:40px;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s}.nav-button.prev{background-color:#4a90e2;border:1px solid #2d2d3d;color:#a0a0b0}.nav-button.next{background:linear-gradient(90deg,#4338ca,#4f46e5);border:none;color:#fff}.nav-button.next:hover{background:linear-gradient(90deg,#4f46e5,#6366f1);opacity:.9}.nav-button.prev:hover{background-color:#252535!important;box-shadow:0 1px 3px #0000004d!important}.complete-button{align-items:center;background-color:#4caf50;border:1px solid #ddd;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s}.complete-button:hover{background-color:#45a049}.view-mode-buttons{background-color:#1a1a25;border-radius:4px;display:flex;gap:2px;padding:2px}.view-mode-btn{background-color:initial;border:none;border-radius:3px;color:#a0a0b0;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.view-mode-btn:hover{background-color:#ffffff0d}.view-mode-btn.active{background-color:#2d2d3d;box-shadow:0 1px 3px #0000004d;color:#a5b4fc}.play-icon{display:block;filter:invert(1);height:16px;width:16px}.play-text{color:#fff;font-size:14px}.question h4 mark{background-color:#6366f126!important;border-bottom:2px solid #a5b4fc;border-radius:3px;color:#c7d2fe;padding:0 2px}.control-btn.accent-btn,.control-btn.translation-btn{align-items:center!important;background-color:#4a90e2!important;border:1px solid #2d2d3d!important;border-radius:3px!important;color:#a0a0b0!important;cursor:pointer!important;display:flex!important;font-size:14px!important;gap:6px!important;height:36px!important;padding:8px 12px!important;transition:all .2s!important;width:auto!important}.control-btn.accent-btn:hover,.control-btn.translation-btn:hover{background-color:#252535!important}.control-btn.accent-btn.active,.control-btn.translation-btn.active{background-color:#2d2d3d!important;box-shadow:0 1px 3px #0000004d!important;color:#a5b4fc!important}.questions-width{margin:0 auto;max-width:800px;width:100%}.talk-info{margin-top:40px}.correct-answer{background-color:#4ade801a;border:1px solid #4ade8033;border-radius:4px;color:#4ade80}.correct-answer,.wrong-answer{margin-bottom:10px;padding:8px 12px}.wrong-answer{background-color:#f871711a;border:1px solid #f8717133;border-radius:4px;color:#f87171}.completion-badge{background-color:#4ade80!important;border-radius:4px!important;color:#0f172a!important;font-size:12px!important;font-weight:500!important;padding:4px 8px!important;position:absolute!important;right:10px!important;top:10px!important}.marked-text-only mark{background:#6366f140!important;border-radius:3px;color:#c7d2fe;font-weight:600;margin:0 2px;padding:2px 4px}.part5-selection{padding:20px;text-align:center}.category-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;margin-top:30px;max-width:500px;padding:20px}.category-card{background-color:#f5f5f5;transition:transform .2s,box-shadow .2s}.category-card:hover{box-shadow:0 4px 8px #0000001a}.category-card h3{color:#333;margin:0!important}.grammar-question-container{margin:0 auto;max-width:800px;padding:20px}.question-header{margin-bottom:30px;text-align:center}.question-progress{color:#999;font-size:.9rem;margin-top:10px}.question-content{background-color:#2d2d2d;border-radius:8px;box-shadow:0 2px 4px #0003;color:#e0e0e0;padding:20px}.question-text{color:#fff;font-size:1.3rem;font-weight:500;line-height:1.6;margin-bottom:30px}.options-container{display:flex;flex-direction:column;gap:10px}.grammar-question-container .option{align-items:center;background-color:#363636;border:1px solid #404040;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.95rem;padding:12px;transition:all .2s ease}.grammar-question-container .option:hover{background-color:#404040}.grammar-question-container .option.selected{background-color:#1a3f5f;border-color:#2196f3}.grammar-question-container .option.correct{background-color:#1b4d3e;border-color:#4caf50}.grammar-question-container .option.incorrect{background-color:#5c2828;border-color:#f44336}.grammar-question-container .option-label{align-items:center;background-color:#404040;border-radius:50%;color:#e0e0e0;display:flex;font-size:.9rem;font-weight:700;height:25px;justify-content:center;margin-right:12px;width:25px}.option-text{flex:1 1}.navigation-buttons{gap:10px;margin-top:20px}.next-button,.prev-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.next-button:hover,.prev-button:hover{background-color:#0056b3}.explanation{border-left:4px solid #2196f3;border-radius:6px;margin-top:20px}.explanation h3{color:#2196f3;margin-top:0}.grammar-question{margin:0 auto;max-width:800px;padding:20px}.question-container{margin-top:40px}.question-text{font-size:18px;margin:20px 0}.choices-container{margin:20px 0}.choice-button{background:#363636;border:1px solid #404040;border-radius:5px;color:#e0e0e0;cursor:pointer;font-size:16px;padding:15px;text-align:left}.choice-button:hover:not(:disabled){border-color:#404040}.choice-button.correct{background-color:#1b4d3e;border-color:#4caf50}.choice-button.wrong{background-color:#5c2828;border-color:#f44336}.explanation{background-color:#363636;border-radius:5px;color:#e0e0e0;margin:20px 0;padding:15px}.next-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.next-button:hover{background-color:#0056b3}.toggle-korean-button{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;cursor:pointer;margin:10px 0;padding:8px 16px;transition:all .2s ease}.toggle-korean-button:hover{background-color:#2a2a2a;border-color:#444}.korean-question-text{color:#888;font-size:18px;margin-bottom:10px;opacity:.8;padding:15px}.check-answer-button{background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:14px;padding:12px 24px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:grey;height:40px;margin:20px auto;width:40px}.grammar-categories{padding:20px}.category-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.part5-category-item{align-items:center;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.part5-category-item:hover{background-color:#2a2a2a;transform:translateX(5px)}.part5-category-item.completed{background:linear-gradient(145deg,#1a1a1a,#1a1a1a);border:1px solid #2d6a39;box-shadow:inset 0 0 10px #4caf501a}.part5-category-item.completed:before{background-color:#4caf50;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.completion-status{background-color:#4caf501a;border:1px solid #4caf50;border-radius:4px;color:#4caf50;font-size:13px;margin-left:10px;padding:4px 8px}.part5-category-item h3{color:#e0e0e0;font-size:16px;margin:0}.category-divider{border-top:2px solid #ccc;margin:20px 0;position:relative;text-align:center}.category-divider-text{background-color:#fff;color:#333;font-weight:700;left:50%;padding:0 10px;position:absolute;top:-10px;transform:translateX(-50%)}.vocab-flashcards{align-items:center;display:flex;flex-direction:column;padding:20px}.flashcard{cursor:pointer;height:200px;margin:20px 0;perspective:1000px;width:300px}.flashcard-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:absolute;width:100%}.flashcard-front{background-color:#fff}.flashcard-back{background-color:#f8f9fa;transform:rotateY(180deg)}.flashcard-controls{align-items:center;display:flex;gap:20px;margin-top:20px}.flashcard-controls button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.flashcard-controls button:hover{background-color:#0056b3}.part6-selection-container{padding:20px}.part6-selection-header{align-items:center!important;display:flex!important;margin-bottom:20px!important}.practice-description{background-color:#242424;border:1px solid #333;border-radius:8px;margin-bottom:25px;padding:15px}.practice-description p{color:#e0e0e0;font-size:.95em;line-height:1.5;margin:0 0 10px}.practice-description p:last-child{margin-bottom:0}.practice-description strong{color:#4dabf7;font-weight:600}.back-button{margin-right:20px}.back-button:hover{background-color:#e0e0e0}.part6-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-card{background-color:#1a1a1a!important;border:1px solid #333!important;border-radius:8px!important;cursor:pointer!important;padding:16px!important;transition:all .2s ease!important}.category-card:hover{background-color:#242424!important;border-color:#444!important;transform:translateY(-1px)}.category-card h3{color:#e0e0e0;font-size:1.1em;margin:0 0 8px}.category-card p{color:#999;margin:0}.part6-questions-container{background-color:#121212;color:#e0e0e0;margin:0 auto;max-width:1400px;padding:20px}.part6-questions-header{align-items:center;display:flex;margin-bottom:20px}.part6-content{display:flex;gap:20px}.passage-section{word-wrap:break-word;background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 4px #0000004d;flex:6 1;max-height:calc(100vh - 150px);overflow-x:hidden;overflow-y:auto;padding:20px}.passage-content{flex-grow:1;margin-top:60px;overflow-y:auto}.passage-content pre{font-family:inherit;margin:0;white-space:pre-line}.part6-questions-container mark{background-color:initial!important;color:#a5a6ff!important;cursor:pointer!important;font-weight:500!important;padding:0!important;pointer-events:auto!important}.part6-questions-container mark:hover{background-color:#ffeb3b33!important}.part6-questions-container .explanation-content mark,.part6-questions-container .options-grid mark,.part6-questions-container .script-content mark{background:none;color:#666;padding:0}.part6-questions-container .choice-text mark{background-color:#fff3cd;border-radius:2px;color:#856404;font-weight:500;padding:2px 4px}.questions-section{border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:3 1;max-height:calc(100vh - 150px);overflow-y:auto;padding:20px}.question-item{border-radius:8px;box-shadow:0 2px 4px #000000e6;margin-bottom:30px;padding:20px}.question-number{font-weight:700;margin-bottom:10px}.choices-container{display:flex;flex-direction:column;gap:10px;margin-top:15px}.choice-label{align-items:flex-start;cursor:pointer;display:flex;gap:10px;padding:5px}.choice-label:hover{background-color:#f5f5f5;border-radius:4px}.choice-text{line-height:1.4}.result-feedback{border-radius:4px;margin-top:15px;padding:10px}.correct{color:#28a745;font-weight:700}.incorrect{color:#dc3545}.incorrect p{margin:5px 0}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;width:100%}.submit-button:hover{background-color:#0056b3}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:1024px){.part6-content{flex-direction:column}.passage-section,.questions-section{flex:1 1;max-height:none}}.toggle-marked-button{background-color:#1e1e1e;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:14px;margin-bottom:10px;padding:10px 20px;transition:all .2s ease}.toggle-marked-button:hover{background-color:#2e2e2e}.passage-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;margin-bottom:20px}.left-controls,.right-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.playback-button,.speed-button,.study-guide-button,.toggle-button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.study-guide-button,.toggle-button{background-color:#2d2d30;border:1px solid #3e3e42;color:#b0b0b0;padding:0 16px}.study-guide-button:hover,.toggle-button:hover{background-color:#3e3e42;color:#e4e4e7}.toggle-button.active{background-color:#505057;border-color:#606065;color:#fff}.toggle-button:disabled{background-color:#252527;border-color:#333;color:#666;cursor:not-allowed}.playback-button{background-color:#2d2d30;border:1px solid #3e3e42;border-radius:50%;color:#e0e0e0;padding:0;width:36px}.playback-button:hover{background-color:#3e3e42;color:#fff}.playback-button:disabled{background-color:#252527;border-color:#333;color:#666;cursor:not-allowed}.speed-buttons{display:flex;flex-wrap:nowrap;gap:4px;height:36px;margin-left:8px}.speed-button{color:#b0b0b0;overflow:hidden;padding:0 10px;position:relative}.speed-button:hover{color:#e0e0e0}.speed-button.active{background-color:#4a4a55;border-color:#5a5a65;box-shadow:0 0 0 1px #ffffff1a;color:#fff;font-weight:600}.speed-button.active[title="느린 속도"]{background-color:#2d3a4a;border-color:#3a4a5a}.speed-button.active[title="보통 속도"]{background-color:#3a3a4d;border-color:#4a4a5d}.speed-button.active[title="빠른 속도"]{background-color:#3a2d2d;border-color:#4a3a3a}.speed-button.active:after{background-color:#a5a6ff;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.speed-button.active[title="느린 속도"]:after{background-color:#8aabff}.speed-button.active[title="보통 속도"]:after{background-color:#a5a6ff}.speed-button.active[title="빠른 속도"]:after{background-color:#ff8a8a}@media (max-width:768px){.speed-buttons{height:32px}.speed-button{font-size:11px;padding:0 8px}.speed-button.active:after{height:2px}}.explanation-section{background-color:#f5f5f5;border-radius:4px;margin-top:20px;padding:20px}.explanation-item{margin-bottom:20px}.explanation-item h4{color:#333;margin-bottom:10px}.explanation-item p{color:#666;line-height:1.5}.translation-section{border-radius:4px;margin-top:20px;padding:20px}.translation-content{line-height:1.6;white-space:pre-wrap;word-break:break-word}.passage-word{display:inline-block;transition:all .2s ease}.passage-word.highlight{background-color:gold;border-radius:2px;color:#000;padding:0 2px}.play-button{background-color:#2d2d30!important;border:1px solid #3e3e42!important;border-radius:4px!important;color:#e1e1e1!important;cursor:pointer!important;font-size:14px!important;padding:10px 20px!important;transition:all .2s ease!important}.play-button:hover{background-color:#3e3e42!important;border-color:#505057!important}.play-button:disabled{background-color:#18181b!important;border-color:#27272a!important;color:#52525b!important;cursor:not-allowed!important}.korean-word{color:#666;font-size:.9em;margin-left:2px}.english-passage{margin-bottom:15px}.english-passage,.korean-passage{line-height:1.6;white-space:pre-wrap;word-break:break-word}.korean-passage{color:#555}.passage-divider{border:0;border-top:1px solid #eee;margin:15px 0}.passage-content u{color:#666;text-decoration:underline}.passage-wrapper{display:flex;gap:20px}.passage-content{flex:1 1}.korean-passage-side{background:#252527;border-radius:4px;color:#d0d0d0;height:-webkit-fit-content;height:fit-content;line-height:1.8;margin-top:40px;padding:20px;white-space:pre-line;width:400px}.korean-passage-side p{margin-bottom:15px}.korean-passage-side br+br{content:"";display:block;margin-top:15px}.korean-passage-side .meta-info{color:#a0a0a0;margin-bottom:20px}@media (max-width:1024px){.passage-wrapper{flex-direction:column}.korean-passage-side{margin-top:20px;width:80%}}mark{cursor:pointer!important;padding:0 2px!important;transition:all .2s ease!important}mark:hover{background-color:#ffe066!important}mark:active{background-color:#ffd43b!important}.passage-counter{align-items:center;background-color:#2d2d30;border:1px solid #3e3e42;border-radius:6px;color:#d0d0d0;display:flex;font-size:14px;justify-content:center;min-width:60px;padding:8px 12px;text-align:center}.study-guide-button{background-color:#3a3a3d;border:1px solid #4a4a4d;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.study-guide-button:hover{background-color:#4a4a4d;color:#fff}.study-guide-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:1000}.study-guide-modal{animation:slideIn .3s ease-out;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 20px #00000080;cursor:default;display:flex;flex-direction:column;margin:20px 0;max-height:80vh;max-width:800px;width:80%}.study-guide-header{align-items:center;background-color:#252525;border-bottom:1px solid #333;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.study-guide-header h2{color:#e0e0e0;font-size:20px;margin:0}.close-button{color:#a0a0a0;line-height:1;padding:0}.close-button:hover{color:#e0e0e0}.study-guide-content{color:#d0d0d0;flex:1 1;line-height:1.6;max-height:calc(80vh - 70px);overflow-y:auto;padding:20px}.study-guide-content h3{border-bottom:1px solid #3a3a3d;color:#a5a6ff;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:24px;padding-bottom:8px}.study-guide-content h3:first-child{margin-top:0}.study-guide-content p{line-height:1.7;margin-bottom:14px}.study-guide-content strong{background-color:#a5a6ff1a;border-radius:3px;color:#e0e0e0;font-weight:600;padding:2px 4px}.study-guide-content ol,.study-guide-content ul{margin-bottom:16px;padding-left:24px}.study-guide-content li{line-height:1.7;margin-bottom:10px}@media (max-width:768px){.study-guide-modal{margin:10px 0;max-height:85vh;width:95%}.study-guide-header{padding:12px 16px}.study-guide-content{max-height:calc(85vh - 60px);padding:16px}.study-guide-header h2{font-size:18px}.study-guide-content{font-size:14px}.study-guide-content h3{font-size:16px;margin-bottom:12px;margin-top:20px}}.playback-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.control-icon{filter:invert(90%);height:18px;width:18px}.playback-button:disabled .control-icon{filter:invert(40%)}.replay-icon{position:relative}.replay-icon:before{border:2px solid #e0e0e0;border-bottom:none;border-radius:50% 0 0 0;border-right:none;content:"";height:12px;left:-4px;position:absolute;top:-4px;transform:rotate(-45deg);width:12px}.playing-text{color:#a5a6ff}.played-text{color:#e0e0e0}.unplayed-text{color:grey}@media (max-width:768px){.playback-button,.speed-button,.study-guide-button,.toggle-button{font-size:12px;height:32px}.study-guide-button,.toggle-button{padding:0 12px}.playback-button{width:32px}.speed-buttons{height:32px}.speed-button{font-size:11px;padding:0 8px}.passage-controls{align-items:flex-start;flex-direction:column}.left-controls,.right-controls{flex-wrap:wrap;margin-bottom:8px}}.speed-button{background-color:#2d2d30;border:1px solid #3e3e42;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:12px;margin-left:4px;padding:6px 12px;transition:all .2s ease}.speed-button:hover{background-color:#3e3e42}.speed-slow{background-color:#2d3a4a;border-color:#3a4a5a}.speed-normal{background-color:#2d2d30;border-color:#3e3e42}.speed-fast{background-color:#3a2d2d;border-color:#4a3a3a}@media (max-width:768px){.speed-button{font-size:11px;padding:4px 8px}}@media (max-width:1200px){.study-guide-button,.toggle-button{font-size:13px;min-width:0;padding:0 12px}.speed-button{font-size:12px;min-width:0;padding:0 8px}}@media (max-width:992px){.passage-controls{align-items:flex-start;flex-direction:column}.left-controls,.right-controls{justify-content:space-between;margin-bottom:8px;width:100%}.left-controls{flex-wrap:wrap;row-gap:8px}.playback-controls{margin-right:auto;order:1}.speed-buttons{margin-left:0;order:2}.study-guide-button,.toggle-button{order:3}}@media (max-width:576px){.playback-button,.speed-button,.study-guide-button,.toggle-button{font-size:12px;height:32px}.study-guide-button,.toggle-button{padding:0 10px}.playback-button{width:32px}.speed-buttons{height:32px}.speed-button{font-size:11px;padding:0 6px}.left-controls{grid-gap:8px;display:grid;flex-direction:row;flex-wrap:wrap;gap:8px;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:flex-start}.playback-controls{grid-row:1}.playback-controls,.speed-buttons{grid-column:1/3;justify-content:space-between;width:100%}.speed-buttons{grid-row:2}.toggle-button:first-child{grid-column:1;grid-row:3}.toggle-button:nth-child(2){grid-column:2;grid-row:3}.toggle-button:nth-child(4){grid-column:1;grid-row:4}.study-guide-button{grid-column:2;grid-row:4}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.vocabulary-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vocabulary-modal{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#fff;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;width:80%}.vocabulary-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-button{background:none;border:none;cursor:pointer;font-size:24px;padding:5px}.vocabulary-content{padding:20px}.category-card{background-color:#2a2a2a;border:1px solid #3a3a3a;color:#fff;margin-bottom:15px}.category-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.category-card h3{color:#fff;font-size:1.2em;margin-bottom:10px}.category-card p{color:#ccc;font-size:.9em;line-height:1.4}.back-button{background:none;border:1px solid #3a3a3a;min-width:100px;padding:8px 15px;white-space:nowrap}.back-button:hover{background-color:#3a3a3a}.categories-container{margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.categories-title{color:#fff;font-weight:300;margin-bottom:30px}.category-grid{display:flex;flex-direction:column;gap:12px}.category-card{background-color:#1a1a1a;border:1px solid #2a2a2a;padding:15px;position:relative}.category-card:hover{background-color:#333;border-color:#444;transform:translateX(10px)}.category-content{align-items:center;display:flex;gap:10px;justify-content:space-between}.category-content h3{flex:1 1;font-size:16px;margin:0}.completion-badge{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;width:24px}.category-card.completed{background-color:#4caf501a;border-color:#4caf50}.back-button{background-color:initial;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:14px;margin-bottom:30px}.back-button:hover{background-color:#333;border-color:#555}.training-description{background-color:#2a2a2a;border-radius:8px;line-height:1.6;margin:20px auto;max-width:800px;padding:15px}.training-description p{color:#e0e0e0;font-size:.95rem;margin:10px 0}.direct-reading-container{color:#e0e0e0;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.direct-reading-container h2{color:#fff;font-weight:300;margin-bottom:40px;text-align:center}.sentence-container{background-color:#242424;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:30px 0;padding:30px}.korean-chunks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.chunk{background-color:#333;border:1px solid #404040;border-radius:8px;color:#e0e0e0;display:inline-block;font-size:16px;padding:10px 16px;transition:all .2s ease}.korean-chunks .chunk:hover{background-color:#404040;transform:translateY(-2px)}.english-chunks{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.english-chunks .chunk{min-width:80px;text-align:center}.english-chunks .chunk.hidden{background-color:#333;border:1px dashed #404040;color:#0000}.english-chunks .chunk.revealed{background-color:#2c3e50;border:1px solid #34495e;color:#fff}.full-sentence{background-color:#2c3e50;border-radius:8px;color:#fff;font-weight:300;letter-spacing:.5px;margin-top:30px;padding:20px;text-align:center}.navigation-buttons button{background-color:#2a2a2a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.navigation-buttons button:hover:not(:disabled){transform:translateY(-2px)}.navigation-buttons button:disabled{background-color:#333;cursor:not-allowed;opacity:.5}.back-button{background-color:#2c3e50;border-radius:8px;margin-bottom:20px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background-color:#34495e;transform:translateY(-2px)}.navigation-buttons span{align-items:center;color:#e0e0e0;display:flex;font-size:14px}.completion-modal{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#1a1a1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;max-width:400px;padding:2rem;text-align:center;width:90%}.modal-buttons{margin-top:2rem}.modal-buttons button{background:linear-gradient(90deg,#4f46e5,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s ease}.modal-buttons button:hover{background-color:#333;transform:translateY(-2px)}.modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.modal-buttons button:nth-child(2){background:linear-gradient(90deg,#333,#444);color:#fff}.modal-buttons button:hover{opacity:.9}.additional-explanation{background-color:#2a2a2a;border-left:4px solid #4a90e2;border-radius:4px;margin-top:15px;padding:12px 15px}.additional-explanation h4{color:#e0e0e0;font-weight:600;margin-bottom:8px;margin-top:0}.additional-explanation p{color:#ccc;line-height:1.6;margin:0}.vocabulary-container{margin:0 auto;max-width:800px;padding:20px}.category-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.category-button{background-color:#2a2a2a;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.category-button.active{background-color:#444;color:#fff}.vocabulary-table{background-color:#1a1a1a;border:1px solid #333;border-collapse:collapse;margin-bottom:20px;width:100%}.vocabulary-table td,.vocabulary-table th{border-bottom:1px solid #333;color:#fff;padding:12px;text-align:left}.vocabulary-table th{background-color:#2a2a2a;font-weight:700}.vocabulary-table td.english-cell{border-right:1px solid #333;width:50%}.vocabulary-table td.korean-cell{width:50%}.vocabulary-table tr:hover{background-color:#2a2a2a}.back-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.back-button:hover{background-color:#444}.korean-cell{cursor:pointer;position:relative;transition:all .3s ease;width:50%}.korean-cell.hidden{background-color:#2a2a2a;color:#0000}.korean-cell.hidden:after{color:#888;content:"클릭하여 뜻 보기";font-size:.9em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.korean-cell.visible{background-color:initial;color:#fff}.korean-cell:hover{background-color:#333}.account-container{margin:0 auto;max-width:800px;padding:20px}.account-container h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:30px}.account-info-section{background:var(--bg-secondary);border-radius:12px;margin-bottom:30px;padding:20px}.account-info-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:20px}.info-item{align-items:center!important;border-bottom:1px solid var(--border-color)!important;color:#fff!important;display:flex!important;margin-bottom:15px!important;padding:10px!important}.info-item:last-child{border-bottom:none!important}.info-item label{color:var(--text-secondary)!important;font-size:.9rem!important;width:120px!important}.info-item p{color:#fff!important;margin:0!important}.account-actions{margin-top:30px}.logout-button{background-color:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.logout-button:hover{background-color:#2a2a2a;opacity:.9;transform:translateY(-1px)}.purchase-history-list{margin-top:1rem}.purchase-history-item{border-bottom:1px solid #eee;padding:1rem}.purchase-history-item:last-child{border-bottom:none}.purchase-date{color:#666;font-size:.9rem;margin-bottom:.5rem}.purchase-details{align-items:center;display:flex;justify-content:space-between}.package-type{font-weight:700}.amount{color:#2c5282}.account-info-section:last-child{border-top:1px solid #eaeaea;margin-top:30px;padding-top:20px}.account-info-section a{color:#4a90e2;text-decoration:none;transition:color .2s ease}.account-info-section a:hover{color:#2a6fc9;text-decoration:underline}.info-item a{font-weight:500}.dashboard-modal-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-modal-content{animation:dashboardModalFadeIn .3s ease;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-width:500px;padding:40px;position:relative;width:90%}.dashboard-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-modal-header h2{color:#fff;font-weight:500;margin:0}.dashboard-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;opacity:.7;padding:5px;transition:opacity .2s ease}.dashboard-modal-close:hover{opacity:1}.dashboard-plan-card{background:#252525;border:1px solid #ffffff1a;border-radius:12px;padding:30px;text-align:center}.dashboard-plan-selector{margin-bottom:25px;position:relative}.dashboard-dropdown-icon{filter:invert(1);height:20px;opacity:.7;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px}.dashboard-plan-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#1a1a1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:12px 40px 12px 15px;transition:border-color .2s ease;width:100%}.dashboard-plan-dropdown:hover{border-color:#ffffff4d}.dashboard-plan-dropdown:focus{border-color:#4a90e2}.dashboard-price{color:#fff;font-size:32px;font-weight:600;margin:20px 0}.dashboard-savings{color:#4a90e2;font-size:14px;margin-bottom:20px;opacity:.9}.dashboard-features{list-style:none;margin:25px 0;padding:0;text-align:left}.dashboard-features li{color:#ffffffb3;font-size:14px;margin:12px 0;padding-left:20px;position:relative}.dashboard-features li:before{color:#4a90e2;content:"•";left:0;position:absolute}.dashboard-subscribe-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 30px;transition:all .2s ease;width:100%}.dashboard-subscribe-button:hover{background:#357abd;transform:translateY(-2px)}@keyframes dashboardModalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-checkout-container{height:600px;position:relative;width:100%}.dashboard-checkout-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:15px}.dashboard-back-button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;opacity:.8;padding:8px 12px;transition:opacity .2s ease}.dashboard-back-button:hover{opacity:1}.lemonsqueezy-button iframe{background:#0000;border:none;height:550px;width:100%}.payment-success-modal-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-success-modal-content{animation:modalFadeIn .3s ease;background:#1a1a1a;border-radius:12px;color:#fff;padding:40px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:40px;margin:20px auto;width:40px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.direct-listening-container{color:var(--text-color);margin:0 auto;max-width:800px;padding:20px}.direct-listening-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-card{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;transition:all .3s ease}.category-card:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.question-container{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:20px}.audio-section{margin:20px 0;text-align:center}.play-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px 24px;transition:all .2s ease}.play-button:hover{box-shadow:0 2px 8px #0003;transform:scale(1.05)}.play-button:disabled{background-color:var(--disabled-color);box-shadow:none;transform:none}.chunks-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.chunk{background-color:var(--bg-secondary);border-radius:20px;cursor:pointer;min-width:120px;overflow:hidden;padding:15px 25px;position:relative;text-align:center;transition:all .3s ease}.chunk:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.chunk.active{background-color:var(--primary-color);color:#fff}.chunk-korean{font-size:1.1em;font-weight:500}.chunk-english{font-size:.9em;margin-top:5px;opacity:.9}.english-text{animation:slideUp .5s ease-out;background-color:var(--bg-secondary);border-radius:8px;font-size:18px;margin-top:20px;padding:20px;text-align:center}.navigation-buttons{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px}.nav-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease}.nav-button:hover:not(:disabled){transform:translateX(3px)}.nav-button:disabled{cursor:not-allowed;opacity:.5}.question-counter{color:var(--text-secondary);font-size:14px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.voice-settings{margin-bottom:15px;text-align:center}.voice-select{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.voice-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.admin-page{background-color:#121212;color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.admin-page h2{border-bottom:2px solid #3498db;color:#fff;font-size:24px;margin-bottom:30px;padding-bottom:10px}.part-selector,.section-selector{background:#1e1e1e;border-radius:8px;box-shadow:0 2px 4px #00000080;display:flex;gap:10px;margin:20px 0;padding:15px}.part-selector button,.section-selector button{background:#2d2d2d;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.part-selector button.active,.section-selector button.active{background:#3498db;border-color:#2980b9;box-shadow:0 2px 4px #3498db33;color:#fff}.part-selector button:hover,.section-selector button:hover{background:#3a3a3a;transform:translateY(-1px)}.part-selector button.active:hover,.section-selector button.active:hover{background:#2980b9}.question-form{background:#1e1e1e;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;margin-top:20px;padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.form-group input[type=text],.form-group select,.form-group textarea{background:#2d2d2d;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;padding:10px;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}button[type=submit]{background:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}button[type=submit]:hover{background:#27ae60;transform:translateY(-1px)}button[type=submit]:disabled{background:#4a4a4a;color:#888;cursor:not-allowed;transform:none}.success-message{background:#1e4a2e;color:#a8e6bc}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:12px}.error-message{background:#4a1e1e;color:#e6a8a8}@media (max-width:768px){.part-selector,.section-selector{flex-direction:column}.part-selector button,.section-selector button{width:100%}}.part-selector button{background-color:#2d2d2d;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;margin:0 5px;padding:8px 16px;transition:all .3s ease}.part-selector button.active{background-color:#3498db;border-color:#2980b9;color:#fff}.part-selector button:hover{background-color:#3a3a3a}.part-selector button.active:hover{background-color:#2980b9}.plans-page{background-color:#ededed;min-height:100vh;padding:60px 20px}.plans-header{margin-bottom:60px;text-align:center}.plans-header h1{color:#414042;font-family:Dela Gothic One;font-size:40px;margin-bottom:16px}.plans-header p{color:#414042;font-family:Montserrat;font-size:18px}.plans-container{display:flex;gap:30px;justify-content:center;margin:0 auto;max-width:1200px;padding:20px}.plan-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:40px;position:relative;width:300px}.plan-card.featured{border:2px solid #414042;transform:scale(1.05)}.plan-tag{background:#414042;border-radius:20px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-name,.plan-tag{font-family:Montserrat}.plan-name{color:#414042;font-size:24px;font-weight:700;margin-bottom:20px}.plan-price{margin-bottom:30px}.price{color:#414042;font-size:36px;font-weight:700}.period,.price{font-family:Montserrat}.period{color:#666;font-size:16px}.plan-features{list-style:none;margin:0 0 30px;padding:0}.plan-features li{border-bottom:1px solid #eee;color:#414042;padding:10px 0}.plan-features li,.plan-select-btn{font-family:Montserrat;font-size:16px}.plan-select-btn{background:#414042;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:15px;transition:background-color .3s;width:100%}.plan-select-btn:hover{background:#2e2e2f}.price-breakdown{color:#666;font-family:Montserrat;font-size:14px;margin-bottom:20px;text-align:center}.about-page{background-color:#ededed;min-height:100vh;padding:80px 20px;position:relative}.logo{font-family:Inter}.about-content{margin:0 auto;max-width:1200px}.about-header{margin-bottom:60px;text-align:center}.about-header h1{color:#414042;font-family:Dela Gothic One;font-size:40px;margin-bottom:16px}.about-header p{color:#414042;font-family:Montserrat;font-size:18px}.about-sections{display:flex;flex-direction:column;gap:60px}.about-section{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:40px}.about-section h2{color:#414042;font-family:Dela Gothic One;font-size:28px;margin-bottom:24px}.about-section p{color:#414042;font-family:Montserrat;font-size:16px;line-height:1.6}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.feature{background:#f8f8f8;border-radius:8px;padding:20px}.feature h3{font-size:20px;font-weight:700;margin-bottom:12px}.feature h3,.feature p{color:#414042;font-family:Montserrat}.feature p{font-size:14px}@media (max-width:768px){.about-header h1{font-size:32px}.about-section{padding:30px}.features-grid{grid-template-columns:1fr}}.legal-page{background-color:#ededed;min-height:100vh;padding:80px 20px;position:relative}.legal-content{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:40px}.legal-header{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom:20px;text-align:center}.legal-header h1{color:#414042;font-family:Dela Gothic One;font-size:32px;margin-bottom:10px}.legal-header p{color:#666;font-family:Montserrat;font-size:14px}.legal-sections{display:flex;flex-direction:column;gap:30px}.legal-section{margin-bottom:30px}.legal-section h2{font-size:20px;font-weight:700;margin-bottom:15px}.legal-section h2,.legal-section p{color:#414042;font-family:Montserrat}.legal-section p{font-size:14px;line-height:1.6;margin-bottom:10px}@media (max-width:768px){.legal-content{padding:20px}.legal-header h1{font-size:24px}.legal-section h2{font-size:18px}}.help-center-page{background-color:#ededed;min-height:100vh;padding:80px 20px;position:relative}.help-center-content{margin:0 auto;max-width:1000px}.help-center-header{margin-bottom:60px;text-align:center}.help-center-header h1{color:#414042;font-family:Dela Gothic One;font-size:40px;margin-bottom:16px}.help-center-header p{color:#414042;font-family:Montserrat;font-size:18px;margin-bottom:30px}.search-box{margin:0 auto;max-width:600px}.search-box input{border:2px solid #414042;border-radius:8px;font-family:Montserrat;font-size:16px;outline:none;padding:15px 20px;width:100%}.faq-categories{grid-gap:40px;display:grid;gap:40px;margin-bottom:60px}.faq-category{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px}.faq-category h2{color:#414042;font-family:Montserrat;font-size:24px;font-weight:700;margin-bottom:20px}.faq-list{grid-gap:20px;display:grid;gap:20px}.faq-item{background:#f8f8f8;border-radius:8px;padding:20px}.faq-item h3{font-size:18px;font-weight:600;margin-bottom:10px}.faq-item h3,.faq-item p{color:#414042;font-family:Montserrat}.faq-item p{font-size:14px;line-height:1.6}.contact-support{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:40px;text-align:center}.contact-support h2{color:#414042;font-family:Montserrat;font-size:24px;font-weight:700;margin-bottom:10px}.contact-support p{color:#414042;margin-bottom:20px}.contact-btn,.contact-support p{font-family:Montserrat;font-size:16px}.contact-btn{background:#414042;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:background-color .3s}.contact-btn:hover{background:#2e2e2f}@media (max-width:768px){.help-center-header h1{font-size:32px}.faq-category{padding:20px}.contact-support{padding:30px}}.support-email{margin:20px 0;text-align:center}.email-text{color:#4a90e2;font-size:24px;font-weight:700}.contact-page{background-color:#feefd8;min-height:100vh;padding:80px 20px;position:relative}.logo{color:#414042;cursor:pointer;font-family:Dela Gothic One;font-size:24px;left:20px;line-height:31px;position:absolute;top:20px}.contact-content{margin:0 auto;max-width:1000px}.contact-header{margin-bottom:60px;text-align:center}.contact-header h1{color:#414042;font-family:Dela Gothic One;font-size:40px;margin-bottom:16px}.contact-header p{color:#414042;font-family:Montserrat;font-size:18px}.contact-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr}.contact-info{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px}.info-item{margin-bottom:30px}.info-item:last-child{margin-bottom:0}.info-item h3{font-size:18px;font-weight:700;margin-bottom:8px}.info-item h3,.info-item p{color:#414042;font-family:Montserrat}.info-item p{font-size:14px;line-height:1.6}.contact-page .contact-form{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:40px}.contact-page .form-group{margin-bottom:20px}.contact-page .form-group label{color:#414042;display:block;font-family:Montserrat;font-size:14px;font-weight:600;margin-bottom:8px}.contact-page .form-group input,.contact-page .form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:5px;font-family:Montserrat;font-size:14px;outline:none;padding:12px;width:100%}.contact-page .form-group textarea{min-height:120px;resize:vertical}.contact-page .form-group input:focus,.contact-page .form-group textarea:focus{border-color:#414042}.contact-page .submit-btn{background:#414042;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Montserrat;font-size:16px;font-weight:600;padding:15px;transition:background-color .3s;width:100%}.contact-page .submit-btn:hover{background:#2e2e2f}.success-message{background:#e8f5e9;border-radius:5px;color:#2e7d32;font-family:Montserrat;font-size:14px;margin-top:20px;padding:15px;text-align:center}@media (max-width:768px){.contact-container{grid-template-columns:1fr}.contact-header h1{font-size:32px}.contact-form{padding:20px}}table{background-color:#2a2a2a;border-collapse:collapse;border-radius:8px;margin:20px 0;overflow:hidden;width:100%}th{background-color:#1a1a1a;border-bottom:2px solid #3a3a3a;font-weight:600;text-align:left}td,th{color:#fff;padding:12px}td{border-bottom:1px solid #3a3a3a}tr:last-child td{border-bottom:none}tr:hover{background-color:#333}@media screen and (max-width:768px){table{display:block;overflow-x:auto;white-space:nowrap}td,th{min-width:120px}}
/*# sourceMappingURL=main.b5ca8046.css.map*/