@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--su-primary:#6366f1;--su-primary-l:#818cf8;--su-success:#22c55e;--su-danger:#ef4444;--su-warning:#f59e0b;--su-bg:#0f172a;--su-surface:#1e293b;--su-surface2:#334155;--su-border:#334155;--su-text:#ffffff;--su-muted:#cbd5e1;--su-radius:14px;--su-shadow:0 8px 32px rgba(0, 0, 0, .5)}.su-app{font-family:'Inter',sans-serif;color:var(--su-text);line-height:1.6;width:100%;align-self:flex-start!important;margin-top:0!important;--su-header-h:60px}.su-start-card{background:var(--su-surface);border:1px solid var(--su-border);border-radius:var(--su-radius);padding:40px;text-align:center;box-shadow:var(--su-shadow);position:relative;overflow:hidden}.su-start-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899)}.su-exam-cover{margin-bottom:20px}.su-exam-cover img{border-radius:10px;max-height:180px;object-fit:cover;width:100%}.su-exam-title{font-size:1.8rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,var(--su-text),var(--su-primary));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.su-exam-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.su-meta-item{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--su-surface2);border-radius:20px;font-size:.85rem;color:var(--su-muted)}.su-meta-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.su-mode-badge{font-weight:600}.su-mode-tryout{background:rgb(99 102 241 / .15);color:var(--su-primary)}.su-mode-simulasi{background:rgb(34 197 94 / .15);color:var(--su-success)}.su-exam-desc{color:var(--su-muted);font-size:.9rem;margin-bottom:24px;text-align:left;background:var(--su-surface2);border-radius:10px;padding:16px}.su-guest-form{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.su-input{flex:1;min-width:180px;background:var(--su-bg);border:1px solid var(--su-border);color:var(--su-text);border-radius:10px;padding:12px 16px;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.su-input:focus{border-color:var(--su-primary);box-shadow:0 0 0 3px rgb(99 102 241 / .2)}.su-input::placeholder{color:var(--su-muted)}.su-btn--start{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;padding:16px 40px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 4px 20px rgb(99 102 241 / .4);letter-spacing:.02em}.su-btn--start:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 30px rgb(99 102 241 / .5)}.su-btn--start:active{transform:translateY(0)}.su-screen--quiz{height:calc(100vh - var(--wp-admin--admin-bar--height, 0px));display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--su-surface)}.su-quiz-header{background:var(--su-bg);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--su-border);flex-shrink:0;box-shadow:0 2px 16px rgb(0 0 0 / .2)}.su-quiz-info{display:flex;flex-direction:column;gap:2px}.su-exam-name{font-weight:600;font-size:.95rem}.su-mode-label{font-size:.8rem;color:var(--su-muted)}.su-quiz-controls{display:flex;align-items:center;gap:16px}.su-progress-wrap{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.su-progress-text{font-size:.82rem;color:var(--su-muted)}.su-progress-bar{width:150px;height:6px;background:var(--su-surface2);border-radius:3px;overflow:hidden}.su-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .4s ease;width:0%}.su-timer{display:flex;align-items:center;gap:6px;background:var(--su-surface2);border-radius:10px;padding:8px 14px;font-weight:700;font-size:.9rem;color:var(--su-text);transition:background .3s,color .3s}.su-timer svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.su-timer.su-timer-warning{background:rgb(245 158 11 / .2);color:var(--su-warning)}.su-timer.su-timer-danger{background:rgb(239 68 68 / .2);color:var(--su-danger);animation:su-pulse 1s infinite}@keyframes su-pulse{0%,100%{opacity:1}50%{opacity:.6}}.su-question-nav{padding:10px 24px;display:flex;flex-wrap:wrap;gap:6px;background:var(--su-bg);border-bottom:1px solid var(--su-border);flex-shrink:0;box-shadow:0 2px 8px rgb(0 0 0 / .12);max-height:40vh;overflow-y:auto}.su-nav-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--su-surface2);background:var(--su-surface);color:var(--su-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.su-nav-btn:hover{border-color:var(--su-primary);color:var(--su-primary)}.su-nav-btn.su-active{background:var(--su-primary);color:#fff;border-color:var(--su-primary)}.su-nav-btn.su-answered{background:rgb(34 197 94 / .15);border-color:var(--su-success);color:var(--su-success)}.su-nav-btn.su-correct{background:rgb(34 197 94 / .2);border-color:var(--su-success);color:var(--su-success)}.su-nav-btn.su-incorrect{background:rgb(239 68 68 / .2);border-color:var(--su-danger);color:var(--su-danger)}.su-question-body{padding:28px 32px 24px;flex:1 1 0%;overflow-y:auto;overflow-x:hidden;max-width:100%;scroll-behavior:smooth}.su-question-body>*{max-width:860px;margin-left:auto;margin-right:auto}.su-question-number{font-size:.8rem;color:var(--su-primary-l);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.su-question-text{font-size:1.05rem;font-weight:500;margin-bottom:24px;color:var(--su-text);line-height:1.7}.su-question-text p{margin:0 0 8px}.su-choices{display:flex;flex-direction:column;gap:10px}.su-choice{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:var(--su-bg);border:2px solid var(--su-surface2);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.su-choice:hover{border-color:var(--su-primary);background:rgb(99 102 241 / .07)}.su-choice.su-selected{border-color:var(--su-primary);background:rgb(99 102 241 / .12)}.su-choice.su-correct-ans{border-color:var(--su-success);background:rgb(34 197 94 / .1)}.su-choice.su-wrong-ans{border-color:var(--su-danger);background:rgb(239 68 68 / .08)}.su-choice.su-disabled{cursor:default}.su-choice-letter{min-width:30px;height:30px;border-radius:50%;background:var(--su-surface2);color:var(--su-muted);font-weight:700;font-size:.82rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.su-choice.su-selected .su-choice-letter{background:var(--su-primary);color:#fff}.su-choice.su-correct-ans .su-choice-letter{background:var(--su-success);color:#fff}.su-choice.su-wrong-ans .su-choice-letter{background:var(--su-danger);color:#fff}.su-choice-content{flex:1;color:var(--su-text);font-size:.95rem;line-height:1.5}.su-choice-content p{margin:0}.su-choice-indicator{font-size:1.1rem;margin-left:auto;flex-shrink:0;align-self:center}.su-explanation{margin-top:20px;padding:16px 20px;background:rgb(99 102 241 / .1);border-left:3px solid var(--su-primary);border-radius:0 10px 10px 0;font-size:.9rem;color:var(--su-muted);animation:su-fade-in .3s ease}.su-explanation strong{color:var(--su-primary-l);display:block;margin-bottom:6px}@keyframes su-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.su-quiz-footer{padding:14px 32px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--su-border);gap:10px;flex-wrap:wrap;flex-shrink:0;background:var(--su-surface);box-shadow:0 -2px 16px rgb(0 0 0 / .15)}.su-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;border:1px solid var(--su-border);background:var(--su-surface2);color:var(--su-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif}.su-btn:hover{background:var(--su-surface2);border-color:var(--su-primary);color:var(--su-primary-l)}.su-btn:disabled{opacity:.6;background:var(--su-surface2)!important;color:var(--su-muted)!important;border-color:var(--su-border)!important;cursor:not-allowed}.su-btn--finish{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#fff0;font-weight:700;margin-left:auto}.su-btn--finish:hover{filter:brightness(1.1);color:#fff;border-color:#fff0}.su-screen--result{max-height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth;background:var(--su-surface)}.su-screen--result::-webkit-scrollbar{width:6px}.su-screen--result::-webkit-scrollbar-track{background:#fff0}.su-screen--result::-webkit-scrollbar-thumb{background:var(--su-surface2);border-radius:3px}.su-screen--result::-webkit-scrollbar-thumb:hover{background:var(--su-border)}.su-result-card{background:var(--su-surface);width:100%;overflow:visible}.su-result-header{background:var(--su-bg);padding:40px;text-align:center;position:relative;overflow:hidden}.su-result-header::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899)}.su-result-emoji{font-size:4rem;display:block;margin-bottom:16px;animation:su-bounce .6s ease}@keyframes su-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}.su-result-title{font-size:1.6rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--su-text),var(--su-primary));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.su-result-subtitle{color:var(--su-muted);font-size:.95rem}.su-score-circle-wrap{display:flex;justify-content:center;margin:24px 0}.su-score-circle{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--su-primary) var(--score-pct,0%),var(--su-surface2) 0);display:flex;align-items:center;justify-content:center;position:relative}.su-score-circle::before{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--su-bg)}.su-score-value{position:relative;z-index:1;text-align:center}.su-score-number{font-size:2rem;font-weight:700;color:var(--su-text);display:block}.su-score-label{font-size:.75rem;color:var(--su-muted)}.su-result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;padding:24px 40px}.su-result-stat{text-align:center;padding:16px;background:var(--su-bg);border-radius:10px;border:1px solid var(--su-border)}.su-result-stat-value{font-size:1.8rem;font-weight:700;display:block}.su-result-stat-label{font-size:.78rem;color:var(--su-muted);margin-top:4px}.su-stat-correct .su-result-stat-value{color:var(--su-success)}.su-stat-wrong .su-result-stat-value{color:var(--su-danger)}.su-stat-skip .su-result-stat-value{color:var(--su-warning)}.su-stat-time .su-result-stat-value{color:var(--su-primary-l)}.su-grade-badge{display:inline-block;padding:8px 24px;border-radius:20px;font-size:1.2rem;font-weight:800;letter-spacing:.1em;margin:8px 0}.su-grade-A{background:rgb(34 197 94 / .15);color:var(--su-success);border:1px solid var(--su-success)}.su-grade-B{background:rgb(99 102 241 / .15);color:var(--su-primary);border:1px solid var(--su-primary)}.su-grade-C{background:rgb(245 158 11 / .15);color:var(--su-warning);border:1px solid var(--su-warning)}.su-grade-D{background:rgb(239 68 68 / .15);color:var(--su-danger);border:1px solid var(--su-danger)}.su-scoring-context{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:6px 16px;border-radius:20px;background:rgb(255 255 255 / .05);border:1px solid var(--su-border);font-size:.82rem;color:var(--su-muted);animation:su-fade-in .4s ease}.su-scoring-context-icon{font-size:1rem}.su-scoring-context strong{color:var(--su-text)}.su-result-actions{display:flex;justify-content:center;gap:12px;padding:16px 40px 24px;flex-wrap:wrap}.su-btn--retry{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#fff0;font-weight:600}.su-btn--retry:hover{filter:brightness(1.1);color:#fff;border-color:#fff0}.su-leaderboard{background:var(--su-surface);border:1px solid var(--su-border);border-radius:var(--su-radius);overflow:hidden;box-shadow:var(--su-shadow);font-family:'Inter',sans-serif}.su-lb-title{background:var(--su-bg);color:var(--su-text);margin:0;padding:20px 24px;font-size:1.2rem;font-weight:700;border-bottom:1px solid var(--su-border)}.su-lb-table-wrap{overflow-x:auto}.su-lb-table{width:100%;border-collapse:collapse;font-size:.9rem}.su-lb-table th{background:var(--su-bg);color:var(--su-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;text-align:left;border-bottom:1px solid var(--su-border)}.su-lb-table td{padding:12px 16px;border-bottom:1px solid var(--su-border);color:var(--su-text)}.su-lb-table tr:last-child td{border-bottom:none}.su-lb-row{transition:background .15s}.su-lb-row:hover{background:rgb(255 255 255 / .03)}.su-lb-top td:first-child{font-size:1.2rem}.su-lb-rank{font-weight:700;text-align:center}.su-lb-user{display:flex;align-items:center;gap:10px}.su-lb-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.su-lb-score{font-weight:700;color:var(--su-primary-l)}.su-lb-empty{padding:40px;text-align:center;color:var(--su-muted)}.su-error{color:var(--su-danger);font-style:italic}@media(max-width:640px){.su-start-card{padding:24px 20px}.su-exam-title{font-size:1.4rem}.su-quiz-header{padding:10px 16px}.su-question-body{padding:14px 14px 14px}.su-quiz-footer{padding:10px 14px}.su-btn--finish{width:100%;justify-content:center;margin-left:0}.su-progress-bar{width:100px}.su-question-nav{padding:8px 12px;max-height:25vh}.su-result-stats{grid-template-columns:1fr 1fr}.su-result-card{max-width:100%}.su-theme-selector{display:none}}.su-resume-card{background:linear-gradient(135deg,rgb(99 102 241 / .15),rgb(139 92 246 / .15));border:1px solid rgb(99 102 241 / .4);border-radius:12px;padding:24px;margin-bottom:20px;text-align:center;animation:su-fade-in .4s ease}.su-resume-icon{font-size:2.5rem;margin-bottom:8px}.su-resume-card h3{color:var(--su-text);font-size:1.1rem;font-weight:700;margin:0 0 8px}.su-resume-card>p{color:var(--su-muted);margin:0 0 14px;font-size:.9rem}.su-resume-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.su-resume-meta span{background:rgb(255 255 255 / .06);border:1px solid var(--su-border);border-radius:20px;padding:5px 12px;font-size:.82rem;color:var(--su-muted)}.su-resume-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.su-btn--resume{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#fff0;font-weight:700}.su-btn--resume:hover{filter:brightness(1.1);color:#fff;border-color:#fff0}.su-btn--restart{color:var(--su-muted)}.su-resume-note{font-size:.78rem;color:var(--su-muted);margin:0}.su-loading-overlay,.su-review-loading{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--su-muted);font-size:.9rem}.su-spinner,.su-spinner-large{width:36px;height:36px;border-radius:50%;border:3px solid var(--su-surface2);border-top-color:var(--su-primary);animation:su-spin .7s linear infinite}.su-spinner-large{width:56px;height:56px;border-width:4px}@keyframes su-spin{to{transform:rotate(360deg)}}.su-finishing-overlay{position:absolute;inset:0;background:rgb(15 23 42 / .85);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;border-radius:var(--su-radius)}.su-finishing-msg{color:var(--su-text);font-size:1rem;font-weight:500;text-align:center;max-width:260px}.su-offline-alert{background:rgb(239 68 68 / .08);border:1px solid rgb(239 68 68 / .35);border-radius:12px;padding:24px;margin:16px;text-align:center;animation:su-fade-in .3s ease}.su-offline-icon{font-size:2.5rem;margin-bottom:8px}.su-offline-alert h3{color:#fca5a5;font-size:1.1rem;font-weight:700;margin:0 0 8px}.su-offline-alert>p{color:var(--su-muted);font-size:.9rem;margin:0 0 12px}.su-offline-safe{background:rgb(34 197 94 / .08);border:1px solid rgb(34 197 94 / .25);border-radius:8px;padding:12px 16px;color:#86efac;font-size:.88rem;line-height:1.6;margin:12px 0 16px}.su-offline-safe strong{color:#4ade80}.su-offline-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.su-btn--retry-submit{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#fff0;font-weight:700}.su-btn--retry-submit:hover{filter:brightness(1.1);color:#fff;border-color:#fff0}.su-offline-note{font-size:.75rem;color:var(--su-muted);margin:12px 0 0}.su-review{border-top:1px solid var(--su-border);padding:24px}.su-review h3{color:var(--su-text);font-size:1.1rem;font-weight:700;margin:0 0 16px}.su-review-item{background:var(--su-bg);border-radius:10px;border:1px solid var(--su-border);margin-bottom:12px;overflow:hidden}.su-review-correct{border-color:rgb(34 197 94 / .35)}.su-review-wrong{border-color:rgb(239 68 68 / .3)}.su-review-skip{border-color:rgb(245 158 11 / .3)}.su-review-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:rgb(255 255 255 / .03);border-bottom:1px solid var(--su-border);flex-wrap:wrap;gap:6px}.su-review-num{font-size:.8rem;font-weight:600;color:var(--su-primary-l)}.su-review-verdict{font-size:.82rem;font-weight:700}.su-review-correct .su-review-verdict{color:var(--su-success)}.su-review-wrong .su-review-verdict{color:var(--su-danger)}.su-review-skip .su-review-verdict{color:var(--su-warning)}.su-review-q{padding:12px 16px 8px;color:var(--su-text);font-size:.92rem;font-weight:500}.su-review-q p{margin:0}.su-review-choices{padding:0 16px 12px;display:flex;flex-direction:column;gap:6px}.su-review-choice{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:8px;background:var(--su-surface);color:var(--su-muted);font-size:.88rem;flex-wrap:wrap}.su-review-choice span{font-weight:700;min-width:18px}.su-review-choice.su-correct-ans{background:rgb(34 197 94 / .12);color:#86efac;border:1px solid rgb(34 197 94 / .3)}.su-review-choice.su-wrong-ans{background:rgb(239 68 68 / .08);color:#fca5a5;border:1px solid rgb(239 68 68 / .25)}.su-review-correct-mark{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;background:rgb(34 197 94 / .25);color:#86efac;font-size:.71rem;font-weight:700;flex-shrink:0;margin-left:auto;border:1px solid rgb(34 197 94 / .4);white-space:nowrap}.su-review-explanation{display:flex;align-items:flex-start;gap:10px;margin:4px 16px 12px;padding:10px 14px;background:rgb(99 102 241 / .1);border-left:3px solid var(--su-primary);border-radius:0 8px 8px 0;color:var(--su-muted);font-size:.85rem;line-height:1.6;animation:su-fade-in .3s ease}.su-review-explanation--no-text{background:rgb(245 158 11 / .08);border-left-color:#f59e0b}.su-explanation-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.su-explanation-body{flex:1;min-width:0}.su-explanation-body p{margin:0}.su-explanation-body strong{color:var(--su-text)}.su-toast{position:fixed;bottom:24px;right:24px;z-index:99999;padding:14px 20px;border-radius:12px;font-family:'Inter',sans-serif;font-size:.9rem;font-weight:500;box-shadow:0 8px 32px rgb(0 0 0 / .4);opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;max-width:340px}.su-toast--visible{opacity:1;transform:translateY(0)}.su-toast--ok{background:#14532d;color:#86efac;border:1px solid #22c55e}.su-toast--error{background:#450a0a;color:#fca5a5;border:1px solid #ef4444}.su-question-body::-webkit-scrollbar{width:6px}.su-question-body::-webkit-scrollbar-track{background:#fff0}.su-question-body::-webkit-scrollbar-thumb{background:var(--su-surface2);border-radius:3px}.su-question-body::-webkit-scrollbar-thumb:hover{background:var(--su-border)}.su-question-nav::-webkit-scrollbar{height:4px;width:4px}.su-question-nav::-webkit-scrollbar-track{background:#fff0}.su-question-nav::-webkit-scrollbar-thumb{background:var(--su-surface2);border-radius:2px}.su-group-header{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:16px;background:linear-gradient(135deg,rgb(79 70 229 / .15),rgb(124 58 237 / .1));border:1px solid rgb(99 102 241 / .3);border-radius:10px;animation:su-group-slide-in .3s ease}@keyframes su-group-slide-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.su-group-header .su-group-badge{display:inline-block;padding:4px 14px;border-radius:20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.su-group-header .su-group-range{color:var(--su-muted);font-size:.82rem}.su-bank-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;margin-bottom:18px;background:linear-gradient(135deg,rgb(139 92 246 / .18),rgb(79 70 229 / .12));border:1px solid rgb(139 92 246 / .4);border-radius:12px;animation:su-bank-slide-in .35s ease}@keyframes su-bank-slide-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.su-bank-badge-wrap{display:flex;align-items:center;gap:10px}.su-bank-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;border-radius:20px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 2px 10px rgb(124 58 237 / .4)}.su-bank-kkm{display:inline-block;padding:3px 10px;border-radius:12px;background:rgb(245 158 11 / .2);color:#fde68a;font-size:.75rem;font-weight:600;border:1px solid rgb(245 158 11 / .3)}.su-bank-range{color:var(--su-muted);font-size:.8rem;flex-shrink:0}.su-nav-btn[class*="su-nav-bank-"]{border-bottom-width:3px}.su-per-choice-notice{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:rgb(245 158 11 / .15);border:1px solid rgb(245 158 11 / .3);color:#fde68a;font-size:.78rem;font-weight:600;margin-bottom:12px;animation:su-fade-in .3s ease}.su-choice-score-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 9px;border-radius:12px;font-size:.72rem;font-weight:700;flex-shrink:0;align-self:center;margin-left:auto;background:rgb(245 158 11 / .18);color:#fcd34d;border:1px solid rgb(245 158 11 / .3);min-width:44px;text-align:center}.su-bank-results{border-top:1px solid var(--su-border);padding:24px;animation:su-fade-in .4s ease}.su-bank-results-title{font-size:1rem;font-weight:700;color:var(--su-text);margin:0 0 16px;display:flex;align-items:center;gap:8px}.su-bank-results-table{width:100%;border-collapse:collapse;font-size:.88rem;border-radius:10px;overflow:hidden}.su-bank-results-table th{background:var(--su-bg);color:var(--su-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--su-border)}.su-bank-results-table td{padding:14px;border-bottom:1px solid rgb(51 65 85 / .5);color:var(--su-text);vertical-align:middle}.su-bank-results-table tr:last-child td{border-bottom:none}.su-bank-result-row{transition:background .15s}.su-bank-result-row:hover{background:rgb(255 255 255 / .03)}.su-bank-result-name{font-weight:600;color:var(--su-text)}.su-bank-result-score{font-size:1.1rem;font-weight:700;color:var(--su-primary-l)}.su-bank-result-score small{display:block;font-size:.72rem;font-weight:600;color:var(--su-muted)}.su-bank-result-detail{color:var(--su-muted);font-size:.82rem}.su-bank-result-status{font-size:.82rem;font-weight:600}.su-bank-pass{background:rgb(34 197 94 / .05)}.su-bank-fail{background:rgb(239 68 68 / .05)}.su-bank-pass .su-bank-result-score{color:#86efac}.su-bank-fail .su-bank-result-score{color:#fca5a5}.su-bank-pass .su-bank-result-status{color:#86efac}.su-bank-fail .su-bank-result-status{color:#fca5a5}.su-review-score{display:inline-flex;align-items:center;padding:2px 9px;border-radius:12px;background:rgb(99 102 241 / .2);color:#a5b4fc;font-size:.75rem;font-weight:700;margin-left:6px}.su-review-choice-score{display:inline-block;padding:1px 7px;border-radius:10px;font-size:.7rem;font-weight:700;background:rgb(245 158 11 / .15);color:#fcd34d;margin-left:6px;vertical-align:middle;flex-shrink:0}@media (max-width:640px){.su-bank-header{flex-direction:column;align-items:flex-start;gap:6px}.su-bank-results-table th,.su-bank-results-table td{padding:8px 10px;font-size:.8rem}.su-bank-result-detail{display:none}}.su-history-container{background:var(--su-surface);border:1px solid var(--su-border);border-radius:var(--su-radius);padding:24px;box-shadow:var(--su-shadow);color:var(--su-text)}.su-history-title{margin-top:0;margin-bottom:20px;font-size:1.3rem;font-weight:700;border-bottom:1px solid var(--su-border);padding-bottom:12px}.su-history-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:.9rem}.su-history-table th,.su-history-table td{padding:12px;border-bottom:1px solid var(--su-border);text-align:left}.su-history-table th{background:var(--su-surface2);color:var(--su-muted)}.su-history-table tr:hover{background:rgb(255 255 255 / .02)}.su-btn-detail{background:rgb(99 102 241 / .1);color:var(--su-primary-l);border:1px solid rgb(99 102 241 / .3);padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.su-btn-detail:hover{background:var(--su-primary);color:#fff}.su-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgb(15 23 42 / .8);backdrop-filter:blur(4px);overflow:auto}.su-modal-content{background-color:var(--su-surface);margin:5% auto;padding:24px;border:1px solid var(--su-border);border-radius:var(--su-radius);width:90%;max-width:800px;position:relative;box-shadow:0 10px 40px rgb(0 0 0 / .5)}.su-modal-close{color:var(--su-muted);float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.su-modal-close:hover{color:var(--su-danger)}.su-modal-title{margin-top:0;font-size:1.4rem;border-bottom:1px solid var(--su-border);padding-bottom:12px;margin-bottom:20px}.su-btn-page{background:var(--su-surface2);color:var(--su-text);border:1px solid var(--su-border);padding:6px 12px;margin:2px;cursor:pointer;border-radius:4px}.su-btn-active{background:var(--su-primary);color:#fff;border-color:var(--su-primary)}.su-app[data-theme="light"]{--su-primary:#4f46e5;--su-primary-l:#6366f1;--su-bg:#f1f5f9;--su-surface:#ffffff;--su-surface2:#e2e8f0;--su-border:#cbd5e1;--su-text:#020617;--su-muted:#334155;--su-shadow:0 8px 32px rgba(0, 0, 0, .06)}.su-app[data-theme="blue"]{--su-primary:#2563eb;--su-primary-l:#3b82f6;--su-bg:#eff6ff;--su-surface:#ffffff;--su-surface2:#dbeafe;--su-border:#bfdbfe;--su-text:#020617;--su-muted:#1e3a8a;--su-shadow:0 8px 32px rgba(37, 99, 235, .15)}.su-app[data-theme="nature"]{--su-primary:#059669;--su-primary-l:#10b981;--su-bg:#f0fdf4;--su-surface:#ffffff;--su-surface2:#dcfce7;--su-border:#bbf7d0;--su-text:#020617;--su-muted:#14532d;--su-shadow:0 8px 32px rgba(5, 150, 105, .12)}.su-app[data-theme="rose"]{--su-primary:#e11d48;--su-primary-l:#f43f5e;--su-bg:#fff1f2;--su-surface:#ffffff;--su-surface2:#ffe4e6;--su-border:#fecdd3;--su-text:#020617;--su-muted:#881337;--su-shadow:0 8px 32px rgba(225, 29, 72, .15)}.su-app[data-theme="sunset"]{--su-primary:#ea580c;--su-primary-l:#f97316;--su-bg:#fff7ed;--su-surface:#ffffff;--su-surface2:#ffedd5;--su-border:#fed7aa;--su-text:#020617;--su-muted:#9a3412;--su-shadow:0 8px 32px rgba(234, 88, 12, .15)}.su-app[data-theme="purple"]{--su-primary:#9333ea;--su-primary-l:#a855f7;--su-bg:#faf5ff;--su-surface:#ffffff;--su-surface2:#f3e8ff;--su-border:#e9d5ff;--su-text:#020617;--su-muted:#581c87;--su-shadow:0 8px 32px rgba(147, 51, 234, .15)}.su-app[data-theme="teal"]{--su-primary:#0d9488;--su-primary-l:#14b8a6;--su-bg:#f0fdfa;--su-surface:#ffffff;--su-surface2:#ccfbf1;--su-border:#99f6e4;--su-text:#020617;--su-muted:#115e59;--su-shadow:0 8px 32px rgba(13, 148, 136, .15)}.su-app[data-theme="monochrome"]{--su-primary:#000000;--su-primary-l:#333333;--su-bg:#f8fafc;--su-surface:#ffffff;--su-surface2:#e2e8f0;--su-border:#64748b;--su-text:#000000;--su-muted:#333333;--su-shadow:0 8px 32px rgba(0, 0, 0, .15)}.su-app[data-theme]:not([data-theme="dark"]) .su-start-card::before,.su-app[data-theme]:not([data-theme="dark"]) .su-result-header::before{background:linear-gradient(90deg,var(--su-primary),var(--su-primary-l),var(--su-primary))}.su-app[data-theme]:not([data-theme="dark"]) .su-btn--start,.su-app[data-theme]:not([data-theme="dark"]) .su-btn--resume,.su-app[data-theme]:not([data-theme="dark"]) .su-btn--retry,.su-app[data-theme]:not([data-theme="dark"]) .su-progress-fill{background:linear-gradient(135deg,var(--su-primary),var(--su-primary-l))}.su-btn--finish:hover{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;border-color:transparent!important;filter:brightness(1.12)}.su-app[data-theme]:not([data-theme="dark"]) .su-choice:hover{background:var(--su-surface2)}.su-app[data-theme]:not([data-theme="dark"]) .su-choice.su-selected{background:var(--su-border)}.su-app[data-theme]:not([data-theme="dark"]) .su-review-choice.su-correct-ans{color:#14532d;background:rgb(34 197 94 / .15);border-color:rgb(34 197 94 / .5)}.su-app[data-theme]:not([data-theme="dark"]) .su-review-choice.su-wrong-ans{color:#7f1d1d;background:rgb(239 68 68 / .12);border-color:rgb(239 68 68 / .4)}.su-app[data-theme]:not([data-theme="dark"]) .su-review-correct-mark{color:#14532d;background:rgb(34 197 94 / .25);border-color:rgb(34 197 94 / .6)}.su-theme-selector{display:inline-flex;align-items:center;gap:8px;background:var(--su-surface2);padding:6px 14px;border-radius:20px;border:1px solid var(--su-border);margin-right:auto}.su-theme-selector label{font-size:.8rem;color:var(--su-muted)}.su-theme-selector select{background:#fff0;border:none;color:var(--su-primary-l);font-size:.85rem;font-weight:600;outline:none;cursor:pointer}.su-theme-selector select option{background:var(--su-surface);color:var(--su-text)}