.formula-cards-view{max-width:1140px;margin:0 auto;padding:10px 16px 20px;box-sizing:border-box}.deck-study-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start;margin-top:6px;touch-action:pan-y}.deck-study-layout.sidebar-collapsed{grid-template-columns:1fr!important}.deck-study-layout.sidebar-collapsed .study-sidebar{display:none!important}.study-top-collapsed-bar{display:none;align-items:center;justify-content:space-between;padding:8px 14px;background:#0d1527;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:8px}.deck-study-layout.sidebar-collapsed .study-top-collapsed-bar{display:flex!important}@media(max-width:860px){.deck-study-layout{grid-template-columns:1fr!important}.study-sidebar{display:none!important}.mobile-back-bar{display:flex!important}.study-top-collapsed-bar{display:none!important}}.btn-sidebar-collapse,.btn-sidebar-expand{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;color:#cbd5e1;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.btn-sidebar-collapse:hover,.btn-sidebar-expand:hover{color:#38bdf8;background:#334155e6}.collapsed-subtopic-tag{font-size:.8rem;font-weight:700;color:#34d399;background:#064e3b40;border:1px solid rgba(16,185,129,.35);padding:3px 10px;border-radius:99px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-sidebar{background:#0d1527;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #00000059}.btn-back-decks{background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;color:#cbd5e1;font-size:.84rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;transition:all .2s}.btn-back-decks:hover{background:#334155cc;color:#f8fafc;border-color:#fff3}.sidebar-progress-card{background:#0f172aa6;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.sidebar-progress-meta{display:flex;justify-content:space-between;align-items:center}.sidebar-progress-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#64748b;text-transform:uppercase}.sidebar-card-counter{font-size:.84rem;font-weight:700;color:#38bdf8}.sidebar-progress-track{height:5px;background:#ffffff14;border-radius:99px;overflow:hidden}.sidebar-progress-fill{height:100%;background:#10b981;box-shadow:0 0 10px #10b981b3;border-radius:99px;transition:width .25s ease}.sidebar-subtopics-header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:800;color:#64748b;letter-spacing:.08em;text-transform:uppercase;padding:2px 4px}.subtopics-count{background:#ffffff14;color:#94a3b8;padding:1px 7px;border-radius:99px;font-size:.7rem;font-weight:700}.sidebar-subtopics-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 220px);overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-subtopics-list::-webkit-scrollbar{width:4px}.sidebar-subtopics-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-subtopic-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);color:#cbd5e1;user-select:none}.sidebar-subtopic-item:hover{background:#1e293bd9;border-color:#38bdf84d;color:#f8fafc;transform:translate(2px)}.sidebar-subtopic-item.active{background:#064e3b59;border:1px solid #10b981;color:#34d399;box-shadow:0 0 16px #10b98140;font-weight:700}.subtopic-item-title{font-size:.82rem;line-height:1.35;word-break:break-word}.subtopic-item-badge{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:6px;background:#ffffff14;color:#94a3b8;white-space:nowrap;flex-shrink:0}.sidebar-subtopic-item.active .subtopic-item-badge{background:#10b98140;color:#6ee7b7}.mobile-back-bar{display:none;align-items:center;justify-content:space-between;margin-bottom:6px}.study-main-area{display:flex;flex-direction:column;gap:10px;width:100%;touch-action:pan-y}.deck-mode-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:6px 12px;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:12px}.deck-mode-toggle{display:inline-flex;background:#090d16;padding:2px;border-radius:10px;border:1px solid rgba(255,255,255,.08);gap:3px}.mode-btn{background:transparent;border:none;color:#94a3b8;font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.mode-btn:hover{color:#f8fafc}.mode-btn.active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 2px 10px #3b82f666}.deck-mastery-stats{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700}.mastery-pill{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);padding:3px 8px;border-radius:99px}.streak-pill{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:3px 8px;border-radius:99px}.study-card-heading{font-size:1.35rem;font-weight:800;color:#f8fafc;margin:10px 0 14px 4px;letter-spacing:-.01em;line-height:1.35}.card-prompt{font-size:.95rem;font-weight:500;color:#e2e8f0;line-height:1.5;margin:2px 0 4px;background:#1e293b59;border-left:3px solid #38bdf8;padding:8px 12px;border-radius:0 10px 10px 0}.formula-diagram-container{display:block;margin:10px auto;text-align:center;max-width:100%;overflow-x:auto;clear:both}.study-card-box{background:#0d1527;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;box-shadow:0 4px 18px #00000040}.study-card-box.formula-box{padding:14px 20px;background:linear-gradient(180deg,#0d1527,#091120);border-color:#8b5cf647}.quiz-options-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:4px 0 8px}.deck-study-layout.sidebar-collapsed .quiz-options-grid{grid-template-columns:1fr 1fr;gap:10px}@media(max-width:1024px){.deck-study-layout.sidebar-collapsed .quiz-options-grid{grid-template-columns:1fr!important}}.quiz-opt-btn{background:#0f172abf;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;min-height:44px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;color:#f1f5f9;font-size:1rem;transition:all .18s cubic-bezier(.16,1,.3,1)}.quiz-opt-btn:hover:not(:disabled){border-color:#38bdf8;background:#1e293bd9;transform:translateY(-1px);box-shadow:0 4px 14px #38bdf833}.quiz-opt-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#ffffff14;color:#94a3b8;font-size:.8rem;font-weight:800;flex-shrink:0}.quiz-opt-content{flex:1;overflow-x:auto;scrollbar-width:none}.quiz-opt-content::-webkit-scrollbar{display:none}.quiz-opt-btn .katex-display{margin:0!important;padding:0!important;display:inline-block!important;vertical-align:middle}.quiz-opt-btn .katex{font-size:1em!important}.quiz-opt-btn.correct-opt{border-color:#10b981!important;background:#10b98138!important;color:#6ee7b7!important;box-shadow:0 0 16px #10b98159!important}.quiz-opt-btn.correct-opt .quiz-opt-badge{background:#10b981;color:#fff}.quiz-opt-btn.wrong-opt{border-color:#ef4444!important;background:#ef444438!important;color:#fca5a5!important;box-shadow:0 0 16px #ef444459!important}.quiz-opt-btn.wrong-opt .quiz-opt-badge{background:#ef4444;color:#fff}.quiz-status-banner{padding:8px 12px;border-radius:9px;font-size:.84rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:4px}.quiz-status-banner.correct{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#34d399}.quiz-status-banner.wrong{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171}.study-card-box.keynote-box{border-color:#10b98138;cursor:pointer}.study-card-box.keynote-box:hover{border-color:#10b98166}.study-card-box.example-box{border-color:#38bdf838}.panel-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:.72rem;font-weight:700;width:fit-content}.badge-formula{background:#8b5cf633;color:#c084fc;border:1px solid rgba(168,85,247,.35)}.badge-keynote{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge-example{background:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.study-formula-display{font-size:clamp(1.05rem,2.2vw,1.28rem);padding:6px 0;margin:0;text-align:center;overflow-x:auto;color:#f8fafc}.keynote-header-row{display:flex;align-items:center;justify-content:space-between}.keynote-text{font-size:.84rem;color:#cbd5e1;line-height:1.55;margin:3px 0 0;white-space:pre-line}.keynote-chevron{color:#64748b;font-size:.72rem;transition:transform .2s}.example-formula-display{font-size:.9rem;line-height:1.6;padding:4px 0;margin:0;text-align:left;overflow-x:auto;color:#e2e8f0}.example-formula-display .katex-display{margin:6px 0!important;text-align:center}.study-bottom-nav{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:18px!important;gap:16px}.quiz-prompt-heading{font-size:1.25rem!important;font-weight:800!important;color:#f8fafc!important;line-height:1.4!important;margin:0 0 14px!important}.btn-study-nav{border-radius:99px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px}.btn-study-nav.btn-prev{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:7px 22px}.btn-study-nav.btn-prev:hover:not(:disabled){background:#334155d9;color:#f8fafc}.btn-study-nav.btn-next{background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;color:#fff;padding:7px 26px;box-shadow:0 4px 14px #3b82f666}.btn-study-nav.btn-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #3b82f68c}.btn-study-nav:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.mobile-swipe-hint{display:none;text-align:center;font-size:.72rem;color:#64748b;margin-top:3px}@media(max-width:768px){.formula-cards-view{padding:4px 8px 10px!important}.study-main-area{gap:4px!important}.mobile-back-bar{margin-bottom:2px!important;padding:2px 0!important}.deck-mode-bar{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;padding:3px 5px!important;gap:4px!important;margin-bottom:2px!important}.deck-mode-toggle{flex:1 1 auto!important;display:flex!important;padding:2px!important;gap:2px!important}.mode-btn{flex:1!important;padding:3px 6px!important;font-size:.72rem!important;text-align:center!important;white-space:nowrap!important}.deck-mastery-stats{flex-shrink:0!important;font-size:.68rem!important;gap:3px!important}.mastery-pill,.streak-pill{padding:2px 5px!important}.study-card-heading{font-size:1.05rem!important;line-height:1.2!important;margin:0 0 2px!important}.card-prompt{font-size:.82rem!important;line-height:1.35!important;padding:5px 8px!important;margin:2px 0 4px!important;border-left-width:2.5px!important}.quiz-options-grid{grid-template-columns:1fr!important;gap:5px!important;margin:2px 0 5px!important}.quiz-opt-btn{padding:5px 9px!important;min-height:38px!important;gap:7px!important;font-size:.9rem!important;border-radius:8px!important}.quiz-opt-badge{width:22px!important;height:22px!important;font-size:.72rem!important;border-radius:5px!important}.quiz-opt-btn .katex{font-size:.86em!important}.study-bottom-nav{margin-top:3px!important}.btn-study-nav{padding:5px 16px!important;font-size:.8rem!important}.mobile-swipe-hint{display:block!important;margin-top:2px!important}}.formula-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.formula-search-box{display:flex;align-items:center;gap:8px;background:#0f172abf;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 14px;min-width:260px;box-shadow:0 2px 8px #0003;transition:border-color .2s,box-shadow .2s}.formula-search-box:focus-within{border-color:#38bdf8;box-shadow:0 0 14px #38bdf840}.formula-search-icon{font-size:.95rem;color:#64748b}.formula-search-box input{background:transparent;border:none;outline:none;color:#f8fafc;font-size:.88rem;font-weight:500;width:100%}.formula-search-box input::placeholder{color:#64748b}.formula-subject-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.formula-subject-btn{background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:99px;padding:7px 16px;color:#94a3b8;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px}.formula-subject-btn:hover{color:#f8fafc;background:#334155cc;border-color:#fff3}.formula-subject-btn.active{background:#38bdf829;border-color:#38bdf8;color:#38bdf8;font-weight:700;box-shadow:0 0 16px #38bdf840}#formula-chapters-grid-el,.formula-chapters-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;gap:16px!important;margin-top:14px;width:100%}.formula-chapter-card{background:linear-gradient(145deg,#0f172ad9,#0a0f1ef2);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;transition:all .22s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:0 4px 18px #0000004d;position:relative;overflow:hidden}.formula-chapter-card:hover{border-color:#38bdf873;background:linear-gradient(145deg,#141e37e6,#0c1224fa);transform:translateY(-3px);box-shadow:0 8px 28px #38bdf82e}.formula-chapter-card.has-deck{border-color:#38bdf82e}.formula-chapter-card.has-deck:hover{border-color:#38bdf8}.formula-chapter-title{font-size:1.05rem;font-weight:700;color:#f8fafc;margin:0 0 6px;line-height:1.35}.formula-chapter-status{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.formula-chapter-status span{color:#38bdf8;font-weight:700;font-size:.88rem;transition:transform .15s ease}.formula-chapter-card:hover .formula-chapter-status span{transform:translate(3px)}.badge-pill.badge-green{background:#10b98129;color:#34d399;border:1px solid rgba(16,185,129,.35);padding:3px 9px;border-radius:99px;font-size:.74rem;font-weight:700}@media(max-width:640px){#formula-chapters-grid-el,.formula-chapters-grid{grid-template-columns:1fr!important;gap:12px!important}.formula-search-box{min-width:100%!important}}
