*,:before,:after{box-sizing:border-box}:root{--bg:#f7f5f0;--blue:#004d98;--red:#a50044;--card:#fff;--text:#1a1a2e;--text-muted:#9ca3af;--border:#e8e5df;--font-logo:"Montserrat Alternates", sans-serif}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#root{width:100%}@media (width>=768px){body{background:radial-gradient(circle at 15% 50%, #a500441a, transparent 35%), radial-gradient(circle at 85% 50%, #004d9814, transparent 35%), var(--bg);background-attachment:fixed;overflow-x:hidden}#root{z-index:1;background:var(--bg);max-width:520px;min-height:100svh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 8px 60px #0000000f}.app{max-width:none!important}.bottom-nav{max-width:520px!important}}@media (width>=1024px){#root{max-width:600px}.bottom-nav{max-width:600px!important}}@media (width<=360px){.home-header,.home-content{padding-left:16px!important;padding-right:16px!important}}button{font-family:inherit}h1,h2,h3,p{margin:0}.auth-page{background:#f7f5f0;justify-content:center;align-items:center;min-height:100svh;padding:24px 20px;display:flex}.auth-container{flex-direction:column;gap:20px;width:100%;max-width:400px;display:flex}.auth-logo{align-items:center;gap:14px;margin-bottom:8px;display:flex}.auth-logo-name{font-family:var(--font-logo);color:#000;letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1.1}.auth-logo-sub{color:#a50044;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:10px}.auth-tabs{background:#e8e5df;border-radius:14px;gap:4px;padding:4px;display:flex}.auth-tab{cursor:pointer;color:#888;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.auth-tab.active{color:#1a1a2e;background:#fff}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-input{color:#1a1a2e;box-sizing:border-box;background:#fff;border:1.5px solid #e0ddd8;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .15s}.auth-input:focus{border-color:#004d98}.auth-error{color:#a50044;background:#fce8ef;border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.auth-success{color:#1b5e20;background:#e8f5e9;border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.auth-btn-primary{color:#fff;cursor:pointer;background:#004d98;border:none;border-radius:14px;width:100%;margin-top:2px;padding:15px;font-size:15px;font-weight:700;transition:opacity .15s}.auth-btn-primary:disabled{opacity:.5;cursor:default}.auth-forgot{color:#888;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:-8px;font-size:13px;text-decoration:underline}.auth-divider{color:#b0ada7;align-items:center;gap:12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e0ddd8;flex:1;height:1px}.auth-social{flex-direction:column;gap:10px;display:flex}.auth-btn-google,.auth-btn-kakao{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.auth-btn-google{color:#1a1a2e;background:#fff;border:1.5px solid #e0ddd8}.auth-btn-kakao{color:#3c1e1e;background:#fee500;border:none}.auth-btn-google:active,.auth-btn-kakao:active{opacity:.8}@media (width>=768px){.auth-form-wrap{max-width:460px!important}.auth-logo-name{font-size:28px!important}.auth-logo-sub{font-size:12px!important}.auth-input{padding:16px 18px!important;font-size:15px!important}.auth-submit{padding:17px!important;font-size:16px!important}.auth-social-btn{padding:15px 18px!important;font-size:15px!important}}.csm-backdrop{z-index:200;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.csm-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:28px 24px 40px;position:relative}.csm-close{cursor:pointer;color:#888;background:0 0;border:none;padding:4px;line-height:1;position:absolute;top:16px;right:16px}.csm-badge{color:#fff;letter-spacing:.04em;background:#004d98;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.csm-title{color:#1a1a2e;margin:0 0 8px;font-size:20px;font-weight:700}.csm-sub{color:#666;margin:0 0 24px;font-size:14px}.csm-form{flex-direction:column;gap:10px;display:flex}.csm-input{box-sizing:border-box;color:#1a1a2e;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .15s}.csm-input:focus{border-color:#004d98}.csm-error{color:#a50044;margin:0;font-size:13px}.csm-btn{color:#fff;cursor:pointer;background:#004d98;border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:600;transition:opacity .15s}.csm-btn:disabled{opacity:.6;cursor:default}.csm-done{flex-direction:column;align-items:center;gap:8px;padding:16px 0 8px;display:flex}.csm-done-icon{color:#fff;background:#1a6e40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;font-size:24px;display:flex}.csm-done-title{color:#1a1a2e;margin:0;font-size:18px;font-weight:700}.csm-done-sub{color:#666;margin:0 0 16px;font-size:14px}.lsp-page{background:var(--bg);flex-direction:column;align-items:center;min-height:100vh;display:flex}.lsp-header{background:var(--bg);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:480px;padding:52px 20px 16px;display:flex}.lsp-back{cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;padding:4px;display:flex}.lsp-title{color:var(--text);flex:1;margin:0;font-size:20px;font-weight:700}.lsp-header-right{align-items:center;gap:10px;display:flex}.lsp-email{color:#999;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.lsp-logout-btn{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:6px;display:flex}.lsp-content{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:8px 20px 40px;display:flex}.lsp-section-label{color:#888;margin:0;font-size:13px;font-weight:600}.lsp-lang-list{flex-direction:column;gap:10px;display:flex}.lsp-lang-item{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 20px;transition:background .15s;display:flex}.lsp-lang-item:active{background:#f0eee9}.lsp-lang-disabled{opacity:.5}.lsp-lang-info{flex-direction:column;gap:3px;display:flex}.lsp-lang-name{color:var(--text);font-size:17px;font-weight:700}.lsp-lang-sub{color:#888;font-size:12px}.lsp-coming-tag{color:#fff;letter-spacing:.02em;white-space:nowrap;background:#e67e00;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.lsp-level-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lsp-level-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:22px 10px 18px;transition:border-color .15s;display:flex;position:relative}.lsp-level-name{color:var(--text);letter-spacing:-.01em;font-size:26px;font-weight:800}.lsp-level-active{border-color:#0000}.lsp-level-active:active{border-color:var(--blue)}.lsp-level-coming{opacity:.75}.lsp-level-coming .lsp-coming-tag{background:#888;padding:2px 6px;font-size:9px}.word-slider-section{flex-direction:column;gap:14px;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.ws-section-title{color:#1a1a2e;letter-spacing:-.3px;margin:0;font-size:24px;font-weight:800}.ws-progress{color:var(--text-muted);font-size:12px;font-weight:500}.slider-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;display:flex;overflow-x:auto}.slider-track::-webkit-scrollbar{display:none}.ws-card-viewport{scroll-snap-align:start;perspective:1200px;flex:0 0 100%}.ws-flip-inner{transform-style:preserve-3d;cursor:pointer;border-radius:20px;transition:transform .45s cubic-bezier(.25,.46,.45,.94);display:grid}.ws-flip-inner.flipped{transform:rotateY(180deg)}.ws-front,.ws-back{backface-visibility:hidden;-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;grid-area:1/1;gap:10px;min-height:200px;padding:24px 22px;display:flex}.ws-front{background:#004d98;justify-content:center}.ws-card-top{justify-content:space-between;align-items:center;display:flex}.ws-card-top-right{align-items:center;gap:8px;display:flex}.ws-tts-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.ws-tts-btn:active{background:#ffffff59}.ws-type{color:#fff9;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:600}.ws-level-badge{color:#fff;background:#fff3;border-radius:10px;padding:2px 9px;font-size:11px;font-weight:700}.ws-word{color:#fff;letter-spacing:-.5px;font-size:36px;font-weight:800;line-height:1.1}.ws-hint{color:#fff6;margin-top:auto;padding-top:8px;font-size:11px}.ws-back{background:var(--card);border:1.5px solid var(--border);transform:rotateY(180deg)}.ws-meaning{color:var(--text);font-size:22px;font-weight:800;line-height:1.2}.ws-divider{background:var(--border);height:1px}.ws-example{color:var(--text);font-size:13px;font-style:italic;line-height:1.6}.ws-translation{color:var(--text-muted);font-size:12px;line-height:1.4}.ws-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:6px;display:grid}.ws-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 10px;font-size:13px;font-weight:600;transition:opacity .15s}.ws-btn:active{opacity:.75}.ws-btn-learning{color:#a50044;background:#fce8ef}.ws-btn-known{color:#1b5e20;background:#e8f5e9}.slider-dots{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.dot{cursor:pointer;background:#d0cfc9;border:none;border-radius:50%;flex-shrink:0;width:6px;height:6px;padding:0;transition:background .15s,width .15s}.dot.active{background:#1a1a2e;border-radius:3px;width:18px}.dot-done{background:#a8d5ab}.dot.active.dot-done{background:#2e7d32;border-radius:3px;width:18px}.ws-congrats{background:#e8f5e9;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ws-congrats-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ws-congrats-text{flex-direction:column;gap:1px;display:flex}.ws-congrats-title{color:#1b5e20;font-size:14px;font-weight:700;line-height:1.2}.ws-congrats-sub{color:#2e7d32;font-size:12px;font-weight:500}.ws-congrats-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2e7d32;border:none;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:700;transition:opacity .15s}.ws-congrats-btn:active{opacity:.8}.ws-done-badge{color:#fff;background:#2e7d32;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.menu-section{flex-direction:column;gap:14px;display:flex}.menu-section-title{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:800}.menu-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.menu-card{background:var(--card);cursor:pointer;text-align:left;border:1px solid #0000000a;border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 14px;transition:border-color .15s,transform .1s;display:flex;box-shadow:0 1px 3px #0000000a}.menu-card:active{transform:scale(.97)}.menu-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.menu-title{color:var(--text);letter-spacing:-.2px;font-size:13px;font-weight:800}.menu-subtitle{color:var(--text-muted);margin-top:-6px;font-size:11px;font-weight:500}.home-page{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.mock-exam-cta{background:var(--card);border:1.5px dashed var(--border);cursor:pointer;text-align:left;border-radius:20px;align-items:center;gap:14px;width:100%;padding:18px;transition:border-color .15s,transform .1s;display:flex}.mock-exam-cta:active{transform:scale(.98)}.mock-exam-cta-icon{color:#a50044;background:#fce8ef;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mock-exam-cta-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mock-exam-cta-title{color:var(--text);letter-spacing:-.2px;font-size:14px;font-weight:800}.mock-exam-cta-sub{color:var(--text-muted);font-size:11px;font-weight:500}.mock-exam-cta-badge{color:#a50044;letter-spacing:.2px;background:#fce8ef;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:10px;font-weight:700}.home-header{justify-content:space-between;align-items:flex-start;padding:52px 20px 16px;display:flex}.home-profile-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;margin-top:4px;padding:8px}.header-left{flex-direction:column;gap:6px;display:flex}.greeting{color:var(--text);letter-spacing:-.3px;font-size:24px;font-weight:700;line-height:1.2}.pasalo-logo{align-items:center;gap:10px;margin-bottom:4px;display:flex}.pasalo-name{font-family:var(--font-logo);color:#000;letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.1}.pasalo-sub{color:#a50044;letter-spacing:2px;text-transform:uppercase;font-size:13px}.level-toggle{background:#e8e5df;border-radius:20px;gap:2px;padding:3px;display:flex}.lvl-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:16px;padding:5px 14px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.lvl-btn.active{background:var(--red);color:#fff}.home-content{flex-direction:column;gap:12px;padding:8px 20px 0;display:flex}.card{border-radius:18px;padding:20px 18px;box-shadow:0 1px 3px #0000000a}.card-white{background:var(--card);border:1px solid #0000000a}.card-blue{background:linear-gradient(135deg,#1a5fb4,#004d98);justify-content:space-between;align-items:center;display:flex;box-shadow:0 4px 16px #004d982e}.palabras-left{flex-direction:column;gap:6px;display:flex}.palabras-label{color:#ffffffb3;letter-spacing:.3px;font-size:12px;font-weight:600}.palabras-number{color:#fff;letter-spacing:-2px;font-size:52px;font-weight:800;line-height:1}.palabras-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.palabras-badge{color:#fff;letter-spacing:.3px;background:#fff3;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.palabras-week{color:#fff9;font-size:12px;font-weight:500}.time-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.time-card{flex-direction:column;gap:8px;display:flex}.time-icon-wrap{background:var(--bg);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.time-label{color:var(--text-muted);font-size:12px;font-weight:600}.time-value{color:var(--text);letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1}.time-unit{letter-spacing:0;margin-left:2px;font-size:14px;font-weight:600}.card-red{background:linear-gradient(135deg,#c41855,#a50044);padding:18px 20px;box-shadow:0 4px 16px #a500442e}.dday-card{cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}.dday-left{flex-direction:column;gap:4px;display:flex}.dday-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.exam-label{color:#fffc;font-size:13px;font-weight:600}.exam-date-text{color:#fff9;font-size:11px;font-weight:500}.exam-dday{color:#fff;letter-spacing:-1px;font-size:36px;font-weight:800;line-height:1}.dday-overlay{z-index:200;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dday-modal{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:28px 24px 40px;display:flex}.dday-modal-header{justify-content:space-between;align-items:center;display:flex}.dday-modal-title{color:var(--text);font-size:18px;font-weight:700}.dday-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px}.dday-modal-sub{color:var(--text-muted);margin:0;font-size:14px}.dday-date-input{width:100%;color:var(--text);background:var(--bg);box-sizing:border-box;border:1.5px solid #e0ddd8;border-radius:14px;outline:none;padding:14px 16px;font-size:16px}.dday-date-input:focus{border-color:var(--red)}.dday-modal-actions{gap:10px;margin-top:4px;display:flex}.dday-btn-save{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px;font-size:15px;font-weight:700}.dday-btn-save:disabled{color:#aaa;cursor:default;background:#e0ddd8}.dday-btn-clear{background:var(--bg);color:var(--text-muted);cursor:pointer;border:none;border-radius:14px;padding:14px 18px;font-size:14px;font-weight:600}.bottom-spacer{height:100px}.page-header{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:14px;padding:52px 20px 16px;display:flex;position:sticky;top:0}.page-header-back{border:1.5px solid var(--border);background:var(--card);cursor:pointer;width:38px;height:38px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.page-header-back:hover{background:var(--border)}.page-header-text{flex:1;min-width:0}.page-header-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.page-header-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:13px}.page-header-right{flex-shrink:0}.wl-page{background:var(--bg);flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.wl-header{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.wl-back{cursor:pointer;color:var(--text);background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.wl-title{color:var(--text);font-size:18px;font-weight:700}.wl-subtitle{color:var(--text-muted);margin-top:1px;font-size:12px}.wl-tabs{gap:6px;padding:8px 16px;display:flex}.wl-tab{cursor:pointer;white-space:nowrap;color:#888780;background:#f1efe8;border:none;border-radius:20px;flex:1;padding:8px 20px;font-size:12px;font-weight:500;transition:all .15s}.wl-tab-all,.wl-tab-known,.wl-tab-unknown{color:#888780;background:#f1efe8}.wl-tab-all.active{color:#fff;background:#004d98;font-weight:600}.wl-tab-known.active{color:#2e7d32;background:#e8f5e9;font-weight:600}.wl-tab-unknown.active{color:#a50044;background:#fce8ef;font-weight:600}.wl-topic-scroll{scrollbar-width:none;cursor:grab;flex-wrap:nowrap;gap:6px;padding:8px 16px 10px;display:flex;overflow-x:auto}.wl-topic-scroll:active{cursor:grabbing}.wl-topic-scroll::-webkit-scrollbar{display:none}.wl-topic-chip{color:#888;cursor:pointer;white-space:nowrap;background:#fff;border:.5px solid #ddd;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.wl-chip-badge{color:inherit;background:#00000014;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:600}.wl-chip-badge.active{color:inherit;background:#ffffff59}.wl-topic-chip.topic-all.active{color:#fff;background:#1a1a2e;border-color:#1a1a2e;font-weight:600}.wl-topic-chip.topic-travel.active{color:#004d98;background:#e6f1fb;border:none;font-weight:600}.wl-topic-chip.topic-daily.active{color:#e67e00;background:#fff3e0;border:none;font-weight:600}.wl-topic-chip.topic-work.active{color:#2e7d32;background:#e8f5e9;border:none;font-weight:600}.wl-topic-chip.topic-health.active{color:#a50044;background:#fce8ef;border:none;font-weight:600}.wl-topic-chip.topic-media.active{color:#7b2fbe;background:#f3e8ff;border:none;font-weight:600}.wl-topic-chip.topic-env.active{color:#0f6e56;background:#e1f5ee;border:none;font-weight:600}.wl-topic-chip.topic-food.active{color:#e65100;background:#fff3e0;border:none;font-weight:600}.wl-topic-chip.topic-emotion.active{color:#f57f17;background:#fff8e1;border:none;font-weight:600}.wl-topic-chip.topic-edu.active{color:#1565c0;background:#e8f5e9;border:none;font-weight:600}.wl-topic-chip.topic-culture.active{color:#880e4f;background:#fce4ec;border:none;font-weight:600}.wl-topic-chip.topic-politics.active{color:#283593;background:#e8eaf6;border:none;font-weight:600}.wl-topic-chip.topic-economy.active{color:#00695c;background:#e0f2f1;border:none;font-weight:600}.wl-topic-chip.topic-tech.active{color:#0277bd;background:#e3f2fd;border:none;font-weight:600}.wl-topic-chip.topic-sport.active{color:#e65100;background:#fff3e0;border:none;font-weight:600}.wl-modes{gap:8px;padding:12px 16px;display:flex}.wl-mode-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:16px 12px;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.wl-mode-btn:active{opacity:.8}.wl-mode-flash{background:#004d98}.wl-mode-quiz{background:#e67e00}.wl-mode-review{background:#a50044}.wl-list{flex-direction:column;flex:1;gap:8px;padding:8px 16px 16px;display:flex}.wl-card{cursor:pointer;background:#fff;border:.5px solid #eee;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:background .12s;display:flex}.wl-card:active{background:#f9f8f5}.wl-card-left{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wl-word{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.wl-meta{color:var(--text-muted);font-size:11px}.wl-card-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.wl-tts-btn{color:#fff;cursor:pointer;background:#004d98;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wl-status-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.wl-status-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wl-status-known{color:#2e7d32;background:#e8f5e9}.wl-status-learning{color:#a50044;background:#fce8ef}.wl-status-unknown{color:#888780;background:#f1efe8}.wl-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}.wl-sentinel{height:1px}.wl-spinner-wrap{justify-content:center;padding:16px 0;display:flex}.wl-spinner{border:2.5px solid #e8e5df;border-top-color:#004d98;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite wl-spin}@keyframes wl-spin{to{transform:rotate(360deg)}}.fc-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.fc-header{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.fc-back{cursor:pointer;color:var(--text);background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.fc-header-title{color:var(--text);font-size:16px;font-weight:600}.fc-progress-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.fc-progress-text{color:var(--text-muted);text-align:right;font-size:13px;font-weight:600}.fc-progress-bar{background:#e8e5df;border-radius:2px;height:4px;overflow:hidden}.fc-progress-fill{background:var(--blue);border-radius:2px;height:100%;transition:width .3s}.fc-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 24px;display:flex}.fc-empty-msg{color:var(--text-muted);font-size:15px}.fc-done-icon{font-size:48px}.fc-done-msg{color:var(--text);font-size:18px;font-weight:600}.fc-btn-secondary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;max-width:280px;padding:12px 32px;font-size:15px;font-weight:600}.fc-btn-outline{color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;width:100%;max-width:280px;padding:12px 32px;font-size:15px;font-weight:500}.fc-content{flex-direction:column;flex:1;gap:16px;padding:20px 16px 32px;display:flex}.fc-card{background:var(--blue);color:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;display:flex;position:relative}.fc-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.fc-badge{color:#fff;letter-spacing:.5px;background:#fff3;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.fc-tts-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.fc-word{color:#fff;text-align:center;font-size:32px;font-weight:800;line-height:1.2}.fc-word-meta{color:#ffffffbf;font-size:13px}.fc-reveal-btn{background:var(--card);border:2px solid var(--blue);color:var(--blue);cursor:pointer;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:background .15s}.fc-reveal-btn:active{background:#e6f1fb}.fc-meaning-card{background:var(--card);border-radius:16px;flex-direction:column;gap:14px;padding:20px 16px;display:flex;box-shadow:0 2px 8px #00000012}.fc-meaning{color:var(--text);text-align:center;font-size:20px;font-weight:700}.fc-example{border-left:3px solid var(--blue);flex-direction:column;gap:4px;padding-left:12px;display:flex}.fc-example-extra{border-left-color:#9ca3af}.fc-ex-sentence{color:var(--text);margin:0;font-size:14px;line-height:1.5}.fc-ex-trans{color:var(--text-muted);margin:0;font-size:12px}.fc-more-ex-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:7px 14px;font-size:13px}.fc-actions{gap:10px;margin-top:4px;display:flex}.fc-btn-again,.fc-btn-known{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:opacity .15s}.fc-btn-again:active,.fc-btn-known:active{opacity:.8}.fc-btn-again{background:var(--red);color:#fff}.fc-btn-known{color:#fff;background:#2e7d32}.bq-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.bq-header{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.bq-back{cursor:pointer;color:var(--text);background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.bq-header-title{color:var(--text);font-size:16px;font-weight:600}.bq-progress-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.bq-progress-text{color:var(--text-muted);text-align:right;font-size:13px;font-weight:600}.bq-progress-bar{background:#e8e5df;border-radius:2px;height:4px;overflow:hidden}.bq-progress-fill{background:#e67e00;border-radius:2px;height:100%;transition:width .3s}.bq-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 24px;display:flex}.bq-empty{color:var(--text-muted);font-size:15px}.bq-done-score{color:var(--text);font-size:56px;font-weight:800;line-height:1}.bq-done-score span{color:var(--text-muted);font-size:28px;font-weight:600}.bq-done-pct{color:#e67e00;font-size:22px;font-weight:700}.bq-done-msg{color:var(--text);font-size:17px;font-weight:500}.bq-btn-primary{color:#fff;cursor:pointer;background:#e67e00;border:none;border-radius:12px;width:100%;max-width:280px;padding:13px 32px;font-size:15px;font-weight:600}.bq-btn-outline{color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;width:100%;max-width:280px;padding:13px 32px;font-size:15px;font-weight:500}.bq-content{flex-direction:column;flex:1;gap:16px;padding:20px 16px 32px;display:flex}.bq-instruction{color:var(--text-muted);margin:0;font-size:13px}.bq-sentence-card{background:var(--card);border-radius:16px;flex-direction:column;gap:8px;padding:20px 18px;display:flex;box-shadow:0 2px 6px #0000000f}.bq-meaning{color:var(--text);margin:0;font-size:22px;font-weight:800}.bq-word-type{color:var(--text-muted);margin:0;font-size:12px}.bq-divider{background:var(--border);height:1px;margin:4px 0}.bq-ex-es{color:var(--text);margin:0;font-size:14px;line-height:1.6}.bq-ex-ko{color:var(--text-muted);margin:0;font-size:12px}.bq-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bq-choice{background:var(--card);border:2px solid var(--border);color:var(--text);cursor:pointer;text-align:center;border-radius:12px;padding:14px 10px;font-size:14px;font-weight:600;line-height:1.3;transition:all .15s}.bq-choice:not(.bq-correct):not(.bq-wrong):active{background:#f3f4f6}.bq-correct{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.bq-wrong{border-color:var(--red);color:var(--red);background:#fdecea}.bq-feedback{text-align:center;border-radius:10px;padding:12px;font-size:15px;font-weight:600}.bq-feedback-ok{color:#2e7d32;background:#e8f5e9}.bq-feedback-no{color:var(--red);background:#fdecea}.bq-next-btn{background:var(--text);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:opacity .15s}.bq-next-btn:active{opacity:.85}.study-filter-pills{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.study-filter-pill{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.gr-page{background:var(--bg);flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.gr-header{background:var(--card);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;padding:16px 20px 12px;display:flex;position:sticky;top:0}.gr-back{cursor:pointer;color:var(--text);background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.gr-header-cat{align-items:center;gap:10px;display:flex}.gr-header-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gr-title{color:var(--text);font-size:18px;font-weight:700}.gr-subtitle{color:var(--text-muted);margin-top:1px;font-size:12px}.gr-list{flex-direction:column;gap:10px;padding:16px;display:flex}.gr-card{background:var(--card);cursor:pointer;text-align:left;border:none;border-radius:16px;align-items:center;gap:14px;width:100%;padding:16px;transition:background .12s;display:flex}.gr-card:active{background:#f5f3ee}.gr-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gr-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gr-card-title{color:var(--text);font-size:15px;font-weight:700}.gr-card-sub{color:var(--text-muted);font-size:12px}.gr-card-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.gr-card-count{color:var(--text-muted);font-size:12px;font-weight:600}.gr-item-list{flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.gr-item{background:var(--card);border-radius:16px;overflow:hidden}.gr-item-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.gr-item-header:active{background:#f9f8f5}.gr-item-num{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.gr-item-head-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gr-item-title{color:var(--text);font-size:14px;font-weight:700}.gr-item-title-es{color:var(--text-muted);font-size:11px}.gr-bookmark-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.gr-item-body{flex-direction:column;gap:10px;padding:0 12px 14px;display:flex}.gr-info-card{border-radius:14px;flex-direction:column;gap:8px;padding:18px 16px;display:flex}.gr-info-title{color:#fff;margin:0;font-size:16px;font-weight:800}.gr-info-title-es{color:#ffffffb3;margin:0;font-size:12px}.gr-info-explanation{color:#ffffffe6;margin:4px 0 0;font-size:13px;line-height:1.6}.gr-formula-wrap{background:#0000002e;border-radius:10px;flex-direction:column;gap:3px;margin-top:4px;padding:10px 12px;display:flex}.gr-formula-line{color:#fffffff2;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.5}.gr-examples-card{background:var(--bg);border-radius:14px;flex-direction:column;padding:4px 0;display:flex}.gr-example{padding:10px 14px}.gr-example-border{border-top:1px solid var(--border)}.gr-ex-es{color:var(--text);margin:0 0 3px;font-size:13px;font-style:italic;line-height:1.5}.gr-ex-ko{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.gr-quiz-card{background:var(--bg);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.gr-quiz-label{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.gr-quiz-question{color:var(--text);margin:0;font-size:13px;font-weight:600;line-height:1.5}.gr-quiz-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gr-quiz-opt{background:var(--card);border:1.5px solid var(--border);color:var(--text);cursor:pointer;text-align:center;border-radius:10px;padding:10px 8px;font-size:13px;font-weight:600;line-height:1.3;transition:all .15s}.gr-quiz-opt:not(.correct):not(.wrong):active{background:#f0eee9}.gr-quiz-opt.correct{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.gr-quiz-opt.wrong{color:#a50044;background:#fdecea;border-color:#a50044}.gr-quiz-feedback{text-align:center;border-radius:8px;margin:0;padding:8px 12px;font-size:13px;font-weight:600}.gr-quiz-feedback.correct{color:#2e7d32;background:#e8f5e9}.gr-quiz-feedback.wrong{color:#a50044;background:#fdecea}.rlt-container{padding:16px}.rlt-texto{color:#2c2c2c;word-break:keep-all;font-size:15px;line-height:2.2}.rlt-blank-wrap{vertical-align:baseline;flex-direction:column;align-items:center;margin:0 2px;display:inline-flex}.rlt-input{text-align:center;background:#fff;border:1.5px solid #ccc;border-radius:6px;outline:none;width:110px;padding:4px 8px;font-size:14px;transition:border-color .2s}.rlt-input:focus{border-color:#004d98}.rlt-input.rlt-correct{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.rlt-input.rlt-incorrect{color:#c62828;background:#ffebee;border-color:#c62828}.rlt-answer-hint{color:#2e7d32;margin-top:2px;font-size:11px}.rlt-score{text-align:center;color:#004d98;margin:20px 0 8px;font-size:18px}.rlt-actions{justify-content:center;margin-top:16px;padding-bottom:24px;display:flex}.rlt-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 32px;font-size:15px;font-weight:600}.rlt-btn-check{color:#fff;background:#004d98}.rlt-btn-retry{color:#fff;background:#a50044}.ex-page{background:var(--bg);min-height:100dvh;padding-bottom:90px}.ex-header{background:var(--bg);z-index:10;align-items:center;gap:12px;padding:18px 20px 14px;display:flex;position:sticky;top:0}.back-btn{background:var(--card);cursor:pointer;width:38px;height:38px;color:var(--text);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 4px #00000014}.ex-title{color:var(--text);margin:0;font-size:18px;font-weight:700}.ex-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:12px}.ex-content{flex-direction:column;gap:16px;padding:20px 20px 90px;display:flex}.section-card{text-align:left;cursor:pointer;border:none;border-radius:20px;flex-direction:column;gap:14px;width:100%;padding:20px;transition:opacity .12s;display:flex}.section-card:hover{opacity:.92}.section-card:active{transform:scale(.98)}.section-card-header{flex-direction:column;gap:6px;display:flex}.section-badge-row{justify-content:space-between;align-items:center;display:flex}.section-badge{color:#ffffffbf;letter-spacing:.3px;font-size:11px;font-weight:600}.section-time{color:#ffffffbf;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.section-title-row{align-items:center;gap:8px;margin-top:2px;display:flex}.section-title{color:#fff;margin:0;font-size:24px;font-weight:800}.section-sub{color:#ffffffb3;margin:0;font-size:12px}.tarea-grid{gap:8px;display:grid}.tarea-grid-2col{grid-template-columns:1fr 1fr}.tarea-grid-1col{grid-template-columns:1fr}.tarea-chip{cursor:pointer;text-align:left;background:#ffffff26;border:none;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;transition:background .12s;display:flex}.tarea-chip:hover{background:#ffffff40}.tarea-chip:active{transform:scale(.96)}.tarea-chip-num{color:#ffffffa6;letter-spacing:.5px;font-size:10px;font-weight:700}.tarea-chip-title{color:#ffffffe6;font-size:12px;font-weight:600}.tarea-chip-wide{grid-column:1/-1}.section-card-footer{border-top:1px solid #ffffff26;justify-content:flex-end;align-items:center;gap:4px;padding-top:4px;display:flex}.section-enter{color:#fffc;font-size:12px;font-weight:600}.tarea-section{margin-bottom:6px}.tarea-section-header{border-left:3px solid;margin-bottom:10px;padding-left:10px}.tarea-num{letter-spacing:.5px;font-size:11px;font-weight:700;display:block}.tarea-name{color:var(--text);font-size:15px;font-weight:700}.set-list{flex-direction:column;gap:8px;display:flex}.set-card{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.set-card-locked{opacity:.5;cursor:default}.set-info{flex:1;min-width:0}.set-num{color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:700}.set-tema{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600}.set-progress-bar{background:#e8e5df;border-radius:2px;height:4px;overflow:hidden}.set-progress-fill{border-radius:2px;height:100%;transition:width .3s}.set-status{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.set-status span{font-size:10px;font-weight:600}.set-score{margin-top:2px;font-size:11px;font-weight:600}.set-status.done span{color:#2e7d32}.set-status.inprog span{color:#004d98}.set-status.todo span{color:#d1d5db}.stats-card{border-radius:16px;margin-top:8px;padding:18px}.stats-row{justify-content:space-around;align-items:center;display:flex}.stats-item{text-align:center}.stats-num{color:#fff;font-size:22px;font-weight:800}.stats-label{color:#ffffffa6;margin-top:3px;font-size:11px;font-weight:600}.stats-divider{background:#fff3;width:1px;height:36px}.progress-bar-wrap{background:#e8e5df;border-radius:2px;height:4px;margin-bottom:14px;overflow:hidden}.progress-bar-fill{border-radius:2px;height:100%;transition:width .3s}.pasaje-card{background:var(--card);border-radius:16px;max-height:200px;margin-bottom:12px;padding:18px;overflow-y:auto}.pasaje-label{color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:700}.pasaje-text{color:var(--text);font-size:14px;line-height:1.7}.q-card{background:var(--card);border-radius:16px;padding:18px}.q-text{color:var(--text);margin-bottom:14px;font-size:15px;font-weight:600;line-height:1.5}.options-list{flex-direction:column;gap:8px;display:flex}.option-btn{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.option-btn.correct{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.option-btn.wrong{color:#c62828;background:#fdecea;border-color:#c62828}.option-letter{background:#0000000f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.option-btn.correct .option-letter{color:#fff;background:#2e7d32}.option-btn.wrong .option-letter{color:#fff;background:#c62828}.feedback-card{border-radius:12px;margin-top:12px;padding:12px 14px}.feedback-card.feedback-correct{background:#e8f5e9;border:1px solid #a5d6a7}.feedback-card.feedback-wrong{background:#fdecea;border:1px solid #ffcdd2}.feedback-verdict{margin-bottom:4px;font-size:13px;font-weight:700}.feedback-card.feedback-correct .feedback-verdict{color:#2e7d32}.feedback-card.feedback-wrong .feedback-verdict{color:#c62828}.feedback-exp{color:var(--text);font-size:13px;line-height:1.5}.next-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:12px;padding:15px;font-size:15px;font-weight:700}.audio-card{border-radius:16px;align-items:center;gap:14px;margin-bottom:12px;padding:18px;display:flex}.audio-icon-wrap{background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.audio-info{flex:1}.audio-label{color:#fff;margin-bottom:3px;font-size:14px;font-weight:700}.audio-hint{color:#ffffffb3;font-size:12px}.audio-btns{flex-shrink:0}.audio-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.writing-topic-card{border-radius:16px;margin-bottom:12px;padding:18px}.writing-topic-label{color:#ffffffa6;letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:700}.writing-topic-text{color:#fff;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.6}.writing-word-guide{color:#ffffffb3;font-size:12px}.writing-input-wrap{background:var(--card);border-radius:16px;margin-bottom:12px;padding:14px}.writing-textarea{resize:none;width:100%;color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px;line-height:1.7}.word-count{text-align:right;margin-top:8px;font-size:12px;font-weight:600}.score-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-bottom:12px;padding:15px;font-size:15px;font-weight:700}.result-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:18px}.result-scores{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.result-score-item{text-align:center;background:var(--bg);border-radius:10px;padding:10px 6px}.result-score-item.total{background:#e6f1fb}.result-score-val{color:var(--text);font-size:16px;font-weight:800}.result-score-item.total .result-score-val{color:#004d98}.result-score-label{color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:600}.result-feedback{color:var(--text);margin-bottom:14px;font-size:13px;line-height:1.6}.retry-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.set-meta{color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:500}.escritura-tarea-card{background:var(--card);border:1.5px solid var(--border);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.esc-tarea-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.esc-tarea-info{flex:1;min-width:0}.esc-tarea-num{letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:700}.esc-tarea-title{color:var(--text);margin-bottom:1px;font-size:16px;font-weight:700}.esc-tarea-titlees{color:var(--text-muted);margin-bottom:4px;font-size:12px}.esc-tarea-desc{color:var(--text-muted);margin-bottom:10px;font-size:12px}.esc-tarea-progress{align-items:center;gap:8px;display:flex}.esc-progress-bar{background:#e8e5df;border-radius:2px;flex:1;height:4px;overflow:hidden}.esc-progress-fill{border-radius:2px;height:100%;transition:width .3s}.esc-progress-text{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.esc-instruction-card{border-radius:16px;margin-bottom:12px;padding:18px}.esc-instruction-label{color:#ffffffa6;letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:700}.esc-instruction-text{color:#fff;margin-bottom:14px;font-size:14px;font-weight:500;line-height:1.65}.esc-checklist{flex-direction:column;gap:7px;margin-bottom:12px;display:flex}.esc-check-item{cursor:pointer;text-align:left;color:#ffffffe6;background:#ffffff21;border:1px solid #fff3;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.esc-check-item.checked{background:#ffffff38;border-color:#ffffff73}.esc-check-box{color:#fff;border:1.5px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.esc-check-box.checked{background:#ffffff40;border-color:#fff}.esc-word-guide{color:#ffffffb3;text-align:right;font-size:12px}.word-count-bar{align-items:center;gap:10px;margin-top:10px;display:flex}.wc-bar-track{background:#e8e5df;border-radius:3px;flex:1;height:6px;overflow:hidden}.wc-bar-fill{border-radius:3px;height:100%;transition:width .2s}.wc-label{white-space:nowrap;font-size:12px;font-weight:600}.result-bars{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.result-bar-header{justify-content:space-between;margin-bottom:6px;display:flex}.result-bar-label{color:var(--text);font-size:13px;font-weight:600}.result-bar-score{font-size:13px;font-weight:700}.result-bar-track{background:#e8e5df;border-radius:4px;height:8px;overflow:hidden}.result-bar-fill{border-radius:4px;height:100%;transition:width .6s}.result-total-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 0;font-size:14px;font-weight:600;display:flex}.result-total-val{font-size:22px;font-weight:800}.oral-instruction-card{color:#fff;border-radius:20px;padding:24px 20px}.oral-instruction-label{margin-bottom:12px;font-size:16px;font-weight:800}.oral-instruction-text{white-space:pre-line;color:#ffffffe6;font-size:14px;line-height:1.8}.oral-start-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:800;transition:opacity .12s}.oral-start-btn:hover{opacity:.9}.tarea-done-badge{color:var(--text-muted);margin-left:auto;font-size:11px}.esc-texto-origen{background:#fff8f0;border:1px solid #e67e00;border-radius:14px;margin-bottom:12px;padding:16px}.esc-texto-origen-label{color:#e67e00;letter-spacing:.3px;margin-bottom:8px;font-size:11px;font-weight:700}.esc-texto-origen-text{color:#333;white-space:pre-line;font-size:13.5px;line-height:1.7}.tarea-select-card{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.tarea-select-left{border-left:3px solid;flex-direction:column;gap:3px;padding-left:12px;display:flex}.tarea-sets-count{color:var(--text-muted);margin-top:2px;font-size:12px}.lp-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.lp-header{background:var(--card);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.lp-back-icon{cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;padding:6px;display:flex}.lp-title{color:var(--text);margin:0;font-size:17px;font-weight:700}.lp-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:12px}.lp-content{flex-direction:column;flex:1;gap:12px;padding:16px 16px 90px;display:flex}.lp-tarea-card{background:var(--card);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px;transition:transform .12s;display:flex}.lp-tarea-card:active{transform:scale(.98)}.lp-tarea-num-badge{color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.lp-tarea-info{flex:1;min-width:0}.lp-tarea-num-label{letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:700}.lp-tarea-title{color:var(--text);font-size:15px;font-weight:700}.lp-tarea-titlees{color:var(--text-muted);margin:1px 0;font-size:12px}.lp-tarea-desc{color:var(--text-muted);font-size:12px}.lp-tarea-prow{align-items:center;gap:8px;margin-top:8px;display:flex}.lp-tarea-pbar{background:#e8e5df;border-radius:3px;flex:1;height:5px;overflow:hidden}.lp-tarea-pfill{border-radius:3px;height:100%;transition:width .3s}.lp-tarea-ptext{color:var(--text-muted);white-space:nowrap;font-size:11px}.lp-set-card{background:var(--card);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;padding:16px;transition:transform .12s;display:flex}.lp-set-card:active{transform:scale(.98)}.lp-set-info{flex:1;min-width:0}.lp-set-num{color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600}.lp-set-tema{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.lp-set-score{margin-bottom:4px;font-size:12px;font-weight:600}.lp-set-pbar{background:#e8e5df;border-radius:2px;height:4px;overflow:hidden}.lp-set-pfill{border-radius:2px;height:100%;transition:width .3s}.lp-set-status{flex-direction:column;align-items:center;gap:4px;min-width:44px;display:flex}.lp-set-status span{color:var(--text-muted);font-size:10px}.lp-set-status.done span{color:#2e7d32}.lp-stats-card{border-radius:14px;margin-top:4px;padding:16px}.lp-stats-row{justify-content:space-around;align-items:center;display:flex}.lp-stats-item{flex-direction:column;align-items:center;gap:4px;display:flex}.lp-stats-num{color:#fff;font-size:22px;font-weight:800}.lp-stats-label{color:#ffffffbf;font-size:11px}.lp-stats-div{background:#ffffff40;width:1px;height:32px}.lp-question{flex-direction:column;gap:14px;display:flex}.lp-instruction{color:var(--text);background:#e8f0fb;border-left:4px solid #004d98;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5}.lp-pasaje-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.lp-pasaje-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:700}.lp-pasaje-text{color:var(--text);white-space:pre-line;margin:0;font-size:14px;line-height:1.65}.lp-progress-bar{background:#e8e5df;border-radius:2px;height:4px;overflow:hidden}.lp-progress-fill{border-radius:2px;height:100%;transition:width .3s}.lp-q-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.lp-q-num{color:var(--text-muted);margin:0 0 8px;font-size:11px;font-weight:600}.lp-q-text{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.5}.lp-options{flex-direction:column;gap:8px;display:flex}.lp-option{border:1.5px solid var(--border);text-align:left;cursor:pointer;color:var(--text);background:#f7f5f0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 13px;font-size:14px;transition:all .15s;display:flex}.lp-option:active{transform:scale(.98)}.lp-option.correct{color:#1b5e20;background:#e8f5e9;border-color:#2e7d32}.lp-option.wrong{color:#b71c1c;background:#ffebee;border-color:#c62828}.lp-opt-letter{border:1px solid var(--border);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.lp-option.correct .lp-opt-letter{color:#fff;background:#2e7d32;border-color:#2e7d32}.lp-option.wrong .lp-opt-letter{color:#fff;background:#c62828;border-color:#c62828}.lp-feedback{border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:600}.lp-feedback.correct{color:#2e7d32;background:#e8f5e9}.lp-feedback.wrong{color:#c62828;background:#ffebee}.lp-next-btn,.lp-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .15s}.lp-next-btn:active,.lp-submit-btn:active{opacity:.8}.lp-t1-text{color:var(--text);margin:0;font-size:14px;line-height:1.8}.lp-blank-btn{color:#004d98;cursor:pointer;background:#ebf0fa;border:1.5px dashed #004d98;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:26px;margin:0 3px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.lp-blank-btn.filled{color:#fff;background:#004d98;border-style:solid}.lp-sel-hint{color:var(--text);background:#fff3e0;border-left:3px solid #e67e00;border-radius:6px;padding:8px 12px;font-size:13px}.lp-t1-frags{flex-direction:column;gap:8px;display:flex}.lp-frag-label{color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.lp-frag-card{background:var(--card);border:1.5px solid var(--border);text-align:left;cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.lp-frag-card.selected{background:#ebf0fa;border-color:#004d98}.lp-frag-card.placed{opacity:.4;cursor:default}.lp-frag-letter{color:#fff;background:#004d98;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.lp-frag-text{color:var(--text);font-size:13px;line-height:1.4}.lp-match-section-label{color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.lp-persona-card{background:var(--card);border:1.5px solid var(--border);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;width:100%;padding:12px 14px;transition:all .15s;display:flex}.lp-persona-card.active{background:#ebf0fa;border-color:#004d98}.lp-persona-card.correct{background:#e8f5e9;border-color:#2e7d32}.lp-persona-card.wrong{background:#ffebee;border-color:#c62828}.lp-persona-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.lp-persona-name{color:var(--text);font-size:14px;font-weight:700}.lp-match-badge{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:flex}.lp-persona-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.lp-text-card{background:var(--card);border:1.5px solid var(--border);text-align:left;cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.lp-text-card.selectable{border-color:#004d98;box-shadow:0 0 0 2px #004d9826}.lp-text-card.assigned{opacity:.4;cursor:default}.lp-text-letter{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.lp-text-body{flex:1}.lp-text-title{color:var(--text);margin-bottom:3px;font-size:13px;font-weight:700}.lp-text-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.lp-t4-text{color:var(--text);margin:0;font-size:14px;line-height:1.9}.lp-inline-blank{color:#004d98;vertical-align:middle;background:#ebf0fa;border:1.5px dashed #004d98;border-radius:6px;align-items:center;min-width:52px;margin:0 3px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-flex}.lp-inline-blank.filled{color:#fff;background:#004d98;border-style:solid}.lp-inline-blank.correct{color:#fff;background:#2e7d32;border-color:#2e7d32}.lp-inline-blank.wrong{color:#fff;background:#c62828;border-color:#c62828}.lp-t4-list{flex-direction:column;gap:12px;display:flex}.lp-t4-row{align-items:center;gap:10px;display:flex}.lp-t4-num{color:var(--text-muted);min-width:30px;font-size:13px;font-weight:700}.lp-t4-choices{flex-wrap:wrap;gap:8px;display:flex}.lp-t4-choice{border:1.5px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:20px;padding:7px 14px;font-size:13px;transition:all .15s}.lp-t4-choice.selected{color:#fff;background:#004d98;border-color:#004d98}.lp-t4-choice.correct{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32;font-weight:700}.lp-t4-choice.wrong{color:#c62828;background:#ffebee;border-color:#c62828}.lp-dialog-block{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.lp-dialog-tipo{color:#004d98;background:#ebf0fa;border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.lp-dialog-text{color:var(--text);background:#f7f5f0;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.55}.lp-dialog-text p{margin:0}.lp-dialog-text p+p{margin-top:6px}.lp-summary{flex-direction:column;gap:12px;padding-top:8px;display:flex}.lp-sum-score{text-align:center;font-size:52px;font-weight:900;line-height:1}.lp-sum-pct{text-align:center;margin-top:-4px;font-size:20px;font-weight:700}.lp-sum-items{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.lp-sum-item{align-items:flex-start;gap:8px;display:flex}.lp-sum-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-top:1px;display:flex}.lp-sum-item.correct .lp-sum-icon{color:#2e7d32;background:#e8f5e9}.lp-sum-item.wrong .lp-sum-icon{color:#c62828;background:#ffebee}.lp-sum-text{flex:1}.lp-sum-label{color:var(--text);font-size:13px}.lp-sum-answer{color:#2e7d32;margin-top:1px;font-size:12px;font-weight:600}.lp-sum-explanation{color:#666;margin-top:4px;padding-left:2px;font-size:12px;font-style:italic;line-height:1.5}.lp-sum-btns{gap:10px;display:flex}.lp-retry-btn{border:1.5px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600}.lp-goback-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700}.practica-sub-tabs{background:var(--bg);z-index:10;gap:0;padding:12px 20px 0;display:flex;position:sticky;top:0}.practica-sub-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.practica-sub-tab.active{color:var(--text);border-bottom-color:var(--text)}.kc-page{background:#f7f5f0;min-height:100svh;padding-bottom:90px}.kc-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#004d98,#06c);padding:40px 24px 32px}.kc-hero-title{margin:14px 0 6px;font-size:24px;font-weight:800}.kc-hero-sub{opacity:.85;margin:0;font-size:14px}.kc-content{padding:20px 16px}.kc-info-card{background:#fff;border-radius:14px;margin-bottom:20px;padding:18px 20px}.kc-info-title{color:#2c2c2c;margin:0 0 8px;font-size:16px;font-weight:700}.kc-info-desc{color:#666;margin:0;font-size:13px;line-height:1.6}.kc-sections{background:#fff;border-radius:14px;margin-bottom:24px;overflow:hidden}.kc-section-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:14px 18px;display:flex}.kc-section-row:last-child{border-bottom:none}.kc-section-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.kc-section-icon{flex-shrink:0}.kc-section-info{flex-direction:column;flex:1;display:flex}.kc-section-name{color:#2c2c2c;font-size:15px;font-weight:600}.kc-section-ko{color:#888;font-size:12px}.kc-section-time{color:#555;flex-shrink:0;font-size:14px;font-weight:600}.kc-total-row{background:#f8f9fb}.kc-total-num{background:#2c2c2c}.kc-total-time{color:#004d98;font-size:16px;font-weight:700}.kc-start-btn{color:#fff;cursor:pointer;background:#004d98;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:16px;font-size:17px;font-weight:700;display:flex}.kc-history{margin-top:8px}.kc-history-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kc-history-title{color:#2c2c2c;margin:0;font-size:16px;font-weight:700}.kc-history-clear{color:#888;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;display:flex}.kc-history-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #eee;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:14px 16px;display:flex}.kc-history-left{align-items:center;gap:12px;display:flex}.kc-history-level{color:#fff;background:#004d98;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.kc-history-info{flex-direction:column;display:flex}.kc-history-date{color:#2c2c2c;font-size:14px;font-weight:600}.kc-history-elapsed{color:#888;font-size:12px}.kc-history-right{align-items:center;gap:8px;display:flex}.kc-history-score{color:#004d98;font-size:16px;font-weight:700}.met-wrap{z-index:10;background:#fff;border-bottom:1px solid #eee;padding:12px 16px;position:sticky;top:0}.met-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.met-section{color:#555;font-size:13px;font-weight:600}.met-time{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}@keyframes met-pulse{0%,to{opacity:1}50%{opacity:.4}}.met-urgent{animation:1s ease-in-out infinite met-pulse}.met-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.met-fill{border-radius:4px;height:100%;transition:width 1s linear}.me-page{background:#f7f5f0;min-height:100svh}.me-intro{text-align:center;flex-direction:column;align-items:center;padding:48px 24px 32px;display:flex}.me-intro-title{color:#004d98;margin:16px 0 6px;font-size:22px;font-weight:700}.me-intro-sub{color:#888;margin-bottom:28px;font-size:14px}.me-time-table{background:#fff;border-radius:12px;width:100%;max-width:320px;margin-bottom:20px;overflow:hidden}.me-time-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:12px 20px;display:flex}.me-time-row:last-child{border-bottom:none}.me-time-total{background:#f0f4fa;font-weight:700}.me-time-label{font-size:14px;font-weight:600}.me-time-val{color:#2c2c2c;font-size:14px;font-weight:600}.me-warnings{background:#fff8e1;border-radius:10px;width:100%;max-width:320px;margin-bottom:24px;padding:14px 18px}.me-warnings p{color:#7b6b00;margin:4px 0;font-size:13px;line-height:1.5}.me-start-btn{color:#fff;cursor:pointer;background:#004d98;border:none;border-radius:12px;align-items:center;gap:6px;margin-bottom:10px;padding:14px 36px;font-size:16px;font-weight:700;display:inline-flex}.me-back-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:10px 24px;font-size:14px}.me-section-content{padding:16px 16px 90px}.me-task-header{color:#fff;border-radius:12px;margin-bottom:16px;padding:16px 20px}.me-task-tipo{text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:4px;font-size:11px;display:block}.me-task-tema{font-size:16px;font-weight:700}.me-task-texto{color:#2c2c2c;background:#fff;border-radius:10px;margin-bottom:12px;padding:16px;font-size:14px;line-height:1.7}.me-task-instrucciones{color:#555;background:#f0f4fa;border-radius:10px;margin-bottom:12px;padding:14px 16px;font-size:13px;line-height:1.6}.me-task-instrucciones p,.me-task-texto p{margin:0}.me-task-hint{text-align:center;color:#aaa;margin-top:20px;font-size:13px}.me-task-placeholder{text-align:center;color:#aaa;padding:60px 0}.me-q-opt-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;display:flex}.me-q-opt-btn.me-q-selected{background:#e8f0fa;border-color:#004d98}.me-q-opt-btn.me-q-correct{background:#e8f5e9;border-color:#2e7d32}.me-q-opt-btn.me-q-correct .me-q-letter{color:#fff;background:#2e7d32}.me-q-opt-btn.me-q-wrong{background:#ffebee;border-color:#c62828}.me-q-opt-btn.me-q-wrong .me-q-letter{color:#fff;background:#c62828}.me-q-explanation{color:#2e7d32;margin:6px 0 0 34px;font-size:13px}.me-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-size:15px;font-weight:600;display:block}.me-submit-btn:disabled{opacity:.4;cursor:default}.me-score-box{text-align:center;margin-top:16px;font-size:18px}.me-audio-card{border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.me-audio-btn{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:40px;height:40px;font-size:16px}.me-textarea{resize:vertical;border:1.5px solid #ddd;border-radius:10px;width:100%;margin-top:12px;padding:14px;font-family:inherit;font-size:14px;line-height:1.7}.me-textarea:focus{border-color:#e67e00;outline:none}.me-word-count{text-align:right;margin-top:6px;font-size:13px}.me-task-questions{flex-direction:column;gap:16px;margin-top:12px;display:flex}.me-q-text{color:#2c2c2c;margin:0 0 8px;font-size:14px;font-weight:600}.me-q-options{flex-direction:column;gap:4px;display:flex}.me-q-option{color:#555;padding:6px 0;font-size:13px}.me-q-letter{text-align:center;color:#888;background:#f0f0f0;border-radius:50%;width:22px;height:22px;margin-right:8px;font-size:11px;font-weight:600;line-height:22px;display:inline-block}.me-task-puntos{color:#555;background:#fff;border-radius:10px;margin-top:12px;padding:14px 16px;font-size:13px;line-height:1.6}.me-task-puntos ul{margin:0;padding-left:18px}.me-confirm-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.me-confirm-box{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:300px;padding:28px 24px}.me-confirm-box p{color:#2c2c2c;margin:0 0 20px;font-size:15px;line-height:1.5}.me-confirm-btns{gap:10px;display:flex}.me-confirm-yes{color:#fff;cursor:pointer;background:#004d98;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600}.me-confirm-no{color:#555;cursor:pointer;background:#f0f0f0;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600}.me-next-wrap{background:linear-gradient(#0000,#f7f5f0 30%);justify-content:center;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.me-next-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 28px;font-size:15px;font-weight:600;display:inline-flex}.me-results{text-align:center;flex-direction:column;align-items:center;padding:48px 24px 32px;display:flex}.me-results-title{color:#004d98;margin-bottom:6px;font-size:22px;font-weight:700}.me-results-time{color:#888;margin-bottom:24px;font-size:15px}.me-results-cards{flex-direction:column;gap:8px;width:100%;max-width:340px;margin-bottom:28px;display:flex}.me-result-card{text-align:left;background:#fff;border-left:4px solid #ddd;border-radius:8px;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.me-result-section{font-size:12px;font-weight:700}.me-result-tema{color:#2c2c2c;font-size:14px}.me-results-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.me-total-score{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.me-total-num{color:#004d98;font-size:36px;font-weight:800}.me-total-label{color:#888;font-size:13px}.me-result-section-card{background:#fff;border-radius:10px;margin-bottom:8px;overflow:hidden}.me-result-header{text-align:left;cursor:pointer;background:0 0;border:none;border-left:4px solid #ddd;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.me-result-label{font-size:13px;font-weight:700;display:block}.me-result-meta{color:#888;margin-top:2px;font-size:12px;display:block}.me-review-list{padding:0 16px 12px}.me-review-item{border-top:1px solid #f0f0f0;gap:10px;padding:10px 0;display:flex}.me-review-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.me-review-correct .me-review-icon{color:#2e7d32;background:#e8f5e9}.me-review-wrong .me-review-icon{color:#c62828;background:#ffebee}.me-review-body{flex:1;min-width:0}.me-review-q{color:#2c2c2c;margin:0 0 4px;font-size:13px;line-height:1.4}.me-review-ans{color:#c62828;margin:2px 0;font-size:12px}.me-review-correct-ans{color:#2e7d32;margin:2px 0;font-size:12px}.me-review-exp{color:#555;margin:4px 0 0;font-size:12px;font-style:italic}.me-review-text{border-top:1px solid #f0f0f0;padding:8px 16px 12px}.me-review-text-label{color:#888;margin:0 0 4px;font-size:12px;font-weight:600}.me-review-text p{color:#2c2c2c;white-space:pre-wrap;margin:0;font-size:13px}.mypage{background:var(--bg-main,#f7f5f0);flex-direction:column;gap:16px;min-height:100svh;padding:24px 20px 80px;display:flex}.mypage-loading{min-height:100svh;color:var(--text-muted,#9ca3af);justify-content:center;align-items:center;font-size:14px;display:flex}.mypage-header{align-items:center;gap:14px;padding:8px 0 4px;display:flex;position:relative}.mypage-avatar{background:#fce8ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mypage-email{color:var(--text-main,#1a1a2e);margin-bottom:4px;font-size:14px;font-weight:600}.mypage-plan-badge{color:#fff;background:#a50044;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.mypage-card{background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:18px 16px;display:flex;box-shadow:0 1px 4px #0000000f}.mypage-card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#9ca3af);font-size:11px;font-weight:700}.mypage-sub-row{justify-content:space-between;align-items:center;display:flex}.mypage-sub-level{color:#a50044;font-size:22px;font-weight:800}.mypage-sub-status{color:var(--text-muted,#9ca3af);font-size:13px}.mypage-upgrade-btn{color:#fff;cursor:pointer;background:#a50044;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:600;display:flex}.mypage-coin-card{background:linear-gradient(135deg,#1a1a2e 0%,#2d1b3d 100%)}.mypage-coin-card .mypage-card-title{color:#fff9}.mypage-coin-row{justify-content:space-between;align-items:center;display:flex}.mypage-coin-balance{color:#fff;margin:2px 0;font-size:28px;font-weight:800}.mypage-coin-hint{color:#ffffff80;font-size:11px}.mypage-charge-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:none;border-radius:10px;align-items:center;gap:4px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.usage-row{flex-direction:column;gap:5px;display:flex}.usage-label-row{justify-content:space-between;align-items:center;display:flex}.usage-label{color:var(--text-main,#1a1a2e);font-size:13px;font-weight:500}.usage-count{font-size:12px;font-weight:600}.usage-bar-track{background:#f3f4f6;border-radius:4px;height:6px;overflow:hidden}.usage-bar-fill{border-radius:4px;height:100%;transition:width .4s}.mypage-modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mypage-modal{background:#fff;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:24px 20px;display:flex}.mypage-modal-title{color:var(--text-main,#1a1a2e);text-align:center;margin-bottom:4px;font-size:17px;font-weight:700}.mypage-plan-option{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .15s;display:flex}.mypage-plan-option:not(:disabled):hover{border-color:#a50044}.mypage-plan-option:disabled{opacity:.5;cursor:default}.mypage-plan-option-left{flex-direction:column;gap:3px;display:flex}.mypage-plan-option-level{color:#a50044;font-size:18px;font-weight:800}.mypage-plan-option-desc{color:var(--text-muted,#9ca3af);font-size:11px}.mypage-plan-option-price{color:var(--text-main,#1a1a2e);white-space:nowrap;font-size:15px;font-weight:700}.mypage-modal-close{color:var(--text-muted,#9ca3af);cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;padding:10px;font-size:14px;font-weight:600}.mypage-logout-btn{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:12px;font-weight:600;transition:color .15s;position:absolute;top:8px;right:0}.mypage-logout-btn:hover,.mypage-logout-btn:active{color:#c62828}.payment-result{background:var(--bg-main,#f7f5f0);justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.pr-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:40px 24px;display:flex;box-shadow:0 2px 12px #00000014}.pr-title{color:var(--text-main,#1a1a2e);margin:0;font-size:20px;font-weight:700}.pr-title.pr-error{color:#c62828}.pr-desc{color:var(--text-muted,#9ca3af);margin:0;font-size:14px;line-height:1.5}.pr-code{color:var(--text-muted,#9ca3af);margin:0;font-family:monospace;font-size:12px}.pr-btn{color:var(--text-main,#1a1a2e);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:8px;padding:12px 32px;font-size:14px;font-weight:600}.pr-btn-primary{color:#fff;background:#a50044;border:none}@keyframes spin{to{transform:rotate(360deg)}}.pr-spinner{color:#a50044;animation:1s linear infinite spin}.bottom-nav{background:var(--bg);width:100%;max-width:430px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));z-index:100;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;transition:color .15s;display:flex}.nav-tab.active{color:var(--text)}.nav-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:flex}.nav-tab.active .nav-icon-wrap{background:var(--text);color:#fff}.nav-label{letter-spacing:.1px;font-size:10px;font-weight:600}.app{background:var(--bg);max-width:430px;min-height:100svh;margin:0 auto;position:relative}.placeholder-page{height:100svh;color:var(--text-muted);justify-content:center;align-items:center;font-size:15px;display:flex}