.login-modal{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#323232e6;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 24px #0003;padding:2rem;position:relative;text-align:center;width:400px}.toggle-buttons{background:#1e1e1ee6;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden}.toggle-buttons button{background:#505050cc;border:none;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:12px;transition:.3s}.toggle-buttons button.active{background:#646464e6}.login-box h2{color:#fff;font-size:22px;font-weight:700;margin-bottom:1rem}.google-signin-container{display:flex;justify-content:center;margin:20px 0}#google-signin-button{display:flex;justify-content:center;width:100%}.divider{margin:20px 0;position:relative;text-align:center}.divider:before{background:#ffffff4d;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#323232e6;color:#ffffffb3;font-size:14px;padding:0 15px;position:relative;z-index:1}.login-box input{background:#ffffffe6;border:1px solid #ffffff80;border-radius:5px;color:#000;font-size:16px;margin:10px 0;outline:none;padding:12px;text-align:center;width:100%}form{align-items:center;display:flex;flex-direction:column}.login-box input::placeholder{color:#333}.login-box input:focus{background:#fff;border-color:#c8c8c8e6;box-shadow:0 0 8px #ffffff4d}.close-btn{color:#fff;font-size:22px;position:absolute;right:20px;top:15px;transition:.3s}.close-btn:hover{color:red}.error-message{color:red;font-size:14px;margin-bottom:10px}.submit-container{display:flex;justify-content:center}.login-box button[type=submit]{background:#505050e6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:.3s}.login-box button[type=submit]:hover{background:#646464e6}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:40px;box-shadow:0 4px 10px #0000000d;height:var(--header-height);justify-content:space-between;margin:0 auto;max-width:800px;padding:5px 30px;position:sticky;top:10px;width:90%;z-index:1000}.header,.nav-left{align-items:center;display:flex}.nav-logo{color:var(--header-text);font-size:1.8rem;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.logo-img{height:50px;transition:transform .3s ease;width:auto}.nav-links a{color:var(--header-text);font-size:1.4rem;margin-left:20px;position:relative;text-decoration:none;transition:color .3s ease-in-out}.nav-links a:after{background-color:var(--button-hover-bg);bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease-in-out;width:100%}.nav-links a:hover:after{transform:scaleX(1)}.nav-right{align-items:center;display:flex}.login-btn,.logout-btn,.signup-btn,.toggle-btn{background:var(--button-bg);border:none;border-radius:50px;box-shadow:0 4px 8px #007bff33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:12px;padding:10px 16px;transition:all .3s ease}.login-btn:hover,.logout-btn:hover,.signup-btn:hover,.toggle-btn:hover{background-color:var(--button-hover-bg);transform:translateY(-2px)}.user-profile{align-items:center;cursor:pointer;display:flex;position:relative}.profile-pic{border:2px solid var(--button-bg);border-radius:50%;height:40px;margin-left:12px;object-fit:cover;transition:all .3s ease;width:40px}.profile-pic:hover{transform:scale(1.1)}.dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:none;padding:10px;position:absolute;right:0;top:50px}.user-profile:hover .dropdown{display:block}@media (max-width:768px){.header{flex-direction:column;padding:12px 16px}.nav-links{margin-top:10px}.nav-links a{margin-right:12px}.nav-right{margin-top:10px}.profile-pic{height:35px;width:35px}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:20px;box-shadow:0 -4px 10px #0000000d;margin-top:20px;padding:20px;text-align:center}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-content div{flex:1 1;margin:10px;min-width:200px}.footer a{color:var(--footer-link);display:block;margin:4px 0;text-decoration:none}.footer-bottom{border-top:1px solid #ccc;margin-top:10px;padding-top:10px;text-align:center}.video-card{background-color:var(--card-bg);border:1px solid #ddd;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .6s ease,box-shadow .6s ease;will-change:transform}@keyframes floatAnimation{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1)}to{transform:translateY(0) scale(1)}}.video-card{transform:translateZ(0);transform-style:preserve-3d}.video-card:before{content:"";display:block;padding-top:66.25%}.video-element{backface-visibility:hidden;height:100%;object-fit:cover;top:0}.overlay,.video-element{left:0;position:absolute;width:100%}.overlay{align-items:center;background:#0000;bottom:0;display:flex;flex-direction:column;height:50px;justify-content:flex-start;transition:height .6s ease,background .6s ease}.overlay-header{background:var(--description-bg);font-weight:700;padding:5px;text-align:center;transition:background .6s ease,transform .6s ease;width:100%}.overlay-description{opacity:0;padding:0;text-align:center;transition:opacity .6s ease}.video-card:hover .overlay{background:var(--description-bg);height:100%}.video-card:hover .overlay-description{opacity:1}.video-card:hover .overlay-header{background:#0000;transform:translateY(-10px)}.video-card:hover{box-shadow:0 12px 24px #0000004d;transform:scale(1.05) translateY(-15px)}.video-card:nth-child(odd){animation-delay:.2s}.video-card:nth-child(2n){animation-delay:.4s}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,minmax(100px,1fr));grid-template-rows:repeat(5,minmax(100px,auto));height:auto;margin:auto;max-height:90vh;max-width:1000px;width:100%}.video-card{align-items:center;display:flex;justify-content:center;margin:auto;object-fit:cover}.video-card.size-70{height:70%;width:70%}.video-card.size-80{height:85%;width:85%}.video-card.size-90{height:100%;width:100%}.video-card.grid-span-1-1{grid-column:span 1;grid-row:span 1}.video-card.grid-span-1-2{grid-column:span 2;grid-row:span 3}.video-card.grid-span-2-1{grid-column:span 2;grid-row:span 1}.video-card.grid-span-2-2{grid-column:span 2;grid-row:span 2}.video-card.grid-span-3-2{grid-column:span 3;grid-row:span 2}.logo-container{grid-column:3/span 1;grid-row:3/span 1}.logo-container:before{background-image:url(/static/media/Logo.2002b58fa52bf87a2fb6.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:80px;width:80px}.mainparticles{height:1100px;left:0;overflow:hidden;pointer-events:none;position:absolute;top:-100px;width:100%}.edparticle{animation:floating linear infinite;background:#ffe6e9;clip-path:polygon(1% 0,16% 100%,88% 24%);opacity:.15;position:absolute}@keyframes floating{0%{opacity:1;transform:translateY(0) scale(.5)}50%{transform:translateY(300px) scale(1.2)}to{opacity:0;transform:translateY(600px) scale(.5)}}.home{align-items:center;display:flex;height:5%;justify-content:space-evenly;padding:110px 10% 110px 15%}.video-grid-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);height:700px;margin-left:auto;margin-right:-40px;max-width:700px;position:relative;width:60%}.logo-container{align-items:center;background:#fff;border-radius:10px;display:flex;grid-column:3;grid-row:3;height:100%;justify-content:center;width:100%;z-index:10}.logo{height:auto;max-width:80px}.video-card{height:100%;width:100%}.video-card.large{grid-column:span 2;grid-row:span 2}.video-card.medium{grid-column:span 1;grid-row:span 2}.video-card.small{grid-column:span 1;grid-row:span 1}.home-text{flex:1 1;max-width:450px}.home-text h1{color:#333;font-size:3rem;font-weight:700;margin-bottom:10px}.home-text p{color:#555;font-size:1.5rem;line-height:1.5}.dynamic-text{-webkit-text-fill-color:#0000;animation:gradient-animation 4s linear infinite,fade-in-out 4.5s ease-in-out infinite;-webkit-background-clip:text;background-image:linear-gradient(45deg,#0b7b36,#047094,#530c82);background-size:300%;display:inline-block;font-size:2.5rem;font-weight:700}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fade-in-out{0%{opacity:0;transform:translateY(10px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.features-section{background-color:#fff;padding:60px 20px;text-align:center}.features-title{color:#000;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:auto;max-width:1100px}.feature-card{background-position:50%;background-size:cover;border-radius:8px;cursor:pointer;height:280px;overflow:hidden;position:relative;transition:transform .3s ease-out,box-shadow .3s ease-out;width:100%}.feature-card.coming-soon{cursor:default;filter:brightness(40%) contrast(80%);position:relative}.feature-card.coming-soon:after{background:#0000;content:"";inset:0;position:absolute}.feature-card:hover{box-shadow:0 10px 20px #0003;transform:scale(1.02)}.feature-overlay{align-items:center;background:#0006;color:#fff;display:flex;font-size:1.3rem;font-weight:700;inset:0;justify-content:center;padding:15px;position:absolute;text-align:center;transition:background .3s ease-in-out}.feature-card:hover .feature-overlay,.status-text{background:#000000b3}.status-text{border-radius:4px;bottom:10px;color:#fff;font-size:1rem;font-weight:700;padding:5px 10px;position:absolute;right:15px;transition:background .3s ease-in-out}.feature-card:hover .status-text{background:#fffc;color:#000}.writing-page{display:grid;grid-template-rows:auto 1fr;height:100vh}.top-panel{background-color:#fafafa;border-bottom:1px solid #ccc;grid-column:1/-1;grid-row:1/2;padding:16px}.content-area{display:grid;grid-row:2/-1;grid-template-columns:220px 1fr 320px;height:calc(100vh - 68px)}.sidebar{border-right:1px solid #ddd;overflow-y:auto}.question-list{background:#f7f9fa;border-radius:12px;box-shadow:0 1px 4px #00000008;margin-bottom:0;padding:.5rem 0;width:100%}.question-list li{background:none;border-bottom:none;border-radius:8px;box-shadow:none;display:flex;flex-direction:column;gap:4px;margin:0 .5rem;padding:18px 20px;transition:background .18s,box-shadow .18s}.question-list li:not(:last-child){border-bottom:1px solid #ececec}.question-list li:hover{background-color:#f0f4ff;box-shadow:0 2px 8px #1a73e80f}.question-list li.active{background-color:#e8f0fe;border-left:4px solid #1a73e8;box-shadow:0 2px 8px #1a73e81a;font-weight:500}.question-list li .title{color:#222;font-size:1.08rem;font-weight:500}.question-list li .difficulty{color:#666;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.question-list li .difficulty.easy{color:#34a853}.question-list li .difficulty.medium{color:#fbbc04}.question-list li .difficulty.hard{color:#ea4335}.editor{display:flex;flex-direction:column;padding:16px}.editor-textarea{border:1px solid #ccc;flex:1 1;font-size:1rem;padding:12px;resize:none}.word-count{font-size:.9rem;margin-top:8px}.submit-btn{background-color:#fff;border:1px solid #aaa;margin-top:16px;padding:8px 16px}.feedback-panel{border-left:1px solid #ddd;overflow-y:auto;padding:16px}.feedback-panel h2{margin-top:0}.placeholder{align-items:center;color:#888;display:flex;font-size:1.1rem;justify-content:center;padding:2rem;text-align:center}.placeholder-content{max-width:400px}.placeholder-content h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.placeholder-content p{color:#666;line-height:1.5;margin-bottom:1.5rem}.placeholder-content .submit-btn{background-color:#1a73e8;border-radius:4px;color:#fff;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.placeholder-content .submit-btn:hover{background-color:#1557b0}.center-layout{background:none;height:100vh;justify-content:center}.center-layout,.center-panel{align-items:center;display:flex}.center-panel{background:#fffffff2;border-radius:18px;box-shadow:0 4px 24px #00000014,0 1.5px 6px #0000000a;flex-direction:column;gap:2rem;max-width:420px;min-width:350px;padding:2.5rem 2.5rem 2rem;width:100%}.selector-header{margin-bottom:1.5rem;text-align:center;width:100%}.selector-header h3{color:#222;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.selector-header p{color:#666;font-size:1rem;margin-bottom:0}.writing-center-layout{align-items:center;background:none;display:flex;height:100vh;justify-content:center}.writing-panel-card{background:#fffffff7;border-radius:28px;box-shadow:0 12px 40px #00000021,0 4px 16px #0000000f;display:flex;flex-direction:row;max-width:1500px;min-height:700px;min-width:1200px;overflow:hidden;padding:0;width:100%}.question-panel{align-items:flex-start;background:#f7f9fa;border-right:1px solid #ececec;display:flex;flex:1 1 420px;flex-direction:column;justify-content:center;padding:3.5rem 2.5rem}.question-title{color:#1a73e8;font-size:1.45rem;font-weight:700;letter-spacing:.01em;margin-bottom:1.1rem}.question-instructions{color:#222;font-size:1.18rem;line-height:1.8;margin-bottom:.5rem}.editor-panel{align-items:stretch;background:none;display:flex;flex:2 1 900px;flex-direction:column;justify-content:center;padding:3.5rem}.editor-textarea{background:#fafdff;border:2px solid #c7d0e1;border-radius:14px;box-shadow:0 2px 8px #1a73e80a;font-size:1.18rem;height:400px;margin-bottom:1.5rem;max-height:600px;min-height:340px;padding:22px;resize:vertical;transition:border .2s;width:100%}.editor-textarea:focus{background:#fff;border:2px solid #1a73e8;outline:none}.word-count{color:#555;font-size:1.08rem;margin-bottom:1.5rem;text-align:right}.submit-btn{align-self:flex-end;background-color:#1a73e8;border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e81a;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:500;margin-top:.5rem;padding:12px 36px;transition:background .18s}.submit-btn:disabled{background:#e0e0e0;color:#aaa;cursor:not-allowed}.feedback-card{background:#fffffff7;border-radius:28px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a;display:flex;flex-direction:column;font-size:.97rem;margin:2rem auto;max-height:80vh;max-width:900px;min-height:420px;padding:2.5rem;width:90%}.feedback-title{color:#1a73e8;font-size:1.7rem;font-weight:700;letter-spacing:.01em;margin-bottom:1.5rem;text-align:center}.feedback-content{display:flex;flex:1 1;flex-direction:column;font-size:.97rem;max-height:60vh;overflow-y:auto}.feedback-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0;width:100%}.feedback-item{border-radius:8px;margin-bottom:1.5rem;padding:.5rem}.feedback-text{word-wrap:break-word;color:#333;font-family:inherit;font-size:1.1rem;line-height:1.6;margin:0;padding:0;white-space:pre-wrap}.token-usage{border-top:1px solid #eee;color:#666;font-size:1rem;margin-top:1.5rem;text-align:right}.token-usage span{color:#1a73e8;font-weight:600}.progress-container{margin:1rem 0;text-align:center}.progress-bar{background-color:#e0e0e0;border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar-fill{animation:progress 20s linear forwards;background-color:#4caf50;height:100%;transform-origin:0 50%;width:100%}.progress-text{color:#666;font-size:.9rem}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.error-message{background:#fff3f3;border:1px solid #f8bbbb;border-radius:6px;box-shadow:0 2px 8px #d32f2f0f;color:#d32f2f;font-size:1.08rem;font-weight:500;margin:1em 0;padding:12px 18px;z-index:1000}.band-scores-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.band-scores-title{color:#1a73e8;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.band-scores-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.band-score-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;transition:transform .2s ease}.band-score-item.overall{background:linear-gradient(135deg,#1a73e8,#4285f4);border:none;color:#fff;grid-column:1/-1}.band-score-label{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.band-score-item.overall .band-score-label{color:#ffffffe6}.band-score-value{font-size:1.3rem}.band-score-item.overall .band-score-value{font-size:1.7rem!important}.overall-score{font-size:2.5rem!important}.detailed-feedback-title{color:#1a73e8;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.feedback-criteria{background:#f8f9fa;border-left:4px solid #1a73e8;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.criteria-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feedback-points{list-style:none;margin:0;padding:0}.feedback-point{border-bottom:1px solid #eee;color:#555;line-height:1.5;padding:.5rem 0}.feedback-point:last-child{border-bottom:none}.feedback-point:before{color:#34a853;content:"✓";font-weight:700;margin-right:.5rem}.improvement-suggestions-section{margin-bottom:2rem}.improvement-title{color:#1a73e8;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.suggestions-list{list-style:none;padding:0}.suggestion-item{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;line-height:1.5;margin-bottom:.5rem;padding:.75rem 1rem}.suggestion-item:before{content:"💡";margin-right:.5rem}.phrases-title{color:#1a73e8;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.phrase-tag{background:#e3f2fd;border:1px solid #bbdefb;color:#1976d2;padding:.5rem 1rem;transition:all .2s ease}.phrase-tag:hover{background:#bbdefb;transform:translateY(-1px)}.grammar-corrections-section{margin-bottom:2rem}.corrections-title{color:#1a73e8;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.corrections-list{display:flex;flex-direction:column;gap:1rem}.correction-item{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:1rem}.correction-original{color:#c53030;margin-bottom:.5rem}.correction-corrected{color:#38a169;margin-bottom:.5rem}.correction-explanation{color:#666;font-style:italic}.vocabulary-suggestions-section{margin-bottom:2rem}.vocabulary-title{color:#1a73e8;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.vocabulary-list{display:flex;flex-direction:column;gap:1rem}.vocabulary-item{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1rem}.basic-word{color:#0369a1;margin-bottom:.5rem}.advanced-alternatives{color:#059669;margin-bottom:.5rem}.vocabulary-context{color:#666;font-style:italic}.essay-structure-section{margin-bottom:2rem}.structure-title{color:#1a73e8;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.structure-analysis{display:flex;flex-direction:column;gap:1rem}.structure-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.structure-item h4{color:#1a73e8;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.structure-item p{color:#555;line-height:1.5;margin:0}.speaking-bg{align-items:center;background:linear-gradient(135deg,#f3e7fa,#fbeffb);display:flex;justify-content:center;min-height:100vh}.speaking-card{transition:box-shadow .3s}@keyframes fadeInCard{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.speaking-title{color:#22223b;font-size:clamp(1.5rem,2.5vw,2.3rem);font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:2.2rem;text-align:center;word-break:break-word}.speaking-prompt-list{list-style:none;margin:0;padding:0}.speaking-prompt-item{background:#faf9fb;border:1.5px solid #ece7f6;border-radius:1rem;box-shadow:0 2px 8px #7c3aed08;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.2rem;padding:1.2rem 2.5rem 1.2rem 1.2rem;position:relative;transition:background .22s,border .22s,box-shadow .22s,transform .18s}.speaking-prompt-item.selected{background:linear-gradient(90deg,#e0e7ff 60%,#f3e8ff);border-color:#a78bfa;box-shadow:0 4px 16px #7c3aed1a;transform:scale(1.025)}.speaking-prompt-item:hover{background:#f3e8ff;box-shadow:0 6px 20px #7c3aed21;transform:scale(1.018)}.speaking-prompt-item:after{color:#a78bfa;content:"\2192";font-size:1.3rem;opacity:.7;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);transition:color .2s,opacity .2s}.speaking-prompt-item.selected:after,.speaking-prompt-item:hover:after{color:#7c3aed;opacity:1}.speaking-prompt-title{color:#3a3a4a;font-size:1.18rem;font-weight:600;margin-bottom:.18rem}.speaking-prompt-difficulty{color:#7c7c8a;font-size:1.01rem;letter-spacing:.01em;margin-top:.1rem}.speaking-btn-green{background:linear-gradient(90deg,#34d399 60%,#6ee7b7);border:none;border-radius:.8rem;box-shadow:0 2px 8px #34d39921;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:1.2rem;padding:.85rem 2.2rem;transition:background .18s,box-shadow .18s,transform .15s}.speaking-btn-green:hover{background:linear-gradient(90deg,#059669 60%,#34d399);box-shadow:0 4px 16px #34d3992e;transform:scale(1.04)}.speaking-btn-blue{background:linear-gradient(90deg,#60a5fa 60%,#a5b4fc);border:none;border-radius:.8rem;box-shadow:0 2px 8px #3b82f621;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:1.2rem;padding:.85rem 2.2rem;transition:background .18s,box-shadow .18s,transform .15s}.speaking-btn-blue:hover{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);box-shadow:0 4px 16px #3b82f62e;transform:scale(1.04)}.speaking-btn-purple{background:linear-gradient(90deg,#a78bfa 60%,#f3e8ff);border:none;border-radius:.8rem;box-shadow:0 2px 8px #8b5cf621;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:1.2rem;padding:.85rem 2.2rem;transition:background .18s,box-shadow .18s,transform .15s}.speaking-btn-purple:hover{background:linear-gradient(90deg,#7c3aed 60%,#a78bfa);box-shadow:0 4px 16px #8b5cf62e;transform:scale(1.04)}.speaking-btn-orange{background:linear-gradient(90deg,#fdba74 60%,#fcd34d);border:none;border-radius:.8rem;box-shadow:0 2px 8px #fbbf2421;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:1.2rem;padding:.85rem 2.2rem;transition:background .18s,box-shadow .18s,transform .15s}.speaking-btn-orange:hover{background:linear-gradient(90deg,#ea580c 60%,#fdba74);box-shadow:0 4px 16px #fbbf242e;transform:scale(1.04)}.speaking-btn-red{background:linear-gradient(90deg,#f87171 60%,#fca5a5);border:none;border-radius:.8rem;box-shadow:0 2px 8px #ef444421;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:1.2rem;padding:.85rem 2.2rem;transition:background .18s,box-shadow .18s,transform .15s}.speaking-btn-red:hover{background:linear-gradient(90deg,#dc2626 60%,#f87171);box-shadow:0 4px 16px #ef44442e;transform:scale(1.04)}.speaking-card button[class^=speaking-btn-]{display:block;margin-left:auto;margin-right:auto;margin-top:.5rem}.ielts-feedback-card{background:#0000;border:none;box-shadow:none;margin:0;max-width:100%;padding:0}.feedback-header{align-items:center;border-bottom:2px solid #f0f4ff;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.feedback-header h3{color:#1a73e8;font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background .2s}.close-btn:hover{background:#f0f4ff;color:#1a73e8}.band-scores-section{margin-bottom:2rem}.band-scores-section h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.band-scores-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.band-score-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:center;transition:transform .2s,box-shadow .2s}.band-score-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.criterion-name{color:#64748b;font-size:.9rem;font-weight:500;line-height:1.3;margin-bottom:.5rem}.band-score{font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.band-label{font-size:.8rem;font-weight:500}.detailed-feedback-section{margin-bottom:2rem}.detailed-feedback-section h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.feedback-criterion{background:#f8fafc;border-left:4px solid #1a73e8;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.feedback-criterion h5{color:#1a73e8;font-size:1rem;font-weight:600;margin-bottom:.75rem}.feedback-criterion ul{margin:0;padding-left:1.2rem}.feedback-criterion li{color:#374151;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.improvement-section{margin-bottom:2rem}.improvement-section h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.improvement-list{list-style:none;padding:0}.improvement-list li{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;color:#92400e;font-size:.95rem;line-height:1.5;margin-bottom:.75rem;padding:.75rem 1rem}.sample-phrases-section{margin-bottom:2rem}.sample-phrases-section h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.phrases-grid{display:flex;flex-wrap:wrap;gap:.5rem}.phrase-tag{background:#dbeafe;border:1px solid #bfdbfe;border-radius:20px;color:#1e40af;font-size:.9rem;font-weight:500;padding:.5rem .75rem;transition:background .2s}.phrase-tag:hover{background:#bfdbfe}.grammar-section{margin-bottom:2rem}.grammar-section h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.grammar-correction{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:1rem}.correction-pair{align-items:center;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.incorrect{color:#dc2626;text-decoration:line-through}.arrow{color:#666;font-weight:700}.correct{color:#059669}.explanation{color:#6b7280;font-size:.9rem;font-style:italic}.vocabulary-section{margin-bottom:2rem}.vocabulary-section h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.vocabulary-suggestion{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;padding:1rem}.word-pair{align-items:center;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.basic-word{color:#dc2626}.advanced-words{color:#059669}.context{color:#6b7280;font-size:.9rem;font-style:italic}.token-usage{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.85rem;padding-top:1rem;text-align:center}.unified-pane-full{align-items:stretch;box-shadow:0 12px 40px #1f293721;display:flex;flex-direction:column;justify-content:flex-start;margin-top:0!important;max-width:700px;min-height:18rem;padding-bottom:2.5rem;padding-top:2.5rem;width:100%}.unified-feedback-pane{margin-top:2.5rem}.unified-pane-full .unified-feedback-pane{margin-top:0}.unified-transcript-block{margin-bottom:0;text-align:center}.unified-transcript-title{color:#1a73e8;font-size:1.18rem;font-weight:700;letter-spacing:.01em;margin-bottom:1.1rem}.unified-transcript-text{color:#222;font-size:1.13rem;line-height:1.8;margin:0;min-height:2.5rem;word-break:break-word}.unified-feedback-block{margin-top:0;padding:0}@media (max-width:700px){.unified-pane-full{max-width:98vw;padding:1.2rem .5rem}}@media (max-width:600px){.speaking-card{max-width:98vw;min-height:12rem;padding:2rem .7rem}.speaking-title{font-size:1.2rem;margin-bottom:1.2rem}.band-scores-grid{grid-template-columns:repeat(2,1fr)}.correction-pair,.word-pair{align-items:flex-start;flex-direction:column;gap:.25rem}}.speaking-error-message{align-items:center;animation:fadeInError .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fef2f2,#fee2e2 50%,#fecaca);border:2px solid #fca5a5;border-radius:1rem;box-shadow:0 4px 16px #dc26261f,0 2px 4px #0000000d;color:#dc2626;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;line-height:1.5;margin-bottom:1.8rem;overflow:hidden;padding:1.2rem 1.5rem;position:relative}.speaking-error-message:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes fadeInError{0%{opacity:0;transform:translateY(-15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.speaking-error-message:hover{box-shadow:0 6px 20px #dc262626,0 4px 8px #00000014;transform:translateY(-1px);transition:all .3s cubic-bezier(.4,0,.2,1)}.speaking-error-text{align-items:center;display:flex;flex:1 1;gap:.5rem;margin-right:.8rem}.speaking-error-text:before{content:"⚠️";flex-shrink:0;font-size:1.1rem}.speaking-error-close{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#dc26261a;border:1px solid #dc262633;border-radius:.6rem;color:#dc2626;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:2.2rem;justify-content:center;min-width:2.2rem;padding:.4rem .6rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.speaking-error-close:hover{background:#dc262626;border-color:#dc26264d;box-shadow:0 2px 8px #dc262633;color:#b91c1c;transform:scale(1.05)}.speaking-error-close:active{transform:scale(.95);transition:transform .1s}.speaking-card{align-items:center;animation:fadeInCard .7s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:2rem;box-shadow:0 12px 40px #1f29372e;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:34rem;min-height:18rem;overflow:hidden;padding:3rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.speaking-card:before{background:linear-gradient(90deg,#a78bfa,#c084fc,#e879f9);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.speaking-card:hover:before{opacity:1}.speaking-card:hover{box-shadow:0 20px 60px #1f293740;transform:translateY(-2px)}.speaking-btn-blue:hover,.speaking-btn-green:hover,.speaking-btn-orange:hover,.speaking-btn-purple:hover,.speaking-btn-red:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px) scale(1.02)}.speaking-prompt-item:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#a78bfa;box-shadow:0 8px 25px #7c3aed26;transform:translateY(-2px) scale(1.02)}.speaking-card.loading{position:relative}.speaking-card.loading:after{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;border-radius:2rem;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.speaking-success-message{align-items:center;animation:fadeInSuccess .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f0fdf4,#dcfce7 50%,#bbf7d0);border:2px solid #86efac;border-radius:1rem;box-shadow:0 4px 16px #0596691f,0 2px 4px #0000000d;color:#059669;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;line-height:1.5;margin-bottom:1.8rem;overflow:hidden;padding:1.2rem 1.5rem;position:relative}.speaking-success-message:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#059669,#10b981,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(-15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.speaking-success-message:hover{box-shadow:0 6px 20px #05966926,0 4px 8px #00000014;transform:translateY(-1px);transition:all .3s cubic-bezier(.4,0,.2,1)}.speaking-success-text{align-items:center;display:flex;flex:1 1;gap:.5rem;margin-right:.8rem}.speaking-success-text:before{content:"✅";flex-shrink:0;font-size:1.1rem}:root{--header-bg:#fff;--header-text:#333;--button-bg:#2c2a2bb0;--button-text:#fff;--button-hover-bg:#1f1e1fe3;--card-bg:#fff;--text-secondary:#666;--footer-bg:#f8f9fa;--footer-text:#333;--footer-link:#007bff;--background-color:#fffefe;--text-color:#333;--description-bg:#fffc;--overlay-text-color:#000}.App{animation:backgroundAnimation 10s ease infinite;background:linear-gradient(-45deg,#f3f9ee,#f5e2ea,#d4dbfb,#e9eed9);background-size:400% 400%;color:#333;color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:0}@keyframes backgroundAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App.dark{animation:backgroundAnimation 10s ease infinite;background:linear-gradient(-45deg,#121212,#222,#333,#444);background-size:400% 400%}.content{flex:1 1}.App.dark{--header-bg:#333;--header-text:#fff;--button-bg:#6c757d;--button-text:#fff;--button-hover-bg:#5a6268;--card-bg:#444;--text-secondary:#ccc;--footer-bg:#222;--footer-text:#fff;--footer-link:#17a2b8;--background-color:#121212;--text-color:#fff;--description-bg:#000c;--overlay-text-color:#fff}@media (max-width:768px){.footer-content,.header{align-items:center;flex-direction:column}.nav-links a{margin-right:10px}}body{font-family:Arial,sans-serif;margin:0}
/*# sourceMappingURL=main.aaf043c2.css.map*/