:root{--color-bg:#0a0a0f;--color-surface:#12121a;--color-surface-2:#1a1a28;--color-border:#ffffff14;--color-border-hover:#ffffff2e;--color-primary:#6c63ff;--color-primary-glow:#6c63ff59;--color-secondary:#ff6584;--color-accent:#43e97b;--color-warn:#f7b731;--gradient-brand:linear-gradient(135deg, #6c63ff 0%, #a78bfa 100%);--gradient-card:linear-gradient(145deg, #1e1e30 0%, #14141f 100%);--gradient-glow:radial-gradient(ellipse 60% 40% at 50% 0%, #6c63ff40 0%, transparent 80%);--font-display:"Outfit", "Inter", "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", Arial, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Apple Color Emoji", Arial, sans-serif;--text-primary:#f0f0fa;--text-secondary:#9090b8;--text-muted:#4a4a72;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 8px 40px #0000008c;--shadow-glow:0 0 40px #6c63ff40;--shadow-button:0 4px 20px #6c63ff66;--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:.4s cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% -10%,#6c63ff2e 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#ff65841a 0%,#0000 60%);position:fixed;inset:0}#app{z-index:1;position:relative}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-center{text-align:center}.w-full{width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff8c}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--color-border);background:#ffffff0f}.btn-ghost:hover{color:var(--text-primary);border-color:var(--color-border-hover);background:#ffffff1a}.btn-ghost:active{transform:scale(.97)}.btn-icon{border-radius:50%;width:44px;height:44px;padding:10px}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important;transform:none!important}.glass-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.badge{border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary);background:#6c63ff33;border:1px solid #6c63ff4d}.badge-success{color:var(--color-accent);background:#43e97b26;border:1px solid #43e97b40}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:.5s both fadeInUp}.animate-fade-in{animation:.4s both fadeIn}.site-header[data-v-1dc03f12]{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0a0a0fbf;position:sticky;top:0}.header-inner[data-v-1dc03f12]{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:14px 24px;display:flex}.logo[data-v-1dc03f12]{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon[data-v-1dc03f12]{background:#6c63ff26;border:1px solid #6c63ff4d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text[data-v-1dc03f12]{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.logo-accent[data-v-1dc03f12]{color:var(--color-primary)}.header-actions[data-v-1dc03f12]{align-items:center;gap:12px;display:flex}.deck-badge[data-v-1dc03f12]{background:#6c63ff1a;border:1px solid #6c63ff33;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;display:flex}.deck-icon[data-v-1dc03f12]{font-size:1rem}.deck-name[data-v-1dc03f12]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:600;overflow:hidden}.deck-count[data-v-1dc03f12]{color:var(--color-primary);font-size:.78rem;font-weight:700}.btn-sm[data-v-1dc03f12]{padding:7px 14px;font-size:.82rem}@media (width<=500px){.deck-name[data-v-1dc03f12]{max-width:80px}.logo-text[data-v-1dc03f12]{font-size:1.2rem}}.import-wrap[data-v-82034d9e]{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;padding:40px 20px 60px;display:flex}.hero[data-v-82034d9e]{text-align:center;padding:20px 0 10px;position:relative}.hero-glow[data-v-82034d9e]{pointer-events:none;background:radial-gradient(#6c63ff4d 0%,#0000 70%);width:400px;height:150px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-icon[data-v-82034d9e]{width:88px;height:88px;transition:all var(--transition-base);background:#6c63ff1f;border:1px solid #6c63ff40;border-radius:24px;justify-content:center;align-items:center;margin-bottom:20px;animation:4s ease-in-out infinite float;display:inline-flex}.hero-icon--dragging[data-v-82034d9e]{border-color:#6c63ff99;transform:scale(1.1);box-shadow:0 0 40px #6c63ff80}.hero-title[data-v-82034d9e]{font-family:var(--font-display);background:linear-gradient(135deg,#f0f0fa 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:800}.hero-subtitle[data-v-82034d9e]{color:var(--text-secondary);font-size:.95rem}.drop-zone[data-v-82034d9e]{cursor:pointer;transition:all var(--transition-smooth);outline:none;padding:40px 30px}.drop-zone[data-v-82034d9e]:hover,.drop-zone[data-v-82034d9e]:focus-visible{box-shadow:var(--shadow-glow);border-color:#6c63ff80}.drop-zone--over[data-v-82034d9e]{border-color:var(--color-primary)!important;background:#6c63ff14!important;box-shadow:0 0 50px #6c63ff4d!important}.drop-zone--error[data-v-82034d9e]{border-color:#ff658480!important}.drop-content[data-v-82034d9e]{flex-direction:column;align-items:center;gap:10px;display:flex}.drop-icon[data-v-82034d9e]{color:var(--color-primary);opacity:.7;margin-bottom:4px}.drop-primary[data-v-82034d9e]{color:var(--text-secondary);font-size:1rem;font-weight:500}.drop-link[data-v-82034d9e]{color:var(--color-primary);margin-left:4px;font-weight:600}.drop-secondary[data-v-82034d9e]{color:var(--text-muted);font-size:.8rem}.error-box[data-v-82034d9e]{border-radius:var(--radius-md);color:var(--color-secondary);white-space:pre-wrap;background:#ff65841a;border:1px solid #ff65844d;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.88rem;line-height:1.5;display:flex}.error-box svg[data-v-82034d9e]{flex-shrink:0;margin-top:2px}.quick-load[data-v-82034d9e]{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.quick-load-left[data-v-82034d9e]{color:var(--color-primary);flex:1;align-items:center;gap:12px;min-width:0;display:flex}.quick-load-title[data-v-82034d9e]{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;font-weight:600}.quick-load-desc[data-v-82034d9e]{color:var(--text-muted);font-size:.78rem}.btn-load-sample[data-v-82034d9e]{background:linear-gradient(135deg, var(--color-primary), #a78bfa);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;flex-shrink:0;padding:8px 20px;font-size:.875rem;font-weight:600}.btn-load-sample[data-v-82034d9e]:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.btn-load-sample[data-v-82034d9e]:active:not(:disabled){transform:translateY(0)}.btn-load-sample[data-v-82034d9e]:disabled{opacity:.55;cursor:not-allowed}.spin[data-v-82034d9e]{animation:.8s linear infinite spin-82034d9e;display:inline-block}@keyframes spin-82034d9e{to{transform:rotate(360deg)}}.format-guide[data-v-82034d9e]{padding:20px 22px}.guide-header[data-v-82034d9e]{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:14px;font-size:.85rem;font-weight:600;display:flex}.guide-table-wrap[data-v-82034d9e]{border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow-x:auto}.guide-table[data-v-82034d9e]{border-collapse:collapse;width:100%;font-size:.82rem}.guide-table th[data-v-82034d9e]{color:var(--color-primary);text-align:left;white-space:nowrap;background:#6c63ff1a;padding:8px 12px;font-weight:600}.guide-table td[data-v-82034d9e]{color:var(--text-secondary);border-top:1px solid var(--color-border);white-space:nowrap;padding:8px 12px}.guide-table tr:last-child td[data-v-82034d9e]{border-bottom:none}.guide-download[data-v-82034d9e]{color:var(--color-primary);transition:opacity var(--transition-fast);align-items:center;gap:6px;margin-top:14px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.guide-download[data-v-82034d9e]:hover{opacity:.75}.slide-down-enter-active[data-v-82034d9e]{transition:all .3s}.slide-down-leave-active[data-v-82034d9e]{transition:all .2s}.slide-down-enter-from[data-v-82034d9e]{opacity:0;transform:translateY(-8px)}.slide-down-leave-to[data-v-82034d9e]{opacity:0}.flashcard-wrap[data-v-c419dc1b]{flex-direction:column;align-items:center;gap:20px;max-width:680px;margin:0 auto;padding:24px 20px 60px;display:flex}.progress-bar-track[data-v-c419dc1b]{background:var(--color-surface-2);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar-fill[data-v-c419dc1b]{background:var(--gradient-brand);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.stats-row[data-v-c419dc1b]{justify-content:space-between;align-items:center;width:100%;display:flex}.stat-item[data-v-c419dc1b]{color:var(--text-muted);align-items:center;gap:4px;font-size:.88rem;display:flex}.stat-num[data-v-c419dc1b]{color:var(--text-primary);font-size:1rem;font-weight:700}.stat-sep[data-v-c419dc1b]{color:var(--text-muted)}.stat-total[data-v-c419dc1b]{font-weight:500}.mastered-stat[data-v-c419dc1b]{color:var(--color-accent);gap:5px;font-weight:600}.mastered-stat svg[data-v-c419dc1b]{color:var(--color-accent)}.card-scene[data-v-c419dc1b]{cursor:pointer;touch-action:pan-y;width:100%;max-width:560px;height:300px;position:relative}.card-inner[data-v-c419dc1b]{width:100%;height:100%;position:relative}.card-face[data-v-c419dc1b]{-webkit-user-select:none;user-select:none;opacity:1;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 30px;transition:opacity .3s ease-in-out;display:flex;position:absolute;inset:0}.card-front[data-v-c419dc1b]{z-index:2}.card-back[data-v-c419dc1b]{z-index:1;opacity:0;pointer-events:none}.card-inner.flipped .card-front[data-v-c419dc1b]{opacity:0;pointer-events:none}.card-inner.flipped .card-back[data-v-c419dc1b]{opacity:1;pointer-events:auto}.card-face-label[data-v-c419dc1b]{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.72rem;font-weight:700;position:absolute;top:16px;left:20px}.card-front[data-v-c419dc1b]{background:linear-gradient(145deg,#1e1e30 0%,#14141f 100%);border:1px solid #6c63ff33}.speak-btn[data-v-c419dc1b]{width:38px;height:38px;color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background:#6c63ff1f;border:1px solid #6c63ff40;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:16px}.speak-btn[data-v-c419dc1b]:hover{background:#6c63ff40;transform:scale(1.08)}.speak-btn.speaking[data-v-c419dc1b]{border-color:var(--color-primary);background:#6c63ff40}.speak-waves[data-v-c419dc1b]{align-items:center;gap:2px;height:16px;display:flex}.speak-waves span[data-v-c419dc1b]{background:var(--color-primary);border-radius:2px;width:3px;animation:1s ease-in-out infinite wave-bar-c419dc1b}.speak-waves span[data-v-c419dc1b]:first-child{height:8px;animation-delay:0s}.speak-waves span[data-v-c419dc1b]:nth-child(2){height:16px;animation-delay:.15s}.speak-waves span[data-v-c419dc1b]:nth-child(3){height:10px;animation-delay:.3s}@keyframes wave-bar-c419dc1b{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.word-display[data-v-c419dc1b]{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:-.5px;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;line-height:1.2}.phonetic[data-v-c419dc1b]{color:var(--color-primary);opacity:.8;letter-spacing:.02em;font-size:1rem;font-style:italic}.flip-hint[data-v-c419dc1b]{color:var(--text-muted);letter-spacing:.05em;font-size:.72rem;position:absolute;bottom:16px}.card-back[data-v-c419dc1b]{background:linear-gradient(145deg,#1e2432 0%,#141a22 100%);border:1px solid #43e97b26}.meaning-display[data-v-c419dc1b]{font-family:var(--font-display);color:var(--text-primary);text-align:center;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;line-height:1.4}.example-block[data-v-c419dc1b]{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff0a;flex-direction:column;align-items:center;gap:5px;width:100%;margin-top:6px;padding:10px 16px;display:flex}.example-label[data-v-c419dc1b]{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.7rem;font-weight:700}.example-text[data-v-c419dc1b]{color:var(--text-secondary);text-align:center;font-size:.88rem;font-style:italic;line-height:1.5}.controls-row[data-v-c419dc1b]{justify-content:center;align-items:center;gap:16px;width:100%;max-width:360px;display:flex}.mastered-btn[data-v-c419dc1b]{flex:1;gap:7px;max-width:160px;font-size:.88rem}.mastered-active[data-v-c419dc1b]{color:var(--color-accent);background:#43e97b26;border:1px solid #43e97b59}.mastered-active[data-v-c419dc1b]:hover{background:#43e97b38}.secondary-controls[data-v-c419dc1b]{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.btn-sm[data-v-c419dc1b]{padding:7px 14px;font-size:.82rem}.speed-control[data-v-c419dc1b],.voice-control[data-v-c419dc1b]{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--text-muted);background:#ffffff0f;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;display:flex}.speed-select[data-v-c419dc1b],.voice-select[data-v-c419dc1b]{color:var(--text-secondary);font-size:.82rem;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}.voice-select[data-v-c419dc1b]{min-width:180px}@media (width<=600px){.voice-select[data-v-c419dc1b]{min-width:140px;font-size:.78rem}}.speed-select option[data-v-c419dc1b]{background:var(--color-surface-2)}@media (width<=480px){.card-scene[data-v-c419dc1b]{height:240px}.word-display[data-v-c419dc1b]{font-size:1.8rem}}.study-wrap[data-v-a5f89391]{min-height:calc(100vh - 70px);position:relative}.complete-overlay[data-v-a5f89391]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#0a0a0fd9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.complete-card[data-v-a5f89391]{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:400px;padding:40px 32px;display:flex}.complete-icon[data-v-a5f89391]{font-size:3.5rem;line-height:1}.complete-card h2[data-v-a5f89391]{font-family:var(--font-display);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.complete-sub[data-v-a5f89391]{color:var(--text-secondary);font-size:.9rem}.complete-stats[data-v-a5f89391]{background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-border);gap:20px;margin:10px 0;padding:16px 24px;display:flex}.cstat[data-v-a5f89391]{flex-direction:column;align-items:center;gap:3px;display:flex}.cstat-num[data-v-a5f89391]{font-family:var(--font-display);color:var(--text-primary);font-size:1.8rem;font-weight:800}.cstat-num.accent[data-v-a5f89391]{color:var(--color-accent)}.cstat-num.warn[data-v-a5f89391]{color:var(--color-warn)}.cstat-label[data-v-a5f89391]{color:var(--text-muted);font-size:.75rem;font-weight:500}.complete-actions[data-v-a5f89391]{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.complete-fade-enter-active[data-v-a5f89391]{transition:opacity .35s}.complete-fade-leave-active[data-v-a5f89391]{transition:opacity .25s}.complete-fade-enter-from[data-v-a5f89391],.complete-fade-leave-to[data-v-a5f89391]{opacity:0}#skword-app[data-v-243feae9]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-243feae9]{flex:1}.page-switch-enter-active[data-v-243feae9]{transition:all .35s}.page-switch-leave-active[data-v-243feae9]{transition:all .25s}.page-switch-enter-from[data-v-243feae9]{opacity:0;transform:translateY(16px)}.page-switch-leave-to[data-v-243feae9]{opacity:0;transform:translateY(-8px)}