:root{--bg: #F7F5F0;--surface: #FFFFFF;--text: #20242B;--text-muted: #6B7280;--accent: #20242B;--accent-dark: #0B0D11;--accent-bg: #ECEAE4;--success: #1F6F54;--success-bg: #EAF5EF;--success-dark: #15503C;--highlight: #AD5A36;--highlight-dark: #8B4527;--wrong: #DC2626;--border: #E5E1D8;--radius: 16px}*{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}.app-shell{max-width:640px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;padding:calc(20px + env(safe-area-inset-top)) 20px 16px;overflow-y:auto}.home-wrap{display:flex;flex-direction:column;min-height:100%}.home-content{margin:auto 0;width:100%}.tab-bar{display:flex;background:#ffffffeb;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-btn{flex:1;padding:4px 0 0;background:none;border:none;font-size:12.5px;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.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.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}.admin-back-btn{background:none;border:none;color:var(--text-muted);font-size:15px;font-weight:600;padding:6px 0;margin-bottom:12px}.option-list{display:flex;flex-direction:column;gap:10px}.option-btn{width:100%;text-align:left;padding:16px 18px;font-size:17px;font-weight:600;letter-spacing:-.1px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);min-height:52px}.option-btn.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-dark)}.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}.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}.quiz-question{font-size:21px;font-weight:600;letter-spacing:-.2px;line-height:1.55;margin-bottom:22px;white-space:pre-line}.quiz-extra{font-size:17px;font-weight:500;line-height:1.75;letter-spacing:-.1px;color:var(--text);background:#f1eee6;border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:22px;white-space:pre-line}.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:17px;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.correct{border-color:var(--success);background:var(--success-bg);animation:choicePulse .4s ease}.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.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}.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)}.quiz-footer{border-top:1px solid var(--border);background:var(--bg);padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.result-score{font-size:56px;font-weight:800;letter-spacing:-.5px;text-align:center;margin:24px 0 8px;color:var(--accent)}.result-sub{text-align:center;color:var(--text-muted);margin-bottom:32px}.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}.section-label{font-weight:600;font-size:18px}.random-value{text-align:center;font-size:30px;font-weight:800;letter-spacing:-.5px;color:var(--accent);margin:14px 0 16px;animation:numberPop .22s cubic-bezier(.34,1.56,.64,1)}.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 0 0 1px var(--border)}.pool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px;box-shadow:0 1px 2px #20242b0a,0 6px 16px -8px #20242b12}.pool-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer}.pool-toggle-left{display:flex;align-items:center;gap:12px}.pool-icon-wrap{width:38px;height:38px;border-radius:11px;background:var(--accent-bg);color:var(--highlight);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pool-meta{font-size:13px;color:var(--text-muted);margin-top:2px}.pool-chevron{color:var(--text-muted);display:flex;transition:transform .25s ease;flex-shrink:0}.pool-chevron.open{transform:rotate(180deg)}.pool-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.batch-card{background:#fbf8f1;border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:12px}.batch-card:last-child{margin-bottom:0}.batch-card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.batch-title{font-weight:700;font-size:16px}.batch-count{font-size:13px;color:var(--text-muted)}.pbar-track{height:6px;border-radius:3px;background:#efebe2;overflow:hidden;margin-bottom:8px}.pbar-fill{height:100%;background:var(--accent);border-radius:3px}.batch-progress-label{font-size:12.5px;color:var(--text-muted);margin-bottom:14px}.batch-actions{display:flex;gap:8px}.pill{padding:11px 14px;border-radius:12px;font-size:14.5px;font-weight:600;border:none;flex:1}.pill.resume{background:var(--highlight);color:#fff}.pill.resume:active{background:var(--highlight-dark)}.pill.secondary{background:var(--accent-bg);color:var(--accent-dark)}.pill.outline{background:var(--surface);color:var(--text);border:2px solid var(--border)}.pill.outline:active{background:var(--accent-bg)}.btn,.pill,.step-btn,.choice-btn,.option-btn,.tab-btn,.pool-toggle{transition:transform .12s ease}.btn:active,.pill:active,.step-btn:active,.choice-btn:active,.option-btn:active,.tab-btn:active{transform:scale(.97)}.pool-toggle:active{transform:scale(.985)}@keyframes numberPop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes choicePulse{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}.pool-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.pool-collapse.open{grid-template-rows:1fr}.pool-collapse-inner{overflow:hidden;min-height:0}