.container[data-v-5300cf56]{width:100vw;height:100vh;display:flex;touch-action:none}.content[data-v-5300cf56]{width:100%;overflow:hidden}.transition-overlay[data-v-5300cf56]{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000}.transition-overlay.v-enter-active[data-v-5300cf56],.transition-overlay.v-leave-active[data-v-5300cf56]{transition:opacity .5s ease}.transition-overlay.v-enter-from[data-v-5300cf56],.transition-overlay.v-leave-to[data-v-5300cf56]{opacity:0}.toast[data-v-393376a8]{position:absolute;top:20px;left:10vw;width:80vw;border:solid 2px var(--color-primary);border-radius:20px;background:var(--color-accent);padding:20px}.page-container[data-v-393376a8]{width:100%;min-height:92%;padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;align-items:center;background-color:var(--color-background-light)}.header[data-v-393376a8]{text-align:center;max-width:600px;margin-bottom:var(--spacing-xl)}.header .main-title[data-v-393376a8]{color:var(--color-primary);font-size:var(--font-size-xl,2.5rem);margin-bottom:var(--spacing-sm)}.header .subtitle[data-v-393376a8]{color:var(--color-text-dark);font-size:var(--font-size-lg,1.2rem);line-height:var(--line-height-base)}.category-grid[data-v-393376a8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);width:100%;max-width:1000px}.category-card[data-v-393376a8]{background:#fff;border:2px solid var(--color-accent);border-radius:12px;padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.05)}.category-card.inactive[data-v-393376a8]{border-color:#ccc}.category-card.inactive .card-icon[data-v-393376a8]{filter:saturate(0)}.category-card.inactive .card-title[data-v-393376a8]{color:#ccc}.category-card[data-v-393376a8]:focus,.category-card[data-v-393376a8]:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 8px 15px rgba(0,0,0,.1);outline:none}.category-card .card-icon[data-v-393376a8]{font-size:3rem;margin-bottom:var(--spacing-md)}.category-card .card-title[data-v-393376a8]{color:var(--color-primary);font-size:var(--font-size-lg,1.5rem);margin-bottom:var(--spacing-sm)}.category-card .card-description[data-v-393376a8]{color:var(--color-text-dark);line-height:1.4}.modal-overlay[data-v-6ee0a65a]{display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);position:fixed;inset:0}.modal-content[data-v-6ee0a65a]{width:90%;max-width:450px;max-height:80vh;background:#f1f5f9;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-6ee0a65a]{padding:1.5rem 2rem;background:#fff;display:flex;justify-content:space-between;line-height:2.5rem}.modal-header h2[data-v-6ee0a65a]{margin:0;font-size:1.5rem;font-weight:800;color:#1e293b}.modal-header a[data-v-6ee0a65a]{background-color:#3b82f6;color:#fff;padding:.5rem 1.5rem;font-size:1.5rem;border-radius:1rem;text-decoration:none}.results-list[data-v-6ee0a65a]{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.result-card[data-v-6ee0a65a]{background:#fff;padding:1.25rem;border-radius:18px;display:flex;align-items:center;gap:1.25rem;transition:all .2s ease;border:1px solid transparent}.result-card.has-mistake[data-v-6ee0a65a]{background:#fff1f2;border-color:rgba(225,29,72,.1)}.result-card.is-skipped[data-v-6ee0a65a]{opacity:.8}.dot[data-v-6ee0a65a]{width:14px;height:14px;border-radius:50%;display:block}.dot.green[data-v-6ee0a65a]{background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.533)}.dot.orange[data-v-6ee0a65a]{background:#f59e0b;box-shadow:0 0 10px rgba(245,158,11,.533)}.dot.red[data-v-6ee0a65a]{background:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.533)}.dot.blue[data-v-6ee0a65a]{background:#3b82f6;box-shadow:0 0 10px rgba(59,130,246,.533)}.word-info .target-word[data-v-6ee0a65a]{display:block;font-weight:700;font-size:1.1rem;color:#1e293b}.word-info .user-answer[data-v-6ee0a65a]{font-size:.9rem;color:#64748b;margin-top:4px}.word-info .user-answer .error-text[data-v-6ee0a65a]{color:#e11d48;font-weight:600;text-decoration:line-through}.word-info .user-answer .distance-tag[data-v-6ee0a65a]{margin-left:8px;font-size:.8rem;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:6px}canvas[data-v-d3c3db06]{background-color:#e3cca6;width:100%;height:100%}.log[data-v-d3c3db06]{border:3px solid red;width:50%}.log ul[data-v-d3c3db06]{list-style:none}.log ul li[data-v-d3c3db06],.log ul[data-v-d3c3db06]{padding:var(--spacing-xs)}.log ul li[data-v-d3c3db06]:nth-child(2n){background-color:rgba(0,0,0,.1)}.container[data-v-2785aed1]{width:100%;height:100%;display:flex;overflow:hidden;flex-direction:column;position:relative}.container .canvas-wrapper[data-v-2785aed1]{flex-grow:1;position:relative;width:100%;height:100%}.container .canvas[data-v-2785aed1]{height:100%;width:100%}.container .word[data-v-2785aed1]{height:60px;font-size:40px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.6)}.result-overlay[data-v-2785aed1]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.result-box[data-v-2785aed1]{background-color:#fff;width:400px;padding:30px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;text-align:center}.result-box h3[data-v-2785aed1]{margin-top:0;color:#333}.result-box .result-text[data-v-2785aed1]{font-size:2rem;font-weight:700;color:#2c3e50;margin:20px 0;min-height:50px;display:flex;align-items:center;justify-content:center;word-break:break-word}.result-box progress[data-v-2785aed1]{width:100%;height:10px;border-radius:5px;margin:10px 0}.result-box progress[data-v-2785aed1]::-webkit-progress-bar{background-color:#eee;border-radius:5px}.result-box progress[data-v-2785aed1]::-webkit-progress-value{background-color:var(--color-status-success,#4caf50);border-radius:5px}.result-box .button.secondary[data-v-2785aed1]{margin-top:10px;width:150px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;background-color:#eee;cursor:pointer;font-weight:700}.result-box .button.secondary[data-v-2785aed1]:hover{background-color:#ddd}.buttons[data-v-2785aed1]{position:absolute;right:var(--spacing-xl);bottom:var(--spacing-xl);display:flex;z-index:10}.buttons .button[data-v-2785aed1]{width:calc(var(--spacing-lg)*4);height:calc(var(--spacing-lg)*4);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--spacing-lg)*2);font-size:var(--font-size-lg);margin-left:var(--spacing-lg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s}.buttons .button[data-v-2785aed1]:active{transform:scale(.95)}.buttons .button.success[data-v-2785aed1]{color:var(--color-text-dark);background-color:var(--color-status-success);box-shadow:0 4px 10px rgba(0,0,0,.1)}.buttons .button.secondary[data-v-2785aed1]{color:var(--color-accent);background-color:var(--color-secondary);box-shadow:0 4px 10px rgba(0,0,0,.1)}.overlay[data-v-3b325820],.result[data-v-3b325820]{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;font-size:40px;color:#fff}.result .modal[data-v-3b325820]{width:50vw;height:50vh;background-color:#fff}.result .modal .result_word[data-v-3b325820]{font-size:14px;color:#000}.question[data-v-3b325820]{width:100%;height:100%;border:1px solid red;display:flex;flex-direction:column}.word[data-v-3b325820]{height:250px;font-size:40px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.6)}.container[data-v-6dd98f0b]{width:100%;height:92%;display:flex;overflow:hidden}.container .image[data-v-6dd98f0b]{width:50%;background-image:url(/img/welcome.7a313b6a.png);background-size:cover;background-repeat:no-repeat;background-position:50%}.container .content[data-v-6dd98f0b]{width:100%;padding:var(--spacing-lg);overflow:scroll}.container .main-title[data-v-6dd98f0b]{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.container .subtitle[data-v-6dd98f0b]{color:var(--color-accent);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.container .intro-paragraph[data-v-6dd98f0b]{margin-bottom:var(--spacing-md);line-height:var(--line-height-base)}.container .info-section[data-v-6dd98f0b]{margin-top:var(--spacing-lg);border-left:4px solid var(--color-accent);padding-left:var(--spacing-md);margin-bottom:var(--spacing-lg)}.container .info-heading[data-v-6dd98f0b]{color:var(--color-text-dark);margin-top:0;margin-bottom:var(--spacing-sm)}.container .login-form[data-v-6dd98f0b]{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px}.container .form-group[data-v-6dd98f0b]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.container .input-label[data-v-6dd98f0b]{font-weight:700;color:var(--color-text-dark)}.container .form-input[data-v-6dd98f0b]{padding:var(--spacing-md);border:2px solid var(--color-accent);border-radius:8px;font-size:var(--font-size-base,1rem);outline:none;transition:border-color .2s ease}.container .form-input[data-v-6dd98f0b]:focus{border-color:var(--color-primary)}.container .action-area[data-v-6dd98f0b]{margin-top:var(--spacing-xl)}.container .button-next[data-v-6dd98f0b]{background:var(--color-primary);color:var(--color-background-light)!important;text-decoration:none;font-size:var(--font-size-lg);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);display:block;text-align:center;width:100%;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:opacity .2s ease}.container .button-next[data-v-6dd98f0b]:hover{opacity:.9}:root{--shadow-primary:rgba(48,79,92,.9);--color-secondary:#714c90;--shadow-secondary:rgba(48,79,92,.9);--font-family:"Arial",sans-serif;--font-family-serif:"Georgia",serif;--font-size-base:16px;--font-size-lg:1.25rem;--font-size-xl:2rem;--line-height-base:1.6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--nav-height:60px;--nav-link-padding:var(--spacing-md) var(--spacing-lg);--border-radius-base:4px;--z-index-nav:100;--z-index-modal:1000;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--color-primary:#4c7c90;--color-accent:#ffb74d;--color-background-light:#f5f5f5;--color-text-dark:#2c3e50;--color-status-success:#81c784;--color-status-error:#e57373;--color-ui-neutral:#b0e0e6}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{padding:0;margin:0;background-color:#fff;overflow:hidden;font-family:var(--font-family)}