:root{--bg: #F7F5F0;--surface: #FFFFFF;--text: #20242B;--text-muted: #6B7280;--accent: #26215C;--accent-dark: #191545;--accent-bg: #EEEDFE;--success: #1F6F54;--success-bg: #EAF5EF;--success-dark: #15503C;--highlight: #AD5A36;--highlight-dark: #8B4527;--wrong: #DC2626;--border: #E5E1D8;--radius: 16px;--header-h: 56px;--tabbar-h: 74px}.theme-aws{--accent: #B45309;--accent-dark: #92400E;--accent-bg: #FDF0DC}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}.app-shell{max-width:640px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:fixed;top:0;left:0;right:0;z-index:30;background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #0000000f;padding-top:env(safe-area-inset-top)}.app-header-inner{max-width:640px;margin:0 auto;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand{font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--accent)}.cert-pill{display:flex;align-items:center;gap:6px;background:var(--accent-bg);color:var(--accent-dark);border:none;font-size:14px;font-weight:700;padding:9px 14px;border-radius:999px;letter-spacing:-.1px}.cert-pill .chev{font-size:11px}.cert-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#20242b59}.cert-sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:640px;margin:0 auto;background:var(--surface);border-radius:20px 20px 0 0;padding:16px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #00000026}.cert-sheet-title{font-size:15px;font-weight:700;color:var(--text-muted);margin:4px 2px 12px}.cert-option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:15px 16px;margin-bottom:10px}.cert-option.active{border-color:var(--accent);background:var(--accent-bg)}.cert-option-name{font-size:16.5px;font-weight:700;letter-spacing:-.2px}.cert-option-sub{font-size:12.5px;color:var(--text-muted);margin-top:2px}.cert-option-count{font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}.screen{flex:1;padding:calc(var(--header-h) + env(safe-area-inset-top) + 16px) 20px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);overflow-y:auto}.screen.no-chrome{padding:calc(16px + env(safe-area-inset-top)) 20px calc(96px + env(safe-area-inset-bottom))}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -1px #0000000f,0 -10px 24px -8px #0000000f;padding-bottom:max(14px,env(safe-area-inset-bottom));padding-top:8px}.tab-bar-inner{max-width:640px;margin:0 auto;display:flex}.tab-btn{flex:1;padding:4px 0 0;background:none;border:none;font-size:12px;font-weight:600;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:3px}.tab-btn.active{color:var(--accent)}.tab-icon-wrap{width:46px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;transition:background-color .2s ease}.tab-btn.active .tab-icon-wrap{background:#20242b14}.tab-label{letter-spacing:-.2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 1px 2px #20242b0a,0 6px 16px -8px #20242b12}.btn{display:block;width:100%;padding:18px;font-size:18px;font-weight:600;letter-spacing:-.1px;border-radius:var(--radius);border:none;background:var(--accent);color:#fff;margin-bottom:12px;min-height:56px}.btn:active{background:var(--accent-dark)}.btn:disabled{opacity:.5}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn.outline{background:var(--surface);color:var(--accent);border:2px solid var(--accent)}.btn.danger{background:var(--wrong)}.input{width:100%;padding:16px;font-size:18px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px}.title{font-size:26px;font-weight:700;letter-spacing:-.3px;margin:4px 0 18px}.subtitle{font-size:15px;font-weight:500;letter-spacing:-.1px;color:var(--text-muted);margin-bottom:18px}.section-label{font-weight:600;font-size:18px}.short-meta{font-size:14px;color:var(--text-muted)}.kind-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.kind-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13.5px;font-weight:600;padding:9px 14px;border-radius:999px;letter-spacing:-.1px}.kind-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.stats-grid{display:flex;gap:10px;margin-bottom:18px}.stat-box{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 8px;text-align:center;box-shadow:0 1px 2px #20242b0a,0 6px 16px -8px #20242b12}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.3px;color:var(--accent)}.stat-label{font-size:12px;font-weight:500;color:var(--text-muted);margin-top:4px}.random-value{text-align:center;font-size:30px;font-weight:800;letter-spacing:-.5px;color:var(--accent);margin:14px 0 16px}.random-control-row{display:flex;align-items:center;gap:14px}.step-btn{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--accent);font-size:21px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-btn:active{background:var(--accent-bg)}.random-slider{-webkit-appearance:none;flex:1;height:6px;border-radius:3px;background:var(--border)}.random-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 1px 4px #0003}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:15.5px;font-weight:600}.toggle{position:relative;width:52px;height:32px;border-radius:16px;border:none;background:var(--border);transition:background .2s}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.toggle.on:after{transform:translate(20px)}.select{width:100%;padding:15px 16px;font-size:17px;font-weight:600;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%236B7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;margin-bottom:12px}.pbar-track{height:10px;background:var(--border);border-radius:5px;overflow:hidden}.pbar-fill{height:100%;background:var(--accent);border-radius:5px;transition:width .3s}.batch-progress-label{font-size:13.5px;color:var(--text-muted);margin-top:8px}.link-btn{background:none;border:none;color:var(--text-muted);font-size:13.5px;font-weight:600;text-decoration:underline;padding:6px 0 0}.quiz-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}.exit-btn{background:none;border:none;font-size:20px;color:var(--text-muted);padding:4px 8px}.progress-track{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .2s}.progress-label{font-size:14px;color:var(--text-muted);white-space:nowrap}.bm-btn{background:none;border:none;font-size:22px;color:var(--border);padding:2px 4px;line-height:1}.bm-btn.on{color:var(--highlight)}.quiz-meta{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--accent-dark);background:#20242b12;padding:4px 10px;border-radius:999px;margin-bottom:14px;margin-right:6px}.multi-badge{margin-left:8px;color:var(--highlight-dark);font-weight:700}.quiz-question{font-size:20px;font-weight:600;letter-spacing:-.2px;line-height:1.55;margin-bottom:22px;white-space:pre-line}.q-image-block{margin-bottom:20px}.q-image-block img{max-width:100%;border-radius:12px;border:1px solid var(--border)}.a-image-label{font-size:13px;font-weight:700;color:var(--success-dark);margin-bottom:6px}.quiz-choices{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.choice-btn{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:16px;font-size:16.5px;font-weight:500;letter-spacing:-.1px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);min-height:56px}.choice-btn.picked{border-color:var(--accent);background:var(--accent-bg)}.choice-btn.correct{border-color:var(--success);background:var(--success-bg)}.choice-btn.wrong{border-color:var(--wrong);background:#fceaea}.choice-no{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.choice-btn.picked .choice-no{background:var(--accent);color:#fff}.choice-btn.correct .choice-no{background:var(--success);color:#fff}.choice-btn.wrong .choice-no{background:var(--wrong);color:#fff}.choice-text{flex:1;line-height:1.45;white-space:pre-line}.feedback-card{border-radius:var(--radius);padding:18px;margin-bottom:12px}.feedback-card.is-correct{background:var(--success-bg);border:1px solid var(--success)}.feedback-card.is-wrong{background:#fceaea;border:1px solid var(--wrong)}.feedback-title{font-weight:700;font-size:17px;margin-bottom:8px}.feedback-card.is-correct .feedback-title{color:var(--success-dark)}.feedback-card.is-wrong .feedback-title{color:var(--wrong)}.feedback-explanation{font-size:16px;line-height:1.65;white-space:pre-line;color:var(--text)}.fib-input{width:100%;padding:16px;font-size:17px;border-radius:var(--radius);border:2px solid var(--border)}.selfgrade-hint{font-size:15px;color:var(--text-muted);margin-bottom:12px}.grade-row{display:flex;gap:10px;margin-top:12px}.grade-btn{flex:1;padding:16px;font-size:17px;font-weight:700;border-radius:var(--radius);border:none;color:#fff}.grade-btn.ok{background:var(--success)}.grade-btn.no{background:var(--wrong)}.grade-done{text-align:center;font-size:15px;font-weight:600;color:var(--text-muted);margin-top:14px}.quiz-footer{position:fixed;bottom:0;left:0;right:0;z-index:30;border-top:1px solid var(--border);background:var(--bg)}.quiz-footer-inner{max-width:640px;margin:0 auto;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.quiz-footer .btn{margin-bottom:0}.result-score{font-size:56px;font-weight:800;letter-spacing:-.5px;text-align:center;margin:24px 0 8px;color:var(--accent)}.result-score.pass{color:var(--success)}.result-score.fail{color:var(--wrong)}.result-sub{text-align:center;color:var(--text-muted);margin-bottom:24px}.exam-timer{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent-dark);background:var(--accent-bg);padding:6px 12px;border-radius:999px;white-space:nowrap}.exam-timer.low{color:var(--wrong);background:#fceaea}.palette-toggle{background:none;border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:700;color:var(--text-muted);padding:7px 12px;white-space:nowrap}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;margin-bottom:14px}.palette-cell{aspect-ratio:1;border-radius:10px;border:2px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.palette-cell.answered{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-dark)}.palette-cell.current{border-color:var(--accent);background:var(--accent);color:#fff}.exam-nav-row{display:flex;gap:10px}.exam-nav-row .btn{flex:1;margin-bottom:0}.gauge-wrap{margin:10px 0 4px}.gauge{position:relative;height:16px;border-radius:8px;background:var(--border);overflow:visible}.gauge-fill{height:100%;border-radius:8px;background:var(--accent);transition:width .4s}.gauge-fill.pass{background:var(--success)}.gauge-fill.fail{background:var(--wrong)}.gauge-passline{position:absolute;top:-5px;bottom:-5px;width:3px;border-radius:2px;background:var(--text)}.gauge-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:8px}.exam-history-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:15px}.exam-history-row:last-child{border-bottom:none}.exam-history-score{font-weight:800;font-size:17px}.exam-history-score.pass{color:var(--success)}.exam-history-score.fail{color:var(--wrong)}.exam-history-date{color:var(--text-muted);font-size:13px}.note-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.note-question{font-size:16px;font-weight:600;white-space:pre-line}.note-remove{background:none;border:none;color:var(--text-muted);font-size:18px;padding:0 2px;flex-shrink:0}@media (min-width: 641px){.cert-sheet{border-radius:20px;bottom:24px;left:24px;right:24px}}