:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background-color:#f5f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#eef2ff)}#root{min-height:100vh}.page-shell{width:min(760px,92%);margin:0 auto;padding:2rem 0 3rem}.page-header{text-align:center;margin-bottom:1rem}.brand-title{display:flex;align-items:center;justify-content:center;gap:.65rem}.brand-sparky{width:48px;height:48px;object-fit:cover;object-position:50% 12%;border-radius:50%;border:1px solid #dbeafe;background:#f8fbff}.page-header h1{margin:0;color:#1d4ed8;font-size:2.2rem}.page-header p{margin-top:.4rem;color:#4b5563}.install-link-row{margin-top:.3rem}.install-link-row a{color:#1d4ed8;font-weight:600;text-decoration:none}.install-link-row a:hover{text-decoration:underline}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem;box-shadow:0 10px 25px #1e40af12;margin-bottom:1rem}label{display:block;margin-top:.85rem;margin-bottom:.35rem;font-weight:600}input,textarea,select,button{width:100%;font:inherit}input,textarea,select{border:1px solid #d1d5db;border-radius:10px;padding:.65rem .75rem;background:#fff}button{margin-top:1rem;border:none;border-radius:10px;padding:.75rem .9rem;background-color:#2563eb;color:#fff;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.story-sections{display:grid;gap:.8rem}.story-section{border:1px solid #e5e7eb;border-radius:10px;padding:.85rem;background:#f9faff}.story-section h3{margin:0 0 .35rem;color:#1e3a8a;font-size:1rem}.story-section p{margin:0}.progress-text{margin-top:0;margin-bottom:.45rem;color:#1e3a8a;font-weight:700}.quest-type-text{margin-top:0;margin-bottom:.35rem;color:#334155;font-size:.95rem;text-transform:capitalize}.progress-track{width:100%;height:10px;border-radius:999px;background:#dbeafe;margin-bottom:.9rem;overflow:hidden}.progress-fill{height:100%;background:#2563eb;transition:width .22s ease}.challenge-word{margin-top:0;margin-bottom:.6rem;font-size:1.1rem;font-weight:700;color:#1d4ed8}.word-highlight{background:#fde68a;padding:0 .15rem;border-radius:4px}.feedback-text{margin-bottom:0;font-weight:600}.feedback-text.success{color:#14532d}.feedback-text.error{color:#b91c1c}.completion-text{margin-top:0;margin-bottom:.8rem;color:#1e3a8a;font-weight:700}.completion-panel{border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;padding:.9rem;margin-top:.7rem}.secondary-button{background:#0f172a}.loading-text{margin:0;color:#1e3a8a;font-weight:600}.error-card{border-color:#fecaca;background:#fff1f2}.error-text{color:#b91c1c;margin-top:.75rem;margin-bottom:0}@media(max-width:640px){.page-header h1{font-size:1.9rem}.card{padding:1rem}}