/* Basic styles for Dunk Calculator */
.dunk-root { max-width:780px; margin:18px auto; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#111; }
.dunk-root h1 { font-size:28px; margin-bottom:6px; }
.dunk-card { background:#fff; border:1px solid #e6e6e6; padding:16px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.03); }
.dunk-card label { display:block; font-weight:600; margin-top:10px; }
.dunk-card input[type="number"], .dunk-card select { padding:8px; border:1px solid #ccd; border-radius:6px; margin-top:6px; width:100%; box-sizing:border-box; }
.dunk-card .row { display:flex; gap:8px; }
.dunk-card .row input { flex:1; }
.actions { margin-top:12px; display:flex; gap:8px; }
.btn { background:#0b63d6; color:#fff; padding:8px 12px; border-radius:6px; border:none; cursor:pointer; }
.btn.ghost { background:#fff; color:#0b63d6; border:1px solid #0b63d6; }
.dunk-result { margin-top:14px; background:#f8fafc; padding:12px; border-radius:6px; border:1px solid #eef2f7; }
.dunk-root .hint { font-size:12px; color:#64748b; }
.dunk-note { font-size:13px; color:#475569; margin-top:10px; }
.training p { margin:0; }