:root{--color-info:#3186ff;--color-danger:#e63939;--color-warning:#ffe082;--sidebar-width:250px}body.light{--color-danger:#c62828;--color-warning:#b68500;--color-accent:#1565c0;--color-accent-alt:#3186ff}h2{text-align:center;margin-bottom:1.2rem;color:var(--color-accent);font-family:'Comic Sans MS',cursive,sans-serif}.breadcrumb{padding:.5rem .2rem;margin-bottom:1.2rem;font-size:1rem;font-weight:500;color:var(--color-accent-alt)}.breadcrumb a{color:var(--color-accent-alt);text-decoration:none;transition:text-decoration .2s}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 .5rem;color:var(--color-text);opacity:.7}.breadcrumb .current-page{color:var(--color-text);font-weight:700}body.light .sidebar{background:var(--color-surface)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--color-accent-alt);border-radius:4px}body.light .header-bar{background:var(--color-surface)}.header-title img:hover{transform:scale(1.1)}body.light .user-info{color:var(--color-accent-alt)}.toggle-btn:focus{outline:0}#installBtn:hover:not(:disabled),.toggle-btn:hover:not(:disabled){transform:scale(1.1)}#installBtn{margin-right:.5rem;padding:.5rem 1rem;color:var(--color-accent-alt)}.install-text{margin-left:.5em;font-weight:500}#installBtn:hover:not(:disabled){color:var(--color-accent)}#installBtn:disabled{opacity:.5;cursor:not-allowed;transform:none;color:var(--color-text)}body.light #installBtn{color:var(--color-accent-alt)}body.light #installBtn:hover:not(:disabled){color:var(--color-accent)}#logoutBtn{--color-danger:#e63939;background:var(--color-danger);color:#fff;font-weight:700;font-size:1rem;padding:.5rem 1.2rem;border-radius:1.5rem;margin-left:.5rem;transition:background .2s,color .2s}#logoutBtn:focus,#logoutBtn:hover{background:#b71c1c;color:#ffeaea}body.light #logoutBtn{--color-danger:#c62828;background:#ffebee;color:var(--color-danger);border:1px solid var(--color-danger)}body.light #logoutBtn:focus,body.light #logoutBtn:hover{background:#ffdada;color:#b71c1c}.sidebar h3{text-align:center;margin:.5em 0;font-size:1.3rem;font-weight:700;color:var(--color-accent)}.sidebar-module{margin-bottom:.5rem}.sidebar-module-btn{width:100%;background:var(--color-card,var(--color-surface));color:var(--color-text);border:none;padding:.5rem;text-align:left;border-radius:.5rem;cursor:pointer;transition:background .2s,transform .2s}.sidebar-module-btn:focus,.sidebar-module-btn:hover{background:var(--color-accent);color:var(--color-accent-text);transform:scale(1.02)}.sidebar-topics{padding-left:1rem;margin-top:.5rem}.sidebar-topic{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.topic-info{display:flex;align-items:center;gap:.75rem;flex-grow:1}.sidebar-icons{display:flex;align-items:center;gap:1rem}.sidebar-icon{background:0 0;border:none;cursor:pointer;font-size:1.2rem;transition:transform .2s}.sidebar-icon:focus,.sidebar-icon:hover{transform:scale(1.2)}.sidebar-icon.study{color:var(--color-accent)}.sidebar-icon.practice{color:var(--color-info)}.container{width:100%;max-width:1200px;background:var(--color-surface);padding:2rem;box-sizing:border-box}.practice-set-list,.topic-list{display:grid;gap:1rem}@media (min-width:768px){.topic-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.pill-btn{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.4rem;font-size:1.1rem;font-weight:600;color:var(--color-accent-alt);background:var(--color-card,var(--color-surface-alt));border:1px solid var(--color-border);border-radius:2rem;text-align:left;overflow:hidden;transition:background .2s,transform .2s,color .2s}.pill-btn:focus,.pill-btn:hover{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);transform:scale(1.02)}.pill-name,.pill-progress{display:inline}.practice-set-link{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem 1.5rem;font-size:1.15rem;font-weight:500;color:var(--color-accent-alt);text-decoration:none;transition:background .2s,color .2s;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;border-radius:2rem;border:1px solid var(--color-border)}.practice-set-link:focus,.practice-set-link:hover{background:var(--color-accent-alt);color:#111;border-color:var(--color-accent-alt)}.practice-set-list-number{min-width:2.3em;text-align:right;font-weight:700;color:#91b0a3}.guide-card{background:var(--color-card,var(--color-surface-alt));padding:1rem;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:1rem;border:1px solid var(--color-border)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box}.modal-content{background:var(--color-surface);padding:2rem;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.4);text-align:center;max-width:450px;width:100%;border-top:4px solid var(--color-warning)}.modal-content h3{color:var(--color-warning);margin-top:0;font-size:1.5rem}.modal-content p{margin-bottom:2rem;font-size:1.1rem;line-height:1.5}.modal-buttons{display:flex;justify-content:center;gap:1rem}#appContainer,.container,.main-content,.wrapper,body,html{box-sizing:border-box;max-width:100vw;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,::after,::before{transition:none!important;animation:none!important}}img{aspect-ratio:attr(width)/attr(height)}