body{overflow-y:auto!important;height:auto!important}.cheatsheet-directory{padding:2rem 1rem;padding-top:86px;max-width:900px;margin:0 auto;width:100%;color:#e8e8ed}.cheatsheet-directory-title{font-size:2.2rem;font-weight:700;margin-bottom:3rem;text-align:center;color:#fff;letter-spacing:-.01em}.grade-section{margin-bottom:2rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grade-header{font-size:1.8rem;font-weight:600;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.1);color:#e8e8ed}.topic-group{margin-bottom:2.5rem}.topic-group-title{font-size:1.3rem;color:#a5b4fc;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.cheatsheet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.cheatsheet-list-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:#1e202899;border-radius:8px;border:1px solid rgba(255,255,255,.05);text-decoration:none;transition:all .2s ease}.cheatsheet-list-link:hover{background:#282b35cc;border-color:#ffffff26;transform:translate(4px)}.cheatsheet-title{color:#fff;font-weight:500;font-size:1.05rem}.badge{font-size:.75rem;padding:.25rem .6rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge.primary{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.badge.quiz{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}#background-grade-banner{display:block!important;position:fixed!important;top:120px;left:80px;font-family:Inter,sans-serif;font-weight:700;font-size:41px;letter-spacing:-.5px;color:var(--text-primary, #e8e8ed);opacity:.15;pointer-events:none;z-index:0}@media(max-width:767px){#background-grade-banner{top:72px;left:0;right:0;text-align:center;font-size:34px;padding:8px 20px}}#view-toggle-btn{color:#fca5a5;border-color:#ef444466;background:#ef44441a}#view-toggle-btn:hover{color:#fef2f2;background:#ef444440;border-color:#ef444499}.loading-state{text-align:center;padding:4rem 2rem;color:#9a9aad;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;display:none;align-items:center;justify-content:center}.modal-overlay.active{display:flex;opacity:1;visibility:visible}.modal-content{width:90%;max-width:1200px;height:90vh;background:var(--bg-dark, #0f1117);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.2rem;color:#fff}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem}.modal-close:hover{color:#fca5a5}.cheatsheet-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;border-radius:99px;border:2px solid rgba(34,197,94,.4);background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#4ade80;font-family:var(--font-main, "Inter", sans-serif);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.02em;box-shadow:0 4px 12px #0000001a}.cheatsheet-share-btn:hover{background:linear-gradient(135deg,#22c55e40,#22c55e26);border-color:#22c55e99;transform:translateY(-2px);box-shadow:0 6px 16px #22c55e40;color:#86efac}.cheatsheet-share-btn.copied{background:#22c55e4d;border-color:#22c55e;color:#fff;box-shadow:0 0 16px #22c55e66}@media(max-width:600px){.cheatsheet-share-btn{padding:5px 12px;font-size:11px;gap:4px}}.modal-body{flex:1;position:relative}.modal-body iframe{width:100%;height:100%;border:none;border-radius:0 0 12px 12px}@media(max-width:767px){.modal-content{width:100vw;height:100vh;height:100dvh;max-width:100vw;border-radius:0}.modal-body iframe{border-radius:0}.modal-header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,10px))}}