:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:#1e1f22;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:flex-start}#app{padding:0 2rem}}.item-list[data-v-f06001b0]{--bg: #1E1F22;--surface: #24262B;--surface-2: #2B2E34;--border: rgba(255, 255, 255, .08);--text: #E6E6E6;--text-muted: #A0A6AD;--placeholder: rgba(230, 230, 230, .45);--accent: #7AA2FF;--success: #3FAE7A;--danger: #D46A6A;margin-top:2rem;width:100%;color:var(--text)}.header[data-v-f06001b0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.list-title[data-v-f06001b0]{margin:0;font-size:1.25rem;color:var(--text)}.user-info[data-v-f06001b0]{display:flex;align-items:center;gap:12px}.username[data-v-f06001b0]{font-size:14px;color:var(--text-muted)}.logout-button[data-v-f06001b0]{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.logout-button[data-v-f06001b0]:hover{background-color:var(--surface);border-color:var(--accent)}.items-container[data-v-f06001b0]{display:flex;flex-direction:column;gap:12px}.item-card[data-v-f06001b0]{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;transition:background-color .2s ease,border-color .2s ease;position:relative}.item-card[data-v-f06001b0]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:transparent;transition:background-color .2s ease}.item-card[data-v-f06001b0]:hover{background-color:#2a2d33}.item-card[data-v-f06001b0]:focus-within{border-color:var(--accent)}.item-card[data-v-f06001b0]:focus-within:before{background-color:var(--accent)}.item-content[data-v-f06001b0]{display:flex;justify-content:space-between;align-items:center;gap:24px}.item-sentence[data-v-f06001b0]{flex:1 1 50%;font-size:15px;line-height:1.5;color:var(--text)}.item-tense[data-v-f06001b0]{font-size:12px;color:var(--text-muted);margin-top:4px}.item-actions[data-v-f06001b0]{flex:1 1 50%;display:flex;gap:12px;align-items:center}.translation-input[data-v-f06001b0]{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:0 12px;height:40px;flex:1;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.translation-input[data-v-f06001b0]::placeholder{color:var(--placeholder)}.translation-input[data-v-f06001b0]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7aa2ff40}.button-group[data-v-f06001b0]{display:flex;gap:8px;align-items:center}.check-button[data-v-f06001b0]{background-color:var(--accent);color:#f3f5f7;border:none;border-radius:8px;padding:0 20px;height:40px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap;position:relative}.check-button[data-v-f06001b0]:hover{background-color:#5f8ee6}.check-button[data-v-f06001b0]:disabled{opacity:.5;cursor:not-allowed}.word-wrapper[data-v-f06001b0]{position:relative;display:inline-block}.clickable-word[data-v-f06001b0]{color:inherit;text-decoration:none;cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .2s ease,color .2s ease}.clickable-word[data-v-f06001b0]:hover{color:var(--accent);border-bottom-color:var(--accent)}.tooltip[data-v-f06001b0]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--surface-2);color:var(--text);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;margin-bottom:8px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border)}.tooltip[data-v-f06001b0]:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--border) transparent transparent transparent}.spinner[data-v-f06001b0]{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-f06001b0 .6s linear infinite}@keyframes spin-f06001b0{to{transform:rotate(360deg)}}.word-spinner[data-v-f06001b0]{display:inline-block;width:10px;height:10px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin-f06001b0 .6s linear infinite}.row-check-result[data-v-f06001b0]{margin-top:12px;background:var(--surface-2);color:var(--text);border-radius:6px;padding:8px 12px;font-size:13px;min-width:200px;max-width:100%;text-align:center;box-shadow:0 2px 8px #00000026;border:1px solid var(--border)}.item-list[data-v-57f1560a]{--bg: #1E1F22;--surface: #24262B;--surface-2: #2B2E34;--border: rgba(255, 255, 255, .08);--text: #E6E6E6;--text-muted: #A0A6AD;--placeholder: rgba(230, 230, 230, .45);--accent: #7AA2FF;--success: #3FAE7A;--danger: #D46A6A;margin-top:2rem;width:100%;color:var(--text)}.header[data-v-57f1560a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.list-title[data-v-57f1560a]{margin:0;font-size:1.25rem;color:var(--text)}.user-info[data-v-57f1560a]{display:flex;align-items:center;gap:12px}.username[data-v-57f1560a]{font-size:14px;color:var(--text-muted)}.logout-button[data-v-57f1560a]{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.logout-button[data-v-57f1560a]:hover{background-color:var(--surface);border-color:var(--accent)}.items-container[data-v-57f1560a]{display:flex;flex-direction:column;gap:12px}.item-card[data-v-57f1560a]{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;transition:background-color .2s ease,border-color .2s ease;position:relative}.item-card[data-v-57f1560a]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:transparent;transition:background-color .2s ease}.item-card[data-v-57f1560a]:hover{background-color:#2a2d33}.item-card[data-v-57f1560a]:focus-within{border-color:var(--accent)}.item-card[data-v-57f1560a]:focus-within:before{background-color:var(--accent)}.item-content[data-v-57f1560a]{display:flex;justify-content:space-between;align-items:center;gap:24px}.item-sentence[data-v-57f1560a]{flex:0 0 95%;font-size:15px;line-height:1.5;margin-bottom:10px;color:var(--text)}.item-text[data-v-57f1560a]{margin-bottom:4px}.item-tense[data-v-57f1560a]{font-size:12px;color:var(--text-muted)}.item-actions[data-v-57f1560a]{flex:0 0 85%;display:flex;gap:12px;align-items:center}.canvas-container[data-v-57f1560a]{position:relative;flex:0 0 70%;height:150px}.drawing-canvas[data-v-57f1560a]{width:100%;height:100%;background-color:#fff;border:1px solid var(--border);border-radius:8px;cursor:crosshair;display:block;touch-action:none;-ms-touch-action:none}.canvas-controls[data-v-57f1560a]{position:absolute;top:4px;right:4px;display:flex;gap:4px}.eraser-button[data-v-57f1560a]{background-color:#00000080;color:#fff;border:none;border-radius:4px;width:28px;height:28px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.eraser-button[data-v-57f1560a]:hover{background-color:#000000b3}.eraser-button.active[data-v-57f1560a]{background-color:var(--accent);transform:scale(1.1)}.clear-button[data-v-57f1560a]{background-color:#00000080;color:#fff;border:none;border-radius:4px;width:28px;height:28px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.clear-button[data-v-57f1560a]:hover{background-color:#000000b3}.button-group[data-v-57f1560a]{margin-top:5px;display:flex;gap:8px;align-items:center}.check-button[data-v-57f1560a]{background-color:var(--accent);color:#f3f5f7;border:none;border-radius:8px;padding:0 20px;height:40px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap;position:relative}.check-button[data-v-57f1560a]:hover{background-color:#5f8ee6}.check-button[data-v-57f1560a]:disabled{opacity:.5;cursor:not-allowed}.check-tooltip[data-v-57f1560a]{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background-color:var(--surface-2);color:var(--text);padding:8px 12px;border-radius:6px;font-size:13px;white-space:normal;z-index:10;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border);min-width:200px;max-width:300px;text-align:center;line-height:1.4}.check-tooltip[data-v-57f1560a]:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:6px;border-style:solid;border-color:var(--border) transparent transparent transparent}.save-button[data-v-57f1560a]{background-color:var(--success);color:#f3f5f7;border:none;border-radius:8px;padding:0 20px;height:40px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap}.save-button[data-v-57f1560a]:hover{background-color:#359669}.save-button[data-v-57f1560a]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-57f1560a]{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-57f1560a .6s linear infinite}@keyframes spin-57f1560a{to{transform:rotate(360deg)}}.login-container[data-v-db0245ed]{--bg: #1E1F22;--surface: #24262B;--surface-2: #2B2E34;--border: rgba(255, 255, 255, .08);--text: #E6E6E6;--text-muted: #A0A6AD;--placeholder: rgba(230, 230, 230, .45);--accent: #7AA2FF;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg)}.login-card[data-v-db0245ed]{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px;width:100%;max-width:400px;box-shadow:0 8px 32px #0000004d}.login-title[data-v-db0245ed]{font-size:28px;font-weight:600;color:var(--text);margin:0 0 8px;text-align:center}.login-subtitle[data-v-db0245ed]{font-size:14px;color:var(--text-muted);margin:0 0 32px;text-align:center}.login-form[data-v-db0245ed]{display:flex;flex-direction:column;gap:16px}.login-input[data-v-db0245ed]{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:0 16px;height:48px;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input[data-v-db0245ed]::placeholder{color:var(--placeholder)}.login-input[data-v-db0245ed]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7aa2ff40}.login-button[data-v-db0245ed]{background-color:var(--accent);color:#f3f5f7;border:none;border-radius:8px;padding:0 24px;height:48px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-button[data-v-db0245ed]:hover{background-color:#5f8ee6}.login-button[data-v-db0245ed]:disabled{opacity:.5;cursor:not-allowed}.item-manager[data-v-08a8193d]{max-width:1400px;margin:2rem auto;background:#23262b;color:#e6e6e6;padding:2rem;border-radius:10px}.clear-user-items[data-v-08a8193d],.bulk-generate[data-v-08a8193d]{margin-bottom:1.5rem;display:flex;gap:1rem;flex-direction:column}input[data-v-08a8193d],select[data-v-08a8193d]{padding:.5rem;border-radius:5px;border:1px solid #444;background:#2b2e34;color:#e6e6e6}button[data-v-08a8193d]{padding:.5rem 1rem;border-radius:5px;border:none;background:#7aa2ff;color:#fff;cursor:pointer}button[data-v-08a8193d]:disabled{opacity:.5;cursor:not-allowed}.error[data-v-08a8193d]{color:#d46a6a;margin-bottom:1rem}table[data-v-08a8193d]{width:100%;border-collapse:collapse;margin-top:1rem}th[data-v-08a8193d],td[data-v-08a8193d]{border:1px solid #444;padding:.5rem;text-align:left}.spinner[data-v-08a8193d]{display:inline-block;width:24px;height:24px;border:3px solid #7aa2ff;border-top:3px solid #23262b;border-radius:50%;animation:spin-08a8193d 1s linear infinite;margin-left:1rem;vertical-align:middle}.translation[data-v-08a8193d]{color:#a0e6a0;font-size:.95em;margin-top:.25em;padding-left:.5em}@keyframes spin-08a8193d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header[data-v-7c01195d]{line-height:1.5}.logo[data-v-7c01195d]{display:block;margin:0 auto 2rem}@media(min-width:1024px){header[data-v-7c01195d]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-7c01195d]{margin:0 2rem 0 0}header .wrapper[data-v-7c01195d]{display:flex;place-items:flex-start;flex-wrap:wrap}}