.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;padding:16px}.modal{background:#fff;padding:24px;border-radius:12px;max-width:400px;width:100%;display:grid;gap:12px}.modal-actions{display:flex;gap:8px}.link-button{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;padding:0}.progress{width:100%;height:12px;background:#e5e5e5;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:#4a7c59;transition:width .3s ease}.progress-detail{font-size:.8rem;opacity:.6}.step-count{font-size:.85rem;opacity:.6}.options{display:grid;gap:12px;margin:16px 0}.option{padding:18px;font-size:1.1rem;border-radius:12px;cursor:pointer}.hint{font-size:.85rem;opacity:.7}.pick-name{font-size:2rem;margin:4px 0}.pick-reason{font-size:1.1rem}.pick-details{opacity:.75}.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.result-actions.secondary button{font-size:.9rem}.button-link{display:inline-block;padding:8px 16px;border:1px solid currentColor;border-radius:8px;text-decoration:none;color:inherit}.note{color:#4a7c59}.answers{margin-top:20px;padding-top:12px;border-top:1px solid #ddd}.answers ul{padding-left:18px}.first-time{background:#f4f8f5;border-radius:12px;padding:12px 16px;margin:12px 0}.first-time summary{cursor:pointer;font-weight:600}.spinner-screen{text-align:center;padding-top:40px}.spinner{width:48px;height:48px;margin:0 auto 16px;border:5px solid #e5e5e5;border-top-color:#4a7c59;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}