.sidebar{width:0;min-width:0;overflow:hidden;background:#f9fafb;border-right:1px solid transparent;display:flex;flex-direction:column;padding:1.25rem 0;transition:width .2s ease,min-width .2s ease,border-color .2s ease;white-space:nowrap}.sidebar.open{width:220px;min-width:220px;border-right-color:#e5e7eb;overflow-y:auto}.sidebar-top{flex:1;display:flex;flex-direction:column}.course-header{display:flex;align-items:center;justify-content:space-between;margin:0 1rem .75rem;gap:.5rem}.course-name{font-size:.8rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-select{padding:.25rem .4rem;font-size:.75rem;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#111827;cursor:pointer;flex-shrink:0}.section-list{list-style:none;margin:0;padding:0}.section-link{display:block;padding:.55rem 1.25rem;font-size:.875rem;color:#374151;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}.section-link:hover:not(.locked){background:#f3f4f6;color:#111827}.section-link.active{background:#eef2ff;color:#1d4ed8;font-weight:500}.section-link.locked{color:#d1d5db;cursor:default}.section-link.completed,.section-link.skipped{color:#9ca3af}.section-link.in-progress{font-weight:500}.sidebar-bottom{display:flex;flex-direction:column;border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:.5rem}.sidebar-link{display:block;padding:.55rem 1.25rem;font-size:.875rem;color:#6b7280;text-decoration:none}.sidebar-link:hover{color:#111827}.sidebar-link.active{color:#1d4ed8}.sidebar-footer{padding:.75rem 1.25rem 0;font-size:.7rem;color:#9ca3af;line-height:1.8}.sidebar-footer a{color:#9ca3af;text-decoration:none}.sidebar-footer a:hover{text-decoration:underline}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;padding:1.25rem 0;width:0;min-width:0;box-shadow:none;transition:width .2s ease,box-shadow .2s ease,border-color .2s ease}.sidebar.open{width:220px;min-width:220px;box-shadow:2px 0 12px #0000001a}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:99;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}.explore__hint{font-size:.875rem;color:#6b7280;margin-bottom:1.25rem}.explore__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.letter-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.letter-card__main{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%;padding:.75rem .5rem .5rem;background:none;border:none;cursor:pointer;transition:background .1s}.letter-card__main:hover{background:#f3f4f6}.letter-card__letter{font-size:2rem;line-height:1;color:#111827}.letter-card__roman{font-size:.7rem;color:#9ca3af;letter-spacing:.03em}.letter-card__words{display:flex;gap:2px;padding:.35rem;border-top:1px solid #f3f4f6;background:#f9fafb}.letter-card__word{flex:1;font-size:.75rem;padding:.25rem .2rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;color:#374151;text-align:center;transition:background .1s;font-family:inherit}.letter-card__word:hover{background:#eef2ff;border-color:#a5b4fc}@media (max-width: 480px){.explore__grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.letter-card__letter{font-size:1.6rem}.letter-card__word{font-size:.7rem}}.recognition{display:flex;flex-direction:column;gap:1.25rem}.activity-progress{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.activity-progress__bar{height:100%;background:#1d4ed8;border-radius:2px;transition:width .3s ease}.activity-counter{font-size:.8rem;color:#9ca3af}.recognition__prompt{font-size:.95rem;color:#374151}.recognition__letter-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;align-self:flex-start;min-width:120px;text-align:center}.recognition__big-letter{font-size:4rem;line-height:1;color:#111827}.recognition__roman{font-size:.8rem;color:#9ca3af}.recognition__options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.recognition__option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.recognition__option:hover:not(:disabled){border-color:#a5b4fc;background:#f5f3ff}.recognition__option.selected{border-color:#1d4ed8;background:#eef2ff}.recognition__option.correct{border-color:#16a34a;background:#dcfce7}.recognition__option.wrong{border-color:#dc2626;background:#fee2e2}.recognition__option-text{font-size:1.25rem;color:#111827}.recognition__option-meaning{font-size:.7rem;color:#9ca3af}.activity-feedback{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.feedback-correct{font-weight:600;color:#16a34a}.feedback-wrong{font-weight:600;color:#dc2626}@media (max-width: 480px){.recognition__options{grid-template-columns:1fr 1fr}.recognition__big-letter{font-size:3rem}}.quiz{display:flex;flex-direction:column;gap:1.25rem}.quiz__sound-row{display:flex;align-items:center;gap:.75rem}.quiz__play-btn{font-size:1.75rem;background:#eef2ff;border:1px solid #a5b4fc;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s;flex-shrink:0}.quiz__play-btn:hover{background:#e0e7ff}.quiz__prompt{font-size:.95rem;color:#374151}.quiz__options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quiz__option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.quiz__option:hover:not(:disabled){border-color:#a5b4fc;background:#f5f3ff}.quiz__option.selected{border-color:#1d4ed8;background:#eef2ff}.quiz__option.correct{border-color:#16a34a;background:#dcfce7}.quiz__option.wrong{border-color:#dc2626;background:#fee2e2}.quiz__option-letter{font-size:2.5rem;line-height:1;color:#111827}.quiz__option-roman{font-size:.7rem;color:#9ca3af}.app{min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.menu-toggle{display:flex;background:none;border:none;padding:.25rem;cursor:pointer;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:20px;height:1.5px;background:#374151}.app-title{flex:1;font-size:1rem;font-weight:600;color:#111827}.flag-select{position:relative}.flag-select__btn{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:.2rem .45rem;font-size:1.15rem;line-height:1;cursor:pointer;display:flex;align-items:center}.flag-select__btn:hover{background:#f3f4f6}.flag-select__menu{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000014;list-style:none;margin:0;padding:.25rem;display:flex;flex-direction:column;gap:2px;z-index:50}.flag-select__item{font-size:1.15rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer;text-align:center}.flag-select__item:hover{background:#f3f4f6}.flag-select__item.active{background:#eef2ff}.main-layout{display:flex;flex:1;min-height:0}.content-area{flex:1;padding:2rem 2.5rem;overflow-y:auto;background:#fff}.section-view{max-width:680px;margin:0 auto}.section-view--wide{max-width:900px}.section-complete-msg{font-size:1rem;color:#16a34a;font-weight:600;margin-bottom:1.5rem}.activity-tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:1.75rem}.activity-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.activity-tab:hover{color:#374151}.activity-tab.active{color:#1d4ed8;border-bottom-color:#1d4ed8;font-weight:500}.section-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.section-desc{font-size:1rem;color:#6b7280;margin:0 0 2rem}.section-content{margin-top:1rem}.muted{color:#9ca3af;font-size:.9rem;margin-bottom:1.5rem}.section-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary{padding:.5rem 1.25rem;background:#1d4ed8;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer}.btn-primary:hover{background:#1e40af}.btn-secondary{padding:.5rem 1.25rem;background:none;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;cursor:pointer}.btn-secondary:hover{background:#f3f4f6}.about-section,.legal-page{max-width:640px}.legal-page h2,.about-section h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.25rem}.legal-page p,.about-section p{font-size:.95rem;line-height:1.7;color:#374151;margin-bottom:1rem}.legal-page ul{margin:0 0 1rem 1.25rem;color:#374151;font-size:.95rem;line-height:1.7}.about-section a{color:#1d4ed8}.footnotes{list-style:decimal;padding-left:1.5rem;margin-top:1rem;color:#6b7280;font-size:.875rem}.footnotes li{margin-bottom:.5rem}.footnotes a{color:#1d4ed8}@media (max-width: 768px){.content-area{padding:1.5rem 1.25rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#111827}#root{min-height:100vh}