:root{--pega-blue:#09c;--pega-dark:#003f5e;--pega-light:#e6f6fb;--pega-accent:#00b8e6;--sidebar-w:280px;--bg:#f5f7fa;--card:#fff;--text:#1a2332;--muted:#6b7a8d;--border:#dde3ea;--green:#28a745;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;display:flex;overflow:hidden}#sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--pega-dark);color:#fff;flex-direction:column;height:100vh;display:flex;overflow:hidden}#sidebar-header{background:linear-gradient(135deg,#002a40,#004d73);border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:16px 14px 12px}#sidebar-header .logo{text-transform:uppercase;letter-spacing:1.5px;color:var(--pega-accent);margin-bottom:3px;font-size:12px;font-weight:700}#sidebar-header h1{color:#fff;font-size:17px;font-weight:700}#sidebar-header .stats{color:#ffffff73;margin-top:4px;font-size:12px}#nav-tabs{border-bottom:1px solid #ffffff1a;flex-shrink:0;display:flex}.nav-tab{text-align:center;color:#ffffff80;cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:13px;font-weight:600;transition:all .15s}.nav-tab:hover{color:#fffc}.nav-tab.active{color:var(--pega-accent);border-bottom-color:var(--pega-accent)}#search-box{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:8px 10px}#search-box input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;outline:none;width:100%;padding:6px 10px;font-size:13px}#search-box input::placeholder{color:#ffffff59}#search-box input:focus{border-color:var(--pega-accent)}#progress-bar-wrap{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:6px 10px}#progress-bar-wrap .plabel{color:#ffffff73;justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}#progress-track{background:#ffffff1f;border-radius:2px;height:3px}#progress-fill{background:var(--green);border-radius:2px;width:0%;height:3px;transition:width .3s}#module-list{flex:1;padding:6px 0;overflow-y:auto}#module-list::-webkit-scrollbar{width:3px}#module-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.module-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:7px;padding:7px 10px;transition:all .15s;display:flex}.module-item:hover{background:#ffffff12}.module-item.active{border-left-color:var(--pega-accent);background:#00b8e626}.module-item.done .mod-title{opacity:.55;text-decoration:line-through}.mod-num{color:var(--pega-accent);text-align:center;background:#00b8e61f;border-radius:3px;flex-shrink:0;min-width:24px;padding:2px 4px;font-size:11px;font-weight:700}.module-item.done .mod-num{color:#5dd879;background:#28a74533}.mod-title{color:#fffc;flex:1;font-size:13px;line-height:1.3}.done-chk{cursor:pointer;opacity:.55;flex-shrink:0;font-size:14px}.done-chk:hover{opacity:1}#quiz-panel{border-top:1px solid #ffffff1a;flex-shrink:0;padding:10px;display:none}#quiz-panel.visible{display:block}#quiz-score-display{color:#fffc;background:#00b8e61a;border-radius:6px;padding:8px 10px;font-size:13px}#quiz-score-display .big{color:var(--pega-accent);font-size:22px;font-weight:800}#main{flex-direction:column;flex:1;display:flex;overflow:hidden}#topbar{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;display:flex}#topbar .breadcrumb{color:var(--muted);font-size:13px}#topbar .breadcrumb span{color:var(--pega-blue);font-weight:600}#topbar .spacer{flex:1}.top-btn{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:5px;padding:5px 12px;font-size:13px;font-weight:600;transition:all .15s}.top-btn:hover{background:var(--pega-blue);color:#fff;border-color:var(--pega-blue)}.top-btn.green{background:var(--green);color:#fff;border-color:var(--green)}#mark-done-btn{display:none}#content-area{flex-direction:column;flex:1;display:flex;overflow-y:auto}#content-area::-webkit-scrollbar{width:5px}#content-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#study-view{padding:28px 36px;display:block}#content-render{max-width:800px;margin:0 auto}#content-render h1{color:var(--pega-dark);border-bottom:3px solid var(--pega-blue);margin-bottom:18px;padding-bottom:10px;font-size:26px;font-weight:800}#content-render h2{color:var(--pega-dark);background:var(--pega-light);border-left:4px solid var(--pega-blue);border-radius:0 5px 5px 0;margin:28px 0 10px;padding:8px 14px;font-size:18px;font-weight:700}#content-render h3{color:var(--pega-blue);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 6px;font-size:15px;font-weight:700}#content-render p{margin-bottom:10px;font-size:15px;line-height:1.75}#content-render ul,#content-render ol{margin-bottom:10px;padding-left:18px}#content-render li{margin-bottom:3px;font-size:15px;line-height:1.7}#content-render strong{color:var(--pega-dark);font-weight:700}#content-render hr{border:none;border-top:1px solid var(--border);margin:20px 0}#quiz-view{padding:0;display:none}#quiz-view.active{flex-direction:column;height:100%;display:flex}#quiz-home{width:100%;max-width:820px;margin:0 auto;padding:32px 40px}#quiz-home h2{color:var(--pega-dark);margin-bottom:6px;font-size:22px;font-weight:800}#quiz-home .subtitle{color:var(--muted);margin-bottom:28px;font-size:14px}.quiz-mode-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.quiz-mode-card{background:var(--card);border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:10px;padding:18px 16px;transition:all .2s}.quiz-mode-card:hover{border-color:var(--pega-blue);transform:translateY(-2px);box-shadow:0 4px 16px #0099cc26}.quiz-mode-card.selected{border-color:var(--pega-blue);background:var(--pega-light)}.quiz-mode-card .icon{margin-bottom:8px;font-size:28px}.quiz-mode-card h3{color:var(--pega-dark);margin-bottom:4px;font-size:14px;font-weight:700}.quiz-mode-card p{color:var(--muted);font-size:12px;line-height:1.5}.quiz-settings{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:18px 20px}.quiz-settings h3{color:var(--pega-dark);margin-bottom:12px;font-size:14px;font-weight:700}.setting-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.setting-row label{color:var(--muted);min-width:90px;font-size:13px;font-weight:600}.setting-row select,.setting-row input[type=range]{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:5px;outline:none;padding:5px 8px;font-size:13px}.setting-row input[type=range]{width:140px;padding:0}.q-count-label{color:var(--pega-blue);min-width:40px;font-size:13px;font-weight:700}.start-quiz-btn{background:var(--pega-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:background .15s}.start-quiz-btn:hover{background:var(--pega-dark)}#quiz-runner{flex-direction:column;height:100%;display:flex}#quiz-header{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:12px 24px;display:flex}#quiz-progress-text{color:var(--muted);font-size:13px;font-weight:600}#quiz-progress-bar-wrap{flex:1}#quiz-progress-bar-track{background:var(--border);border-radius:3px;height:6px}#quiz-progress-bar-fill{background:var(--pega-blue);border-radius:3px;height:6px;transition:width .3s}#quiz-score-inline{color:var(--pega-dark);font-size:13px;font-weight:700}#quiz-exit-btn{color:var(--muted);cursor:pointer;border:1px solid var(--border);background:0 0;border-radius:4px;padding:4px 8px;font-size:12px}#quiz-exit-btn:hover{color:var(--red);border-color:var(--red)}#quiz-body{flex:1;padding:28px 40px;overflow-y:auto}#quiz-body::-webkit-scrollbar{width:5px}#quiz-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.q-card{max-width:720px;margin:0 auto}.q-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.q-meta .q-type-badge{background:var(--pega-light);color:var(--pega-blue);border:1px solid #b8dde8;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:11px;display:inline-block}.q-text{color:var(--pega-dark);margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.6}.options-list{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.option-btn{border:2px solid var(--border);color:var(--text);background:var(--card);cursor:pointer;text-align:left;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.5;transition:all .15s}.option-btn:hover:not(:disabled),.option-btn.selected{border-color:var(--pega-blue);background:var(--pega-light)}.option-btn.correct{color:#155724;font-weight:600;border-color:var(--green)!important;background:#f0fff4!important}.option-btn.wrong{color:#721c24;border-color:var(--red)!important;background:#fff5f5!important}.option-btn:disabled{cursor:default}.explanation-box{color:#5a4a00;background:#fffbf0;border:1px solid #ffd97d;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:14px;line-height:1.6;display:none}.explanation-box.visible{display:block}.explanation-box strong{color:#3a2f00}#quiz-nav{justify-content:flex-end;gap:10px;display:flex}#quiz-nav button{cursor:pointer;border:none;border-radius:6px;padding:9px 20px;font-size:14px;font-weight:600;transition:all .15s}#btn-submit{background:var(--pega-blue);color:#fff}#btn-submit:hover{background:var(--pega-dark)}#btn-submit:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}#btn-next{background:var(--pega-dark);color:#fff;display:none}#btn-next:hover{background:var(--pega-blue)}#quiz-results{max-width:720px;margin:0 auto;padding:32px 40px;display:none}.results-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;margin-bottom:20px;padding:28px 32px}.results-card .big-score{margin-bottom:6px;font-size:56px;font-weight:900;line-height:1}.results-card .score-label{color:var(--muted);margin-bottom:16px;font-size:15px}.results-card .pass-badge{border-radius:20px;margin-bottom:16px;padding:6px 18px;font-size:14px;font-weight:700;display:inline-block}.pass-badge.pass{color:#155724;background:#d4edda}.pass-badge.fail{color:#721c24;background:#f8d7da}.result-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.rs{background:var(--bg);border-radius:8px;padding:12px}.rs .n{font-size:22px;font-weight:800}.rs .l{color:var(--muted);margin-top:2px;font-size:12px}.results-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.results-actions button{cursor:pointer;border:none;border-radius:6px;padding:9px 20px;font-size:14px;font-weight:600}.btn-retry{background:var(--pega-blue);color:#fff}.btn-home{background:var(--border);color:var(--text)}#welcome{text-align:center;max-width:640px;margin:48px auto;padding:0 20px}#welcome .logo-text{color:var(--pega-dark);letter-spacing:-1px;font-size:40px;font-weight:900}#welcome .logo-text span{color:var(--pega-blue)}#welcome p{color:var(--muted);margin:14px 0 28px;font-size:15px;line-height:1.7}.welcome-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.wcard{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px}.wcard .n{color:var(--pega-blue);font-size:30px;font-weight:800}.wcard .l{color:var(--muted);margin-top:3px;font-size:13px}.welcome-btns{justify-content:center;gap:10px;display:flex}.welcome-btns button{cursor:pointer;border:none;border-radius:7px;padding:11px 24px;font-size:14px;font-weight:700}.wb-study{background:var(--pega-blue);color:#fff}.wb-study:hover{background:var(--pega-dark)}.wb-quiz{background:var(--pega-light);color:var(--pega-dark);border:1px solid #b8dde8}.wb-quiz:hover{background:var(--border)}#hamburger{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:4px 6px;font-size:20px;line-height:1;display:none}#hamburger:hover{background:var(--border)}#sidebar-overlay{z-index:99;background:#00000073;display:none;position:fixed;inset:0}#sidebar-overlay.visible{display:block}@media (width<=768px){body{overflow:hidden}#hamburger{align-items:center;display:inline-flex}#sidebar{z-index:100;height:100%;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}#sidebar.open{transform:translate(0)}#main{width:100%}#topbar{gap:8px;padding:10px 12px}#topbar .breadcrumb{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;overflow:hidden}.top-btn{padding:6px 10px;font-size:12px}#study-view{padding:16px}#content-render h1{font-size:22px}#content-render h2{font-size:15px}#content-render p,#content-render li{font-size:14px}#welcome{margin:24px auto}#welcome .logo-text{font-size:32px}.welcome-grid{grid-template-columns:repeat(3,1fr);gap:8px}.wcard{padding:12px 8px}.wcard .n{font-size:22px}.welcome-btns{flex-direction:column;align-items:stretch}.welcome-btns button{width:100%;padding:13px;font-size:14px}#quiz-home{padding:20px 16px}#quiz-home h2{font-size:18px}.quiz-mode-grid{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.quiz-mode-card{text-align:left;align-items:center;gap:14px;padding:14px 16px;display:flex}.quiz-mode-card .icon{flex-shrink:0;margin-bottom:0;font-size:24px}.quiz-settings{padding:14px 16px}.setting-row{flex-wrap:wrap;gap:8px}.setting-row select{flex:1;min-width:0}.setting-row input[type=range]{width:100%}#quiz-header{gap:8px;padding:10px 14px}#quiz-body{padding:16px}.q-text{font-size:15px}.option-btn{padding:14px;font-size:14px}#quiz-nav button{padding:12px 20px;font-size:14px}#quiz-results{padding:16px}.results-card{padding:20px 16px}.results-card .big-score{font-size:44px}.results-actions button{padding:12px 20px;font-size:14px}.module-item{padding:10px 12px}.mod-title{font-size:14px}.done-chk{padding:4px;font-size:16px}}