.confirm-overlay{position:fixed;inset:0;background:rgba(44,24,16,.5);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;animation:fade-in .2s ease}.confirm-popup{background:white;border-radius:.8rem;padding:1.4rem 1.2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:15rem;box-shadow:0 .8rem 2.4rem #2c181029;animation:pop .25s cubic-bezier(.34,1.56,.64,1)}.confirm-icon{color:#e74c3c;margin-bottom:.2rem}.confirm-title{font-family:Fredoka One,Nunito,cursive;font-size:.9rem;font-weight:800;color:#2c1810}.confirm-desc{font-size:.65rem;color:#8b6355;text-align:center;line-height:1.5}.confirm-actions{display:flex;gap:.5rem;margin-top:.4rem;width:100%}.confirm-cancel{flex:1;padding:.5rem;border-radius:.5rem;background:#f0f0f0;color:#8b6355;font-size:.75rem;font-weight:700;border:none;transition:all .15s}.confirm-cancel:hover{background:#e8e8e8}.confirm-ok{flex:1;padding:.5rem;border-radius:.5rem;background:#E74C3C;color:#fff;font-size:.75rem;font-weight:800;border:none;box-shadow:0 .1rem .4rem #e74c3c4d;transition:all .15s}.confirm-ok:hover{opacity:.9}.brand-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.brand-header-row{display:flex;align-items:center;gap:.8rem}.brand-header-text{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.brand-logo-wrap{width:3.2rem;height:3.2rem;padding:.25rem;background:white;border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 .4rem 1.2rem #2c18101f;flex-shrink:0}.brand-logo-icon{width:100%;height:auto}.brand-title{font-size:1.3rem;color:#ff6b35;letter-spacing:-.05rem;line-height:1}.brand-subtitle{font-size:.6rem;color:#8b6355}.feedback-overlay{position:fixed;inset:0;background:rgba(44,24,16,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.2rem}.feedback-modal{background:white;border-radius:1.8rem;padding:1.6rem 1.2rem 1.2rem;width:100%;max-width:18rem;box-shadow:0 .8rem 2.4rem #2c181029;position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem}.feedback-close{position:absolute;top:.8rem;right:.8rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#fff0e0;color:#8b6355;display:flex;align-items:center;justify-content:center;transition:background .15s}.feedback-close:hover{background:#f0d9cc}.feedback-title{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#2c1810}.feedback-title-icon{color:#ff6b35;width:1.2rem;height:1.2rem}.feedback-desc{font-size:.7rem;font-weight:600;color:#8b6355;text-align:center;line-height:1.5;margin-top:-.3rem}.feedback-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%}.feedback-qr-cell{display:flex;flex-direction:column;align-items:center;gap:.3rem}.feedback-qr-label{display:flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:700;color:#8b6355}.feedback-qr-label-icon{width:.7rem;height:.7rem}.feedback-qr-img-wrap{width:100%}.feedback-qr-img{width:100%;height:auto;aspect-ratio:1;border-radius:1rem;object-fit:cover;box-shadow:0 .1rem .4rem #2c181014}.feedback-qr-placeholder{width:100%;aspect-ratio:1;border-radius:1rem;border:.1rem dashed #f0d9cc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;background:#fff0e0;color:#c4a99a}.feedback-qr-placeholder-icon{font-size:1.4rem}.feedback-qr-placeholder-text{font-size:.6rem;font-weight:600;color:#c4a99a}.feedback-qr-hint{font-size:.55rem;font-weight:600;color:#c4a99a;margin-top:.1rem}.feedback-wechat-row{display:flex;align-items:center;gap:.3rem;padding:.6rem .8rem;background:#fff0e0;border-radius:1rem;width:100%;justify-content:center}.feedback-wechat-label{font-size:.55rem;line-height:1;font-weight:600;color:#8b6355;padding:.25rem 0 .1rem}.feedback-wechat-id-wrap{display:flex;align-items:center;gap:.4rem}.feedback-wechat-id{font-size:.7rem;line-height:.9rem;color:#ff6b35;font-family:Fredoka One,Nunito,cursive}.feedback-copy-btn{display:flex;align-items:center;gap:.15rem;padding:.1rem .3rem;background:white;border:.075rem solid #f0d9cc;border-radius:.4rem;font-size:.6rem;line-height:1;font-weight:700;color:#8b6355;transition:all .15s}.feedback-copy-btn:hover{background:#ff6b35;color:#fff;border-color:#ff6b35}.resume-banner-section{width:100%;display:flex;flex-direction:column;gap:.4rem}.resume-banner-divider{display:flex;align-items:center;gap:.5rem}.resume-banner-divider:before,.resume-banner-divider:after{content:"";flex:1;height:.05rem;background:#f0d9cc}.resume-banner-divider-text{font-size:.6rem;color:#c4a99a;white-space:nowrap}.resume-items-wrap{display:flex;flex-direction:column;gap:.3rem}.resume-item{display:flex;align-items:center;justify-content:space-between;background:white;border:.05rem solid #ffe082;border-radius:.6rem;padding:.2rem .7rem;box-shadow:0 .1rem .4rem #2c181014}.resume-item-body{display:flex;align-items:center;gap:.4rem}.resume-item-icon{color:#f5c842;flex-shrink:0}.resume-item-text{display:flex;align-items:baseline;gap:.4rem;line-height:1}.resume-item-mode{font-size:.7rem;color:var(--text-secondary);line-height:1}.resume-item-progress{font-size:.6rem;color:#c4a99a}.resume-item-btns{display:flex;gap:.4rem}.resume-item-btn{display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;transition:all .15s;margin-top:0;box-sizing:border-box;padding:0}.resume-item-btn-resume{background:#ff6b35;color:#fff}.resume-item-btn-resume:hover{opacity:.9;transform:scale(1.05)}.resume-item-btn-discard{background:transparent;color:#c4a99a}.resume-item-btn-discard:hover{color:#e74c3c;background:#fde8e8}.back-btn{background:none;color:var(--text-muted);padding:.4rem;padding-left:0;border-radius:.5rem;display:flex;align-items:center}.flash-card{background:white;border-radius:var(--radius-xl);padding:2rem 1.6rem 1.6rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;box-shadow:var(--shadow-card);width:100%;position:relative}.flash-word-section{display:flex;flex-direction:column;align-items:center;gap:.6rem}.flash-word{font-family:var(--font-display);font-size:2.8rem;color:var(--text-primary);letter-spacing:-.05rem;line-height:1;text-align:center}.flash-meaning{font-size:.9rem;font-weight:600;color:var(--text-secondary);background:var(--bg-subtle);padding:.4rem 1rem;border-radius:2.5rem;display:flex;align-items:center;gap:.4rem}.flash-meaning-text{line-height:1}.flash-meaning-toggle{color:var(--text-muted);flex-shrink:0}.flash-play-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;background:var(--accent-main);color:#fff;border-radius:2.5rem;font-size:.75rem;font-weight:700;margin-top:.6rem;box-shadow:0 .2rem .8rem #ff6b3559}.flash-play-btn.playing{background:#e55a2b;animation:pulse .8s ease infinite}.flash-auto-play-hint{font-size:.65rem;font-weight:600;color:var(--text-muted);text-align:center;margin:0;line-height:1.5}.judge-wrap{width:100%;display:flex;flex-direction:column;gap:.5rem}.judge-hint{font-size:.65rem;font-weight:700;color:var(--text-muted);text-align:center}.judge-buttons{display:flex;gap:.5rem}.judge-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem .6rem;border-radius:var(--radius-md);border:.05rem solid transparent}.judge-btn:disabled{opacity:.5}.judge-btn.know{background:#d5f5e3;border-color:#a8e6c0;color:#1a7a40}.judge-btn.fuzzy{background:#fef9e7;border-color:#fae09a;color:#8a6800}.judge-btn.unknown{background:#ffe8e8;border-color:#ffbcbc;color:#a03030}.judge-btn .btn-icon{line-height:1}.judge-btn .btn-label{font-size:.8rem;font-weight:800;line-height:1rem;text-align:center;padding-top:.1rem}.judge-btn .btn-sub{font-size:.6rem;font-weight:600;opacity:.7;text-align:center;line-height:1.3}.progress-wrap{width:100%;display:flex;flex-direction:column;gap:.3rem}.progress-meta{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.65rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:.2rem}.progress-count{font-size:.65rem;font-weight:800;color:var(--text-primary)}.progress-track{width:100%;height:.5rem;background:var(--border);border-radius:.5rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-main) 0%,#ff9f6b 100%);border-radius:.5rem;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.progress-pct{font-size:.55rem;font-weight:700;color:var(--text-muted);text-align:right}