:root{color-scheme:light;font-family:Segoe UI,Noto Sans KR,sans-serif;line-height:1.5;color:#1d2939;background:radial-gradient(circle at top left,rgba(255,214,102,.35),transparent 30%),linear-gradient(180deg,#fff9ef,#f8fbff)}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header h1,.app-header p,.page h2,.page h3{margin:0}.app-nav{display:flex;gap:1rem;flex-wrap:wrap}.app-nav a{padding:.65rem 1rem;border-radius:999px;background:#fffc}.app-nav a.active{background:#1434a4;color:#fff}.app-main{padding:2rem}.page{max-width:1100px;margin:0 auto}.page.narrow{max-width:780px}.page-description{color:#475467}.hero-card,.panel,.feature-card{border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#ffffffdb;box-shadow:0 18px 50px #0f172a14}.hero-card{padding:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#1434a4;font-size:.8rem}.hero-actions,.grid,.card-actions{display:flex;gap:1rem;flex-wrap:wrap}.grid.two-up>*{flex:1 1 240px}.feature-card,.panel{padding:1.25rem}.quiz-grid>*{flex:1 1 280px}.button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:14px;border:1px solid #d0d5dd;background:#fff;cursor:pointer}.button.primary{border-color:#1434a4;background:#1434a4;color:#fff}.button.danger{border-color:#b42318;color:#b42318}.form-panel,.quiz-stack{display:grid;gap:1rem}.field{display:grid;gap:.5rem}.field input,.field textarea,.text-answer{width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid #d0d5dd;background:#fff}.status{color:#344054}.status.error{color:#b42318}.question-card{display:grid;gap:1rem}.question-meta,.panel-header-actions{display:flex;justify-content:space-between;gap:1rem}.panel-header-actions{align-items:flex-start}.question-meta{color:#475467;font-size:.95rem}.choice-list{display:grid;gap:.75rem}.choice-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:16px;background:#f8fafc}.question-image{max-width:100%;border-radius:18px}.feedback-panel{border-radius:18px;padding:1rem 1.1rem}.feedback-panel strong,.feedback-panel p{margin:0}.feedback-panel p+p,.feedback-panel strong+p{margin-top:.45rem}.feedback-correct{background:#ecfdf3}.feedback-wrong{background:#fef3f2}.result-list{display:grid;gap:.75rem}.result-item{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:16px}.result-item.correct{background:#ecfdf3}.result-item.wrong{background:#fef3f2}@media(max-width:768px){.app-header,.panel-header-actions,.result-item{align-items:flex-start;flex-direction:column}.app-main{padding:1rem}}
