/* ===== ChemSteps Front-End Dark, Boxed, Colorful UI =====
   Design-only file. No quiz logic is changed here. */

.cstt-shell,
.cstt-shell * {
  box-sizing: border-box;
}

.cstt-shell {
  --cstt-bg: var(--cstt-bg, #020617);
  --cstt-text: var(--cstt-text, #e5e7eb);
  --cstt-box: var(--cstt-box, #0f172a);
  --cstt-border: var(--cstt-border, #1f2937);
  --cstt-accent: var(--cstt-accent, #22c55e);
  background:
    radial-gradient(circle at top left, rgba(34, 197, 94, 0.12), transparent 28%),
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.14), transparent 30%),
    var(--cstt-bg, #020617) !important;
  color: var(--cstt-text, #e5e7eb) !important;
  padding: 18px !important;
  border-radius: 18px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - 40px) !important;
  margin: 0 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  display: block !important;
}

.cstt-shell > *:first-child {
  margin-top: 0 !important;
}

.cstt-shell > *:last-child {
  margin-bottom: 0 !important;
}

.cstt-shell a,
.cstt-shell p,
.cstt-shell div,
.cstt-shell h1,
.cstt-shell h2,
.cstt-shell h3,
.cstt-shell h4,
.cstt-shell h5,
.cstt-shell span,
.cstt-shell label,
.cstt-shell td,
.cstt-shell th {
  color: var(--cstt-text, #e5e7eb) !important;
}

.cstt-header,
.cstt-hud-item,
.cstt-stage,
.cstt-leaderboard,
.cstt-box {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.96)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

.cstt-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  padding: 14px !important;
}

.cstt-hello {
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

.cstt-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #334155, #0f172a) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.cstt-shell[data-class="CHM1025"] .cstt-badge { background: linear-gradient(135deg, #2563eb, #3b82f6) !important; }
.cstt-shell[data-class="CHM1045"] .cstt-badge { background: linear-gradient(135deg, #16a34a, #22c55e) !important; }
.cstt-shell[data-class="CHM1046"] .cstt-badge { background: linear-gradient(135deg, #d97706, #f59e0b) !important; }
.cstt-shell[data-class="Testing"] .cstt-badge,
.cstt-shell[data-class="Test"] .cstt-badge { background: linear-gradient(135deg, #7c3aed, #a855f7) !important; }

.cstt-hud {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.cstt-hud-item {
  padding: 12px !important;
  min-height: 92px !important;
}

.cstt-label {
  display: block !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #cbd5e1 !important;
  opacity: 0.92 !important;
}

.cstt-value {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 7px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.cstt-pill {
  margin-top: 8px !important;
  font-size: 0.82rem !important;
  color: #dbeafe !important;
  opacity: 0.95 !important;
}

.cstt-kudos-inline {
  display: none;
  margin-top: 8px !important;
  background: #111827 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 12px !important;
  padding: 8px 10px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.30) !important;
}

.cstt-progressbar {
  position: relative !important;
  width: 100% !important;
  height: 11px !important;
  background: #111827 !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin: 8px 0 16px !important;
}

#cstt-progressbar-fill {
  height: 100% !important;
  width: 0%;
  background: linear-gradient(90deg, #22c55e, #06b6d4, #3b82f6) !important;
  border-radius: 999px !important;
  transition: width 0.3s ease !important;
}

.cstt-stage {
  padding: 16px !important;
  margin-top: 10px !important;
  min-height: 190px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.cstt-loading {
  opacity: 0.9 !important;
}

.cstt-question {
  font-size: 1.08rem !important;
  line-height: 1.6 !important;
  margin: 0 0 12px !important;
  min-height: 42px !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.cstt-choices {
  display: grid !important;
  gap: 10px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.cstt-choice,
.cstt-choice-input,
.cstt-written-input,
.cstt-order-item {
  width: 100% !important;
  background: #111827 !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 12px !important;
  padding: 12px 13px !important;
  color: #f8fafc !important;
  line-height: 1.45 !important;
}

.cstt-choice {
  cursor: pointer !important;
  transition: transform 0.14s ease, filter 0.14s ease, border-color 0.14s ease !important;
}

.cstt-choice:hover {
  filter: brightness(1.12) !important;
  transform: translateY(-1px) !important;
  border-color: rgba(96, 165, 250, 0.55) !important;
}

.cstt-choice.disabled,
.cstt-choice.cstt-disabled {
  opacity: 0.55 !important;
  pointer-events: none !important;
}

.cstt-choice.correct,
.cstt-choice.cstt-correct {
  outline: 2px solid #22c55e !important;
  border-color: #22c55e !important;
}

.cstt-choice.wrong,
.cstt-choice.cstt-wrong {
  outline: 2px solid #ef4444 !important;
  border-color: #ef4444 !important;
}

.cstt-choice.cstt-selected {
  outline: 2px dashed #38bdf8 !important;
}

.cstt-written-wrap {
  display: block !important;
  margin-top: 10px !important;
}

.cstt-written-input::placeholder {
  color: #94a3b8 !important;
}

.cstt-match-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.cstt-order-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.cstt-order-item {
  cursor: grab !important;
}

.cstt-order-item.dragging {
  opacity: 0.75 !important;
  cursor: grabbing !important;
}

.cstt-controls {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.cstt-button,
.cstt-shell button.cstt-button {
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 15px !important;
  cursor: pointer !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  box-shadow: 0 9px 20px rgba(34, 197, 94, 0.24) !important;
  transition: transform 0.14s ease, filter 0.14s ease !important;
}

.cstt-button:hover,
.cstt-shell button.cstt-button:hover {
  filter: brightness(1.08) saturate(1.08) !important;
  transform: translateY(-1px) !important;
}

#cstt-start.cstt-button {
  background: linear-gradient(135deg, #22c55e, #06b6d4, #3b82f6) !important;
  box-shadow: 0 10px 22px rgba(59, 130, 246, 0.30) !important;
}

#cstt-next.cstt-button {
  background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
  box-shadow: 0 10px 22px rgba(124, 58, 237, 0.28) !important;
}

#cstt-flag-question.cstt-button,
#cstt-flag-question {
  background: linear-gradient(135deg, #fb923c, #f97316, #ea580c) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(249, 115, 22, 0.30) !important;
  border: 0 !important;
}

.cstt-feedback {
  margin-top: 12px !important;
  min-height: 22px !important;
  line-height: 1.5 !important;
  color: #e5e7eb !important;
}

.lightbulb {
  margin-right: 6px !important;
}

#cstt-confetti {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 999 !important;
}

.cstt-leaderboard {
  margin-top: 18px !important;
  padding: 14px !important;
}

.cstt-leaderboard h3 {
  margin: 0 0 10px !important;
  font-weight: 800 !important;
}

.cstt-leaderboard-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 0.95rem !important;
}

.cstt-leaderboard-table th,
.cstt-leaderboard-table td {
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
  padding: 9px !important;
  text-align: left !important;
  color: #e5e7eb !important;
}

.cstt-leaderboard-table tr:last-child td {
  border-bottom: none !important;
}

.cstt-timer.cstt-timer-low {
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.40) inset, 0 10px 24px rgba(0,0,0,.22) !important;
}

.cstt-timer.cstt-timer-critical {
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.65) inset, 0 10px 24px rgba(0,0,0,.22) !important;
}

.cstt-shell input,
.cstt-shell button {
  font: inherit !important;
}

@media (max-width: 800px) {
  .cstt-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .cstt-hud {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .cstt-match-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .cstt-shell {
    padding: 14px !important;
    border-radius: 14px !important;
    min-height: calc(100vh - 20px) !important;
  }
  .cstt-hud {
    grid-template-columns: 1fr !important;
  }
  .cstt-controls {
    flex-direction: column !important;
  }
  .cstt-button,
  .cstt-shell button.cstt-button {
    width: 100% !important;
  }
}

/* ===== ChemSteps Mode Launcher Add-on ===== */
.csttml-login-box{max-width:760px;margin:30px auto;padding:20px;border-radius:16px;background:#020617;color:#e5e7eb;border:1px solid rgba(148,163,184,.22);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.csttml-login-box a{color:#93c5fd!important;font-weight:800}.csttml-launcher-wrap{max-width:1180px;margin:28px auto;padding:18px;border-radius:18px;background:radial-gradient(circle at top left,rgba(34,197,94,.12),transparent 28%),radial-gradient(circle at top right,rgba(59,130,246,.14),transparent 30%),#020617;color:#e5e7eb;border:1px solid rgba(148,163,184,.22);box-shadow:0 20px 45px rgba(0,0,0,.35);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.csttml-hero{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.96));border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:26px;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.22)}.csttml-hero h1{margin:0 0 8px;color:#fff;font-size:34px;font-weight:900}.csttml-hero p{margin:0 auto 12px;max-width:980px;color:#e5e7eb;font-size:22px;line-height:1.3;font-weight:700}.csttml-hero h2{margin:8px 0 0;color:#fff;font-size:26px;text-transform:uppercase;letter-spacing:.03em}.csttml-cards{display:flex;justify-content:center;gap:44px;margin:46px auto 26px;flex-wrap:wrap}.csttml-card{width:360px;min-height:150px;border-radius:16px;text-decoration:none!important;color:#fff!important;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:24px;box-shadow:0 16px 30px rgba(0,0,0,.32);transition:transform .14s ease,filter .14s ease}.csttml-card:hover{transform:translateY(-3px);filter:brightness(1.08) saturate(1.08)}.csttml-practice-card{background:linear-gradient(135deg,#f59e0b,#facc15);color:#06101f!important}.csttml-cert-card{background:linear-gradient(135deg,#16a34a,#22c55e);color:#001b0d!important}.csttml-card-title{font-weight:900;text-transform:uppercase;font-size:28px;margin-bottom:10px}.csttml-card-text{font-size:19px;font-weight:800;line-height:1.3}.csttml-one-card .csttml-card{width:430px}.csttml-practice-shell .cstt-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.csttml-mini-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 12px!important;border-radius:999px!important;background:#111827!important;border:1px solid rgba(255,255,255,.16)!important;color:#e5e7eb!important;text-decoration:none!important;font-weight:800!important}.csttml-cert-badge{text-decoration:none!important;background:linear-gradient(135deg,#d97706,#f59e0b)!important}.csttml-practice-shell .cstt-hud-item{border-color:#e6ff00!important}.csttml-practice-shell .cstt-stage{border-color:#f59e0b!important;background:#000!important;min-height:260px!important}.csttml-practice-notice{display:inline-block;margin:0 0 14px;padding:8px 12px;border-radius:999px;background:rgba(245,158,11,.16);border:1px solid rgba(245,158,11,.72);color:#fde68a!important;font-weight:900}.csttml-topic-panel-dark{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0 0 16px;padding:14px;border-radius:14px;background:rgba(15,23,42,.75);border:1px solid rgba(148,163,184,.22)}.csttml-topic-panel-dark label{grid-column:1/-1;color:#cbd5e1!important;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.82rem}.csttml-topic-panel-dark select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.36);background:#111827;color:#f8fafc;font-weight:700}.csttml-topic-panel-dark select option{background:#111827;color:#f8fafc}.csttml-topic-panel-dark #csttml-start{background:linear-gradient(135deg,#22c55e,#06b6d4,#3b82f6)!important;box-shadow:0 10px 22px rgba(59,130,246,.30)!important}.csttml-practice-shell #csttml-next{background:linear-gradient(135deg,#3b82f6,#7c3aed)!important;box-shadow:0 10px 22px rgba(124,58,237,.28)!important}.csttml-practice-shell #csttml-submit-written{background:linear-gradient(135deg,#22c55e,#06b6d4,#3b82f6)!important}.csttml-practice-shell .cstt-question{font-size:1.08rem!important;min-height:42px!important}.csttml-practice-shell .cstt-feedback.good{color:#86efac!important;font-weight:800}.csttml-practice-shell .cstt-feedback.bad{color:#fecaca!important;font-weight:800}.csttml-practice-shell .cstt-written-wrap{display:flex;gap:10px;align-items:center}.csttml-practice-shell .cstt-written-wrap[hidden]{display:none!important}.csttml-practice-shell .cstt-written-input{flex:1}.csttml-muted{color:#cbd5e1!important;margin:0}.csttml-practice-shell #csttml-progressbar-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#f59e0b,#facc15,#22c55e)!important;transition:width .3s ease;box-shadow:0 0 14px rgba(250,204,21,.45)}
@media(max-width:800px){.csttml-cards{gap:22px;margin-top:30px}.csttml-card{width:100%;min-height:130px}.csttml-topic-panel-dark{grid-template-columns:1fr}.csttml-practice-shell .cstt-written-wrap{display:block}.csttml-practice-shell .cstt-written-input,.csttml-practice-shell #csttml-submit-written{width:100%;margin-top:8px}.csttml-practice-shell .cstt-header-actions{justify-content:flex-start}.csttml-card-title{font-size:24px}.csttml-card-text{font-size:17px}.csttml-hero p{font-size:19px}}

/* Personalized landing refresh */
.csttml-hero-personalized{position:relative;overflow:hidden;}
.csttml-hero-personalized:before{content:"";position:absolute;inset:-80px auto auto -80px;width:190px;height:190px;border-radius:999px;background:rgba(250,204,21,.18);filter:blur(2px);}
.csttml-hero-personalized:after{content:"";position:absolute;right:-70px;bottom:-90px;width:220px;height:220px;border-radius:999px;background:rgba(34,197,94,.14);filter:blur(2px);}
.csttml-hero-personalized>*{position:relative;z-index:1;}
.csttml-hello{display:inline-flex;align-items:center;justify-content:center;margin:0 0 10px;padding:8px 16px;border-radius:999px;background:rgba(14,165,233,.16);border:1px solid rgba(56,189,248,.46);color:#e0f2fe!important;font-size:20px;font-weight:900;}
.csttml-inspire-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px auto 8px;}
.csttml-inspire-row span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(15,23,42,.86);border:1px solid rgba(148,163,184,.24);color:#f8fafc!important;font-weight:850;box-shadow:0 8px 18px rgba(0,0,0,.20);}
.csttml-card-icon{font-size:40px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.20));}
.csttml-practice-card{border:2px solid rgba(255,255,255,.30)!important;}
.csttml-cert-card{border:2px solid rgba(255,255,255,.30)!important;}

/* ===== ChemSteps Launcher 1.4: vibrant, theme-resistant landing page ===== */
.chemsteps-app-page .csttml-launcher-wrap,.csttml-launcher-wrap{position:relative!important;isolation:isolate!important;overflow:hidden!important;max-width:1320px!important;margin:24px auto!important;padding:clamp(22px,4vw,52px)!important;border:1px solid rgba(125,211,252,.35)!important;border-radius:28px!important;background:linear-gradient(145deg,#071a3a 0%,#08285a 48%,#101749 100%)!important;color:#fff!important;box-shadow:0 28px 70px rgba(2,6,23,.46)!important}
.csttml-launcher-wrap:before,.csttml-launcher-wrap:after{content:""!important;position:absolute!important;border-radius:50%!important;pointer-events:none!important;z-index:-1!important}
.csttml-launcher-wrap:before{width:420px!important;height:420px!important;left:-170px!important;top:-180px!important;background:radial-gradient(circle,rgba(0,209,255,.38),rgba(0,209,255,0) 68%)!important}
.csttml-launcher-wrap:after{width:520px!important;height:520px!important;right:-210px!important;bottom:-270px!important;background:radial-gradient(circle,rgba(139,92,246,.42),rgba(139,92,246,0) 68%)!important}
.csttml-launcher-wrap .csttml-hero{padding:8px 10px 24px!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
.csttml-launcher-wrap .csttml-hello{display:inline-flex!important;padding:8px 16px!important;margin:0 0 17px!important;border-radius:999px!important;background:rgba(14,165,233,.18)!important;border:1px solid rgba(125,211,252,.5)!important;color:#bae6fd!important;font-size:17px!important;font-weight:800!important}
.csttml-launcher-wrap .csttml-hero h1{margin:0 0 14px!important;color:#fff!important;font-size:clamp(38px,5vw,68px)!important;line-height:1!important;letter-spacing:-.035em!important;font-weight:900!important;text-shadow:0 5px 24px rgba(0,0,0,.25)!important}
.csttml-launcher-wrap .csttml-hero p{max-width:920px!important;margin:0 auto 22px!important;color:#dbeafe!important;font-size:clamp(17px,2vw,22px)!important;line-height:1.55!important;font-weight:600!important}
.csttml-launcher-wrap .csttml-inspire-row{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 auto 29px!important}
.csttml-launcher-wrap .csttml-inspire-row span{display:inline-flex!important;padding:8px 13px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font-size:15px!important;font-weight:700!important}
.csttml-launcher-wrap .csttml-hero h2{margin:0!important;color:#fde68a!important;font-size:clamp(22px,3vw,31px)!important;line-height:1.2!important;font-weight:900!important;text-transform:none!important;letter-spacing:0!important}
.csttml-launcher-wrap .csttml-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;max-width:1010px!important;margin:10px auto 0!important}
.csttml-launcher-wrap .csttml-card{position:relative!important;overflow:hidden!important;width:auto!important;min-height:270px!important;padding:34px 30px!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:24px!important;color:#fff!important;text-decoration:none!important;text-align:left!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:0 20px 42px rgba(0,0,0,.3)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.csttml-launcher-wrap .csttml-card:after{content:"→"!important;position:absolute!important;right:25px!important;top:22px!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.2)!important;color:#fff!important;font-size:25px!important;font-weight:900!important}
.csttml-launcher-wrap .csttml-card:hover,.csttml-launcher-wrap .csttml-card:focus{transform:translateY(-7px)!important;filter:saturate(1.12) brightness(1.05)!important;box-shadow:0 28px 55px rgba(0,0,0,.42)!important;color:#fff!important}
.csttml-launcher-wrap .csttml-practice-card{background:linear-gradient(145deg,#f97316 0%,#ef4444 52%,#be123c 100%)!important}
.csttml-launcher-wrap .csttml-cert-card{background:linear-gradient(145deg,#06b6d4 0%,#2563eb 52%,#6d28d9 100%)!important}
.csttml-launcher-wrap .csttml-card-icon{font-size:50px!important;line-height:1!important;margin:0 0 17px!important}
.csttml-launcher-wrap .csttml-card-title{display:block!important;margin:0 52px 10px 0!important;color:#fff!important;font-size:clamp(26px,3vw,36px)!important;line-height:1!important;font-weight:900!important;text-transform:none!important}
.csttml-launcher-wrap .csttml-card-text{display:block!important;color:rgba(255,255,255,.94)!important;font-size:17px!important;line-height:1.45!important;font-weight:650!important}
@media(max-width:760px){.csttml-launcher-wrap{border-radius:20px!important;margin:12px auto!important;padding:25px 16px!important}.csttml-launcher-wrap .csttml-cards{grid-template-columns:1fr!important}.csttml-launcher-wrap .csttml-card{min-height:230px!important;padding:27px 23px!important}}