:root{--nb-bg: #FFFBF3;--nb-surface: #FFFFFF;--nb-black: #0D0D0D;--nb-ink: #1A1A1A;--nb-muted: #5C5C5C;--nb-border: 3px solid #0D0D0D;--nb-shadow: 5px 5px 0px #0D0D0D;--nb-shadow-sm: 3px 3px 0px #0D0D0D;--nb-yellow: #FFD60A;--nb-coral: #FF4646;--nb-blue: #2563EB;--nb-green: #16A34A;--nb-purple: #5b21b6;--nb-yellow-light: #FFF8D0;--nb-coral-light: #FFE8E8;--nb-blue-light: #EFF6FF;--nb-green-light: #F0FDF4;--nb-purple-light: #F5F3FF;--font-display: "Syne", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}.review-wrapper{max-width:820px;margin:0 auto;padding:2rem 1.5rem 0;font-family:var(--font-body);color:var(--nb-ink);background:var(--nb-bg)}.tag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border:2px solid var(--nb-black)}.tag-bagian{background:var(--nb-yellow)}.tag-type{background:var(--nb-black);color:#fffbf3}.tag-modul{background:var(--nb-surface)}.review-header{background:var(--nb-purple);color:#fffbf3;padding:2rem;margin-bottom:2rem;border:var(--nb-border);box-shadow:var(--nb-shadow)}.rh-eyebrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}.rh-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1;letter-spacing:-.02em;margin:0 0 .2rem}.rh-aksen{color:var(--nb-yellow)}.rh-sub{font-size:1rem;color:#888;margin:0 0 1.5rem;font-style:italic}.rh-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid #333;overflow:hidden;margin-bottom:1.25rem}.rh-meta-item{padding:.9rem .75rem;text-align:center;border-right:2px solid #333;background:var(--nb-purple-light);transition:background .15s}.rh-meta-item:last-child{border-right:none}.rh-meta-item:hover{background:var(--nb-yellow-light)}.rmi-icon{font-size:1.3rem;margin-bottom:4px}.rmi-val{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--nb-purple)}.rmi-lbl{font-size:.68rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.rh-notice{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:#aaa;line-height:1.55;background:#ffffff0f;padding:.8rem 1rem;border:1px solid #333}.rn-dot{width:8px;height:8px;border-radius:50%;background:var(--nb-yellow);flex-shrink:0;margin-top:5px}.qa-progress-wrap{margin-bottom:1.75rem}.qap-label{font-size:.78rem;font-weight:700;color:var(--nb-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.qap-track{height:8px;background:#e5e5e5;border:2px solid var(--nb-black)}.qap-fill{height:100%;background:var(--nb-yellow);transition:width .4s ease}.soal-card{background:var(--nb-surface);border:var(--nb-border);box-shadow:var(--nb-shadow);margin-bottom:1.75rem;overflow:hidden;transition:box-shadow .2s}.soal-card.is-answered{border-color:var(--nb-green);box-shadow:5px 5px 0 var(--nb-green)}.sc-header{display:flex;align-items:center;gap:14px;padding:1rem 1.25rem;background:var(--nb-black);color:#fffbf3;border-bottom:var(--nb-border)}.sc-num{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--nb-yellow);min-width:32px}.sc-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-type-badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border:1.5px solid currentColor}.badge-pg{color:var(--nb-yellow)}.badge-bs{color:#60efb0}.badge-jd{color:#a78bff}.badge-ur{color:#ff9a5c}.badge-ms{color:#7ab3ff}.sc-src{font-size:.72rem;color:#7fffd4}.sc-pts{font-size:.72rem;color:#fff;margin-left:auto;white-space:nowrap}.sc-pertanyaan{padding:1.3rem 1.4rem 1rem;font-size:.97rem;line-height:1.7;color:var(--nb-ink);border-bottom:2px solid #f0ece3}.sc-status{padding:0 1.4rem .5rem;font-size:.8rem;font-weight:700;color:var(--nb-green);min-height:28px}.rumpang-box{background:var(--nb-bg);border:2px solid var(--nb-black);margin:0 1.4rem 1.4rem;padding:1.5rem;border-radius:0;font-size:1.05rem;line-height:2;box-shadow:var(--nb-shadow-sm)}.inline-select{appearance:none;border:2px solid var(--nb-black);padding:4px 30px 4px 10px;font-weight:700;font-family:var(--font-body);background:var(--nb-surface) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%230D0D0D" viewBox="0 0 16 16"><path d="M4 6h8l-4 5z"/></svg>') no-repeat right 8px center;cursor:pointer;color:var(--nb-blue);outline:none;transition:all .2s}.inline-select:focus{border-color:var(--nb-blue);box-shadow:3px 3px 0 var(--nb-blue)}.inline-select.has-val{background-color:var(--nb-yellow-light);color:var(--nb-ink)}.matrix-wrapper{margin:0 1.4rem 1.4rem;overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;min-width:500px;border:2px solid var(--nb-black)}.matrix-table th,.matrix-table td{border:2px solid var(--nb-black);padding:12px;text-align:center}.matrix-table th{background:var(--nb-black);color:var(--nb-yellow);font-family:var(--font-display);font-size:.95rem}.matrix-table td.mt-label{text-align:left;font-weight:600;background:var(--nb-bg);width:45%}.radio-custom{transform:scale(1.6);accent-color:var(--nb-blue);cursor:pointer}.block-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:0 1.4rem 1.4rem}.block-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--nb-black);background:var(--nb-surface);padding:1.5rem;text-align:center;font-family:var(--font-body);cursor:pointer;box-shadow:var(--nb-shadow-sm);transition:all .15s}.bo-icon{font-size:2.5rem;margin-bottom:10px}.bo-title{font-weight:800;font-size:1.1rem;color:var(--nb-ink);margin-bottom:5px}.bo-sub{font-size:.85rem;color:var(--nb-muted)}.block-opt:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--nb-black);background:var(--nb-yellow-light)}.block-opt.selected{background:var(--nb-yellow-light);border-color:var(--nb-blue);box-shadow:4px 4px 0 var(--nb-blue)}.block-opt:disabled{cursor:default}.bs-list{padding:0 1.4rem 1.4rem;display:flex;flex-direction:column;gap:0}.bs-item{padding:1.2rem 0;border-bottom:2px solid #f0ece3}.bs-item:last-child{border-bottom:none}.bs-text{font-size:.95rem;line-height:1.65;margin:0 0 .8rem;font-weight:500}.bs-btns{display:flex;gap:10px}.bs-btn{background:var(--nb-bg);border:2px solid var(--nb-black);padding:.6rem 1.2rem;cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:700;box-shadow:var(--nb-shadow-sm);transition:background .12s,transform .1s}.bs-btn:hover:not(:disabled){background:var(--nb-yellow-light);transform:translate(-1px,-1px)}.bs-btn.selected-benar{background:var(--nb-green-light);border-color:var(--nb-green);color:var(--nb-green);box-shadow:3px 3px 0 var(--nb-green)}.bs-btn.selected-salah{background:var(--nb-coral-light);border-color:var(--nb-coral);color:var(--nb-coral);box-shadow:3px 3px 0 var(--nb-coral)}.bs-btn:disabled{cursor:default}.case-box{background:var(--nb-blue-light);border:2px solid var(--nb-black);padding:1.25rem;font-size:.95rem;line-height:1.6;margin:1.4rem;box-shadow:4px 4px 0 var(--nb-blue)}.pg-options{padding:0 1.4rem 1.4rem;display:flex;flex-direction:column;gap:10px}.pg-opt{display:flex;align-items:flex-start;gap:12px;background:var(--nb-bg);border:2px solid var(--nb-black);padding:.8rem 1rem;cursor:pointer;font-family:var(--font-body);text-align:left;transition:background .12s,transform .1s,box-shadow .1s;box-shadow:var(--nb-shadow-sm)}.pg-opt:hover:not(:disabled){background:var(--nb-yellow-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--nb-black)}.pg-opt.selected{background:var(--nb-yellow-light);border-color:var(--nb-black);font-weight:600}.pg-opt:disabled{cursor:default}.pg-key{font-family:var(--font-display);font-weight:800;font-size:.9rem;background:var(--nb-black);color:var(--nb-yellow);min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-text{font-size:.9rem;line-height:1.5}.submit-zone{margin:1rem 0 2.5rem}.sz-warning{background:var(--nb-yellow-light);border:var(--nb-border);padding:.85rem 1.1rem;font-size:.9rem;font-weight:600;margin-bottom:1rem;box-shadow:var(--nb-shadow-sm)}.submit-btn{width:100%;background:var(--nb-black);color:var(--nb-yellow);border:var(--nb-border);padding:1.1rem;font-family:var(--font-display);font-size:1.05rem;font-weight:800;cursor:pointer;letter-spacing:.03em;transition:transform .1s,box-shadow .1s;box-shadow:var(--nb-shadow)}.submit-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--nb-yellow)}.submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:var(--nb-shadow)}.results-panel{margin-bottom:3rem;animation:riseUp .4s ease}@keyframes riseUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rp-score-wrap{background:var(--nb-black);color:#fffbf3;border:var(--nb-border);box-shadow:var(--nb-shadow);padding:2rem;margin-bottom:1.25rem}.rps-inner{display:flex;align-items:baseline;gap:8px;margin-bottom:1rem}.rps-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-right:8px}.rps-num{font-family:var(--font-display);font-size:3.5rem;font-weight:800;color:var(--nb-yellow);line-height:1}.rps-max{font-size:1.5rem;color:#555}.rps-bar-track{height:14px;background:#222;border:2px solid #444;position:relative;margin-bottom:6px}.rps-bar-fill{height:100%;background:var(--nb-yellow);transition:width 1s ease}.rps-bar-min{position:absolute;left:80%;top:-4px;bottom:-4px;width:3px;background:var(--nb-coral)}.rps-bar-min:after{content:"80";position:absolute;top:-20px;left:-8px;font-size:.65rem;color:var(--nb-coral);font-weight:700}.rps-bar-labels{display:flex;font-size:.72rem;color:#555}.rp-verdict{border:var(--nb-border);box-shadow:var(--nb-shadow);padding:1.75rem;margin-bottom:2rem;text-align:center}.verdict-pass{background:var(--nb-green-light)}.verdict-fail{background:var(--nb-coral-light)}.vd-icon{font-size:3rem;margin-bottom:.5rem}.vd-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--nb-black);margin-bottom:.4rem}.vd-msg{font-size:.95rem;line-height:1.65;color:var(--nb-ink);max-width:500px;margin:0 auto}.rp-review-header{margin-bottom:0;padding:1.5rem 1.5rem 1rem;background:var(--nb-black);color:#fffbf3;border:var(--nb-border);border-bottom:none}.rrh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.rrh-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:#fffbf3;margin:0 0 4px}.rrh-sub{font-size:.85rem;color:#888;margin:0}.rv-summary{display:grid;grid-template-columns:repeat(3,1fr);border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:1.75rem}.rv-sum-item{padding:1.1rem 1rem;text-align:center;border-right:2px solid var(--nb-black)}.rv-sum-item:last-child{border-right:none}.rv-sum-correct{background:var(--nb-green-light)}.rv-sum-partial{background:var(--nb-yellow-light)}.rv-sum-wrong{background:var(--nb-coral-light)}.rsi-num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;display:block;line-height:1;margin-bottom:4px}.rv-sum-correct .rsi-num{color:var(--nb-green)}.rv-sum-partial .rsi-num{color:#b07d00}.rv-sum-wrong .rsi-num{color:var(--nb-coral)}.rsi-lbl{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--nb-black)}.rp-reviews{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.rv-card{border:var(--nb-border);overflow:hidden;transition:box-shadow .2s}.rv-card.rv-correct{border-color:var(--nb-green);box-shadow:5px 5px 0 var(--nb-green)}.rv-card.rv-wrong{border-color:var(--nb-coral);box-shadow:5px 5px 0 var(--nb-coral)}.rv-card.rv-partial{border-color:#c8930a;box-shadow:5px 5px #c8930a}.rv-stripe{height:6px}.rv-correct .rv-stripe{background:var(--nb-green)}.rv-wrong .rv-stripe{background:var(--nb-coral)}.rv-partial .rv-stripe{background:var(--nb-yellow)}.rv-header{display:flex;align-items:center;gap:0;background:var(--nb-black);color:#fffbf3;border-bottom:var(--nb-border)}.rv-header-left{display:flex;align-items:center;gap:12px;padding:.9rem 1.25rem;flex:1;border-right:2px solid #333}.rv-badge{font-family:var(--font-display);font-size:1.1rem;font-weight:800;background:var(--nb-yellow);color:var(--nb-black);width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,214,10,.4)}.rv-type{font-size:.85rem;font-weight:700;color:#fffbf3;display:block;line-height:1.2}.rv-modul-ref{font-size:.7rem;color:#888;margin-top:2px;display:block}.rv-status-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.9rem 1.5rem;border-right:2px solid #333;flex-shrink:0}.rv-status-icon{font-size:1.6rem;line-height:1}.rv-status-text{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#888;white-space:nowrap}.rv-pts-block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.9rem 1.25rem;text-align:center;flex-shrink:0}.rv-pts-num{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--nb-yellow);line-height:1}.rv-pts-sep{font-size:.85rem;color:#555}.rv-pts-lbl{font-size:.6rem;color:#666;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.rv-pts-bar-track{width:80px;height:5px;background:#333;border:1.5px solid #555;margin-top:5px}.rv-pts-bar-fill{height:100%;transition:width .5s ease}.rv-correct .rv-pts-bar-fill{background:var(--nb-green)}.rv-wrong .rv-pts-bar-fill{background:var(--nb-coral)}.rv-partial .rv-pts-bar-fill{background:var(--nb-yellow)}.rv-question-bar{padding:.9rem 1.25rem;background:#faf8f3;border-bottom:2px solid #e8e3d8}.rv-q-label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--nb-muted);display:block;margin-bottom:5px}.rv-q-text{font-size:.9rem;line-height:1.62;margin:0;color:var(--nb-ink)}.rv-answers{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--nb-black)}.rv-answers.rv-answers-full{grid-template-columns:1fr}.rv-ans-box{padding:1.1rem 1.25rem}.rv-ans-box+.rv-ans-box{border-left:2px solid var(--nb-black)}.rv-ans-head{display:flex;align-items:center;gap:7px;margin-bottom:.65rem;padding-bottom:.5rem;border-bottom:2px solid rgba(0,0,0,.1)}.rv-ans-icon{font-size:.95rem}.rv-ans-title{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--nb-black)}.rv-ans-content{font-size:.88rem;line-height:1.7}.rv-ans-user-correct{background:var(--nb-green-light)}.rv-ans-user-partial{background:var(--nb-yellow-light)}.rv-ans-user-wrong{background:var(--nb-coral-light)}.rv-ans-correct-box{background:var(--nb-green-light)}.rv-explainer{padding:1.1rem 1.25rem;background:var(--nb-surface)}.rv-exp-header{display:flex;align-items:center;gap:8px;margin-bottom:.7rem}.rv-exp-icon{font-size:1.1rem}.rv-exp-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--nb-black)}.rv-exp-content{font-size:.88rem;line-height:1.7;background:var(--nb-yellow-light);border:2px solid var(--nb-black);padding:.85rem 1rem}.rp-actions{display:flex;flex-direction:column;gap:12px}.action-btn-pass,.action-btn-retry{display:block;width:100%;padding:1.1rem;font-family:var(--font-display);font-size:1rem;font-weight:800;cursor:pointer;border:var(--nb-border);text-align:center;text-decoration:none;transition:transform .1s,box-shadow .1s;box-shadow:var(--nb-shadow)}.action-btn-pass{background:var(--nb-green);color:#fff}.action-btn-pass:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--nb-black)}.action-btn-retry{background:var(--nb-yellow);color:var(--nb-black)}.action-btn-retry:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--nb-black)}.modul-footer{background:var(--nb-black);color:#fffbf3;margin-top:3rem;border-top:var(--nb-border)}.footer-inner{padding:1.5rem;max-width:820px;margin:0 auto}.modul-nav{display:flex;gap:12px;align-items:stretch;margin-bottom:1rem}.nav-btn{display:flex;flex-direction:column;gap:4px;border:2px solid #444;padding:1rem 1.25rem;background:#1a1a1a;text-decoration:none;color:#fffbf3;flex:1;max-width:280px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.nav-btn:hover{border-color:var(--nb-yellow);background:#222;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--nb-yellow)}.nav-next{margin-left:auto;text-align:right}.nav-arah{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.nav-badge{display:inline-block;background:var(--nb-yellow);color:var(--nb-black);font-size:.7rem;font-weight:800;padding:2px 7px;border:1.5px solid var(--nb-black);align-self:flex-start}.nav-next .nav-badge{align-self:flex-end}.nav-nama{font-size:.86rem;font-weight:600;color:#fffbf3;line-height:1.35}.footer-copy{text-align:center;font-size:.72rem;color:#4bfce2;padding-top:.75rem;border-top:1px solid #333}@media(max-width:640px){.rh-meta-grid{grid-template-columns:repeat(2,1fr)}.block-grid{grid-template-columns:1fr}.rv-answers{grid-template-columns:1fr!important}.rv-ans-box+.rv-ans-box{border-left:none;border-top:2px solid var(--nb-black)}.rv-summary{grid-template-columns:1fr}.rv-sum-item{border-right:none;border-bottom:2px solid var(--nb-black)}.rv-sum-item:last-child{border-bottom:none}.rv-header{flex-wrap:wrap}.rv-status-center,.rv-pts-block{padding:.7rem 1rem}.modul-nav{flex-wrap:wrap}.nav-btn{max-width:100%}}