:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:min(100%,800px);margin:0 auto;padding:0;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;--text-color-soft: #333;--text-color-subtle: #666;--background-secondary: #ccc;--background-soft: #f9f9f9;--background-border: #ddd;--background: #ffffff;background-color:#fff}a{color:#646cff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424;--text-color-soft: #ccc;--text-color-subtle: #999;--background-secondary: #333;--background-soft: #1a1a1a;--background-border: #222;--background: #1a1a1a}a{color:#b5b9ff}a:hover{color:#535bf2}}button{background-color:var(--background-soft)}.keyboard-input[data-v-3cf3f393]{margin:20px 0;padding:20px;border:1px solid var(--background-border);border-radius:8px}.question-container[data-v-3cf3f393]{margin:20px 0}.question[data-v-3cf3f393]{font-size:18px;font-weight:700;color:var(--text-color-soft);margin:0;padding:15px;background-color:var(--background-soft);border:1px solid var(--background-border);border-radius:6px;animation:fadeIn-3cf3f393 .3s ease-in}@keyframes fadeIn-3cf3f393{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-container[data-v-3cf3f393]{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.answer-input[data-v-3cf3f393]{flex:1;padding:12px;font-size:16px;border:2px solid var(--background-border);border-radius:6px;outline:none;transition:border-color .2s ease}.answer-input[data-v-3cf3f393]:focus{border-color:#007bff}.answer-input[data-v-3cf3f393]:disabled{background-color:var(--background-soft);cursor:not-allowed}.submit-button[data-v-3cf3f393]{padding:12px 24px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.submit-button[data-v-3cf3f393]:hover:not(:disabled){background-color:#0056b3}.submit-button[data-v-3cf3f393]:disabled{background-color:#6c757d;cursor:not-allowed}.question-container[data-v-bb0430fa]{margin:20px 0}.question[data-v-bb0430fa]{font-size:18px;font-weight:700;color:--var(--text-color-soft);margin:0;padding:15px;border:1px solid var(--background-border);border-radius:6px;animation:fadeIn-bb0430fa .3s ease-in}@keyframes fadeIn-bb0430fa{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.choices-container[data-v-bb0430fa]{margin:20px 0}.choices-instruction[data-v-bb0430fa]{margin-bottom:15px}.choices-instruction p[data-v-bb0430fa]{margin:0;font-size:14px;color:var(--text-color-subtle);text-align:center}.choices-grid[data-v-bb0430fa]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.choice-button[data-v-bb0430fa]{display:block;padding:15px;border:2px solid var(--background-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-size:16px;font-weight:500;line-height:1.4;min-height:60px}.choice-button[data-v-bb0430fa]:hover:not(.disabled){border-color:#007bff;background-color:var(--background);transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.choice-button.selected[data-v-bb0430fa]{border-color:#007bff;background-color:#e7f3ff}.choice-button.disabled[data-v-bb0430fa]{cursor:not-allowed;opacity:.7;background-color:var(--background-soft)}@media (max-width: 600px){.choice-button[data-v-bb0430fa]{min-height:50px;padding:12px}}.question-result[data-v-c2f90979]{margin:20px 0;animation:slideUp-c2f90979 .4s ease-out}@keyframes slideUp-c2f90979{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback[data-v-c2f90979]{padding:16px;border-radius:8px;font-weight:600;margin-bottom:12px;border:2px solid transparent;transition:all .3s ease}.feedback.correct[data-v-c2f90979]{background-color:#d4edda;color:#155724;border-color:#c3e6cb;box-shadow:0 2px 8px #28a74526}.feedback.incorrect[data-v-c2f90979]{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb;box-shadow:0 2px 8px #dc354526}.feedback-text[data-v-c2f90979]{font-size:16px;margin-bottom:12px}.answer-comparison[data-v-c2f90979]{background-color:#ffffff4d;border-radius:6px;padding:12px;margin-top:8px}.answer-row[data-v-c2f90979]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.answer-row[data-v-c2f90979]:last-child{margin-bottom:0}.label[data-v-c2f90979]{font-weight:500;min-width:100px;font-size:14px;opacity:.8}.user-answer[data-v-c2f90979]{font-family:Courier New,monospace;background-color:#dc35451a;padding:4px 8px;border-radius:4px;color:#721c24;font-weight:500}.correct-answer[data-v-c2f90979]{font-family:Courier New,monospace;background-color:#28a7451a;padding:4px 8px;border-radius:4px;color:#155724;font-weight:500}.hint[data-v-c2f90979]{background-color:#fff3cd;color:#856404;border:2px solid #ffeaa7;padding:12px;border-radius:8px;font-size:14px;line-height:1.4;box-shadow:0 2px 8px #ffc10726;animation:pulse-c2f90979 .5s ease-in}@keyframes pulse-c2f90979{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.hint[data-v-c2f90979]:before{content:"💡";margin-right:8px;font-size:16px}.question-entry[data-v-18a3215f]{display:flex;flex-direction:column;gap:16px}.progress-view[data-v-4cccf9a3]{margin:20px 0;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:var(--background-soft)}.stats[data-v-4cccf9a3]{display:flex;gap:20px;margin-bottom:20px}.label[data-v-4cccf9a3]{font-weight:700;color:var(--text-color-subtle);font-size:14px}.value[data-v-4cccf9a3]{font-size:16px;color:var(--text-color-soft)}.value.finished[data-v-4cccf9a3]{color:#28a745;font-weight:700}.bins h3[data-v-4cccf9a3]{margin:0 0 10px;color:#333}h3[data-v-4cccf9a3]{margin:0 0 1rem}.bins-container[data-v-4cccf9a3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.bin[data-v-4cccf9a3]{border:1px solid var(--background-secondary);border-radius:6px;padding:10px;transition:all .2s ease}.bin-header[data-v-4cccf9a3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bin-number[data-v-4cccf9a3]{font-weight:700;color:var(--text-color-soft)}.bin-count[data-v-4cccf9a3]{background:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.bin.empty .bin-count[data-v-4cccf9a3]{background:var(--background-secondary)}.bin-bar[data-v-4cccf9a3]{height:6px;background:var(--background-soft);border-radius:3px;overflow:hidden}.bin-fill[data-v-4cccf9a3]{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.bin.empty .bin-fill[data-v-4cccf9a3]{background:var(--background-secondary)}.lesson-page[data-v-d980c042]{max-width:800px;margin:0 auto;padding:0 1rem}.lesson-header[data-v-d980c042]{display:flex;align-items:center;gap:15px;margin-bottom:20px}.back-button[data-v-d980c042]{padding:8px 12px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.back-button[data-v-d980c042]:hover{background-color:#5a6268}.lesson-header h1[data-v-d980c042]{margin:0;flex:1}.loading[data-v-d980c042]{text-align:center;padding:40px;font-size:18px;color:#666}.error[data-v-d980c042]{text-align:center;padding:40px;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}.error button[data-v-d980c042]{margin-top:10px;padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.error button[data-v-d980c042]:hover{background-color:#c82333}.finished[data-v-d980c042]{text-align:center;padding:40px;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.finished button[data-v-d980c042]{margin-top:15px;padding:12px 24px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}.finished button[data-v-d980c042]:hover{background-color:#218838}.lesson-selector[data-v-0c64ce02]{max-width:600px;margin:0 auto;padding:40px 20px}.loading[data-v-0c64ce02]{text-align:center;padding:40px;font-size:18px;color:var(--text-color-subtle)}.error[data-v-0c64ce02]{text-align:center;padding:40px;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}.error button[data-v-0c64ce02]{margin-top:10px;padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.error button[data-v-0c64ce02]:hover{background-color:#c82333}.selector-form[data-v-0c64ce02]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-0c64ce02]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-0c64ce02]{font-weight:600;color:var(--text-color-soft)}.form-control[data-v-0c64ce02]{padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px}.form-control[data-v-0c64ce02]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.start-button[data-v-0c64ce02]{padding:15px 30px;background-color:#28a745;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:20px}.start-button[data-v-0c64ce02]:hover{background-color:#218838}.start-button[data-v-0c64ce02]:active{transform:translateY(1px)}.app-header[data-v-e25fcd82]{text-align:center;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px #0000001a}@media (min-width: 800px){.app-header[data-v-e25fcd82]{border-radius:10px}}.app-header h1[data-v-e25fcd82]{margin:0 0 10px;font-size:2.5em;font-weight:700}.app-header p[data-v-e25fcd82]{margin:0;font-size:1.2em;opacity:.9}.streak-page[data-v-fa4c7b3f]{max-width:800px;margin:0 auto;text-align:center}h1[data-v-fa4c7b3f]{color:var(--text-color-soft);font-size:2rem}h3[data-v-fa4c7b3f]{color:var(--text-color-subtle);margin-bottom:1rem;font-size:1.2rem}.streak-content[data-v-fa4c7b3f]{display:flex;flex-direction:column;gap:2rem}.streak-summary[data-v-fa4c7b3f]{margin:0 2rem;padding:2rem;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px #0000001a}.streak-number[data-v-fa4c7b3f]{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.streak-count[data-v-fa4c7b3f]{font-size:4rem;font-weight:700;line-height:1}.streak-label[data-v-fa4c7b3f]{font-size:1.5rem;opacity:.9}.completed[data-v-fa4c7b3f]{color:#28a745;font-weight:700}.calendar-section[data-v-fa4c7b3f]{background:var(--background-soft);padding:1.5rem;border-radius:8px;border:1px solid var(--background-border)}.calendar-grid[data-v-fa4c7b3f]{display:grid;grid-template-columns:repeat(7,1fr);max-width:400px;margin:0 auto;border-right:1px dashed var(--background-border);border-bottom:1px dashed var(--background-border)}.calendar-day[data-v-fa4c7b3f]{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:40px;border-left:1px dashed var(--background-border);border-top:1px dashed var(--background-border)}.calendar-day.completed[data-v-fa4c7b3f]{background-color:#28a745;color:#fff}.calendar-day[data-v-fa4c7b3f]:not(.completed){background-color:var(--background-secondary);color:var(--text-color-soft)}.calendar-day.today[data-v-fa4c7b3f]{box-shadow:0 0 0 2px #007bff}.calendar-day[data-v-fa4c7b3f]:hover{transform:scale(1.1)}.day-number[data-v-fa4c7b3f]{font-size:.9rem;font-weight:700}.day-month[data-v-fa4c7b3f]{font-size:.6rem;position:absolute;top:2px;left:2px;opacity:.8}.loading[data-v-fa4c7b3f]{padding:2rem;color:#666}@media (max-width: 800px){.streak-count[data-v-fa4c7b3f]{font-size:3rem}.calendar-section[data-v-fa4c7b3f]{border-radius:0}}nav[data-v-021bf62d]{position:fixed;bottom:0;width:100%}nav>ul[data-v-021bf62d]{display:flex;flex-direction:row;justify-content:left}nav>ul>li[data-v-021bf62d]{list-style:none}main[data-v-f467f00b]{margin:0 auto;min-height:100vh}