#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:1px}body,html{min-height:100%;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);background-attachment:fixed}.add-sentence-section[data-v-6d3ba49a]{margin-bottom:8px;animation:slideUp-6d3ba49a .5s ease-out}@keyframes slideUp-6d3ba49a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-sentence-card[data-v-6d3ba49a]{background:rgba(15,23,42,.7);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:12px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.section-header[data-v-6d3ba49a]{margin-bottom:6px}.section-title[data-v-6d3ba49a]{display:flex;flex-direction:column;gap:8px}.section-title h3[data-v-6d3ba49a]{font-size:22px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:10px}.section-title h3 i[data-v-6d3ba49a]{color:#10b981}.add-form[data-v-6d3ba49a]{display:flex;flex-direction:column;gap:24px}.input-group[data-v-6d3ba49a]{display:flex;flex-direction:column;gap:20px}.sentence-input-wrapper[data-v-6d3ba49a]{position:relative}.sentence-input[data-v-6d3ba49a]{width:100%;padding:8px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#f1f5f9;font-size:16px;line-height:1.6;resize:none;font-family:inherit;transition:all .3s;min-height:80px}.sentence-input[data-v-6d3ba49a]:focus{outline:none;border-color:rgba(16,185,129,.5);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.sentence-input[data-v-6d3ba49a]::-moz-placeholder{color:#64748b}.sentence-input[data-v-6d3ba49a]::placeholder{color:#64748b}.input-footer[data-v-6d3ba49a]{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px}.char-count[data-v-6d3ba49a]{color:#64748b}.input-actions[data-v-6d3ba49a]{display:flex;align-items:center;gap:8px}.querying-status[data-v-6d3ba49a]{color:#f59e0b;display:flex;align-items:center;gap:4px}.query-success[data-v-6d3ba49a]{color:#10b981;display:flex;align-items:center;gap:4px}.input-hint[data-v-6d3ba49a]{color:#94a3b8;display:flex;align-items:center;gap:4px;font-size:14px}.query-preview[data-v-6d3ba49a]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px;animation:fadeIn-6d3ba49a .5s ease-out;border-left:4px solid rgba(16,185,129,.5)}@keyframes fadeIn-6d3ba49a{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-header[data-v-6d3ba49a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.preview-header h4[data-v-6d3ba49a]{font-size:14px;font-weight:600;color:#cbd5e1;display:flex;align-items:center;gap:8px}.preview-header h4 i[data-v-6d3ba49a]{color:#10b981}.preview-note[data-v-6d3ba49a]{font-size:11px;color:#94a3b8}.preview-content[data-v-6d3ba49a]{display:flex;flex-direction:column;gap:12px}.preview-item[data-v-6d3ba49a]{display:flex;align-items:flex-start;gap:12px}.preview-label[data-v-6d3ba49a]{font-size:13px;color:#94a3b8;flex:0 0 80px;font-weight:500}.preview-text[data-v-6d3ba49a]{font-size:13px;color:#cbd5e1;flex:1;line-height:1.5}.add-actions[data-v-6d3ba49a],.add-btn[data-v-6d3ba49a]{display:flex;justify-content:center}.add-btn[data-v-6d3ba49a]{align-items:center;gap:12px;padding:16px 40px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;min-width:200px;position:relative;overflow:hidden}.add-btn[data-v-6d3ba49a]:hover:not(:disabled):not(.loading){transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.add-btn[data-v-6d3ba49a]:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#64748b,#94a3b8)}.add-btn.has-preview[data-v-6d3ba49a]:not(:disabled){background:linear-gradient(135deg,#10b981,#0ea5e9);animation:pulse-6d3ba49a 2s infinite}@keyframes pulse-6d3ba49a{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}.add-btn.loading[data-v-6d3ba49a]{background:linear-gradient(135deg,#059669,#10b981)}@media (max-width:768px){.add-sentence-card[data-v-6d3ba49a]{padding:24px}.section-title h3[data-v-6d3ba49a]{font-size:20px}.input-footer[data-v-6d3ba49a]{flex-direction:column;align-items:flex-start;gap:8px}.input-actions[data-v-6d3ba49a]{width:100%;justify-content:flex-end}.preview-header[data-v-6d3ba49a]{flex-direction:column;align-items:flex-start;gap:8px}.add-btn[data-v-6d3ba49a]{width:100%;max-width:100%}}@media (max-width:480px){.add-sentence-card[data-v-6d3ba49a]{padding:20px}.preview-item[data-v-6d3ba49a]{flex-direction:column;gap:4px}.preview-label[data-v-6d3ba49a]{flex:none}}.practice[data-v-34cd8d21]{height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;overflow:hidden}.practice-header[data-v-34cd8d21]{padding:20px 24px;background:rgba(15,23,42,.9);border-bottom:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.header-content[data-v-34cd8d21]{display:flex;justify-content:space-between;align-items:center}.header-left h3[data-v-34cd8d21]{margin:0;font-size:22px;font-weight:700;color:#f1f5f9;background:linear-gradient(90deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent}.practice-body[data-v-34cd8d21]{flex:1;padding:24px;overflow-y:auto}.loading-state[data-v-34cd8d21]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.spinner[data-v-34cd8d21]{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.1);border-top:4px solid #10b981;border-radius:50%;animation:spin-34cd8d21 1s linear infinite;margin-bottom:20px}@keyframes spin-34cd8d21{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state[data-v-34cd8d21]{text-align:center;padding:60px 20px;color:#94a3b8}.empty-icon[data-v-34cd8d21]{font-size:64px;color:#64748b;margin-bottom:24px;opacity:.5}.empty-state h3[data-v-34cd8d21]{font-size:24px;color:#cbd5e1;margin-bottom:12px}.hint[data-v-34cd8d21]{font-size:16px;color:#94a3b8;margin-bottom:32px;line-height:1.6}.add-first-btn[data-v-34cd8d21]{padding:12px 24px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.add-first-btn[data-v-34cd8d21]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.question-list[data-v-34cd8d21]{display:flex;flex-direction:column;gap:20px}.question-card[data-v-34cd8d21]{background:rgba(15,23,42,.7);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px;transition:all .3s;position:relative}.question-card[data-v-34cd8d21]:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.3);border-color:rgba(16,185,129,.3)}.question-card.active[data-v-34cd8d21]{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2)}.question-header[data-v-34cd8d21]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.question-number[data-v-34cd8d21]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;flex-shrink:0}.question-meta[data-v-34cd8d21]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.question-scene[data-v-34cd8d21]{background:hsla(0,0%,100%,.05);color:#cbd5e1;padding:6px 12px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:6px}.question-mastery[data-v-34cd8d21]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mastery-new[data-v-34cd8d21]{background:rgba(239,68,68,.2);color:#ef4444}.mastery-weak[data-v-34cd8d21]{background:rgba(249,115,22,.2);color:#f97316}.mastery-fair[data-v-34cd8d21]{background:rgba(245,158,11,.2);color:#f59e0b}.mastery-good[data-v-34cd8d21]{background:rgba(16,185,129,.2);color:#10b981}.mastery-strong[data-v-34cd8d21]{background:rgba(59,130,246,.2);color:#3b82f6}.mastery-mastered[data-v-34cd8d21]{background:rgba(139,92,246,.2);color:#8b5cf6}.question-content[data-v-34cd8d21]{display:flex;gap:20px;margin-bottom:20px}.click-area[data-v-34cd8d21]{flex:1;cursor:pointer;padding:20px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;min-height:180px;transition:background .3s;display:flex;flex-direction:column;justify-content:center}.click-area[data-v-34cd8d21]:hover{background:hsla(0,0%,100%,.05)}.sentence-mode .sentence-content[data-v-34cd8d21]{text-align:center}.sentence-text[data-v-34cd8d21]{font-size:20px;font-weight:600;color:#f1f5f9;margin-bottom:12px;line-height:1.5}.sentence-hint[data-v-34cd8d21]{font-size:13px;color:#64748b;font-style:italic}.explain-mode h4[data-v-34cd8d21],.questions-mode h4[data-v-34cd8d21]{color:#10b981;margin-bottom:16px;display:flex;align-items:center;gap:8px}.explain-mode h4 i[data-v-34cd8d21]{font-size:16px}.explanation p[data-v-34cd8d21],.translation p[data-v-34cd8d21]{font-size:16px;color:#cbd5e1;line-height:1.6;margin-bottom:16px}.ai-questions[data-v-34cd8d21]{display:grid;gap:16px}.ai-question-item[data-v-34cd8d21]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;padding:16px;transition:all .3s}.question-header-sm[data-v-34cd8d21]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-type[data-v-34cd8d21]{background:rgba(16,185,129,.2);color:#10b981;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.question-number-sm[data-v-34cd8d21]{color:#94a3b8;font-size:12px;font-weight:600}.question-text[data-v-34cd8d21]{font-size:15px;color:#e2e8f0;line-height:1.5}.no-ai-questions[data-v-34cd8d21]{text-align:center;padding:30px 20px;color:#94a3b8}.generate-btn[data-v-34cd8d21]{margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.generate-btn[data-v-34cd8d21]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.3)}.question-actions[data-v-34cd8d21]{display:flex;flex-direction:column;gap:12px;min-width:160px}.audio-controls[data-v-34cd8d21]{display:flex;flex-direction:column;gap:8px}.play-btn[data-v-34cd8d21]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.play-btn[data-v-34cd8d21]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.play-btn[data-v-34cd8d21]:disabled{opacity:.5;cursor:not-allowed}.playback-controls[data-v-34cd8d21]{display:flex;justify-content:center;gap:8px}.control-btn[data-v-34cd8d21]{padding:8px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;border-radius:8px;cursor:pointer;transition:all .2s}.control-btn[data-v-34cd8d21]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.feedback-buttons[data-v-34cd8d21]{display:flex;flex-direction:column;gap:8px}.feedback-btn[data-v-34cd8d21]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:2px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);border-radius:8px;font-size:13px;cursor:pointer;transition:all .3s;color:#cbd5e1}.feedback-btn.good.active[data-v-34cd8d21],.feedback-btn.good[data-v-34cd8d21]:hover{background:rgba(16,185,129,.2);border-color:#10b981;color:#10b981}.feedback-btn.ok.active[data-v-34cd8d21],.feedback-btn.ok[data-v-34cd8d21]:hover{background:rgba(245,158,11,.2);border-color:#f59e0b;color:#f59e0b}.feedback-btn.confused.active[data-v-34cd8d21],.feedback-btn.confused[data-v-34cd8d21]:hover{background:rgba(239,68,68,.2);border-color:#ef4444;color:#ef4444}.feedback-label[data-v-34cd8d21]{font-weight:600}.practice-footer[data-v-34cd8d21]{padding:20px 24px;background:rgba(15,23,42,.9);border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px)}.footer-left .progress-info[data-v-34cd8d21]{display:flex;flex-direction:column;gap:4px}.progress-text[data-v-34cd8d21]{font-size:14px;color:#94a3b8}.progress-percentage[data-v-34cd8d21]{font-size:24px;font-weight:700;color:#10b981}.footer-center[data-v-34cd8d21]{display:flex;align-items:center;gap:16px}.nav-btn[data-v-34cd8d21]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.nav-btn[data-v-34cd8d21]:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:#10b981}.nav-btn[data-v-34cd8d21]:disabled{opacity:.3;cursor:not-allowed}.question-indicator[data-v-34cd8d21]{font-size:16px;font-weight:600;color:#f1f5f9;min-width:80px;text-align:center}.footer-right[data-v-34cd8d21]{display:flex;gap:12px}.finish-btn[data-v-34cd8d21]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.finish-btn[data-v-34cd8d21]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.close-btn[data-v-34cd8d21]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.close-btn[data-v-34cd8d21]:hover{background:hsla(0,0%,100%,.1);color:#ef4444;border-color:rgba(239,68,68,.3)}@media (max-width:768px){.question-content[data-v-34cd8d21]{flex-direction:column}.question-actions[data-v-34cd8d21]{width:100%;flex-direction:row;flex-wrap:wrap}.audio-controls[data-v-34cd8d21]{order:1;flex:1}.feedback-buttons[data-v-34cd8d21]{order:2;flex-direction:row;flex:2}.practice-footer[data-v-34cd8d21]{flex-direction:column;gap:16px}.footer-center[data-v-34cd8d21],.footer-left[data-v-34cd8d21],.footer-right[data-v-34cd8d21]{width:100%}.footer-center[data-v-34cd8d21]{justify-content:space-between}.footer-right[data-v-34cd8d21]{justify-content:center}}@media (max-width:480px){.practice-body[data-v-34cd8d21],.practice-footer[data-v-34cd8d21],.practice-header[data-v-34cd8d21],.question-card[data-v-34cd8d21]{padding:16px}.click-area[data-v-34cd8d21]{padding:12px;min-height:140px}.sentence-text[data-v-34cd8d21]{font-size:18px}.close-btn[data-v-34cd8d21],.finish-btn[data-v-34cd8d21]{padding:10px 16px;font-size:14px}}.modal-overlay[data-v-36f0567d]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-36f0567d .3s ease}@keyframes fadeIn-36f0567d{0%{opacity:0}to{opacity:1}}.modal-content[data-v-36f0567d]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp-36f0567d .3s ease}@keyframes slideUp-36f0567d{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-36f0567d]{padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-36f0567d]{font-size:24px;font-weight:600;color:#f1f5f9;margin:0}.modal-close[data-v-36f0567d]{width:36px;height:36px;border-radius:8px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.modal-close[data-v-36f0567d]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.learning-journey-content[data-v-36f0567d]{padding:24px}.progress-header[data-v-36f0567d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.progress-header h3[data-v-36f0567d]{font-size:20px;font-weight:600;color:#f1f5f9;margin:0}.refresh-btn[data-v-36f0567d]{width:66px;height:40px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:12px;padding:0;gap:4px}.refresh-btn[data-v-36f0567d]:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:#10b981;transform:rotate(180deg)}.refresh-btn[data-v-36f0567d]:disabled{opacity:.6;cursor:not-allowed}.loading-container[data-v-36f0567d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.loading-spinner[data-v-36f0567d]{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#10b981;animation:spin-36f0567d 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin-36f0567d{to{transform:rotate(1turn)}}.loading-container p[data-v-36f0567d]{color:#94a3b8;font-size:14px}.progress-metrics[data-v-36f0567d]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric[data-v-36f0567d]{text-align:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s}.metric[data-v-36f0567d]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.metric-value[data-v-36f0567d]{font-size:30px;font-weight:800;color:#10b981;margin-bottom:4px;line-height:1}.metric-label[data-v-36f0567d]{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.feedback-chart[data-v-36f0567d]{margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.chart-header[data-v-36f0567d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.chart-header h4[data-v-36f0567d]{font-size:14px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;margin:0}.chart-legend[data-v-36f0567d]{display:flex;gap:12px;flex-wrap:wrap}.legend-item[data-v-36f0567d]{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8}.legend-color[data-v-36f0567d]{width:10px;height:10px;border-radius:2px}.legend-color.good[data-v-36f0567d]{background:#10b981}.legend-color.ok[data-v-36f0567d]{background:#f59e0b}.legend-color.confused[data-v-36f0567d]{background:#ef4444}.chart-container[data-v-36f0567d]{position:relative;width:100%;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);overflow:hidden}.chart-wrapper[data-v-36f0567d]{position:relative;width:100%;height:180px;padding:16px}.feedback-svg[data-v-36f0567d]{width:100%;height:100%;display:block}.line[data-v-36f0567d]{stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .2s}.line[data-v-36f0567d]:hover{stroke-width:3}.data-point[data-v-36f0567d]{transition:r .2s,opacity .2s;cursor:pointer;opacity:.7}.data-point[data-v-36f0567d]:hover{r:5;opacity:1}.chart-tooltip[data-v-36f0567d]{position:absolute;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:100;pointer-events:none;transform:translateX(-50%);min-width:120px}.tooltip-content[data-v-36f0567d]{display:flex;flex-direction:column;gap:4px}.tooltip-header[data-v-36f0567d]{display:flex;justify-content:space-between;align-items:center;gap:8px}.tooltip-date[data-v-36f0567d]{font-size:11px;color:#cbd5e1;font-weight:600}.tooltip-category[data-v-36f0567d]{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tooltip-category.good[data-v-36f0567d]{background:rgba(16,185,129,.2);color:#10b981}.tooltip-category.ok[data-v-36f0567d]{background:rgba(245,158,11,.2);color:#f59e0b}.tooltip-category.confused[data-v-36f0567d]{background:rgba(239,68,68,.2);color:#ef4444}.tooltip-body[data-v-36f0567d]{display:flex;align-items:baseline;gap:4px}.tooltip-value[data-v-36f0567d]{font-size:14px;font-weight:700;color:#f1f5f9}.chart-axis[data-v-36f0567d]{display:flex;justify-content:space-between;padding:8px 16px 12px;border-top:1px solid hsla(0,0%,100%,.05)}.axis-label[data-v-36f0567d]{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}@media (max-width:1200px){.progress-metrics[data-v-36f0567d]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modal-content[data-v-36f0567d]{width:95%;max-height:85vh}.modal-header[data-v-36f0567d]{padding:16px 20px}.modal-header h2[data-v-36f0567d]{font-size:20px}.learning-journey-content[data-v-36f0567d]{padding:20px}.progress-header h3[data-v-36f0567d]{font-size:18px}.metric[data-v-36f0567d]{padding:12px}.metric-value[data-v-36f0567d]{font-size:24px}.metric-label[data-v-36f0567d]{font-size:10px}.chart-header[data-v-36f0567d]{flex-direction:column;align-items:flex-start;gap:8px}.chart-legend[data-v-36f0567d]{width:100%;justify-content:flex-start}.chart-wrapper[data-v-36f0567d]{height:150px;padding:12px}.chart-height[data-v-36f0567d]{height:150px}}@media (max-width:480px){.modal-content[data-v-36f0567d]{width:98%;margin:10px;max-height:90vh}.modal-header h2[data-v-36f0567d]{font-size:18px}.modal-close[data-v-36f0567d]{width:32px;height:32px}.progress-header h3[data-v-36f0567d]{font-size:16px}.metric-value[data-v-36f0567d]{font-size:20px}.metric-label[data-v-36f0567d]{font-size:9px}.chart-wrapper[data-v-36f0567d]{height:120px;padding:8px}.legend-item[data-v-36f0567d]{font-size:10px}.axis-label[data-v-36f0567d]{font-size:9px}}@media (max-width:360px){.progress-metrics[data-v-36f0567d]{grid-template-columns:repeat(2,1fr);gap:8px}.metric[data-v-36f0567d]{padding:10px 8px}.metric-value[data-v-36f0567d]{font-size:18px}.metric-label[data-v-36f0567d]{font-size:8px}}.search-bar[data-v-806dd940]{width:100%;margin-bottom:24px}.controls-row[data-v-806dd940]{display:flex;align-items:stretch;gap:16px;flex-wrap:nowrap;width:100%}.search-wrapper[data-v-806dd940]{flex:1;min-width:200px;position:relative;display:flex;background:rgba(15,23,42,.7);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:4px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.search-type-selector[data-v-806dd940]{position:relative;z-index:10;flex-shrink:0}.type-selector-btn[data-v-806dd940]{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;height:56px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1);border-right:none;border-radius:12px 0 0 12px;color:#cbd5e1;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap;min-width:160px;box-sizing:border-box}.type-selector-btn[data-v-806dd940]:hover{background:hsla(0,0%,100%,.12);color:#10b981}.type-selector-btn .type-label[data-v-806dd940]{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow[data-v-806dd940]{font-size:12px;opacity:.7;transition:transform .3s}.type-selector-btn:hover .dropdown-arrow[data-v-806dd940]{opacity:1;transform:translateY(1px)}.search-type-menu[data-v-806dd940]{position:absolute;top:100%;left:4px;width:180px;margin-top:8px;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);overflow:hidden;z-index:1000;animation:slideDown-806dd940 .2s ease-out}.type-option[data-v-806dd940]{display:flex;align-items:center;gap:12px;padding:16px 20px;color:#cbd5e1;font-size:14px;cursor:pointer;transition:all .2s;border-bottom:1px solid hsla(0,0%,100%,.05)}.type-option[data-v-806dd940]:last-child{border-bottom:none}.type-option[data-v-806dd940]:hover{background:hsla(0,0%,100%,.1);color:#10b981}.type-option.active[data-v-806dd940]{background:rgba(16,185,129,.15);color:#10b981;font-weight:500}.type-option i[data-v-806dd940]:first-child{width:18px;text-align:center;font-size:14px}.type-option span[data-v-806dd940]{flex:1}.check-icon[data-v-806dd940]{font-size:14px;color:#10b981;opacity:0;transition:opacity .2s}.type-option.active .check-icon[data-v-806dd940]{opacity:1}.search-input[data-v-806dd940]{flex:1;padding:0 24px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-left:none;border-radius:12px 12px 12px 12px;color:#f1f5f9;font-size:16px;transition:all .3s;min-width:0;height:56px;line-height:56px;box-sizing:border-box}.search-input[data-v-806dd940]:focus{outline:none;border-color:rgba(16,185,129,.5);box-shadow:0 0 0 3px rgba(16,185,129,.1);background:hsla(0,0%,100%,.08)}.search-input[data-v-806dd940]::-moz-placeholder{color:#94a3b8}.search-input[data-v-806dd940]::placeholder{color:#94a3b8}.clear-search[data-v-806dd940]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5}.clear-search[data-v-806dd940]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.filter-tabs[data-v-806dd940]{display:flex;gap:12px;flex-shrink:0;align-items:center}.filter-tab[data-v-806dd940]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap;height:56px;box-sizing:border-box}.filter-tab[data-v-806dd940]:hover:not(:disabled){background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.filter-tab.active[data-v-806dd940]{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4);color:#3b82f6;font-weight:600}.filter-tab.audio[data-v-806dd940]:hover:not(:disabled){background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.4);color:#f59e0b}.filter-tab[data-v-806dd940]:disabled{opacity:.5;cursor:not-allowed}.filter-label[data-v-806dd940]{font-size:14px;font-weight:500}.filter-badge[data-v-806dd940]{background:rgba(239,68,68,.2);color:#ef4444;font-size:12px;padding:3px 8px;border-radius:8px;margin-left:6px;font-weight:600;min-width:22px;text-align:center}.advanced-search[data-v-806dd940]{margin-top:16px;padding:20px;background:rgba(15,23,42,.7);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;animation:slideDown-806dd940 .3s ease-out}@keyframes slideDown-806dd940{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.controls-row[data-v-806dd940]{gap:12px}.search-wrapper[data-v-806dd940]{flex:1}.type-selector-btn[data-v-806dd940]{min-width:140px;padding:0 16px;height:100px;font-size:15px}.search-input[data-v-806dd940]{height:100px;line-height:60px;font-size:16px;padding-right:52px}.clear-search[data-v-806dd940]{width:40px;height:40px;right:12px}.filter-tab[data-v-806dd940]{padding:12px 16px;height:60px;font-size:14px}}@media (max-width:768px){.search-bar[data-v-806dd940]{margin-bottom:20px}.search-wrapper[data-v-806dd940]{flex:1 1 100%;border-radius:14px;padding:3px}.type-selector-btn[data-v-806dd940]{min-width:120px;padding:0 14px;font-size:14px;height:100px;border-radius:10px 0 0 10px}.type-label[data-v-806dd940]{font-size:14px}.search-input[data-v-806dd940]{height:100px;line-height:64px;font-size:16px;padding:0 20px;padding-right:56px;border-radius:10px 10px 10px 10px}.clear-search[data-v-806dd940]{width:44px;height:44px;right:10px;font-size:16px}.search-type-menu[data-v-806dd940]{width:160px;border-radius:10px}.type-option[data-v-806dd940]{padding:14px 16px;font-size:14px;gap:10px}}@media (max-width:600px){.search-bar[data-v-806dd940]{margin-bottom:16px}.search-wrapper[data-v-806dd940]{border-radius:12px;padding:2px}.type-selector-btn[data-v-806dd940]{min-width:100px;padding:0 12px;font-size:14px;height:120px;border-radius:8px 0 0 8px;gap:8px}.type-label[data-v-806dd940]{font-size:13px}.search-input[data-v-806dd940]{height:120px;line-height:68px;font-size:15px;padding:16px 16px;padding-right:60px;border-radius:8px 8px 8px 8px}.clear-search[data-v-806dd940]{width:48px;height:48px;right:8px;font-size:17px}.search-type-menu[data-v-806dd940]{width:140px;border-radius:8px}.type-option[data-v-806dd940]{padding:12px 14px;font-size:13px;gap:8px;height:54px;display:flex;align-items:center}}@media (max-width:480px){.search-wrapper[data-v-806dd940]{border-radius:10px}.type-selector-btn[data-v-806dd940]{min-width:90px;padding:0 10px;font-size:13px;height:120px;border-radius:6px 0 0 6px}.type-label[data-v-806dd940]{font-size:13px}.dropdown-arrow[data-v-806dd940]{font-size:11px}.search-input[data-v-806dd940]{height:120px;line-height:72px;font-size:15px;padding:0 14px;padding-right:64px;border-radius:6px 6px 6px 6px}.clear-search[data-v-806dd940]{width:52px;height:52px;right:6px;font-size:18px}.search-type-menu[data-v-806dd940]{width:130px;border-radius:6px}.type-option[data-v-806dd940]{padding:10px 12px;font-size:13px;gap:6px;height:52px}}@media (max-width:360px){.search-wrapper[data-v-806dd940]{border-radius:8px}.type-selector-btn[data-v-806dd940]{min-width:80px;padding:0 8px;font-size:12px;height:120px;border-radius:4px 0 0 4px}.type-label[data-v-806dd940]{font-size:12px}.search-input[data-v-806dd940]{height:120px;line-height:76px;font-size:14px;padding:0 12px;padding-right:56px;border-radius:4px 4px 4px 4px}.clear-search[data-v-806dd940]{width:48px;height:48px;right:4px;font-size:16px}.search-type-menu[data-v-806dd940]{width:120px;border-radius:4px}.type-option[data-v-806dd940]{padding:8px 10px;font-size:12px;gap:6px;height:50px}}@media (max-height:500px) and (orientation:landscape){.type-selector-btn[data-v-806dd940]{height:54px;font-size:13px}.search-input[data-v-806dd940]{height:54px;line-height:54px;font-size:14px;padding-right:48px}.clear-search[data-v-806dd940]{width:40px;height:40px;right:8px;font-size:14px}}@media (min-resolution:192dpi){.search-input[data-v-806dd940],.search-wrapper[data-v-806dd940],.type-selector-btn[data-v-806dd940]{border-width:.5px}}.sentence-card[data-v-32b4a84a]{background:rgba(15,23,42,.7);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px;height:100%;box-sizing:border-box}.sentence-card[data-v-32b4a84a]:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3);border-color:rgba(16,185,129,.3)}.sentence-card.favorite[data-v-32b4a84a]{border-color:rgba(245,158,11,.3);position:relative}.sentence-card.favorite[data-v-32b4a84a]:before{content:"★";position:absolute;top:12px;right:12px;color:#f59e0b;font-size:16px;z-index:1}.sentence-card.mastered[data-v-32b4a84a]{border-color:rgba(16,185,129,.5)}.sentence-card.needs-review[data-v-32b4a84a]{border-left:4px solid #ef4444}.sentence-card.needs-review[data-v-32b4a84a]:after{content:"Review";position:absolute;top:12px;left:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:0 4px 4px 0;text-transform:uppercase;letter-spacing:.5px}.sentence-card.hovered[data-v-32b4a84a]{background:rgba(15,23,42,.8)}.card-header[data-v-32b4a84a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0;flex-wrap:nowrap;gap:16px;width:100%}.sentence-source[data-v-32b4a84a]{display:flex;align-items:center;gap:10px;font-size:12px;color:#94a3b8;flex:1;min-width:0;overflow:hidden}.sentence-source i[data-v-32b4a84a]{font-size:16px;color:#cbd5e1;flex-shrink:0}.source-content[data-v-32b4a84a]{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.source-name[data-v-32b4a84a]{font-weight:500;color:#cbd5e1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sentence-date[data-v-32b4a84a]{color:#64748b;font-size:11px;white-space:nowrap;line-height:1.2}.header-actions[data-v-32b4a84a]{display:flex;gap:8px;align-items:center;flex-shrink:0}.listen-btn[data-v-32b4a84a]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#3b82f6;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.listen-btn[data-v-32b4a84a]:hover{background:rgba(59,130,246,.2);transform:translateY(-1px)}.listen-btn[data-v-32b4a84a]:active{transform:translateY(0)}.listen-btn .btn-text[data-v-32b4a84a]{font-size:14px}.sentence-content[data-v-32b4a84a]{flex:1;display:flex;flex-direction:column;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);overflow:hidden;cursor:pointer;transition:all .3s ease;margin-bottom:20px;position:relative;min-height:220px;box-sizing:border-box}.sentence-content[data-v-32b4a84a]:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-2px)}.content-type-label[data-v-32b4a84a]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(139,92,246,.1);border-radius:12px;color:#8b5cf6;font-size:11px;font-weight:600;z-index:1;backdrop-filter:blur(4px);white-space:nowrap}.content-type-label i[data-v-32b4a84a]{font-size:10px}.english-text-wrapper[data-v-32b4a84a]{padding:32px 20px 6px;box-sizing:border-box}.english-text[data-v-32b4a84a]{font-size:20px;line-height:1.6;color:#f1f5f9;font-weight:500;text-align:center;margin:0;word-break:break-word;hyphens:auto}.explanation-view[data-v-32b4a84a],.scene-view[data-v-32b4a84a]{flex:1;display:flex;flex-direction:column;animation:contentFade-32b4a84a .3s ease-out;padding:0 20px 20px;box-sizing:border-box;overflow:hidden}@keyframes contentFade-32b4a84a{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.translation-section[data-v-32b4a84a]{background:rgba(59,130,246,.05);border-radius:8px;padding:16px;border-left:3px solid #3b82f6;margin-bottom:16px;transition:all .3s;box-sizing:border-box}.translation-section[data-v-32b4a84a]:hover{background:rgba(59,130,246,.1)}.translation-text[data-v-32b4a84a]{font-size:14px;color:#cbd5e1;line-height:1.6;margin:0;word-break:break-word}.explanation-section[data-v-32b4a84a]{background:rgba(139,92,246,.05);border-radius:8px;padding:16px;border-left:3px solid #8b5cf6;margin-bottom:16px;transition:all .3s;box-sizing:border-box}.explanation-section[data-v-32b4a84a]:hover{background:rgba(139,92,246,.1)}.explanation-text[data-v-32b4a84a]{font-size:14px;color:#cbd5e1;line-height:1.5;margin:0;word-break:break-word}.keywords-section[data-v-32b4a84a]{margin-bottom:6px}.keywords-list[data-v-32b4a84a]{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag[data-v-32b4a84a]{display:inline-block;padding:4px 10px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#f59e0b;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap}.scene-questions[data-v-32b4a84a]{display:flex;flex-direction:column;gap:12px}.scene-question[data-v-32b4a84a]{display:flex;align-items:flex-start;gap:10px;padding:12px;background:rgba(16,185,129,.05);border-radius:8px;border-left:2px solid #10b981;transition:all .3s;box-sizing:border-box}.scene-question[data-v-32b4a84a]:hover{background:rgba(16,185,129,.1);transform:translateX(4px)}.scene-question i[data-v-32b4a84a]{color:#10b981;font-size:14px;margin-top:2px;flex-shrink:0}.scene-question span[data-v-32b4a84a]{font-size:14px;color:#cbd5e1;line-height:1.5;flex:1;word-break:break-word}.no-scene-tips[data-v-32b4a84a]{display:flex;align-items:center;gap:8px;padding:20px;color:#94a3b8;font-style:italic;justify-content:center;text-align:center}.no-scene-tips i[data-v-32b4a84a]{font-size:16px}.switch-hint[data-v-32b4a84a]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:hsla(0,0%,100%,.03);border-radius:8px;color:#94a3b8;font-size:12px;border:1px dashed hsla(0,0%,100%,.1);margin:0 20px 5px;box-sizing:border-box;text-align:center;line-height:1.4}.switch-hint i[data-v-32b4a84a]{color:#3b82f6;font-size:11px;flex-shrink:0}.memory-feedback-section[data-v-32b4a84a]{background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);padding:16px;display:flex;flex-direction:column;min-height:180px;box-sizing:border-box}@media (max-width:992px){.sentence-card[data-v-32b4a84a]{padding:20px;min-height:400px}.english-text[data-v-32b4a84a]{font-size:18px}.translation-text[data-v-32b4a84a]{font-size:15px}.explanation-text[data-v-32b4a84a],.scene-question span[data-v-32b4a84a]{font-size:14px}.content-type-label[data-v-32b4a84a]{font-size:11px}}@media (max-width:768px){.sentence-card[data-v-32b4a84a]{padding:18px;min-height:380px;border-radius:14px}.card-header[data-v-32b4a84a]{flex-direction:row;align-items:center;margin-bottom:16px;gap:12px}.sentence-source[data-v-32b4a84a]{flex:1;min-width:0}.source-name[data-v-32b4a84a]{font-size:13px}.sentence-date[data-v-32b4a84a]{font-size:11px}.header-actions[data-v-32b4a84a]{flex-shrink:0}.listen-btn[data-v-32b4a84a]{padding:7px 14px;font-size:13px;border-radius:8px}.listen-btn .btn-text[data-v-32b4a84a]{font-size:13px}.english-text-wrapper[data-v-32b4a84a]{padding:28px 16px 6px}.english-text[data-v-32b4a84a]{font-size:17px;line-height:1.5}.explanation-view[data-v-32b4a84a],.scene-view[data-v-32b4a84a]{padding:0 16px 16px}.explanation-section[data-v-32b4a84a],.translation-section[data-v-32b4a84a]{padding:14px}.translation-text[data-v-32b4a84a]{font-size:14px}.explanation-text[data-v-32b4a84a],.scene-question span[data-v-32b4a84a]{font-size:13px}.content-type-label[data-v-32b4a84a]{font-size:10px;padding:4px 8px}.switch-hint[data-v-32b4a84a]{padding:10px 16px;margin:0 16px 5px;font-size:11px}.keyword-tag[data-v-32b4a84a]{padding:3px 8px;font-size:11px}.scene-question[data-v-32b4a84a]{padding:10px}.sentence-content[data-v-32b4a84a]{min-height:200px;margin-bottom:16px}}@media (max-width:480px){.sentence-card[data-v-32b4a84a]{padding:16px;min-height:360px;border-radius:12px}.card-header[data-v-32b4a84a]{flex-direction:column;align-items:stretch;gap:12px}.sentence-source[data-v-32b4a84a],.source-content[data-v-32b4a84a]{width:100%;justify-content:space-between}.source-content[data-v-32b4a84a]{flex-direction:row;align-items:center}.source-name[data-v-32b4a84a]{font-size:14px;flex:1;margin-right:8px}.sentence-date[data-v-32b4a84a]{font-size:12px;flex-shrink:0}.header-actions[data-v-32b4a84a]{width:100%;justify-content:center}.listen-btn[data-v-32b4a84a]{width:100%;max-width:200px;padding:10px 20px;font-size:14px}.listen-btn .btn-text[data-v-32b4a84a]{font-size:14px}.english-text-wrapper[data-v-32b4a84a]{padding:24px 14px 6px}.english-text[data-v-32b4a84a]{font-size:16px;line-height:1.5}.explanation-view[data-v-32b4a84a],.scene-view[data-v-32b4a84a]{padding:0 14px 14px}.explanation-section[data-v-32b4a84a],.translation-section[data-v-32b4a84a]{padding:12px}.translation-text[data-v-32b4a84a]{font-size:13px}.explanation-text[data-v-32b4a84a],.scene-question span[data-v-32b4a84a]{font-size:12px}.content-type-label[data-v-32b4a84a]{top:8px;right:8px;font-size:10px;padding:3px 8px}.switch-hint[data-v-32b4a84a]{padding:10px;margin:0 14px 5px;font-size:11px;flex-wrap:wrap}.keyword-tag[data-v-32b4a84a]{font-size:10px;padding:3px 8px}.scene-question[data-v-32b4a84a]{padding:8px 10px}.sentence-content[data-v-32b4a84a]{min-height:180px}}@media (max-width:360px){.sentence-card[data-v-32b4a84a]{padding:14px;min-height:340px}.card-header[data-v-32b4a84a]{gap:10px}.sentence-source[data-v-32b4a84a]{gap:8px}.sentence-source i[data-v-32b4a84a]{font-size:14px}.source-name[data-v-32b4a84a]{font-size:13px}.sentence-date[data-v-32b4a84a]{font-size:11px}.listen-btn[data-v-32b4a84a]{padding:9px 16px;font-size:13px}.listen-btn .btn-text[data-v-32b4a84a]{font-size:13px}.english-text-wrapper[data-v-32b4a84a]{padding:20px 12px 6px}.english-text[data-v-32b4a84a]{font-size:15px}.explanation-view[data-v-32b4a84a],.scene-view[data-v-32b4a84a]{padding:0 12px 12px}.explanation-section[data-v-32b4a84a],.translation-section[data-v-32b4a84a]{padding:10px}.translation-text[data-v-32b4a84a]{font-size:12px}.explanation-text[data-v-32b4a84a],.scene-question span[data-v-32b4a84a]{font-size:11px}.content-type-label[data-v-32b4a84a]{font-size:9px;padding:3px 6px}.switch-hint[data-v-32b4a84a]{padding:8px 10px;margin:0 12px 5px;font-size:10px;gap:6px}.keyword-tag[data-v-32b4a84a]{font-size:9px;padding:2px 6px}.scene-question[data-v-32b4a84a]{padding:8px;gap:8px}.sentence-content[data-v-32b4a84a]{min-height:160px}}@media (max-height:500px) and (orientation:landscape){.sentence-card[data-v-32b4a84a]{min-height:320px;padding:16px}.card-header[data-v-32b4a84a]{margin-bottom:12px}.sentence-content[data-v-32b4a84a]{min-height:150px;margin-bottom:12px}.english-text-wrapper[data-v-32b4a84a]{padding:20px 16px 6px}.english-text[data-v-32b4a84a]{font-size:16px}.explanation-view[data-v-32b4a84a],.scene-view[data-v-32b4a84a]{padding:0 16px 12px}}@media (min-resolution:192dpi){.sentence-card[data-v-32b4a84a],.sentence-content[data-v-32b4a84a]{border-width:.5px}}.sentence-swiper[data-v-2854a818]{position:relative;width:100%;height:100%;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.sentence-swiper.is-mobile[data-v-2854a818]{touch-action:pan-x}.loading-overlay[data-v-2854a818]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn-2854a818 .3s ease forwards}.loading-spinner[data-v-2854a818]{display:flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(30,41,59,.9);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.loading-spinner i[data-v-2854a818]{font-size:20px;color:#3b82f6}.loading-spinner span[data-v-2854a818]{color:#cbd5e1;font-size:14px;font-weight:500}.swiper-container[data-v-2854a818]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.sentence-swiper.is-mobile .swiper-container[data-v-2854a818]{flex-direction:column}.cards-wrapper[data-v-2854a818]{position:relative;display:flex;align-items:center;justify-content:center;will-change:transform}.sentence-swiper.is-mobile .cards-wrapper[data-v-2854a818]{flex-direction:column}.card-slot[data-v-2854a818]{position:absolute;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;-webkit-tap-highlight-color:transparent}.card-slot[data-v-2854a818]:active{background-color:transparent}.card-hit-area[data-v-2854a818]{position:absolute;inset:0;background:transparent;z-index:100;-webkit-tap-highlight-color:transparent}.card-slot.current-card[data-v-2854a818]{z-index:30;transform:scale(1);opacity:1;filter:brightness(1)}.card-slot.near-card[data-v-2854a818]:not(.current-card){z-index:20;opacity:.8;filter:brightness(.9)}.card-slot.far-card[data-v-2854a818]{z-index:10;opacity:.3;filter:brightness(.6)}.card-slot.left-card[data-v-2854a818]{transform:translateX(-20px) scale(.95)}.card-slot.right-card[data-v-2854a818]{transform:translateX(20px) scale(.95)}.sentence-swiper.is-mobile .card-slot.left-card[data-v-2854a818]{transform:translateY(-20px) scale(.95)}.sentence-swiper.is-mobile .card-slot.right-card[data-v-2854a818]{transform:translateY(20px) scale(.95)}.card-placeholder[data-v-2854a818]{visibility:hidden;pointer-events:none}.navigation-indicators[data-v-2854a818]{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;z-index:50}.indicator-container[data-v-2854a818]{display:flex;align-items:center;gap:20px;padding:12px 20px;background:rgba(15,23,42,.8);backdrop-filter:blur(10px);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.nav-button[data-v-2854a818]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#3b82f6;border-radius:50%;font-size:16px;cursor:pointer;transition:all .3s}.nav-button[data-v-2854a818]:hover:not(:disabled){background:rgba(59,130,246,.2);transform:translateY(-2px)}.nav-button[data-v-2854a818]:disabled{opacity:.3;cursor:not-allowed}.nav-button[data-v-2854a818]:active:not(:disabled){transform:translateY(0)}.progress-indicator[data-v-2854a818]{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.progress-bar[data-v-2854a818]{width:100%;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden}.progress-fill[data-v-2854a818]{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .3s ease}.progress-text[data-v-2854a818]{display:flex;align-items:center;gap:4px;font-size:14px;color:#94a3b8}.current-index[data-v-2854a818]{color:#f1f5f9;font-weight:600}.separator[data-v-2854a818]{color:#64748b}.total-count[data-v-2854a818]{color:#94a3b8}.swipe-hint[data-v-2854a818]{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:center;z-index:100}.swipe-hint.mobile[data-v-2854a818],.swipe-hint[data-v-2854a818]{animation:slideDown-2854a818 .5s ease-out,fadeOut-2854a818 .5s ease-out 2.5s forwards}.hint-content[data-v-2854a818]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(59,130,246,.1);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(59,130,246,.3)}.hint-content i[data-v-2854a818]{color:#3b82f6;font-size:14px}.hint-content span[data-v-2854a818]{color:#cbd5e1;font-size:12px;font-weight:500}@keyframes fadeIn-2854a818{0%{opacity:0}to{opacity:1}}@keyframes slideDown-2854a818{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut-2854a818{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.sentence-swiper[data-v-2854a818]{min-height:500px}.indicator-container[data-v-2854a818]{padding:10px 16px;gap:16px}.nav-button[data-v-2854a818]{width:36px;height:36px;font-size:14px}.progress-indicator[data-v-2854a818]{min-width:100px}.progress-text[data-v-2854a818]{font-size:13px}.hint-content[data-v-2854a818]{padding:6px 12px}.hint-content span[data-v-2854a818]{font-size:11px}}@media (max-width:480px){.sentence-swiper[data-v-2854a818]{min-height:400px}.indicator-container[data-v-2854a818]{padding:8px 12px;gap:12px}.nav-button[data-v-2854a818]{width:32px;height:32px;font-size:12px}.progress-indicator[data-v-2854a818]{min-width:80px}.progress-text[data-v-2854a818]{font-size:12px}}@media (max-height:500px) and (orientation:landscape){.sentence-swiper[data-v-2854a818]{min-height:300px}.navigation-indicators[data-v-2854a818]{bottom:10px}.indicator-container[data-v-2854a818]{padding:6px 10px}}@media (prefers-color-scheme:dark){.sentence-swiper[data-v-2854a818]{background:transparent}}.source-modal-overlay[data-v-4fb32b4e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn-4fb32b4e .3s ease;padding:16px}@keyframes fadeIn-4fb32b4e{0%{opacity:0}to{opacity:1}}.source-modal[data-v-4fb32b4e]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:scale(.9);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.source-modal.show[data-v-4fb32b4e]{transform:scale(1);opacity:1}.modal-header[data-v-4fb32b4e]{padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(15,23,42,.5);border-radius:24px 24px 0 0;position:sticky;top:0;z-index:10}.header-content[data-v-4fb32b4e]{display:flex;align-items:center;gap:16px}.header-icon[data-v-4fb32b4e]{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.header-text h2[data-v-4fb32b4e]{font-size:20px;font-weight:700;color:#f1f5f9;margin-bottom:4px}.subtitle[data-v-4fb32b4e]{font-size:13px;color:#94a3b8}.modal-close[data-v-4fb32b4e]{width:36px;height:36px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.modal-close[data-v-4fb32b4e]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.modal-body[data-v-4fb32b4e]{padding:24px}.section-header[data-v-4fb32b4e]{margin-bottom:16px}.section-header h3[data-v-4fb32b4e]{font-size:16px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px;margin-bottom:4px}.section-header h3 i[data-v-4fb32b4e]{color:#8b5cf6}.section-subtitle[data-v-4fb32b4e]{font-size:13px;color:#94a3b8}.quick-select-section[data-v-4fb32b4e]{margin-bottom:24px}.quick-select-grid[data-v-4fb32b4e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.quick-select-card[data-v-4fb32b4e]{background:hsla(0,0%,100%,.03);border:2px solid hsla(0,0%,100%,.05);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s}.quick-select-card[data-v-4fb32b4e]:hover{background:hsla(0,0%,100%,.05);border-color:rgba(139,92,246,.3);transform:translateY(-2px)}.quick-select-icon[data-v-4fb32b4e]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.quick-select-info[data-v-4fb32b4e]{flex:1;min-width:0}.source-name[data-v-4fb32b4e]{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-meta[data-v-4fb32b4e]{display:flex;gap:8px;font-size:12px;color:#94a3b8}.quick-select-arrow[data-v-4fb32b4e]{color:#64748b;font-size:12px;transition:all .3s}.quick-select-card:hover .quick-select-arrow[data-v-4fb32b4e]{color:#8b5cf6;transform:translateX(2px)}.search-section[data-v-4fb32b4e]{margin-bottom:24px}.search-container[data-v-4fb32b4e]{position:relative}.search-input-group[data-v-4fb32b4e]{position:relative;margin-bottom:12px}.search-icon[data-v-4fb32b4e]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;z-index:1}.search-input[data-v-4fb32b4e]{width:100%;padding:14px 44px 14px 44px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;color:#f1f5f9;font-size:14px;transition:all .3s}.search-input[data-v-4fb32b4e]:focus{outline:none;border-color:rgba(139,92,246,.5);background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.clear-search[data-v-4fb32b4e]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:hsla(0,0%,100%,.05);border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .3s}.clear-search[data-v-4fb32b4e]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.search-results[data-v-4fb32b4e]{background:rgba(15,23,42,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-bottom:16px;overflow:hidden}.search-results-header[data-v-4fb32b4e]{padding:12px 16px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.search-results-header h4[data-v-4fb32b4e]{font-size:14px;font-weight:600;color:#f1f5f9}.results-count[data-v-4fb32b4e]{font-size:12px;color:#94a3b8}.results-list[data-v-4fb32b4e]{max-height:200px;overflow-y:auto}.result-item[data-v-4fb32b4e]{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;border-bottom:1px solid hsla(0,0%,100%,.05)}.result-item[data-v-4fb32b4e]:last-child{border-bottom:none}.result-item[data-v-4fb32b4e]:hover{background:hsla(0,0%,100%,.03)}.result-icon[data-v-4fb32b4e]{width:32px;height:32px;border-radius:8px;background:hsla(0,0%,100%,.05);display:flex;align-items:center;justify-content:center;font-size:14px;color:#8b5cf6;flex-shrink:0}.result-info[data-v-4fb32b4e]{flex:1}.result-info h5[data-v-4fb32b4e]{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:2px}.result-info p[data-v-4fb32b4e]{font-size:12px;color:#94a3b8}.result-action[data-v-4fb32b4e]{color:#64748b;font-size:12px;transition:all .3s}.result-item:hover .result-action[data-v-4fb32b4e]{color:#8b5cf6;transform:translateX(2px)}.create-new-section[data-v-4fb32b4e]{margin-bottom:24px}.create-new-card[data-v-4fb32b4e]{background:rgba(139,92,246,.1);border:2px solid rgba(139,92,246,.2);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s}.create-new-card[data-v-4fb32b4e]:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.3);transform:translateY(-2px)}.create-icon[data-v-4fb32b4e]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;margin-bottom:16px}.create-info h4[data-v-4fb32b4e]{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:4px}.create-info p[data-v-4fb32b4e]{font-size:14px;color:#cbd5e1;margin-bottom:16px}.create-type-selector[data-v-4fb32b4e]{display:flex;gap:8px;flex-wrap:wrap}.type-badge[data-v-4fb32b4e]{padding:6px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;font-size:12px;color:#cbd5e1;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s}.type-badge.active[data-v-4fb32b4e]{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.4);color:#a78bfa}.type-badge i[data-v-4fb32b4e]{font-size:10px}.quick-types-section[data-v-4fb32b4e]{margin-bottom:24px}.quick-types-grid[data-v-4fb32b4e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.type-quick-card[data-v-4fb32b4e]{background:hsla(0,0%,100%,.03);border:2px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s}.type-quick-card[data-v-4fb32b4e]:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-2px)}.type-icon-wrapper[data-v-4fb32b4e]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.type-label[data-v-4fb32b4e]{font-size:13px;font-weight:600;color:#cbd5e1;text-align:center}.recommended-section[data-v-4fb32b4e]{margin-bottom:24px}.recommended-tags[data-v-4fb32b4e]{display:flex;flex-wrap:wrap;gap:8px}.recommended-tag[data-v-4fb32b4e]{padding:8px 16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;font-size:13px;color:#cbd5e1;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s}.recommended-tag[data-v-4fb32b4e]:hover{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);color:#a78bfa;transform:translateY(-1px)}.recommended-tag i[data-v-4fb32b4e]{font-size:11px}.modal-footer[data-v-4fb32b4e]{padding:20px 24px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(15,23,42,.5);border-radius:0 0 24px 24px;position:sticky;bottom:0;z-index:10}.footer-actions[data-v-4fb32b4e]{flex:1;display:flex;justify-content:flex-end}.footer-btn[data-v-4fb32b4e]{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px;white-space:nowrap}.footer-btn.secondary[data-v-4fb32b4e]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1}.footer-btn.secondary[data-v-4fb32b4e]:hover{background:hsla(0,0%,100%,.1)}.footer-btn.primary[data-v-4fb32b4e]{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;width:-moz-fit-content;width:fit-content;padding:10px 20px;white-space:nowrap;flex:0 0 auto}.footer-btn.primary[data-v-4fb32b4e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.3)}.footer-btn.primary[data-v-4fb32b4e]:disabled{opacity:.5;cursor:not-allowed}.create-btn[data-v-4fb32b4e]{background:linear-gradient(135deg,#10b981,#34d399)}.create-btn[data-v-4fb32b4e]:hover:not(:disabled){box-shadow:0 8px 24px rgba(16,185,129,.3)}@media (max-width:768px){.source-modal-overlay[data-v-4fb32b4e]{padding:12px;align-items:flex-end}.source-modal[data-v-4fb32b4e]{max-height:85vh;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.source-modal.show[data-v-4fb32b4e]{transform:translateY(0)}.modal-body[data-v-4fb32b4e],.modal-footer[data-v-4fb32b4e],.modal-header[data-v-4fb32b4e]{padding:16px}.header-icon[data-v-4fb32b4e]{width:40px;height:40px;font-size:18px}.header-text h2[data-v-4fb32b4e]{font-size:18px}.subtitle[data-v-4fb32b4e]{font-size:12px}.quick-select-grid[data-v-4fb32b4e]{grid-template-columns:1fr}.quick-types-grid[data-v-4fb32b4e]{grid-template-columns:repeat(3,1fr)}.type-quick-card[data-v-4fb32b4e]{padding:12px 8px;gap:8px}.type-icon-wrapper[data-v-4fb32b4e]{width:40px;height:40px;font-size:18px}.type-label[data-v-4fb32b4e]{font-size:12px}.create-new-card[data-v-4fb32b4e]{padding:16px}.create-icon[data-v-4fb32b4e]{width:40px;height:40px;font-size:18px}.search-input[data-v-4fb32b4e]{padding:12px 40px 12px 40px;font-size:13px}.footer-btn[data-v-4fb32b4e]{padding:10px 16px;font-size:13px;min-width:100px}}@media (max-width:480px){.source-modal[data-v-4fb32b4e]{border-radius:16px 16px 0 0}.header-content[data-v-4fb32b4e]{flex-direction:column;align-items:flex-start;gap:8px}.quick-types-grid[data-v-4fb32b4e]{grid-template-columns:repeat(2,1fr)}.modal-footer[data-v-4fb32b4e]{flex-direction:column;gap:12px}.footer-actions[data-v-4fb32b4e]{width:100%}.footer-btn[data-v-4fb32b4e]{width:100%;max-width:none}.recommended-tags[data-v-4fb32b4e]{justify-content:center}.recommended-tag[data-v-4fb32b4e]{padding:6px 12px;font-size:12px}}@media (max-width:375px){.source-modal-overlay[data-v-4fb32b4e]{padding:8px}.modal-header[data-v-4fb32b4e]{flex-direction:column;gap:12px;align-items:flex-start}.header-content[data-v-4fb32b4e]{width:100%;flex-direction:row;justify-content:space-between}.header-text[data-v-4fb32b4e]{flex:1}.modal-close[data-v-4fb32b4e]{position:absolute;right:16px;top:16px}.quick-select-grid[data-v-4fb32b4e]{gap:8px}.quick-select-card[data-v-4fb32b4e]{padding:12px}.quick-select-icon[data-v-4fb32b4e]{width:32px;height:32px;font-size:14px}.source-name[data-v-4fb32b4e]{font-size:13px}.source-meta[data-v-4fb32b4e]{font-size:11px}}.search-results[data-v-4fb32b4e]::-webkit-scrollbar,.source-modal[data-v-4fb32b4e]::-webkit-scrollbar{width:6px}.search-results[data-v-4fb32b4e]::-webkit-scrollbar-track,.source-modal[data-v-4fb32b4e]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.search-results[data-v-4fb32b4e]::-webkit-scrollbar-thumb,.source-modal[data-v-4fb32b4e]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.search-results[data-v-4fb32b4e]::-webkit-scrollbar-thumb:hover,.source-modal[data-v-4fb32b4e]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.modal-overlay[data-v-7c98dfb1]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn-7c98dfb1 .3s ease}.terms-modal[data-v-7c98dfb1]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}.modal-header[data-v-7c98dfb1]{padding:24px 32px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(15,23,42,.5);position:sticky;top:0;z-index:10}.modal-header h2[data-v-7c98dfb1]{font-size:24px;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:12px}.modal-header h2 i[data-v-7c98dfb1]{color:#10b981}.modal-close[data-v-7c98dfb1]{width:40px;height:40px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.modal-close[data-v-7c98dfb1]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.modal-body[data-v-7c98dfb1]{padding:32px;overflow-y:auto;max-height:calc(90vh - 200px)}.terms-content[data-v-7c98dfb1]{display:flex;flex-direction:column;gap:24px}.section[data-v-7c98dfb1]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:20px;transition:all .3s}.section[data-v-7c98dfb1]:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.section h3[data-v-7c98dfb1]{font-size:16px;font-weight:600;color:#10b981;margin-bottom:12px;display:flex;align-items:center;gap:10px}.section p[data-v-7c98dfb1]{font-size:14px;color:#cbd5e1;line-height:1.6;margin-bottom:8px}.section ul[data-v-7c98dfb1]{margin:12px 0;padding-left:20px}.section li[data-v-7c98dfb1]{font-size:14px;color:#cbd5e1;line-height:1.6;margin-bottom:6px;position:relative}.section li[data-v-7c98dfb1]:before{content:"•";color:#10b981;font-size:16px;position:absolute;left:-15px}.last-updated[data-v-7c98dfb1]{margin-top:32px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1);text-align:center}.last-updated p[data-v-7c98dfb1]{font-size:14px;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:8px}.modal-footer[data-v-7c98dfb1]{padding:24px 32px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:center;background:rgba(15,23,42,.5)}.btn-primary[data-v-7c98dfb1]{padding:14px 32px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.btn-primary[data-v-7c98dfb1]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.modal-body[data-v-7c98dfb1]::-webkit-scrollbar{width:6px}.modal-body[data-v-7c98dfb1]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.modal-body[data-v-7c98dfb1]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.modal-body[data-v-7c98dfb1]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@keyframes fadeIn-7c98dfb1{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.terms-modal[data-v-7c98dfb1]{max-height:95vh}.modal-header[data-v-7c98dfb1]{padding:20px 24px}.modal-body[data-v-7c98dfb1]{padding:24px;max-height:calc(95vh - 180px)}.modal-footer[data-v-7c98dfb1]{padding:20px 24px}}@media (max-width:480px){.modal-overlay[data-v-7c98dfb1]{padding:10px}.modal-header h2[data-v-7c98dfb1]{font-size:20px}.section[data-v-7c98dfb1]{padding:16px}.section h3[data-v-7c98dfb1]{font-size:15px}.btn-primary[data-v-7c98dfb1]{padding:12px 24px;font-size:14px;width:100%;justify-content:center}}.auth-form[data-v-141a4fdc]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:32px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideIn-141a4fdc .4s ease-out}@keyframes slideIn-141a4fdc{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-141a4fdc]{text-align:center;margin-bottom:32px}.auth-icon[data-v-141a4fdc]{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.auth-title[data-v-141a4fdc]{font-size:24px;font-weight:700;margin-bottom:8px;color:#f1f5f9}.auth-subtitle[data-v-141a4fdc]{font-size:14px;color:#94a3b8;line-height:1.6}.auth-form-content[data-v-141a4fdc]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-141a4fdc]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-141a4fdc]{font-size:14px;font-weight:600;color:#cbd5e1}.label-row[data-v-141a4fdc]{display:flex;justify-content:space-between;align-items:center}.forgot-link[data-v-141a4fdc]{font-size:13px;color:#10b981;text-decoration:none;transition:all .3s}.forgot-link[data-v-141a4fdc]:hover{color:#34d399;text-decoration:underline}.input-with-icon[data-v-141a4fdc]{position:relative;display:flex;align-items:center}.input-with-icon i[data-v-141a4fdc]{position:absolute;left:16px;color:#64748b;font-size:16px;z-index:1}.input-with-icon input[data-v-141a4fdc]{width:100%;padding:14px 16px 14px 44px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#f1f5f9;font-size:15px;transition:all .3s;font-family:inherit}.input-with-icon input[data-v-141a4fdc]:focus{outline:none;border-color:#10b981;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.input-with-icon input.has-error[data-v-141a4fdc]{border-color:#ef4444}.input-with-icon input.has-error[data-v-141a4fdc]:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.password-toggle[data-v-141a4fdc]{position:absolute;right:10px;background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;transition:color .3s;padding:0;display:flex;align-items:center;justify-content:center}.password-toggle[data-v-141a4fdc]:hover{color:#10b981}.error-message[data-v-141a4fdc]{display:flex;align-items:center;gap:6px;font-size:13px;color:#ef4444;margin-top:4px}.error-message i[data-v-141a4fdc]{font-size:12px}.remember-me[data-v-141a4fdc]{margin-top:4px}.checkbox-label[data-v-141a4fdc]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#cbd5e1;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px}.checkbox-label input[data-v-141a4fdc]{display:none}.checkmark[data-v-141a4fdc]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.checkbox-label input:checked+.checkmark[data-v-141a4fdc]{background:#10b981;border-color:#10b981}.checkbox-label input:checked+.checkmark[data-v-141a4fdc]:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.auth-submit-btn[data-v-141a4fdc]{margin-top:10px;padding:16px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.auth-submit-btn[data-v-141a4fdc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.auth-submit-btn[data-v-141a4fdc]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.auth-submit-btn.loading[data-v-141a4fdc]{background:linear-gradient(135deg,#0d9461,#2daa80)}.auth-divider[data-v-141a4fdc]{display:flex;align-items:center;text-align:center;margin:10px 0}.auth-divider[data-v-141a4fdc]:after,.auth-divider[data-v-141a4fdc]:before{content:"";flex:1;border-bottom:1px solid hsla(0,0%,100%,.1)}.auth-divider span[data-v-141a4fdc]{padding:0 16px;font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.demo-btn[data-v-141a4fdc]{padding:14px 16px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:#8b5cf6;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.demo-btn[data-v-141a4fdc]:hover:not(:disabled){background:rgba(139,92,246,.2);transform:translateY(-2px)}.demo-btn[data-v-141a4fdc]:disabled{opacity:.6;cursor:not-allowed}.auth-footer[data-v-141a4fdc]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.auth-footer p[data-v-141a4fdc]{font-size:14px;color:#94a3b8}.auth-link[data-v-141a4fdc]{color:#10b981;text-decoration:none;font-weight:600;transition:all .3s}.auth-link[data-v-141a4fdc]:hover{color:#34d399;text-decoration:underline}.auth-toast[data-v-141a4fdc]{position:fixed;bottom:24px;right:24px;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:12px;animation:slideInRight-141a4fdc .3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:10000;max-width:400px}@keyframes slideInRight-141a4fdc{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.auth-toast.success[data-v-141a4fdc]{border-left:4px solid #10b981}.auth-toast.error[data-v-141a4fdc]{border-left:4px solid #ef4444}.auth-toast i[data-v-141a4fdc]{font-size:18px}.auth-toast.success i[data-v-141a4fdc]{color:#10b981}.auth-toast.error i[data-v-141a4fdc]{color:#ef4444}.auth-toast span[data-v-141a4fdc]{font-size:14px;color:#f1f5f9}@media (max-width:480px){.auth-form[data-v-141a4fdc]{padding:24px;margin:0 16px}.auth-icon[data-v-141a4fdc]{width:56px;height:56px;font-size:24px}.auth-title[data-v-141a4fdc]{font-size:22px}}.privacy-modal[data-v-d9b58de6]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}.intro[data-v-d9b58de6]{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:20px;margin-bottom:24px}.intro p[data-v-d9b58de6]{font-size:15px;color:#10b981;line-height:1.6;display:flex;align-items:center;gap:10px;margin:0}.intro i[data-v-d9b58de6]{font-size:18px}.section[data-v-d9b58de6]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:20px;margin-bottom:20px;transition:all .3s}.section[data-v-d9b58de6]:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.section h3[data-v-d9b58de6]{font-size:16px;font-weight:600;color:#3b82f6;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section p[data-v-d9b58de6]{font-size:14px;color:#cbd5e1;line-height:1.6;margin:8px 0}.section strong[data-v-d9b58de6]{color:#f1f5f9}.section ul[data-v-d9b58de6]{margin:12px 0;padding-left:20px}.section li[data-v-d9b58de6]{font-size:14px;color:#cbd5e1;line-height:1.6;margin-bottom:8px;position:relative}.section li[data-v-d9b58de6]:before{content:"→";color:#3b82f6;position:absolute;left:-15px}.cookie-notice[data-v-d9b58de6]{font-style:italic;color:#94a3b8;font-size:13px;margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.1)}.contact-section[data-v-d9b58de6]{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:24px;margin:32px 0}.contact-info[data-v-d9b58de6]{background:hsla(0,0%,100%,.05);border-radius:8px;padding:16px;margin-top:12px}.contact-info p[data-v-d9b58de6]{margin:8px 0}.contact-info strong[data-v-d9b58de6]{color:#3b82f6;display:inline-block;min-width:100px}.last-updated[data-v-d9b58de6]{margin-top:32px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.last-updated p[data-v-d9b58de6]{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:8px;margin:0}.modal-footer[data-v-d9b58de6]{padding:24px 32px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;gap:16px;background:rgba(15,23,42,.5)}.btn-secondary[data-v-d9b58de6]{padding:12px 24px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.btn-secondary[data-v-d9b58de6]:hover{background:hsla(0,0%,100%,.1);color:#f1f5f9}.btn-primary[data-v-d9b58de6]{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.btn-primary[data-v-d9b58de6]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,130,246,.3)}@media (max-width:768px){.modal-body[data-v-d9b58de6]{padding:20px}.intro[data-v-d9b58de6],.section[data-v-d9b58de6]{padding:16px}.contact-section[data-v-d9b58de6]{padding:20px}.last-updated[data-v-d9b58de6]{flex-direction:column;text-align:center;gap:8px}.modal-footer[data-v-d9b58de6]{flex-direction:column}.btn-primary[data-v-d9b58de6],.btn-secondary[data-v-d9b58de6]{width:100%;justify-content:center}}@media (max-width:480px){.section h3[data-v-d9b58de6]{font-size:15px}.contact-info strong[data-v-d9b58de6]{min-width:80px}}.auth-form[data-v-1e47315a]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:32px;width:100%;max-width:460px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideIn-1e47315a .4s ease-out}@keyframes slideIn-1e47315a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-1e47315a]{text-align:center;margin-bottom:32px}.auth-icon[data-v-1e47315a]{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.auth-title[data-v-1e47315a]{font-size:24px;font-weight:700;margin-bottom:8px;color:#f1f5f9}.auth-subtitle[data-v-1e47315a]{font-size:14px;color:#94a3b8;line-height:1.6}.auth-form-content[data-v-1e47315a]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-1e47315a]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-1e47315a]{font-size:14px;font-weight:600;color:#cbd5e1}.input-with-icon[data-v-1e47315a]{position:relative;display:flex;align-items:center}.input-with-icon i[data-v-1e47315a]{position:absolute;left:16px;color:#64748b;font-size:16px;z-index:1}.input-with-icon input[data-v-1e47315a]{width:100%;padding:14px 16px 14px 44px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#f1f5f9;font-size:15px;transition:all .3s;font-family:inherit}.input-with-icon input[data-v-1e47315a]:focus{outline:none;border-color:#10b981;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.input-with-icon input.has-error[data-v-1e47315a]{border-color:#ef4444}.input-with-icon input.has-error[data-v-1e47315a]:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.password-toggle[data-v-1e47315a]{position:absolute;right:10px;background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;transition:color .3s;padding:0;display:flex;align-items:center;justify-content:center}.password-toggle[data-v-1e47315a]:hover{color:#10b981}.error-message[data-v-1e47315a]{display:flex;align-items:center;gap:6px;font-size:13px;color:#ef4444;margin-top:4px}.error-message i[data-v-1e47315a]{font-size:12px}.checkbox-label[data-v-1e47315a]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#cbd5e1;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px}.checkbox-label input[data-v-1e47315a]{display:none}.checkmark[data-v-1e47315a]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.checkbox-label input:checked+.checkmark[data-v-1e47315a]{background:#10b981;border-color:#10b981}.checkbox-label input:checked+.checkmark[data-v-1e47315a]:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.auth-submit-btn[data-v-1e47315a]{margin-top:10px;padding:16px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.auth-submit-btn[data-v-1e47315a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.auth-submit-btn[data-v-1e47315a]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.auth-submit-btn.loading[data-v-1e47315a]{background:linear-gradient(135deg,#0d9461,#2daa80)}.auth-footer[data-v-1e47315a]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.auth-footer p[data-v-1e47315a]{font-size:14px;color:#94a3b8}.auth-link[data-v-1e47315a]{color:#10b981;text-decoration:none;font-weight:600;transition:all .3s}.auth-link[data-v-1e47315a]:hover{color:#34d399;text-decoration:underline}.auth-toast[data-v-1e47315a]{position:fixed;bottom:24px;right:24px;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:12px;animation:slideInRight-1e47315a .3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:10000;max-width:400px}@keyframes slideInRight-1e47315a{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.auth-toast.success[data-v-1e47315a]{border-left:4px solid #10b981}.auth-toast.error[data-v-1e47315a]{border-left:4px solid #ef4444}.auth-toast i[data-v-1e47315a]{font-size:18px}.auth-toast.success i[data-v-1e47315a]{color:#10b981}.auth-toast.error i[data-v-1e47315a]{color:#ef4444}.auth-toast span[data-v-1e47315a]{font-size:14px;color:#f1f5f9}.password-hints[data-v-1e47315a]{display:flex;flex-direction:column;gap:6px;margin-top:8px}.hint[data-v-1e47315a]{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8;transition:all .3s}.hint.valid[data-v-1e47315a]{color:#10b981}.hint i[data-v-1e47315a]{font-size:12px}.hint.valid i[data-v-1e47315a]{color:#10b981}.terms[data-v-1e47315a]{margin-top:4px}.terms .checkbox-label[data-v-1e47315a]{font-size:13px;line-height:1.5}.terms-link[data-v-1e47315a]{color:#10b981;text-decoration:none;font-weight:600;transition:all .3s}.terms-link[data-v-1e47315a]:hover{color:#34d399;text-decoration:underline}@media (max-width:480px){.auth-form[data-v-1e47315a]{padding:24px;margin:0 16px}.auth-icon[data-v-1e47315a]{width:56px;height:56px;font-size:24px}.auth-title[data-v-1e47315a]{font-size:22px}}.user-profile[data-v-89a173da]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:32px;width:100%;max-width:500px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideIn-89a173da .4s ease-out}@keyframes slideIn-89a173da{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-header[data-v-89a173da]{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid hsla(0,0%,100%,.1)}.profile-avatar[data-v-89a173da]{position:relative}.avatar-icon[data-v-89a173da]{width:80px;height:80px;border-radius:20px;font-size:28px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.3)}.avatar-icon[data-v-89a173da],.avatar-upload[data-v-89a173da]{display:flex;align-items:center;justify-content:center;color:#fff}.avatar-upload[data-v-89a173da]{position:absolute;bottom:-4px;right:-4px;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#10b981,#34d399);border:2px solid #0f172a;cursor:pointer;transition:all .3s;font-size:14px}.avatar-upload[data-v-89a173da]:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(16,185,129,.3)}.profile-info[data-v-89a173da]{flex:1}.profile-name[data-v-89a173da]{font-size:24px;font-weight:700;color:#f1f5f9;margin-bottom:4px}.profile-email[data-v-89a173da]{font-size:14px;color:#94a3b8;margin-bottom:12px}.profile-badges[data-v-89a173da]{display:flex;gap:8px;flex-wrap:wrap}.badge[data-v-89a173da]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.badge.free_user[data-v-89a173da]{background:rgba(59,130,246,.2);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge.premium_user[data-v-89a173da]{background:rgba(139,92,246,.2);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.badge.admin[data-v-89a173da]{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge.sentences[data-v-89a173da]{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.profile-content[data-v-89a173da]{display:flex;flex-direction:column;gap:32px}.profile-section[data-v-89a173da]{display:flex;flex-direction:column;gap:20px}.section-title[data-v-89a173da]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#f1f5f9}.section-title i[data-v-89a173da]{color:#10b981;font-size:16px}.settings-grid[data-v-89a173da]{display:grid;grid-template-columns:1fr;gap:16px}.setting-item[data-v-89a173da]{display:flex;flex-direction:column;gap:8px}.setting-item label[data-v-89a173da]{font-size:14px;font-weight:600;color:#cbd5e1}.setting-value[data-v-89a173da]{display:flex;align-items:center;gap:10px}.setting-value input[data-v-89a173da]{flex:1;padding:12px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#f1f5f9;font-size:15px;transition:all .3s}.setting-value input[data-v-89a173da]:focus{outline:none;border-color:#10b981;background:hsla(0,0%,100%,.08)}.setting-value input[data-v-89a173da]:disabled{opacity:.7;cursor:not-allowed}.edit-btn[data-v-89a173da]{width:36px;height:36px;border-radius:8px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:14px}.edit-btn[data-v-89a173da]:hover{background:hsla(0,0%,100%,.1);color:#10b981}.stats-grid[data-v-89a173da]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-card[data-v-89a173da]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s}.stat-card[data-v-89a173da]:hover{background:hsla(0,0%,100%,.05);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.stat-icon[data-v-89a173da]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.stat-info h4[data-v-89a173da]{font-size:13px;color:#94a3b8;margin-bottom:4px;font-weight:500}.stat-value[data-v-89a173da]{font-size:20px;font-weight:700;color:#f1f5f9}.membership-card[data-v-89a173da]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden}.membership-card.premium_user[data-v-89a173da]{border-color:rgba(139,92,246,.3)}.membership-header[data-v-89a173da]{padding:20px;background:hsla(0,0%,100%,.02);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.membership-header h4[data-v-89a173da]{font-size:18px;font-weight:600;color:#f1f5f9;margin:0}.membership-badge[data-v-89a173da]{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.membership-card.free_user .membership-badge[data-v-89a173da]{background:rgba(59,130,246,.2);color:#3b82f6}.membership-card.premium_user .membership-badge[data-v-89a173da]{background:rgba(139,92,246,.2);color:#8b5cf6}.membership-content[data-v-89a173da]{padding:20px}.membership-features[data-v-89a173da]{margin-bottom:24px}.feature[data-v-89a173da]{display:flex;align-items:center;gap:10px;font-size:14px;color:#cbd5e1;margin-bottom:10px}.feature i[data-v-89a173da]{color:#10b981;font-size:12px}.sentences-progress[data-v-89a173da]{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;padding:16px;margin-bottom:20px}.progress-header[data-v-89a173da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-header span[data-v-89a173da]:first-child{font-size:14px;color:#cbd5e1}.progress-header span[data-v-89a173da]:last-child{font-size:14px;font-weight:600;color:#10b981}.progress-bar[data-v-89a173da]{height:8px;background:hsla(0,0%,100%,.05);border-radius:4px;overflow:hidden}.progress-fill[data-v-89a173da]{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.progress-fill.low[data-v-89a173da]{background:linear-gradient(90deg,#ef4444,#f87171)}.upgrade-btn[data-v-89a173da]{width:100%;padding:14px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.upgrade-btn[data-v-89a173da]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.3)}.profile-actions[data-v-89a173da]{display:flex;gap:12px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.action-btn[data-v-89a173da]{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn.logout[data-v-89a173da]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1}.action-btn.logout[data-v-89a173da]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.action-btn.delete[data-v-89a173da]{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.action-btn.delete[data-v-89a173da]:hover{background:rgba(239,68,68,.2)}.auth-toast[data-v-89a173da]{position:fixed;bottom:24px;right:24px;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:12px;animation:slideInRight-89a173da .3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:10000;max-width:400px}@keyframes slideInRight-89a173da{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.auth-toast.success[data-v-89a173da]{border-left:4px solid #10b981}.auth-toast.error[data-v-89a173da]{border-left:4px solid #ef4444}.auth-toast.info[data-v-89a173da]{border-left:4px solid #3b82f6}.auth-toast i[data-v-89a173da]{font-size:18px}.auth-toast.success i[data-v-89a173da]{color:#10b981}.auth-toast.error i[data-v-89a173da]{color:#ef4444}.auth-toast.info i[data-v-89a173da]{color:#3b82f6}.auth-toast span[data-v-89a173da]{font-size:14px;color:#f1f5f9}@media (max-width:480px){.user-profile[data-v-89a173da]{width:90%;padding:24px;margin:0 20px}.profile-header[data-v-89a173da]{flex-direction:column;text-align:center;gap:16px}.profile-badges[data-v-89a173da]{justify-content:center}.stats-grid[data-v-89a173da]{grid-template-columns:1fr}.profile-actions[data-v-89a173da]{flex-direction:column}}.reset-form[data-v-a56dea96]{max-width:420px}.reset-success[data-v-a56dea96]{text-align:center;padding:20px 0}.success-icon[data-v-a56dea96]{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;box-shadow:0 8px 24px rgba(16,185,129,.3)}.reset-success h3[data-v-a56dea96]{font-size:24px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.success-message[data-v-a56dea96]{font-size:15px;color:#cbd5e1;line-height:1.6;margin-bottom:8px}.success-message strong[data-v-a56dea96]{color:#10b981;font-weight:600}.success-note[data-v-a56dea96]{font-size:14px;color:#94a3b8;line-height:1.6;margin-bottom:32px}.success-actions[data-v-a56dea96]{display:flex;gap:12px;margin-bottom:32px}.back-btn[data-v-a56dea96]{flex:1;padding:12px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.back-btn[data-v-a56dea96]:hover{background:hsla(0,0%,100%,.1);color:#10b981}.resend-btn[data-v-a56dea96]{flex:1;padding:12px 16px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#3b82f6;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.resend-btn[data-v-a56dea96]:hover:not(:disabled){background:rgba(59,130,246,.2)}.resend-btn[data-v-a56dea96]:disabled{opacity:.5;cursor:not-allowed}.success-tips[data-v-a56dea96]{display:flex;flex-direction:column;gap:12px}.tip[data-v-a56dea96]{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8;text-align:left;padding:12px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px}.tip i[data-v-a56dea96]{color:#10b981;font-size:14px;width:16px}.auth-form[data-v-a56dea96]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:32px;width:100%;max-width:460px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideIn-a56dea96 .4s ease-out}@keyframes slideIn-a56dea96{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-a56dea96]{text-align:center;margin-bottom:32px}.auth-icon[data-v-a56dea96]{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.auth-title[data-v-a56dea96]{font-size:24px;font-weight:700;margin-bottom:8px;color:#f1f5f9}.auth-subtitle[data-v-a56dea96]{font-size:14px;color:#94a3b8;line-height:1.6}.auth-form-content[data-v-a56dea96]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-a56dea96]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-a56dea96]{font-size:14px;font-weight:600;color:#cbd5e1}.input-with-icon[data-v-a56dea96]{position:relative;display:flex;align-items:center}.input-with-icon i[data-v-a56dea96]{position:absolute;left:16px;color:#64748b;font-size:16px;z-index:1}.input-with-icon input[data-v-a56dea96]{width:100%;padding:14px 16px 14px 44px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#f1f5f9;font-size:15px;transition:all .3s;font-family:inherit}.input-with-icon input[data-v-a56dea96]:focus{outline:none;border-color:#10b981;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.input-with-icon input.has-error[data-v-a56dea96]{border-color:#ef4444}.input-with-icon input.has-error[data-v-a56dea96]:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.password-toggle[data-v-a56dea96]{position:absolute;right:16px;background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;transition:color .3s;padding:0;display:flex;align-items:center;justify-content:center}.password-toggle[data-v-a56dea96]:hover{color:#10b981}.error-message[data-v-a56dea96]{display:flex;align-items:center;gap:6px;font-size:13px;color:#ef4444;margin-top:4px}.error-message i[data-v-a56dea96]{font-size:12px}.checkbox-label[data-v-a56dea96]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#cbd5e1;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px}.checkbox-label input[data-v-a56dea96]{display:none}.checkmark[data-v-a56dea96]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.checkbox-label input:checked+.checkmark[data-v-a56dea96]{background:#10b981;border-color:#10b981}.checkbox-label input:checked+.checkmark[data-v-a56dea96]:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.auth-submit-btn[data-v-a56dea96]{margin-top:10px;padding:16px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.auth-submit-btn[data-v-a56dea96]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.auth-submit-btn[data-v-a56dea96]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.auth-submit-btn.loading[data-v-a56dea96]{background:linear-gradient(135deg,#0d9461,#2daa80)}.auth-footer[data-v-a56dea96]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.auth-footer p[data-v-a56dea96]{font-size:14px;color:#94a3b8}.auth-link[data-v-a56dea96]{color:#10b981;text-decoration:none;font-weight:600;transition:all .3s}.auth-link[data-v-a56dea96]:hover{color:#34d399;text-decoration:underline}.auth-toast[data-v-a56dea96]{position:fixed;bottom:24px;right:24px;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:12px;animation:slideInRight-a56dea96 .3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:10000;max-width:400px}@keyframes slideInRight-a56dea96{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.auth-toast.success[data-v-a56dea96]{border-left:4px solid #10b981}.auth-toast.error[data-v-a56dea96]{border-left:4px solid #ef4444}.auth-toast i[data-v-a56dea96]{font-size:18px}.auth-toast.success i[data-v-a56dea96]{color:#10b981}.auth-toast.error i[data-v-a56dea96]{color:#ef4444}.auth-toast span[data-v-a56dea96]{font-size:14px;color:#f1f5f9}.password-hints[data-v-a56dea96]{display:flex;flex-direction:column;gap:6px;margin-top:8px}.hint[data-v-a56dea96]{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8;transition:all .3s}.hint.valid[data-v-a56dea96]{color:#10b981}.hint i[data-v-a56dea96]{font-size:12px}.hint.valid i[data-v-a56dea96]{color:#10b981}.terms[data-v-a56dea96]{margin-top:4px}.terms .checkbox-label[data-v-a56dea96]{font-size:13px;line-height:1.5}.terms-link[data-v-a56dea96]{color:#10b981;text-decoration:none;font-weight:600;transition:all .3s}.terms-link[data-v-a56dea96]:hover{color:#34d399;text-decoration:underline}@media (max-width:480px){.auth-form[data-v-a56dea96]{padding:24px;margin:0 16px}.auth-icon[data-v-a56dea96]{width:56px;height:56px;font-size:24px}.auth-title[data-v-a56dea96]{font-size:22px}}.package-list[data-v-40822ab8]{width:100%;animation:fadeIn-40822ab8 .5s ease}.packages-header[data-v-40822ab8]{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid hsla(0,0%,100%,.1)}.header-icon[data-v-40822ab8]{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:24px;box-shadow:0 8px 24px rgba(139,92,246,.3)}.header-text h3[data-v-40822ab8]{font-size:28px;font-weight:700;color:#f1f5f9;margin-bottom:8px}.header-text p[data-v-40822ab8]{font-size:16px;color:#94a3b8;line-height:1.6}.packages-container[data-v-40822ab8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.package-card[data-v-40822ab8]{background:rgba(15,23,42,.8);border:2px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px;position:relative;transition:all .3s ease;cursor:pointer}.package-card[data-v-40822ab8]:hover{border-color:rgba(139,92,246,.3);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.package-card.selected[data-v-40822ab8]{border-color:#10b981;background:rgba(16,185,129,.05);box-shadow:0 0 0 1px #10b981,0 12px 32px rgba(16,185,129,.1)}.package-card.popular[data-v-40822ab8]{border-color:#f59e0b}.popular-badge[data-v-40822ab8]{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 4px 12px rgba(245,158,11,.3)}.package-icon[data-v-40822ab8]{width:48px;height:48px;border-radius:12px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#8b5cf6;font-size:20px}.package-details h4[data-v-40822ab8]{font-size:20px;font-weight:700;color:#f1f5f9;margin-bottom:8px}.package-description[data-v-40822ab8]{font-size:14px;color:#94a3b8;margin-bottom:20px;line-height:1.6}.package-price[data-v-40822ab8]{display:flex;align-items:baseline;gap:4px;margin-bottom:24px}.price-amount[data-v-40822ab8]{font-size:32px;font-weight:800;color:#f1f5f9;line-height:1}.price-period[data-v-40822ab8]{font-size:14px;color:#94a3b8}.package-features[data-v-40822ab8]{list-style:none;margin-bottom:24px}.package-features li[data-v-40822ab8]{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:#cbd5e1}.package-features i[data-v-40822ab8]{color:#10b981;font-size:14px;flex-shrink:0}.select-btn[data-v-40822ab8]{width:100%;padding:14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.select-btn[data-v-40822ab8]:hover{background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.select-btn.selected[data-v-40822ab8]{background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981;color:#fff}.select-btn.selected[data-v-40822ab8]:hover{box-shadow:0 8px 24px rgba(16,185,129,.3)}.packages-footer[data-v-40822ab8]{display:flex;flex-direction:column;gap:12px;padding:20px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px}.footer-note[data-v-40822ab8]{display:flex;align-items:center;gap:12px;font-size:14px;color:#94a3b8}.footer-note i[data-v-40822ab8]{color:#3b82f6;font-size:16px;flex-shrink:0}@keyframes fadeIn-40822ab8{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.packages-container[data-v-40822ab8]{grid-template-columns:1fr}.header-text h3[data-v-40822ab8]{font-size:24px}.price-amount[data-v-40822ab8]{font-size:28px}}.payment-qr[data-v-4cf49cc0]{width:100%;animation:fadeIn .5s ease}.payment-header[data-v-4cf49cc0]{text-align:center;margin-bottom:24px}.header-icon[data-v-4cf49cc0]{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:24px;box-shadow:0 8px 24px rgba(59,130,246,.3)}.header-text h3[data-v-4cf49cc0]{font-size:24px;font-weight:700;color:#f1f5f9;margin-bottom:8px}.header-text p[data-v-4cf49cc0]{font-size:16px;color:#94a3b8;line-height:1.6}.order-summary[data-v-4cf49cc0]{background:rgba(15,23,42,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px;margin-bottom:24px}.summary-item[data-v-4cf49cc0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.05)}.summary-item[data-v-4cf49cc0]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.label[data-v-4cf49cc0]{font-size:14px;color:#94a3b8}.value[data-v-4cf49cc0]{font-size:14px;font-weight:600;color:#f1f5f9}.value.price[data-v-4cf49cc0],.value.remind[data-v-4cf49cc0]{color:#10b981;font-size:18px;font-weight:700}.value.order-id[data-v-4cf49cc0]{font-family:Courier New,monospace;font-size:13px;color:#cbd5e1}.value.timer[data-v-4cf49cc0]{font-family:Courier New,monospace;font-weight:700;font-size:16px;color:#10b981}.value.timer.warning[data-v-4cf49cc0]{color:#ef4444;animation:pulse-4cf49cc0 1s infinite}@keyframes pulse-4cf49cc0{0%,to{opacity:1}50%{opacity:.5}}.qr-container[data-v-4cf49cc0]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;text-align:center;position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-wrapper[data-v-4cf49cc0]{position:relative;width:200px;height:200px;margin-bottom:24px}.qr-image[data-v-4cf49cc0]{width:200px;height:200px;display:block;margin:0 auto;image-rendering:pixelated;border-radius:0;border:none}.qr-overlay[data-v-4cf49cc0]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px}.loader[data-v-4cf49cc0]{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-4cf49cc0 1s linear infinite;margin-bottom:12px}@keyframes spin-4cf49cc0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-methods[data-v-4cf49cc0]{display:flex;gap:12px;justify-content:center}.method-btn[data-v-4cf49cc0]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(15,23,42,.05);border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.method-btn[data-v-4cf49cc0]:hover{border-color:#3b82f6;background:rgba(59,130,246,.05)}.method-btn.active[data-v-4cf49cc0]{border-color:#3b82f6;background:rgba(59,130,246,.1);color:#3b82f6}.method-btn i[data-v-4cf49cc0]{font-size:20px}.method-btn i.fa-weixin[data-v-4cf49cc0]{color:#07c160}.method-btn i.fa-alipay[data-v-4cf49cc0]{color:#1677ff}.payment-instructions[data-v-4cf49cc0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:24px}.instruction-step[data-v-4cf49cc0]{text-align:center;padding:16px;background:rgba(15,23,42,.5);border:1px solid hsla(0,0%,100%,.1);border-radius:12px}.step-number[data-v-4cf49cc0]{width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin:0 auto 12px}.step-content h5[data-v-4cf49cc0]{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:4px}.step-content p[data-v-4cf49cc0]{font-size:12px;color:#94a3b8;line-height:1.4}.action-buttons[data-v-4cf49cc0]{display:flex;gap:12px;margin-bottom:20px}.action-btn[data-v-4cf49cc0]{flex:1;padding:14px;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn[data-v-4cf49cc0]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.action-btn.secondary[data-v-4cf49cc0]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1}.action-btn.secondary[data-v-4cf49cc0]:hover{background:hsla(0,0%,100%,.1);box-shadow:0 8px 24px rgba(0,0,0,.2)}.payment-note[data-v-4cf49cc0]{display:flex;align-items:center;gap:12px;padding:10px;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);border-radius:12px;font-size:14px;color:#f59e0b}.payment-note i[data-v-4cf49cc0]{font-size:16px;flex-shrink:0}@media (max-width:768px){.payment-instructions[data-v-4cf49cc0]{grid-template-columns:1fr}.action-buttons[data-v-4cf49cc0]{flex-direction:column}.method-btn[data-v-4cf49cc0]{flex:1}}.screenshot-upload[data-v-375fa020]{width:100%;animation:fadeIn .5s ease}.upload-header[data-v-375fa020]{text-align:center;margin-bottom:24px}.header-icon[data-v-375fa020]{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:24px;box-shadow:0 8px 24px rgba(16,185,129,.3)}.header-text h3[data-v-375fa020]{font-size:24px;font-weight:700;color:#f1f5f9;margin-bottom:8px}.header-text p[data-v-375fa020]{font-size:16px;color:#94a3b8;line-height:1.6}.order-info[data-v-375fa020]{margin-bottom:24px}.info-card[data-v-375fa020]{background:rgba(15,23,42,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px}.info-item[data-v-375fa020]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.05)}.info-item[data-v-375fa020]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.label[data-v-375fa020]{font-size:14px;color:#94a3b8}.value[data-v-375fa020]{font-size:14px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.value.price[data-v-375fa020]{color:#10b981;font-size:18px;font-weight:700}.value.method i[data-v-375fa020]{font-size:20px}.upload-area[data-v-375fa020]{border:2px dashed hsla(0,0%,100%,.2);border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:24px;background:rgba(15,23,42,.5);min-height:200px;display:flex;align-items:center;justify-content:center}.upload-area[data-v-375fa020]:hover{border-color:#3b82f6;background:rgba(59,130,246,.05)}.upload-area.dragover[data-v-375fa020]{border-color:#10b981;background:rgba(16,185,129,.05);transform:scale(1.02)}.upload-area.has-file[data-v-375fa020]{border-style:solid;border-color:#10b981;background:rgba(16,185,129,.05)}.upload-content[data-v-375fa020]{color:#94a3b8}.upload-icon[data-v-375fa020]{font-size:48px;color:#3b82f6;margin-bottom:16px}.upload-content h4[data-v-375fa020]{font-size:18px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.upload-content p[data-v-375fa020]{font-size:14px;color:#94a3b8;margin-bottom:4px}.file-types[data-v-375fa020]{font-size:12px;color:#64748b}.file-preview[data-v-375fa020]{display:flex;align-items:center;gap:20px;width:100%;max-width:500px;margin:0 auto}.preview-image[data-v-375fa020]{width:100px;height:100px;border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.05);display:flex;align-items:center;justify-content:center}.preview-image img[data-v-375fa020]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-icon[data-v-375fa020]{font-size:32px;color:#94a3b8}.file-info[data-v-375fa020]{flex:1;text-align:left}.file-info h5[data-v-375fa020]{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:4px;word-break:break-all}.file-info p[data-v-375fa020]{font-size:14px;color:#94a3b8;margin-bottom:12px}.remove-btn[data-v-375fa020]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.remove-btn[data-v-375fa020]:hover{background:rgba(239,68,68,.2)}.screenshot-requirements[data-v-375fa020]{background:rgba(15,23,42,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px;margin-bottom:24px}.screenshot-requirements h5[data-v-375fa020]{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:12px}.screenshot-requirements ul[data-v-375fa020]{list-style:none}.screenshot-requirements li[data-v-375fa020]{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;color:#cbd5e1}.screenshot-requirements li[data-v-375fa020]:last-child{margin-bottom:0}.screenshot-requirements i[data-v-375fa020]{color:#10b981;font-size:14px;flex-shrink:0}.upload-example[data-v-375fa020]{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:20px;margin-bottom:24px}.example-header[data-v-375fa020]{gap:12px;margin-bottom:16px}.example-header i[data-v-375fa020]{color:#f59e0b;font-size:20px}.example-header h5[data-v-375fa020]{font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.example-image[data-v-375fa020]{margin-bottom:12px}.example-placeholder[data-v-375fa020]{background:rgba(15,23,42,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px}.example-content[data-v-375fa020]{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.example-header[data-v-375fa020]{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.example-logo[data-v-375fa020]{width:48px;height:48px;background:#07c160;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.example-title[data-v-375fa020]{flex:1}.example-merchant[data-v-375fa020]{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:4px}.example-amount[data-v-375fa020]{font-size:24px;font-weight:700;color:#10b981}.example-details[data-v-375fa020]{display:flex;flex-direction:column;gap:12px}.example-item[data-v-375fa020]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.example-item span[data-v-375fa020]:first-child{color:#94a3b8}.example-item span[data-v-375fa020]:last-child{color:#f1f5f9;font-weight:600}.example-success[data-v-375fa020]{color:#10b981!important}.example-note[data-v-375fa020]{font-size:14px;color:#f59e0b;text-align:center;margin:0}.upload-actions[data-v-375fa020]{display:flex;gap:12px}.action-btn[data-v-375fa020]{flex:1;padding:14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.action-btn.primary[data-v-375fa020]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.action-btn.primary[data-v-375fa020]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.action-btn.primary[data-v-375fa020]:disabled{opacity:.5;cursor:not-allowed}.action-btn.secondary[data-v-375fa020]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1}.action-btn.secondary[data-v-375fa020]:hover{background:hsla(0,0%,100%,.1)}.upload-progress[data-v-375fa020]{position:absolute;bottom:0;left:0;right:0;height:4px;background:hsla(0,0%,100%,.1)}.progress-bar[data-v-375fa020]{height:100%;background:#fff;transition:width .3s ease}@media (max-width:768px){.file-preview[data-v-375fa020]{flex-direction:column;text-align:center}.file-info[data-v-375fa020]{text-align:center}.upload-actions[data-v-375fa020]{flex-direction:column}}.payment-status[data-v-691718c6]{text-align:center;animation:fadeIn-691718c6 .5s ease}.status-icon[data-v-691718c6]{width:100px;height:100px;border-radius:50%;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:0 12px 40px rgba(0,0,0,.2)}.status-icon.pending[data-v-691718c6]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.status-icon.processing[data-v-691718c6]{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.status-icon.completed[data-v-691718c6]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.status-icon.failed[data-v-691718c6]{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.status-content h3[data-v-691718c6]{font-size:28px;font-weight:700;color:#f1f5f9;margin-bottom:12px}.status-content p[data-v-691718c6]{font-size:16px;color:#94a3b8;line-height:1.6;max-width:500px;margin:0 auto 32px}.order-details[data-v-691718c6]{background:rgba(15,23,42,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;margin-bottom:32px;margin-top:10px;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.detail-item[data-v-691718c6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.05)}.detail-item[data-v-691718c6]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.label[data-v-691718c6]{font-size:14px;color:#94a3b8}.value[data-v-691718c6]{font-size:14px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.value.price[data-v-691718c6]{color:#10b981;font-size:16px;font-weight:700}.value.method i[data-v-691718c6]{font-size:18px}.status-actions[data-v-691718c6]{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.action-btn[data-v-691718c6]{padding:14px 28px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none;display:flex;align-items:center;gap:8px}.action-btn.primary[data-v-691718c6]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.action-btn.primary[data-v-691718c6]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.action-btn.secondary[data-v-691718c6]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1}.action-btn.secondary[data-v-691718c6]:hover{background:hsla(0,0%,100%,.1)}.status-tips[data-v-691718c6]{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:20px;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.tip-item[data-v-691718c6]{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:#cbd5e1}.tip-item[data-v-691718c6]:last-child{margin-bottom:0}.tip-item i[data-v-691718c6]{color:#3b82f6;font-size:16px;flex-shrink:0}.whats-next[data-v-691718c6]{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.1);border-radius:12px;padding:24px;max-width:600px;margin-left:auto;margin-right:auto}.whats-next h5[data-v-691718c6]{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:20px;text-align:center}.next-steps[data-v-691718c6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.step[data-v-691718c6]{text-align:center;padding:20px;background:rgba(15,23,42,.5);border-radius:12px;transition:transform .3s}.step[data-v-691718c6]:hover{transform:translateY(-4px)}.step-icon[data-v-691718c6]{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;font-size:20px}.step-content h6[data-v-691718c6]{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.step-content p[data-v-691718c6]{font-size:13px;color:#94a3b8;line-height:1.4;margin:0}@keyframes fadeIn-691718c6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.status-icon[data-v-691718c6]{width:80px;height:80px;font-size:36px}.status-content h3[data-v-691718c6]{font-size:24px}.status-actions[data-v-691718c6]{flex-direction:column}.action-btn[data-v-691718c6]{justify-content:center}.next-steps[data-v-691718c6]{grid-template-columns:1fr}}.payment-modal-overlay[data-v-74ec8fcb]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn-74ec8fcb .3s ease;padding:20px}@keyframes fadeIn-74ec8fcb{0%{opacity:0}to{opacity:1}}.payment-modal[data-v-74ec8fcb]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:slideUp-74ec8fcb .3s ease;display:flex;flex-direction:column}@keyframes slideUp-74ec8fcb{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-74ec8fcb]{padding:24px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:flex-start;background:rgba(15,23,42,.8)}.header-left[data-v-74ec8fcb]{display:flex;align-items:flex-start;gap:20px;flex:1}.modal-icon[data-v-74ec8fcb]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.modal-title h2[data-v-74ec8fcb]{font-size:24px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.progress-steps[data-v-74ec8fcb]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step[data-v-74ec8fcb]{display:flex;align-items:center;gap:8px;position:relative}.step[data-v-74ec8fcb]:not(:last-child):after{content:"";width:20px;height:2px;background:hsla(0,0%,100%,.1);margin-left:8px}.step.active .step-circle[data-v-74ec8fcb],.step.completed .step-circle[data-v-74ec8fcb]{background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981;color:#fff}.step-circle[data-v-74ec8fcb]{width:28px;height:28px;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);flex-shrink:0}.step-circle[data-v-74ec8fcb],.step-label[data-v-74ec8fcb]{font-size:12px;font-weight:600;color:#94a3b8;transition:all .3s}.step-label[data-v-74ec8fcb]{white-space:nowrap}.step.active .step-label[data-v-74ec8fcb]{color:#f1f5f9}.step.completed .step-label[data-v-74ec8fcb]{color:#10b981}.modal-close[data-v-74ec8fcb]{width:40px;height:40px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.modal-close[data-v-74ec8fcb]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.modal-content[data-v-74ec8fcb]{flex:1;overflow-y:auto;padding:32px;min-height:400px}.step-content[data-v-74ec8fcb]{animation:fadeIn-74ec8fcb .3s ease}.modal-footer[data-v-74ec8fcb]{padding:24px;border-top:1px solid hsla(0,0%,100%,.1);background:rgba(15,23,42,.8)}.footer-note[data-v-74ec8fcb]{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:14px;color:#94a3b8}.footer-note i[data-v-74ec8fcb]{color:#10b981;font-size:16px;flex-shrink:0}.footer-actions[data-v-74ec8fcb]{display:flex;justify-content:space-between;align-items:center;gap:16px}.action-btn[data-v-74ec8fcb]{padding:14px 28px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none;display:flex;align-items:center;justify-content:center;gap:8px;min-width:160px;position:relative}.action-btn.primary[data-v-74ec8fcb]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.action-btn.primary[data-v-74ec8fcb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.action-btn.primary[data-v-74ec8fcb]:disabled{opacity:.5;cursor:not-allowed}.action-btn.secondary[data-v-74ec8fcb]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1}.action-btn.secondary[data-v-74ec8fcb]:hover{background:hsla(0,0%,100%,.1)}.loading-spinner[data-v-74ec8fcb]{margin-left:8px}.spinner[data-v-74ec8fcb]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-74ec8fcb 1s linear infinite}@keyframes spin-74ec8fcb{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.payment-modal[data-v-74ec8fcb]{max-height:100vh;border-radius:0;height:100vh}.payment-modal-overlay[data-v-74ec8fcb]{padding:0}.modal-content[data-v-74ec8fcb],.modal-footer[data-v-74ec8fcb],.modal-header[data-v-74ec8fcb]{padding:20px}.header-left[data-v-74ec8fcb]{flex-direction:column;gap:12px}.modal-title h2[data-v-74ec8fcb]{margin-bottom:12px}.progress-steps[data-v-74ec8fcb]{justify-content:space-between;width:100%}.step[data-v-74ec8fcb]{flex-direction:column;gap:4px}.step[data-v-74ec8fcb]:not(:last-child):after{width:2px;height:20px;position:absolute;top:28px;left:50%;transform:translateX(-50%)}.step-label[data-v-74ec8fcb]{font-size:10px}.footer-actions[data-v-74ec8fcb]{flex-direction:column}.action-btn[data-v-74ec8fcb]{width:100%}}[data-v-d90f3dd4]{box-sizing:border-box;margin:0;padding:0}.home[data-v-d90f3dd4]{min-height:100vh;color:#f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column}.navbar[data-v-d90f3dd4]{background:rgba(15,23,42,.9);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);position:sticky;top:0;z-index:1000}.nav-container[data-v-d90f3dd4]{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:80px}.logo-section[data-v-d90f3dd4]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-d90f3dd4]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.logo-text h1[data-v-d90f3dd4]{font-size:24px;font-weight:700;background:linear-gradient(90deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.tagline[data-v-d90f3dd4]{font-size:12px;color:#94a3b8;margin-top:6px}.nav-controls[data-v-d90f3dd4]{display:flex;align-items:center;gap:16px}.nav-review-btn[data-v-d90f3dd4]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;position:relative}.nav-review-btn[data-v-d90f3dd4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.nav-review-btn[data-v-d90f3dd4]:disabled{opacity:.5;cursor:not-allowed;background:hsla(0,0%,100%,.1);color:#94a3b8}.review-badge[data-v-d90f3dd4]{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-menu[data-v-d90f3dd4]{position:relative}.user-btn[data-v-d90f3dd4]{width:auto;height:40px;padding:0 16px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;gap:8px}.user-btn[data-v-d90f3dd4]:hover{background:hsla(0,0%,100%,.1);color:#10b981}.user-dropdown[data-v-d90f3dd4]{position:absolute;top:calc(100% + 8px);right:0;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;min-width:220px;box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:1000;overflow:hidden;animation:dropdownSlide-d90f3dd4 .2s ease}@keyframes dropdownSlide-d90f3dd4{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content[data-v-d90f3dd4]{padding:8px 0}.user-info-dropdown[data-v-d90f3dd4]{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:4px}.user-avatar[data-v-d90f3dd4]{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-details[data-v-d90f3dd4]{display:flex;flex-direction:column;gap:2px}.user-details strong[data-v-d90f3dd4]{font-size:14px;color:#f1f5f9}.user-details small[data-v-d90f3dd4]{font-size:12px;color:#94a3b8}.dropdown-divider[data-v-d90f3dd4]{height:1px;background:hsla(0,0%,100%,.1);margin:4px 0}.dropdown-item[data-v-d90f3dd4]{width:100%;padding:12px 16px;background:none;border:none;color:#cbd5e1;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;font-size:14px}.dropdown-item[data-v-d90f3dd4]:hover{background:hsla(0,0%,100%,.05);color:#10b981}.dropdown-item.logout[data-v-d90f3dd4]{color:#ef4444}.dropdown-item.logout[data-v-d90f3dd4]:hover{background:rgba(239,68,68,.1)}.user-status-alert[data-v-d90f3dd4]{margin:20px 0;padding:0 24px}.alert-content[data-v-d90f3dd4]{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(245,158,11,.1));border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;animation:pulse-d90f3dd4 2s infinite}@keyframes pulse-d90f3dd4{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.1)}50%{box-shadow:0 0 0 4px rgba(239,68,68,.1)}}.alert-icon[data-v-d90f3dd4]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ef4444,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.alert-text[data-v-d90f3dd4]{flex:1}.alert-text h4[data-v-d90f3dd4]{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:4px}.alert-text p[data-v-d90f3dd4]{font-size:14px;color:#94a3b8}.alert-action[data-v-d90f3dd4]{padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;flex-shrink:0}.alert-action[data-v-d90f3dd4]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.3)}.main-content[data-v-d90f3dd4]{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:0 24px}.hero-section[data-v-d90f3dd4]{padding:40px 0 40px;animation:fadeIn-d90f3dd4 .8s ease-out}@keyframes fadeIn-d90f3dd4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-text[data-v-d90f3dd4]{text-align:center;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.hero-title[data-v-d90f3dd4]{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:24px;background:linear-gradient(90deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.hero-subtitle[data-v-d90f3dd4]{font-size:20px;color:#94a3b8;line-height:1.6;max-width:600px;margin:0 auto}.hero-content[data-v-d90f3dd4]{display:flex;gap:40px;align-items:flex-start}.add-sentence-wrapper[data-v-d90f3dd4]{flex:1;min-width:0}.progress-showcase[data-v-d90f3dd4]{flex:0 0 400px}.library-practice-section[data-v-d90f3dd4]{padding:20px 0;border-top:1px solid hsla(0,0%,100%,.1)}.section-header[data-v-d90f3dd4]{margin-bottom:32px}.section-title[data-v-d90f3dd4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-title h2[data-v-d90f3dd4]{font-size:28px;font-weight:700;color:#f1f5f9}.title-badges[data-v-d90f3dd4]{display:flex;align-items:center;gap:12px}.count-badge[data-v-d90f3dd4]{background:rgba(16,185,129,.2);color:#10b981}.count-badge[data-v-d90f3dd4],.mode-indicator[data-v-d90f3dd4]{padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600}.mode-indicator[data-v-d90f3dd4]{text-transform:uppercase;letter-spacing:.5px}.mode-indicator.library[data-v-d90f3dd4]{background:rgba(59,130,246,.2);color:#3b82f6}.mode-indicator.practice[data-v-d90f3dd4]{background:rgba(139,92,246,.2);color:#8b5cf6}.section-controls[data-v-d90f3dd4]{display:flex;flex-direction:column;gap:16px}.mode-tabs[data-v-d90f3dd4]{display:flex;gap:8px;flex-shrink:0}.mode-tabs.library-only[data-v-d90f3dd4]{margin-top:24px}.mode-tab[data-v-d90f3dd4]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.mode-tab[data-v-d90f3dd4]:hover:not(:disabled){background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.mode-tab.active[data-v-d90f3dd4]{background:rgba(16,185,129,.2);border-color:#10b981;color:#10b981}.mode-tab[data-v-d90f3dd4]:disabled{opacity:.5;cursor:not-allowed}.tab-badge[data-v-d90f3dd4]{background:#ef4444;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;margin-left:4px;font-weight:600}.library-container[data-v-d90f3dd4]{display:flex;flex-direction:column;gap:20px}.swiper-container-wrapper[data-v-d90f3dd4]{width:100%;height:620px;background:rgba(15,23,42,.5);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);padding:20px;margin-bottom:20px}.view-toggle-container[data-v-d90f3dd4]{margin-bottom:20px}.view-toggle[data-v-d90f3dd4]{display:flex;align-items:center;gap:16px;padding:12px 20px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);max-width:-moz-fit-content;max-width:fit-content}.toggle-label[data-v-d90f3dd4]{font-size:14px;font-weight:600;color:#cbd5e1}.toggle-buttons[data-v-d90f3dd4]{display:flex;gap:8px;background:hsla(0,0%,100%,.05);border-radius:10px;padding:4px}.toggle-btn[data-v-d90f3dd4]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.toggle-btn[data-v-d90f3dd4]:hover{color:#cbd5e1;background:hsla(0,0%,100%,.1)}.toggle-btn.active[data-v-d90f3dd4]{background:rgba(16,185,129,.2);color:#10b981}.sentence-grid[data-v-d90f3dd4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.empty-library[data-v-d90f3dd4]{padding:60px 20px;text-align:center}.empty-state[data-v-d90f3dd4]{max-width:400px;margin:0 auto}.empty-state .empty-icon[data-v-d90f3dd4]{font-size:64px;color:#64748b;margin-bottom:24px;opacity:.5}.empty-state h3[data-v-d90f3dd4]{font-size:24px;color:#cbd5e1;margin-bottom:12px}.empty-state p[data-v-d90f3dd4]{color:#94a3b8;margin-bottom:32px;line-height:1.6}.add-first-btn[data-v-d90f3dd4]{padding:16px 32px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.add-first-btn[data-v-d90f3dd4]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.practice-container[data-v-d90f3dd4]{background:rgba(15,23,42,.7);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden;min-height:600px}.quick-start[data-v-d90f3dd4]{padding:60px 0;border-top:1px solid hsla(0,0%,100%,.1)}.quick-start-content[data-v-d90f3dd4]{max-width:800px;margin:0 auto;text-align:center}.quick-start-text h2[data-v-d90f3dd4]{font-size:28px;font-weight:700;margin-bottom:16px;color:#f1f5f9}.quick-start-text p[data-v-d90f3dd4]{font-size:16px;color:#94a3b8;line-height:1.6;margin-bottom:40px}.quick-start-actions[data-v-d90f3dd4]{display:flex;flex-direction:column;gap:20px;max-width:500px;margin:0 auto 40px}.quick-action-btn[data-v-d90f3dd4]{display:flex;align-items:center;gap:24px;padding:24px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;color:#cbd5e1;text-align:left;cursor:pointer;transition:all .3s;width:100%}.quick-action-btn[data-v-d90f3dd4]:hover{background:hsla(0,0%,100%,.1);border-color:rgba(16,185,129,.3);transform:translateY(-4px)}.quick-action-btn.primary[data-v-d90f3dd4]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none}.quick-action-btn.primary[data-v-d90f3dd4]:hover{box-shadow:0 8px 24px rgba(16,185,129,.3)}.action-icon[data-v-d90f3dd4]{font-size:32px;flex-shrink:0}.action-text h4[data-v-d90f3dd4]{font-size:18px;font-weight:600;margin-bottom:4px;color:inherit}.action-text p[data-v-d90f3dd4]{font-size:14px;color:inherit;opacity:.8;margin:0}.quick-features[data-v-d90f3dd4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-top:40px}.feature[data-v-d90f3dd4]{text-align:center}.feature i[data-v-d90f3dd4]{font-size:32px;color:#10b981;margin-bottom:16px}.feature h5[data-v-d90f3dd4]{font-size:16px;font-weight:600;margin-bottom:8px;color:#f1f5f9}.feature p[data-v-d90f3dd4]{font-size:14px;color:#94a3b8;line-height:1.6}.main-footer[data-v-d90f3dd4]{background:rgba(15,23,42,.9);border-top:1px solid hsla(0,0%,100%,.1);margin-top:60px;padding:60px 24px 40px}.footer-content[data-v-d90f3dd4]{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}.footer-section h3[data-v-d90f3dd4]{font-size:20px;font-weight:700;margin-bottom:16px;color:#f1f5f9}.footer-section h4[data-v-d90f3dd4]{font-size:16px;font-weight:600;margin-bottom:16px;color:#cbd5e1}.footer-tagline[data-v-d90f3dd4]{font-size:14px;color:#10b981;margin-bottom:12px;font-weight:500}.footer-description[data-v-d90f3dd4]{font-size:14px;color:#94a3b8;line-height:1.6;margin-bottom:20px}.footer-social[data-v-d90f3dd4]{display:flex;gap:12px}.social-btn[data-v-d90f3dd4]{width:80px;height:40px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.social-btn[data-v-d90f3dd4]:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.footer-links[data-v-d90f3dd4]{list-style:none}.footer-links li[data-v-d90f3dd4]{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8;margin-bottom:12px;line-height:1.6}.footer-links i[data-v-d90f3dd4]{color:#10b981;width:16px}.science-note[data-v-d90f3dd4]{font-size:14px;color:#94a3b8;line-height:1.6;margin-bottom:20px}.footer-actions[data-v-d90f3dd4]{display:flex;flex-direction:column;gap:12px}.footer-btn[data-v-d90f3dd4]{padding:12px 20px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#10b981;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.footer-btn[data-v-d90f3dd4]:hover:not(:disabled){background:rgba(16,185,129,.2)}.footer-btn[data-v-d90f3dd4]:disabled{opacity:.5;cursor:not-allowed}.footer-btn.secondary[data-v-d90f3dd4]{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:#cbd5e1}.footer-btn.secondary[data-v-d90f3dd4]:hover{background:hsla(0,0%,100%,.1)}.footer-bottom[data-v-d90f3dd4]{text-align:center;padding-top:40px;border-top:1px solid hsla(0,0%,100%,.1);max-width:1400px;margin:0 auto}.footer-bottom p[data-v-d90f3dd4]{font-size:14px;color:#64748b;margin-bottom:16px}.footer-links-bottom[data-v-d90f3dd4]{display:flex;justify-content:center;gap:24px}.footer-links-bottom a[data-v-d90f3dd4]{color:#94a3b8;text-decoration:none;font-size:14px;transition:color .3s}.footer-links-bottom a[data-v-d90f3dd4]:hover{color:#10b981}.modal-overlay[data-v-d90f3dd4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-d90f3dd4 .3s ease}.modal-content[data-v-d90f3dd4]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp-d90f3dd4 .3s ease}@keyframes slideUp-d90f3dd4{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-d90f3dd4]{padding:24px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-d90f3dd4]{font-size:20px;font-weight:600;color:#f1f5f9;margin:0}.modal-close[data-v-d90f3dd4]{width:36px;height:36px;border-radius:8px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.modal-close[data-v-d90f3dd4]:hover{background:hsla(0,0%,100%,.1);color:#ef4444}.modal-body[data-v-d90f3dd4]{padding:24px}.edit-form[data-v-d90f3dd4]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-d90f3dd4]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-d90f3dd4]{font-size:14px;font-weight:600;color:#cbd5e1}.form-group input[data-v-d90f3dd4],.form-group select[data-v-d90f3dd4],.form-group textarea[data-v-d90f3dd4]{padding:14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#f1f5f9;font-size:16px;transition:all .3s}.form-group input[data-v-d90f3dd4]:focus,.form-group select[data-v-d90f3dd4]:focus,.form-group textarea[data-v-d90f3dd4]:focus{outline:none;border-color:rgba(16,185,129,.5);background:hsla(0,0%,100%,.08)}.form-group textarea[data-v-d90f3dd4]{resize:vertical;min-height:80px}.form-row[data-v-d90f3dd4]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer[data-v-d90f3dd4]{padding:24px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:flex-end;gap:12px}.btn-primary[data-v-d90f3dd4]{padding:12px 24px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-d90f3dd4]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.3)}.btn-secondary[data-v-d90f3dd4]{padding:12px 24px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary[data-v-d90f3dd4]:hover{background:hsla(0,0%,100%,.1)}.auth-modal-overlay[data-v-d90f3dd4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2001;animation:fadeIn-d90f3dd4 .3s ease}.auth-modal[data-v-d90f3dd4]{position:relative;width:90%;max-width:460px;max-height:95vh;overflow-y:auto;animation:slideUp-d90f3dd4 .3s ease}.auth-modal-close[data-v-d90f3dd4]{position:absolute;top:-40px;right:0;width:36px;height:36px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:1}.auth-modal-close[data-v-d90f3dd4]:hover{background:hsla(0,0%,100%,.2);color:#ef4444}@media (max-width:1200px){.hero-content[data-v-d90f3dd4]{flex-direction:column}.add-sentence-wrapper[data-v-d90f3dd4],.progress-showcase[data-v-d90f3dd4]{width:100%}.swiper-container-wrapper[data-v-d90f3dd4]{height:600px}}@media (max-width:1024px){.sentence-grid[data-v-d90f3dd4]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.swiper-container-wrapper[data-v-d90f3dd4]{height:580px}}@media (max-width:768px){.nav-container[data-v-d90f3dd4]{padding:0 16px;height:70px}.nav-review-btn span[data-v-d90f3dd4]{display:none}.nav-review-btn[data-v-d90f3dd4]{padding:10px;border-radius:10px}.hero-section[data-v-d90f3dd4]{padding:40px 0 30px}.hero-title[data-v-d90f3dd4]{font-size:36px}.hero-subtitle[data-v-d90f3dd4]{font-size:18px}.hero-content[data-v-d90f3dd4]{gap:32px}.section-controls[data-v-d90f3dd4]{flex-direction:column}.sentence-grid[data-v-d90f3dd4]{grid-template-columns:1fr}.mode-tabs[data-v-d90f3dd4]{width:100%;justify-content:center}.mode-tab[data-v-d90f3dd4]{flex:1;justify-content:center}.form-row[data-v-d90f3dd4]{grid-template-columns:1fr}.user-status-alert[data-v-d90f3dd4]{padding:0 16px}.alert-content[data-v-d90f3dd4]{flex-direction:column;text-align:center;gap:16px;padding:20px 16px}.alert-text[data-v-d90f3dd4]{width:100%}.swiper-container-wrapper[data-v-d90f3dd4]{height:550px;padding:16px;margin-bottom:16px}.view-toggle[data-v-d90f3dd4]{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.toggle-buttons[data-v-d90f3dd4]{width:100%}.toggle-btn[data-v-d90f3dd4]{flex:1;justify-content:center}}@media (max-width:480px){.logo-text h1[data-v-d90f3dd4]{font-size:20px}.hero-title[data-v-d90f3dd4]{font-size:28px}.hero-subtitle[data-v-d90f3dd4]{font-size:16px}.quick-start-text h2[data-v-d90f3dd4],.section-title h2[data-v-d90f3dd4]{font-size:24px}.quick-features[data-v-d90f3dd4]{grid-template-columns:1fr}.mode-tab[data-v-d90f3dd4]{padding:10px 16px;font-size:13px}.auth-modal[data-v-d90f3dd4],.modal-content[data-v-d90f3dd4]{width:95%;margin:10px}.user-btn span[data-v-d90f3dd4]{display:none}.user-btn[data-v-d90f3dd4]{width:40px;padding:0}.swiper-container-wrapper[data-v-d90f3dd4]{height:500px;padding:12px;margin-bottom:12px}.view-toggle[data-v-d90f3dd4]{padding:12px}.toggle-btn[data-v-d90f3dd4]{padding:8px 12px;font-size:13px}}@media (max-height:600px) and (orientation:landscape){.swiper-container-wrapper[data-v-d90f3dd4]{height:400px}.hero-section[data-v-d90f3dd4]{padding:30px 0 20px}.hero-title[data-v-d90f3dd4]{font-size:32px}.hero-subtitle[data-v-d90f3dd4]{font-size:16px}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%}