.shadow-soft{box-shadow:0 12px 30px rgba(17,24,39,.1)}
.input-lg{padding:0.9rem 1rem;font-size:1rem;border-radius:12px;border:1px solid #e5e7eb}
.input-lg:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(110,139,255,.15)}
.textarea-lg{min-height:200px;padding:1rem;border-radius:14px;border:1px solid #e5e7eb}
.card-instruction{background:linear-gradient(180deg,#ffffff, #f8faff);border-radius:16px;box-shadow:0 16px 40px rgba(17,24,39,.08)}
.result-badge{padding:.5rem 1rem;border-radius:999px}
.nav-pills .nav-link.active{background:linear-gradient(90deg,var(--primary),var(--primary-2))}
.chart-card{padding:1rem;border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(17,24,39,.08)}
.table .btn{border-radius:999px}
.badge{border-radius:999px}
.meter{height:10px;background:#eef3ff;border-radius:999px;overflow:hidden}
.meter-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2))}
.score-chip{display:inline-flex;align-items:center;gap:.4rem;background:#eef3ff;color:#1f2937;padding:.4rem .8rem;border-radius:999px}
.answer-box{background:#f8faff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem}

/* Responsive components */
@media (max-width: 991px){
  .input-lg{padding:.8rem .9rem}
  .textarea-lg{min-height:180px}
  .chart-card{padding:.8rem}
}
@media (max-width: 576px){
  .score-chip{padding:.3rem .6rem;font-size:.9rem}
  .answer-box{padding:.8rem;border-radius:12px}
  .meter{height:8px}
}