:root{color:#2f2444;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#2f2444;--muted:#796b92;--border:#ece5f8;--accent:#7d5cff;--accent-soft:#efe9ff;--peach:#fff0dc;--mint:#dff7ea;--card:#ffffffeb;--shadow:0 18px 50px #6652a41f;background:linear-gradient(#fff9f2 0%,#fff 45%,#f7f6ff 100%);font-family:Pretendard,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0}input{border:1px solid var(--border);background:#fff;border-radius:18px;padding:14px 16px}.shell{justify-content:center;min-height:100vh;padding:20px;display:flex}.loading{align-items:center;font-size:1.2rem}.app-card{background:var(--card);width:min(100%,980px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fffc;border-radius:28px;padding:24px}.topbar,.section-header,.quiz-header,.action-row,.preview-item,.bar-row,.hero-card,.task-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-header.compact{margin-bottom:4px}.stack{flex-direction:column;display:flex}.gap-lg{gap:20px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.82rem}h1,h2,h3,p{margin:0}p,small{color:var(--muted)}.hero-card,.task-card,.reward-card,.settings-card,.metric-card,.preview-item,.modal-card{border:1px solid var(--border);background:#fff;border-radius:24px;box-shadow:0 10px 30px #755cc014}.hero-card{background:linear-gradient(135deg,#fff7eb 0%,#fff 55%,#f3f0ff 100%);padding:24px}.hero-badges,.action-wrap{flex-wrap:wrap;gap:10px;display:flex}.action-wrap-secondary{margin-top:12px}.badge{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:999px;padding:10px 14px;font-weight:700}.badge-primary{background:var(--accent-soft)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{flex-direction:column;gap:8px;padding:18px;display:flex}.metric-card strong{font-size:1.75rem}.task-card,.reward-card,.settings-card{padding:22px}.reward-card-celebrate{background:linear-gradient(135deg,#fff5e9 0%,#fff 50%,#f4f1ff 100%)}.result-body{margin-top:8px;font-size:1.02rem;line-height:1.6}.reward-chip-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.reward-chip{border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-weight:800}.reward-chip-primary{color:#5c46c9;background:#efe9ff}.reward-chip-soft{color:#a55a16;background:#fff7eb}.reward-chip-success{color:#247a58;background:#e8f8ee}.next-step-card{background:linear-gradient(135deg,#fff 0%,#f8f6ff 100%)}.preview-list{gap:12px;display:grid}.preview-item{justify-content:flex-start;padding:16px 18px}.preview-content{align-items:center;gap:14px;display:flex}.preview-thumb{object-fit:cover;border:1px solid var(--border);background:#fff7eb;border-radius:18px;flex-shrink:0;width:78px;height:78px}.preview-index,.progress-pill{background:var(--accent-soft);min-width:52px;min-height:52px;color:var(--accent);border-radius:18px;place-items:center;font-weight:800;display:grid}.preview-title{align-items:center;gap:8px;margin-bottom:6px;display:flex}.primary-button,.secondary-button,.file-button{border-radius:20px;min-height:58px;padding:0 22px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg,#8f73ff 0%,#6b7cff 100%)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button,.file-button{border:1px solid var(--border);color:var(--ink);background:#fff}.question-image-card{border:1px solid var(--border);background:linear-gradient(135deg,#fffaf2 0%,#fff 100%);border-radius:24px;padding:16px;box-shadow:0 10px 30px #755cc014}.question-image{object-fit:contain;background:#fff;border-radius:18px;width:100%;max-height:320px;display:block}.choice-grid{gap:14px;display:grid}.choice-card{border:2px solid var(--border);text-align:left;min-height:74px;color:var(--ink);background:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:1.08rem;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s;display:flex}.choice-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px #755cc01f}.choice-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 12px 26px #7d5cff29}.choice-check{width:34px;height:34px;color:var(--accent);background:#fff;border-radius:999px;flex-shrink:0;place-items:center;font-weight:900;display:grid}.progress-pill{background:var(--mint);color:#22775a;min-width:86px}.quiz-progress-card{border:1px solid var(--border);background:linear-gradient(135deg,#fdfbff 0%,#fff8f1 100%);border-radius:22px;padding:16px 18px;box-shadow:0 10px 24px #755cc014}.quiz-progress-card-final{background:linear-gradient(135deg,#fff4e8 0%,#fff 55%,#f4efff 100%);border-color:#dbcffd}.quiz-progress-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.quiz-progress-track{background:#efe9ff;border-radius:999px;width:100%;height:12px;overflow:hidden}.quiz-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#ffbb68 0%,#7d5cff 100%);height:100%}.quiz-support-copy{margin-top:10px;font-size:.96rem;line-height:1.5}.quiz-stage-chip-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quiz-stage-chip{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:700}.quiz-stage-chip-final{color:#a55a16;background:#fff3e5}.field{flex-direction:column;gap:8px;display:flex}.field span{font-weight:700}.bar-row{gap:14px;padding:16px 0}.bar-track{background:#f1ecff;border-radius:999px;flex:1;height:14px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg,#ffb45b 0%,#7d5cff 100%);height:100%}.empty-copy{background:#faf8ff;border-radius:20px;padding:18px}.toast{background:var(--peach);color:#8a4d11;border-radius:18px;margin:14px 0 0;padding:14px 16px;font-weight:700}.modal-backdrop{background:#21163752;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{flex-direction:column;gap:14px;width:min(100%,420px);padding:24px;display:flex}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (width<=860px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card,.task-card,.topbar,.section-header,.quiz-header,.action-row,.bar-row{flex-direction:column;align-items:stretch}.primary-button,.secondary-button,.file-button{width:100%}}@media (width<=560px){.shell{padding:10px}.app-card{border-radius:20px;padding:16px}.summary-grid{grid-template-columns:1fr}.preview-content{flex-direction:column;align-items:flex-start}.preview-thumb{width:100%;height:160px}.metric-card strong{font-size:1.4rem}}