@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{
  --ui-bg:#f6f8fb;
  --ui-surface:#ffffff;
  --ui-surface-2:#f9fafb;
  --ui-text:#172033;
  --ui-muted:#6b7280;
  --ui-line:#e7eaf0;
  --ui-line-strong:#d9dee8;
  --ui-brand:#2155d9;
  --ui-brand-dark:#163b99;
  --ui-brand-soft:#eef3ff;
  --ui-accent:#4f7cff;
  --ui-success:#169b62;
  --ui-success-soft:#eaf8f1;
  --ui-warning:#c88413;
  --ui-warning-soft:#fff7e7;
  --ui-danger:#c34b4b;
  --ui-shadow:0 18px 48px rgba(32,48,78,.08);
  --ui-shadow-soft:0 8px 24px rgba(32,48,78,.06);
  --ui-radius:20px;
  --ui-radius-sm:14px;
  --sidebar-w:264px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:var(--ui-bg);
  color:var(--ui-text);
  font-family:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  overflow-x:hidden;
}
button,select,input,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(79,124,255,.25);outline-offset:2px}
.hidden{display:none!important}
.mobile-only{display:none!important}
.desktop-only{display:flex!important}

.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}
.sidebar{
  position:fixed;
  inset:0 auto 0 0;
  z-index:100;
  width:var(--sidebar-w);
  display:flex;
  flex-direction:column;
  padding:22px 16px 18px;
  border-right:1px solid var(--ui-line);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
}
.brand-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding:0 4px}
.brand-shell{display:flex;align-items:center;gap:12px;min-width:0;border:0;background:transparent;padding:0;text-align:left;color:inherit}
.brand-mark{
  width:44px;height:44px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(145deg,var(--ui-brand),#3c72f4);box-shadow:0 10px 24px rgba(33,85,217,.22);
  font-family:'Manrope',sans-serif;font-size:15px;font-weight:800;letter-spacing:-.04em
}
.brand-copy{display:block;min-width:0}.brand-copy strong{display:block;font-family:'Manrope',sans-serif;font-size:1.03rem;letter-spacing:-.03em}.brand-copy small{display:block;color:var(--ui-muted);font-size:.73rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-section{display:flex;flex-direction:column;gap:4px}.nav-label{display:block;padding:12px 12px 6px;color:#9aa2b2;font-size:.68rem;font-weight:800;letter-spacing:.12em}
.nav-item{
  width:100%;min-height:44px;display:flex;align-items:center;gap:11px;border:0;border-radius:12px;background:transparent;color:#596275;padding:10px 11px;text-align:left;font-weight:600;transition:.18s ease
}
.nav-item svg{width:19px;height:19px;flex:0 0 auto;stroke-width:2}.nav-item span:not(.nav-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:#f5f7fb;color:var(--ui-text)}.nav-item.active{background:var(--ui-brand-soft);color:var(--ui-brand);box-shadow:inset 0 0 0 1px rgba(33,85,217,.06)}
.nav-badge{margin-left:auto;min-width:24px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#edf0f5;color:#657085;font-size:.69rem;font-weight:800}.nav-item.active .nav-badge{background:#dce6ff;color:var(--ui-brand-dark)}
.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--ui-line)}
.role-card-mini{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:8px;border:1px solid var(--ui-line);border-radius:14px;background:linear-gradient(180deg,#fff,#fafbfe)}
.role-card-mini .role-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ui-brand-soft);color:var(--ui-brand)}.role-card-mini .role-icon svg{width:17px;height:17px}.role-card-mini div:nth-child(2){min-width:0}.role-card-mini strong,.role-card-mini small{display:block}.role-card-mini strong{font-size:.84rem}.role-card-mini small{font-size:.72rem;color:var(--ui-muted);margin-top:1px}.role-card-mini .status-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--ui-success);box-shadow:0 0 0 4px var(--ui-success-soft)}
.role-trigger{font-size:.84rem}.role-trigger svg{width:17px;height:17px}

.main-shell{grid-column:2;min-width:0;min-height:100vh}
.topbar{
  position:sticky;top:0;z-index:80;height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:0 30px;border-bottom:1px solid rgba(231,234,240,.88);background:rgba(246,248,251,.9);backdrop-filter:blur(18px)
}
.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px}.page-heading{min-width:0}.page-heading .eyebrow{display:block;color:#8a94a6;font-size:.66rem;font-weight:800;letter-spacing:.13em;margin-bottom:2px}.page-heading h1{font-family:'Manrope',sans-serif;font-size:1.22rem!important;line-height:1.1!important;letter-spacing:-.035em!important;margin:0!important;color:var(--ui-text)}
.topstats{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.topstats .chip{height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--ui-line);border-radius:999px;background:rgba(255,255,255,.88);color:var(--ui-muted);font-size:.73rem;font-weight:700;box-shadow:none}.topstats .chip b{color:var(--ui-text)}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:12px;background:#fff;color:#596275;box-shadow:0 4px 12px rgba(29,45,74,.03)}.icon-btn:hover{color:var(--ui-text);border-color:var(--ui-line-strong)}.icon-btn svg{width:19px;height:19px}
.profile-btn{height:44px;display:flex;align-items:center;gap:9px;border:1px solid var(--ui-line);border-radius:14px;background:#fff;padding:5px 8px 5px 6px;color:var(--ui-text)}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#1d4ed8,#4f7cff);color:#fff;font-family:'Manrope',sans-serif;font-size:.7rem;font-weight:800}.profile-copy{display:block!important;text-align:left;line-height:1.15}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:.79rem}.profile-copy small{font-size:.68rem;color:var(--ui-muted);margin-top:2px}.profile-btn>svg{width:15px;height:15px;color:#98a1b1}

.main-shell .app{width:auto;max-width:1440px;margin:0 auto;padding:28px 30px 56px}
.main-shell .view{display:none}.main-shell .view.on{display:block;animation:viewIn .2s ease}
@keyframes viewIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Existing learning engine — visual upgrade */
.main-shell h1,.main-shell h2,.main-shell h3{font-family:'Manrope',sans-serif;color:var(--ui-text)}
.main-shell h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:.98;letter-spacing:-.06em}
.main-shell h2{font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.045em}
.main-shell h3{letter-spacing:-.025em}
.main-shell p{color:var(--ui-muted)}
.hero,.subject,.panel,.lesson,.quizbox,.stat,.progressrow,.contextbar{
  border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow-soft)!important
}
.hero{padding:clamp(24px,4vw,38px)!important;grid-template-columns:minmax(0,1fr) minmax(260px,330px)!important;background:radial-gradient(circle at 86% 16%,rgba(79,124,255,.15),transparent 18rem),linear-gradient(135deg,#fff,#fbfcff)!important}
.hero h1{max-width:760px}.hero>div:first-child>p:not(.badge){max-width:760px;font-size:1.02rem}
.score{border-radius:18px!important;background:linear-gradient(150deg,#172033,#203862 65%,#315fca)!important;box-shadow:0 20px 44px rgba(31,51,91,.18)!important}.score b{font-family:'Manrope',sans-serif}.score small,.score span{color:rgba(255,255,255,.74)!important}
.badge{background:var(--ui-brand-soft)!important;color:var(--ui-brand)!important;border:1px solid #dfe8ff!important}.badge.soon{background:#f3f5f8!important;color:#7a8496!important;border-color:#eaedf2!important}
.btn{border-radius:12px!important;min-height:44px!important;padding:11px 15px!important;background:var(--ui-brand)!important;color:#fff!important;box-shadow:0 8px 18px rgba(33,85,217,.16)!important}.btn:hover{filter:brightness(.97)}.btn.dark{background:#172033!important;color:#fff!important}.btn.ghost{background:#fff!important;color:#3e4c63!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
.statgrid{gap:12px!important}.stat{min-height:110px!important;padding:17px!important}.stat span{color:#7b8597!important;font-size:.78rem!important}.stat b{font-family:'Manrope',sans-serif;color:var(--ui-text)!important;font-size:clamp(1.45rem,2.6vw,2rem)!important}
.coach{background:linear-gradient(135deg,#fff,#f8faff)!important}.flow span{border-color:var(--ui-line)!important;background:#f7f9fc!important;color:#4c5a70!important;border-radius:12px!important}
.subject{padding:18px!important;transition:transform .18s ease,box-shadow .18s ease}.subject:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow)!important}.mark{background:var(--ui-brand-soft)!important;color:var(--ui-brand)!important;border:1px solid #dfe7fb!important;border-radius:14px!important}
.meter,.miniMeter{background:#edf0f5!important}.meter i,.miniMeter i{background:linear-gradient(90deg,var(--ui-brand),#6b92ff)!important}
.chapter,.topicCard,.topic{border-color:var(--ui-line)!important;background:#fff!important;border-radius:13px!important}.chapter:hover,.topicCard:hover,.topic:hover{border-color:#cfd7e6!important;background:#fbfcfe!important}.chapter strong{color:var(--ui-brand)!important}.topic.on{background:var(--ui-brand)!important;color:#fff!important;border-color:var(--ui-brand)!important}.topic.on small{color:rgba(255,255,255,.76)!important}
.contextbar{background:linear-gradient(135deg,#fff,#f8faff)!important}.eyebrow{color:var(--ui-brand)!important}.toolbar{border-color:var(--ui-line)!important;border-radius:16px!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--ui-shadow-soft)!important}.toolbar select,.panel select{border-color:var(--ui-line)!important;border-radius:12px!important;color:var(--ui-text)!important}
.lesson,.quizbox,.panel{padding:clamp(18px,2.8vw,26px)!important}.topicScore{background:var(--ui-brand-soft)!important;color:var(--ui-brand)!important;border:1px solid #dce6ff!important;border-radius:14px!important}.concept{border-color:#dfe7fb!important;background:linear-gradient(135deg,#f5f8ff,#fbfcff)!important}.note{border-color:var(--ui-line)!important;border-left:4px solid var(--ui-brand)!important;background:#fafbfe!important}.note b{background:var(--ui-brand-soft)!important;color:var(--ui-brand)!important}.rule{border-color:var(--ui-line)!important;background:#f9fafc!important}.stickyActions{border-color:var(--ui-line)!important;background:rgba(255,255,255,.9)!important}
.scopeStats span{border-color:var(--ui-line)!important;background:#fafbfc!important}.choice{border-color:var(--ui-line)!important;border-radius:14px!important}.choice span{background:#f1f4f8!important;color:#526078!important}.choice.ok{background:var(--ui-success-soft)!important;border-color:#bde6d1!important}.choice.ok span{background:var(--ui-success)!important;color:#fff!important}.choice.no{background:#fff0ef!important;border-color:#f2c9c6!important}.choice.no span{background:var(--ui-danger)!important;color:#fff!important}.feedback{border-color:var(--ui-line)!important;background:#f7f9fc!important}.progressrow{padding:18px!important}

/* Admin */
.admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.admin-hero p{max-width:700px;margin:6px 0 0}.admin-hero .admin-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-metric{padding:18px;border:1px solid var(--ui-line);border-radius:18px;background:#fff;box-shadow:var(--ui-shadow-soft)}.admin-metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.admin-metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ui-brand-soft);color:var(--ui-brand)}.admin-metric-icon svg{width:18px;height:18px}.admin-metric small{color:var(--ui-muted)}.admin-metric strong{display:block;font-family:'Manrope',sans-serif;font-size:1.75rem;letter-spacing:-.05em;margin-bottom:3px}.admin-metric .metric-note{font-size:.75rem;color:var(--ui-muted)}.admin-metric .metric-note.good{color:var(--ui-success)}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:14px}.admin-panel{border:1px solid var(--ui-line);border-radius:18px;background:#fff;padding:20px;box-shadow:var(--ui-shadow-soft)}.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.admin-panel-head h3{margin:2px 0 0}.section-kicker{display:block;color:#8993a5;font-size:.66rem;font-weight:800;letter-spacing:.11em}.mini-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#f2f4f8;color:#697488;font-size:.7rem;font-weight:700}.mini-chip.good{background:var(--ui-success-soft);color:var(--ui-success)}
.admin-list{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--ui-line);border-radius:14px;background:#fff}.admin-row-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#f5f7fa;color:#526078}.admin-row-icon svg{width:18px;height:18px}.admin-row strong,.admin-row small{display:block}.admin-row small{color:var(--ui-muted);margin-top:2px}.admin-row>.row-action{color:var(--ui-brand);font-size:.76rem;font-weight:700}.admin-empty{display:grid;place-items:center;text-align:center;min-height:260px;padding:26px}.admin-empty-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--ui-brand-soft);color:var(--ui-brand);margin-bottom:12px}.admin-empty-icon svg{width:22px;height:22px}.admin-empty p{max-width:480px;margin:6px auto 16px}
.admin-notice{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #dfe7fb;border-radius:14px;background:#f7f9ff}.admin-notice>span{width:32px;height:32px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:var(--ui-brand-soft);color:var(--ui-brand)}.admin-notice svg{width:16px;height:16px}.admin-notice strong,.admin-notice small{display:block}.admin-notice small{color:var(--ui-muted);margin-top:3px;line-height:1.45}
.content-health{display:grid;gap:11px}.health-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(120px,1fr) 44px;align-items:center;gap:10px}.health-row span{font-size:.82rem;font-weight:600}.health-track{height:8px;border-radius:999px;background:#edf0f5;overflow:hidden}.health-track i{display:block;height:100%;border-radius:inherit;background:var(--ui-brand)}.health-row strong{text-align:right;font-size:.78rem;color:#596275}
.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.permission-card{padding:18px;border:1px solid var(--ui-line);border-radius:16px;background:#fff}.permission-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ui-brand-soft);color:var(--ui-brand);margin-bottom:14px}.permission-card h3{margin:0 0 5px}.permission-card p{margin:0 0 14px;font-size:.9rem}.permission-list{display:grid;gap:7px}.permission-list span{display:flex;align-items:center;gap:8px;color:#586376;font-size:.8rem}.permission-list svg{width:15px;height:15px;color:var(--ui-success)}
.table-shell{overflow:auto;border:1px solid var(--ui-line);border-radius:14px}.admin-table{width:100%;border-collapse:collapse;min-width:680px}.admin-table th,.admin-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--ui-line);font-size:.8rem}.admin-table th{background:#fafbfc;color:#818b9d;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--ui-success-soft);color:var(--ui-success);font-size:.68rem;font-weight:700}.status-pill.muted{background:#f1f3f6;color:#7a8496}

/* Modal */
.modal-backdrop{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:20px;background:rgba(17,24,39,.36);backdrop-filter:blur(5px);opacity:0;transition:opacity .16s ease}.modal-backdrop.visible{opacity:1}.modal-card{width:min(460px,100%);border:1px solid rgba(255,255,255,.6);border-radius:22px;background:#fff;padding:20px;box-shadow:0 32px 90px rgba(21,31,52,.24);transform:translateY(8px) scale(.985);transition:transform .16s ease}.modal-backdrop.visible .modal-card{transform:none}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.modal-head h3{font-size:1.35rem;margin:3px 0 0}.modal-card>p{font-size:.86rem;margin:0 0 16px}.role-options{display:grid;gap:9px}.role-options button{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid var(--ui-line);border-radius:14px;background:#fff;text-align:left;color:var(--ui-text)}.role-options button:hover{border-color:#cfd8ea;background:#fafcff}.role-options .role-option-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--ui-brand-soft);color:var(--ui-brand)}.role-options .role-option-icon svg{width:18px;height:18px}.role-options strong,.role-options small{display:block}.role-options small{color:var(--ui-muted);margin-top:2px}.role-options button>svg{width:17px;height:17px;color:#9aa3b2}
.sidebar-overlay{display:none}
.mobile-nav{display:none}

.site-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;padding:18px 0 0;border-top:1px solid var(--ui-line);color:var(--ui-muted);font-size:.78rem}.site-footer strong{color:var(--ui-text)}

@media(max-width:1180px){
  .topstats .chip:nth-child(2){display:none}
  .admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-grid{grid-template-columns:1fr}
}

@media(max-width:920px){
  :root{--sidebar-w:250px}
  .app-shell{display:block}
  .sidebar{transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(22,32,51,.14)}
  .sidebar.open{transform:none}
  .main-shell{grid-column:auto}
  .mobile-only{display:grid!important}.desktop-only{display:none!important}
  .sidebar-overlay{position:fixed;inset:0;z-index:95;display:block;background:rgba(17,24,39,.28);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.2s ease}.sidebar-overlay.show{opacity:1;pointer-events:auto}
  body.nav-open{overflow:hidden}
  .topbar{height:66px;padding:0 16px}.topbar-actions{gap:8px}.page-heading h1{font-size:1.08rem!important}.topstats{margin-left:auto}.topstats .chip{display:none}.topstats .chip:first-child{display:inline-flex}
  .main-shell .app{padding:20px 16px 88px}
  .hero{grid-template-columns:1fr!important}.score{min-height:180px!important}.layout,.practiceGrid,.challengeGrid{grid-template-columns:1fr!important}.topicRail{position:static!important;display:flex!important;overflow:auto!important;padding-bottom:3px}.topicRail .topic{min-width:170px}.toolbar{position:static!important}.admin-hero{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr}
  .mobile-nav{position:fixed;z-index:88;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;border:1px solid rgba(222,227,236,.9);border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(25,37,61,.14)}.mobile-nav button{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:12px;background:transparent;color:#7d8798;font-size:.63rem;font-weight:700}.mobile-nav button svg{width:18px;height:18px}.mobile-nav button.active{background:var(--ui-brand-soft);color:var(--ui-brand)}
  body.admin-mode .mobile-nav{display:none}
}

@media(max-width:680px){
  .main-shell .app{padding-left:12px;padding-right:12px}
  .hero,.lesson,.quizbox,.panel{padding:17px!important}.hero h1{font-size:clamp(2rem,12vw,3.1rem)!important}
  .statgrid,.admin-metric-grid{grid-template-columns:1fr 1fr!important}.stat,.admin-metric{min-height:104px!important;padding:14px!important}.stat b,.admin-metric strong{font-size:1.35rem!important}
  .grid{grid-template-columns:1fr!important}.rules{grid-template-columns:1fr!important}.toolbar{grid-template-columns:1fr!important}.contextbar{grid-template-columns:1fr!important}.contextMeters span{text-align:left!important}.flow{grid-template-columns:1fr 1fr!important}
  .health-row{grid-template-columns:1fr 44px}.health-track{grid-column:1/-1;grid-row:2}.admin-row{grid-template-columns:38px minmax(0,1fr)}.admin-row>.row-action{grid-column:2}.site-footer{padding-bottom:6px}
  .profile-btn{border:0;background:transparent;padding:0}.avatar{width:36px;height:36px}
}

@media(max-width:420px){
  .statgrid,.admin-metric-grid{grid-template-columns:1fr!important}.flow{grid-template-columns:1fr!important}.topbar{padding-left:10px;padding-right:10px}.topbar-left{gap:8px}.icon-btn{width:38px;height:38px}.page-heading .eyebrow{font-size:.59rem}.role-options button{grid-template-columns:38px minmax(0,1fr) 16px}.modal-card{padding:16px;border-radius:18px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}