*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#f8fafc;-webkit-font-smoothing:antialiased;background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 45%,#1d4ed8 100%) fixed;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}p{margin:0}.text-input-wrap[data-v-818dac96]{width:100%;max-width:680px}.input-header[data-v-818dac96]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}label[data-v-818dac96]{color:#ffffffd9;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.char-count[data-v-818dac96]{color:#ffffff80;font-size:13px}.input-row[data-v-818dac96]{position:relative}textarea[data-v-818dac96]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;resize:none;box-sizing:border-box;background:#ffffff1a;border:2px solid #fff3;border-radius:14px;width:100%;padding:14px 44px 14px 16px;font-family:inherit;font-size:18px;transition:border-color .2s}textarea[data-v-818dac96]::placeholder{color:#ffffff59}textarea[data-v-818dac96]:focus{background:#ffffff26;border-color:#ffffff8c}.clear-btn[data-v-818dac96]{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.clear-btn[data-v-818dac96]:hover{background:#ffffff59}.player-wrap[data-v-225b2c46]{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:680px;display:flex}.empty-state[data-v-225b2c46]{text-align:center;color:#ffffff80;padding:60px 20px}.empty-icon[data-v-225b2c46]{margin-bottom:16px;font-size:64px}.empty-state p[data-v-225b2c46]{font-size:18px}.word-context[data-v-225b2c46]{align-items:center;height:32px;display:flex}.word-badge[data-v-225b2c46]{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#ffffff26;border-radius:99px;padding:4px 14px;font-size:15px;font-weight:600}.space-badge[data-v-225b2c46]{color:#fff6;font-size:13px;font-style:italic}.sign-card[data-v-225b2c46]{background:#fff;border-radius:24px;justify-content:center;align-items:center;width:280px;height:280px;transition:transform .15s;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059,0 0 0 4px #ffffff26}.sign-card.space[data-v-225b2c46]{box-shadow:none;background:#ffffff14;border:2px dashed #fff3}.sign-img[data-v-225b2c46]{object-fit:contain;max-width:100%;max-height:100%;padding:12px}.sign-letter-fallback[data-v-225b2c46]{color:#1e40af;justify-content:center;align-items:center;font-size:120px;font-weight:700;line-height:1;display:flex}.space-divider[data-v-225b2c46]{color:#ffffff4d;gap:10px;font-size:40px;display:flex}.letter-label[data-v-225b2c46]{color:#fff;letter-spacing:2px;align-items:center;gap:16px;font-size:20px;font-weight:700;display:flex}.index-info[data-v-225b2c46]{color:#ffffff73;letter-spacing:0;font-size:13px;font-weight:400}.progress-bar-wrap[data-v-225b2c46]{width:100%}.progress-bar[data-v-225b2c46]{background:#ffffff26;border-radius:99px;width:100%;height:4px;overflow:hidden}.progress-fill[data-v-225b2c46]{background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:99px;height:100%;transition:width .2s}.filmstrip[data-v-225b2c46]{scrollbar-width:none;gap:8px;width:100%;padding:4px 2px 8px;display:flex;overflow-x:auto}.filmstrip[data-v-225b2c46]::-webkit-scrollbar{display:none}.strip-card[data-v-225b2c46]{cursor:pointer;background:#ffffff1a;border:2px solid #0000;border-radius:10px;flex-direction:column;flex:0 0 64px;justify-content:center;align-items:center;height:64px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative;overflow:hidden}.strip-card[data-v-225b2c46]:hover{background:#ffffff2e;transform:translateY(-2px)}.strip-card.active[data-v-225b2c46]{background:#fff3;border-color:#ffffffb3;transform:translateY(-2px)}.strip-card.space[data-v-225b2c46]{background:0 0;border-color:#0000;flex:0 0 32px}.strip-img[data-v-225b2c46]{object-fit:contain;width:44px;height:44px}.strip-letter[data-v-225b2c46]{color:#1e40af;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;font-weight:700;display:flex}.strip-label[data-v-225b2c46]{color:#fff9;letter-spacing:.5px;font-size:10px;font-weight:700;position:absolute;bottom:2px}.strip-space[data-v-225b2c46]{color:#ffffff40;font-size:20px}.controls-wrap[data-v-73094f2e]{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:680px;display:flex}.speed-row[data-v-73094f2e]{align-items:center;gap:10px;display:flex}.speed-label[data-v-73094f2e]{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.speed-buttons[data-v-73094f2e]{gap:6px;display:flex}.speed-btn[data-v-73094f2e]{color:#fff9;background:#ffffff1a;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.speed-btn[data-v-73094f2e]:hover{color:#fff;background:#fff3}.speed-btn.active[data-v-73094f2e]{color:#fff;background:#ffffff40}.btn-row[data-v-73094f2e]{align-items:center;gap:10px;display:flex}.ctrl-btn[data-v-73094f2e]{border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .15s,transform .1s,opacity .15s;display:flex}.ctrl-btn[data-v-73094f2e]:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn[data-v-73094f2e]:not(:disabled):active{transform:scale(.93)}.ctrl-btn.primary[data-v-73094f2e]{color:#1e40af;background:#fff;width:64px;height:64px;font-size:24px;box-shadow:0 8px 24px #00000040}.ctrl-btn.primary[data-v-73094f2e]:not(:disabled):hover{background:#dbeafe}.ctrl-btn.secondary[data-v-73094f2e]{color:#fff;background:#ffffff26;width:48px;height:48px}.ctrl-btn.secondary[data-v-73094f2e]:not(:disabled):hover{background:#ffffff40}.direction-badge[data-v-73094f2e]{color:#ffffff80;font-size:13px;animation:1.5s ease-in-out infinite pulse-73094f2e}@keyframes pulse-73094f2e{0%,to{opacity:.5}50%{opacity:1}}.app-shell[data-v-0ef5596e]{flex-direction:column;align-items:center;min-height:100vh;padding:0 16px;display:flex}.app-header[data-v-0ef5596e]{text-align:center;padding:32px 0 8px}.app-header h1[data-v-0ef5596e]{color:#fff;letter-spacing:-1px;margin:0;font-size:42px;font-weight:800}.subtitle[data-v-0ef5596e]{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:15px}.app-main[data-v-0ef5596e]{flex-direction:column;flex:1;align-items:center;gap:24px;width:100%;max-width:720px;padding:24px 0 32px;display:flex}.app-footer[data-v-0ef5596e]{color:#ffffff4d;text-align:center;padding:20px 0 28px;font-size:12px}.app-footer a[data-v-0ef5596e]{color:#ffffff80;text-decoration:none}.app-footer a[data-v-0ef5596e]:hover{color:#fffc}.app-img[data-v-0ef5596e]{max-width:98%}