:root {
  color-scheme: light;
  --paper:#faf8f3; --surface:#fffdf9; --ink:#21192d; --soft-ink:#5e526a; --rule:#ded5e6;
  --violet:#6330ae; --violet-hover:#51228f; --tint:#efe7fc; --lavender:#d4c0f4;
  --purple:var(--violet); --line:var(--rule); --muted:var(--soft-ink);
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --paper:#17121e; --surface:#211929; --ink:#f6edf9; --soft-ink:#c7b9d1; --rule:#42344e;
  --violet:#d8b8ff; --violet-hover:#e8d3ff; --tint:#342446; --lavender:#5d4180;
}
/* The 3D intro has a fixed light scene, even when the rest of the site is dark. */
.intro {
  color-scheme:light;
  --ink:#21192d; --soft-ink:#5e526a; --muted:#5e526a;
  --violet:#6330ae; --purple:#6330ae;
  background:#f9f8f5;
  color:var(--ink);
}
.intro .story-copy>p:last-child,.intro .chapters,.intro .keycap {color:var(--soft-ink)}
.intro .chapters .active {color:var(--violet);font-weight:700}
.intro .progress-track i {background:var(--violet)}
.intro .nav-button:focus-visible {outline:2px solid var(--violet);outline-offset:4px;border-radius:5px}
html {scroll-padding-top:20px;background:var(--paper);color:var(--ink)}
body {background:var(--paper);color:var(--ink);min-width:0}
[hidden] {display:none!important}
.shell {width:min(1200px,calc(100% - 40px));margin-inline:auto}
.redesign-header {width:min(1320px,100%);margin:auto;height:76px;padding-inline:clamp(20px,4.4vw,60px);gap:16px}
.redesign-header .wordmark {color:var(--ink);display:inline-flex;align-items:center;white-space:nowrap;font-size:28px;min-height:44px}
.redesign-header .wordmark img {margin-inline-end:8px;object-fit:contain}
.header-actions,.redesign-header .landing-nav {display:flex;align-items:center;gap:clamp(12px,2vw,29px)}
.redesign-header .landing-nav a,.mobile-menu a {color:var(--soft-ink);font-size:14px;font-weight:650;text-decoration:none}
.redesign-header .landing-nav a:hover,.mobile-menu a:hover {color:var(--violet)}
.header-actions {gap:10px}
.redesign-header .nav-button,.theme-toggle,.mobile-menu summary {min-height:44px;padding:8px 11px;white-space:nowrap;color:var(--ink)}
.redesign-header #account-open,.redesign-header .launch-account {border-radius:10px;border:1px solid var(--rule);background:var(--surface);font-size:13px}
.theme-toggle {border:1px solid var(--rule);border-radius:50%;width:44px;background:var(--surface);font-size:20px;line-height:1}
.mobile-menu {display:none;position:relative}
.mobile-menu summary {display:grid;place-items:center;border-radius:10px;border:1px solid var(--rule);cursor:pointer;list-style:none}
.mobile-menu summary::-webkit-details-marker {display:none}
.mobile-menu nav {position:absolute;right:0;top:calc(100% + 10px);display:grid;gap:2px;min-width:155px;padding:8px;border:1px solid var(--rule);border-radius:14px;background:var(--surface);box-shadow:0 16px 30px #15092226;z-index:5}
.mobile-menu:not([open]) nav {display:none}
.mobile-menu a {padding:11px;min-height:44px}
.redesign-header a:focus-visible,.redesign-header button:focus-visible,.home-screen :is(a,button,summary,input,textarea):focus-visible {outline:3px solid var(--violet);outline-offset:3px}
.home-screen {display:block;padding:0;min-height:0}
.hero {display:grid;grid-template-columns:minmax(0,1fr);gap:23px;padding-block:16px 30px;align-items:center}
.hero-copy {min-width:0}
.hero-label,.world-label,.world-index {font-size:11px;font-weight:800;letter-spacing:.15em}
.hero-label {display:flex;align-items:center;gap:8px;color:var(--violet);margin:0 0 10px}
.live-dot {width:8px;height:8px;display:inline-block;border-radius:100%;background:#baf48f;box-shadow:0 0 0 4px #baf48f26}
.hero-label .live-dot {background:var(--violet);box-shadow:0 0 0 4px var(--tint)}
.hero h1 {font-size:clamp(41px,8vw,93px);font-weight:810;letter-spacing:-.082em;line-height:.99}
.hero h1 em,.section-intro h2 em,.story-gallery h2 em {font-style:normal;color:var(--violet)}
.hero-lead {font-size:clamp(17px,2vw,25px);font-weight:760;letter-spacing:-.035em;margin:14px 0 6px;line-height:1.27}
.hero-description {color:var(--soft-ink);font-size:clamp(14px,1.35vw,17px);line-height:1.58;margin:0;max-width:40ch}
.hero-composer {margin-block:13px 0;padding:13px;border:1px solid var(--rule);border-radius:18px;background:var(--surface);box-shadow:0 8px 32px #33234d0a;scroll-margin-top:12px}
.composer-title {display:block;font-size:13px;font-weight:740;margin:0 0 8px 2px}
.hero .composer {width:100%;padding:5px 5px 5px 11px;gap:8px;border-color:var(--rule);border-radius:11px;background:var(--paper);align-items:flex-end;box-shadow:none}
.hero .composer textarea {min-width:0;min-height:44px;color:var(--ink);font-size:16px;padding-block:12px;line-height:20px;background:transparent}
.hero .composer textarea::placeholder {color:var(--soft-ink)}
.hero .composer:focus-within {border-color:var(--violet)}
.hero .composer .send-button {width:44px;height:44px;background:#6330ae;color:white;border-radius:8px}
.hero .composer .send-button:disabled {background:var(--tint);color:var(--violet);opacity:1}
.hero .chat-channel,.hero .model-picker {margin:8px 0 0;justify-content:flex-start;text-align:left}
.quick-prompts {display:flex;flex-wrap:wrap;gap:6px;margin-block:8px 0}
.quick-prompts button,.small-action {border-radius:8px;min-height:40px;padding:6px 9px;background:var(--tint);color:var(--violet);font-size:12px;font-weight:750;text-align:left}
.quick-prompts button:hover,.small-action:hover {box-shadow:inset 0 0 0 1px currentColor}
.hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px;margin-block:13px 0}
.primary-action,.secondary-action {display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:760;text-decoration:none;border-radius:10px}
.primary-action {background:#6330ae;color:white;padding:0 14px}
.primary-action:hover {background:#51228f}
.secondary-action {color:var(--violet)}
.secondary-action:hover {text-decoration:underline;text-underline-offset:4px}
.hero-free {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:10px 0 0;text-align:left;color:var(--soft-ink);font-size:12px}
.hero-free strong {color:var(--ink)}
.hero-world {order:-1;position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:190px;height:clamp(190px,54vw,320px);border-radius:22px;color:#f6edff;
  background:radial-gradient(ellipse at 48% 58%,#6842a3 0,#40246a 48%,#20132e 100%)}
.hero-world::before {content:"";position:absolute;inset:0;z-index:-1;opacity:.34;background:radial-gradient(#d8b8ff 1px,transparent 1px) 0 0 / 20px 20px;mask-image:linear-gradient(180deg,#000,transparent 84%);pointer-events:none}
.hero-world .home-stage {position:absolute;left:50%;top:50%;width:100%;height:94%;max-width:530px;transform:translate(-50%,-49%);margin:0}
.hero-world #poster {filter:drop-shadow(0 16px 21px #16092566)}
.hero-world #greet {left:calc(50% - min(32%,145px));width:min(64%,290px);height:84%;top:8%;cursor:pointer}
.hero-world #greet:focus-visible {outline-color:#f0dfff}
.world-orbit {position:absolute;left:50%;top:52%;width:85%;height:51%;border:1px solid #bb96f369;border-radius:50%;transform:translate(-50%,-50%) rotate(-19deg);pointer-events:none}
.orbit-two {width:72%;height:73%;transform:translate(-50%,-50%) rotate(28deg)}
.world-spark {position:absolute;color:#e2c5ff;font-size:23px;pointer-events:none}
.spark-one {top:23%;left:16%}.spark-two {top:33%;right:16%;font-size:28px}.spark-three {top:67%;left:21%;font-size:14px;color:#cff3a8}
.world-label,.world-index,.world-footer {position:absolute;z-index:1;margin:0;pointer-events:none}
.world-label {top:14px;left:14px;display:flex;align-items:center;gap:7px;font-size:9px}
.world-index {top:14px;right:14px;color:#dbc7f7;font-size:9px}
.world-footer {inset:auto 12px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#f6edff}
.world-footer>span {max-width:65%;line-height:1.4}
.world-footer button {pointer-events:auto;white-space:nowrap;border:1px solid #cdb0f985;color:white;border-radius:9px;min-height:40px;padding:4px 9px;font-size:11px;background:#24153fcc;font-weight:650}
.world-footer button:hover {background:#452869}
.world-footer button:focus-visible {outline-color:white}
#character-stage[data-reaction="success"] #poster {animation:mascot-bounce .65s ease-out}
#character-stage[data-reaction="error"] #poster {animation:mascot-surprise .5s ease-out}
.greeting #poster {animation:mascot-bounce .65s ease-out}
@keyframes mascot-bounce {45% {transform:translateY(-5%) rotate(-3deg)}}
@keyframes mascot-surprise {40% {transform:scale(1.05) rotate(3deg)}}
.paused #poster {animation:none!important}
.feature-strip {border-block:1px solid var(--rule);background:var(--surface)}
.feature-strip .shell {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding-block:15px;text-align:left}
.feature-strip span {display:flex;align-items:center;gap:8px;font-size:12px;font-weight:720}
.feature-strip b,.section-intro .eyebrow span,.home-screen .eyebrow span {color:var(--violet);font-size:10px;font-weight:820;background:var(--tint);border-radius:5px;padding:4px 6px;margin-inline-end:3px}
.landing-section {padding-block:55px}
.section-intro {max-width:690px;margin-block-end:24px;text-align:left}
.section-intro .eyebrow,.home-screen .eyebrow {color:var(--violet);font-size:11px;font-weight:820;letter-spacing:.13em;margin:0 0 17px}
.section-intro h2,.story-gallery-heading h2,.home-screen .games-section-heading h2,.home-screen .section-heading h2,.home-screen .public-info h2,.home-screen .public-faq h2 {font-size:clamp(31px,5vw,60px);line-height:1.04;letter-spacing:-.065em;font-weight:780;margin:0}
.section-intro>p:not(.eyebrow) {color:var(--soft-ink);font-size:16px;line-height:1.55;max-width:58ch;margin:14px 0 0}
.demo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.demo-card {position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:178px;padding:13px;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:16px;transition:transform .18s ease,border-color .18s ease}
.demo-card:hover {transform:translateY(-3px);border-color:var(--violet)}
.demo-card strong {font-size:clamp(14px,2vw,21px);font-weight:790;letter-spacing:-.035em;line-height:1.13}
.demo-description {color:var(--soft-ink);font-size:12px;line-height:1.48;max-width:32ch}
.demo-card small {color:var(--violet);font-size:10px;font-weight:750}
.demo-icon {display:grid;place-items:center;width:34px;height:34px;background:var(--tint);color:var(--violet);border-radius:9px}
.demo-icon svg {width:22px;height:22px}
.demo-number {position:absolute;right:12px;top:15px;font-size:10px;font-weight:750;color:var(--soft-ink)}
.demo-arrow {color:var(--violet);font-weight:800;margin-top:auto;align-self:flex-end}
.demo-card[data-demo="surprise"] {background:var(--tint)}
.image-world {background:#22162f;color:#f8f0ff}
.image-world .section-intro h2 em,.image-world .section-intro .eyebrow {color:#d5b2ff}
.image-world .eyebrow span {background:#452d5e;color:#ead5ff}
.image-world .section-intro>p:not(.eyebrow) {color:#e2d1ee}
.image-world .feature-notice {font-size:13px!important;padding:10px 12px;border-left:3px solid #be90f8;background:#362346;border-radius:0 8px 8px 0}
.visual-grid {display:grid;grid-template-columns:repeat(6,minmax(79%,1fr));gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 4px 14px;margin-inline:-4px;scrollbar-color:#ab87cc #342346}
.visual-card {overflow:hidden;border:1px solid #6b5282;border-radius:14px;background:#30203f;scroll-snap-align:center}
.visual-preview {aspect-ratio:3/2;position:relative;background:radial-gradient(ellipse at 40% 35%,#745292,#37274c)}
.visual-preview img {width:100%;height:100%;display:block;object-fit:cover}
.visual-preview span {position:absolute;left:9px;top:9px;background:#22162f;color:#fff;border-radius:6px;padding:5px 8px;font-weight:750;font-size:11px}
.visual-copy {padding:12px 14px 14px}
.visual-copy h3 {margin:0;font-size:17px;font-weight:750}
.visual-copy p {color:#d9c9e3;font-size:13px;line-height:1.45;margin:5px 0 10px}
.visual-copy .small-action {background:#ebd9ff;color:#401c6c}
.image-world :focus-visible {outline-color:#e4c1ff!important}
.personality-world {display:grid;gap:5px 40px;align-items:center}
.tone-panel {min-width:0;padding:15px;border:1px solid var(--rule);border-radius:18px;background:var(--tint)}
.tone-choices {display:flex;flex-wrap:wrap;gap:6px}
.tone-choices button {border:1px solid var(--rule);background:var(--surface);color:var(--ink);min-height:44px;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:720}
.tone-choices button[aria-pressed=true] {background:#6330ae;color:white;border-color:transparent}
.tone-question {font-size:13px;color:var(--soft-ink);margin:15px 0 8px}
.tone-answer {display:flex;gap:8px;background:var(--surface);border:1px solid var(--rule);padding:11px;border-radius:11px;min-height:117px}
.tone-answer img {flex-shrink:0;object-fit:contain}
.tone-answer span {font-size:9px;color:var(--violet);font-weight:820;letter-spacing:.08em}
.tone-answer p {font-size:15px;line-height:1.5;margin:4px 0 0}
.home-screen :is(.story-gallery,.games-preview,.public-info,.public-pricing,.public-faq) {width:min(1200px,calc(100% - 40px));max-width:none;margin-inline:auto}
.home-screen .story-gallery {margin-block:0 52px;padding:32px 0 22px;border-top:1px solid var(--rule)}
.story-gallery-heading p:last-child,.home-screen .section-heading p:last-child,.home-screen .public-info p,.home-screen .public-faq p {color:var(--soft-ink)}
.home-screen .games-preview {padding:28px 0 46px}
.home-screen .games-preview-card,.home-screen .launch-card,.home-screen .public-pack {background:var(--surface);border-color:var(--rule);color:var(--ink)}
.home-screen .games-preview-copy p,.home-screen .public-pack p:not(.pack-price),.home-screen .public-pack .pack-label,.home-screen .pricing-notes p {color:var(--soft-ink)}
.home-screen .public-info {padding-block:42px;gap:22px 50px}
.home-screen .public-pricing {padding-block:47px;border-top:1px solid var(--rule)}
.home-screen .public-pack.best-value {border:2px solid var(--violet);background:var(--tint)}
.home-screen .public-pack button {min-height:44px}
.home-screen .public-faq {padding-block:45px}
.home-screen .faq-list summary {min-height:44px}
.diriqent-games .games-page {max-width:1200px}
.diriqent-games .games-page-intro h1 {font-size:clamp(40px,6vw,85px);letter-spacing:-.072em;line-height:1.02;font-weight:800;color:var(--ink)}
.diriqent-games .games-page-intro .eyebrow {color:var(--violet)}
.diriqent-games .games-preview-card {border-color:var(--rule);background:var(--surface);color:var(--ink)}
.diriqent-games :is(.games-page-intro p,.games-preview-copy p,.games-card-privacy,.games-screens figcaption) {color:var(--soft-ink)}
.diriqent-games :is(.games-text-link,.games-publisher) {color:var(--violet)}
.diriqent-games .games-tags li {background:var(--tint);color:var(--violet)}
.diriqent-games .games-page-header nav {align-items:center;gap:5px}
.chat-view .redesign-header {width:100%;max-width:none;margin:0}
.chat-view .landing-nav,.chat-view .mobile-menu {display:none}
.redesign-header .history-open {border-radius:9px;padding-inline:8px}
body:not(.chat-view):not(.account-registered) .redesign-header .history-open {display:none}
.home-screen .privacy-choice[data-placement=inline] {position:relative;bottom:auto;left:auto;transform:none;margin:16px auto;box-shadow:none;max-height:none}
.chat-quota {min-height:18px}
.chat-quota button {min-height:30px;font-weight:700;color:var(--violet)}
.account-benefits {font-size:13px;color:var(--soft-ink);line-height:1.5;margin-block:0 14px}
:root[data-theme=dark] :is(#account-dialog,#chat-controls-dialog,#conversation-dialog,#image-settings,.message.assistant,.chat-view .composer,.tone-answer,.story-nav,.launch-card,.trial-line,.faq-list details,.privacy-choice) {background:var(--surface);color:var(--ink);border-color:var(--rule)}
:root[data-theme=dark] :is(.chat-view textarea,#account-dialog input,#account-dialog select,#chat-controls-dialog select) {color:var(--ink);background:var(--paper)}
:root[data-theme=dark] :is(.chat-view .composer textarea::placeholder,.chat-view .service-note,.chat-identity p,.chat-storage-note,.pack-tax,.registration-information,.footer p,.footer a,.footer span,.footer button,.faq-list summary,.launch-card .quiet-copy,.launch-steps li,.privacy-choice p,.privacy-choice h2) {color:var(--soft-ink)}
:root[data-theme=dark] :is(.credit-stats>div,.credit-pack,.chat-control-panel,.chat-history-list,.message.user,.episode-frame,.image-composer) {background:var(--tint);color:var(--ink);border-color:var(--rule)}
:root[data-theme=dark] :is(.privacy-choice a,.quiet-copy a,.public-pricing .pack-price,.public-info .text-link) {color:var(--violet)}
:root[data-theme=dark] .redesign-header :is(#account-open,.launch-account) {color:var(--ink)}
:root[data-theme=dark] .redesign-header :is(a,button,summary):focus-visible {color:var(--ink);outline:3px solid var(--violet);outline-offset:3px}
:root[data-theme=dark] :is(.chat-channel,.model-picker select,.chat-control-panel .image-modes button,.hero .image-modes button) {background:var(--tint);border-color:var(--rule);color:var(--ink)}
:root[data-theme=dark] .chat-channel button {color:var(--ink)}
:root[data-theme=dark] :is(.chat-channel,.image-modes) button[aria-pressed=true] {background:#e1c5ff;color:#32144d;border-color:#e1c5ff}
:root[data-theme=dark] :is(.model-picker,.personality-label,.conversation-lead,.conversation-private,.image-fineprint,.account-lead,.registration-information,.pack-tax) {color:var(--soft-ink)}
:root[data-theme=dark] :is(#conversation-search,.conversation-card,.conversation-edit,.image-settings-toggle,.chat-actions button) {background:var(--surface);color:var(--ink);border-color:var(--rule)}
:root[data-theme=dark] :is(.image-price,.image-feedback,.image-balance,.message-billing,.account-text,.legal-language-select) {color:var(--violet)}
@media(max-width:820px) {
  .redesign-header .landing-nav,.redesign-header .pricing-link {display:none}
  .redesign-header .mobile-menu {display:block}
  .chat-view .redesign-header .pricing-link {display:inline-flex}
  .chat-view .redesign-header .mobile-menu {display:none}
  .redesign-header {height:62px}
}
@media(min-width:620px) {
  .shell,.home-screen :is(.story-gallery,.games-preview,.public-info,.public-pricing,.public-faq) {width:min(1200px,calc(100% - 64px))}
  .hero {grid-template-columns:minmax(0,1fr) minmax(0,.97fr);padding-block:31px 46px;gap:clamp(24px,4.2vw,66px)}
  .hero-world {order:0;height:100%;min-height:465px;border-radius:28px}
  .hero h1 {font-size:clamp(44px,6.7vw,96px)}
  .world-label,.world-index {top:20px;font-size:10px}.world-label {left:20px}.world-index {right:20px}
  .world-footer {inset:auto 16px 14px;font-size:13px}
  .world-footer button {min-height:44px;font-size:12px}
  .feature-strip .shell {grid-template-columns:repeat(4,minmax(0,1fr));padding-block:19px}
  .landing-section {padding-block:74px}
  .demo-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .demo-card {min-height:190px;padding:18px;gap:9px}
  .demo-description {font-size:14px}
  .demo-icon {width:39px;height:39px}
  .visual-grid {grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:14px}
  .personality-world {grid-template-columns:1fr 1fr}
}
@media(min-width:1000px) {
  .hero {padding-block:44px 61px}
  .hero-world {min-height:548px}
  .hero-composer {padding:15px;margin-top:16px}
  .hero-actions {margin-block:16px 0}
  .primary-action,.secondary-action {font-size:14px}
  .quick-prompts button,.small-action {min-height:44px}
}
@media(max-width:399px) {
  .shell,.home-screen :is(.story-gallery,.games-preview,.public-info,.public-pricing,.public-faq) {width:calc(100% - 28px)}
  .redesign-header {padding-inline:12px;gap:8px}
  .redesign-header .wordmark {font-size:24px}
  .redesign-header .wordmark img {width:27px;height:27px;margin-inline-end:4px}
  .header-actions {gap:5px}
  .redesign-header :is(.launch-account,#account-open) {padding-inline:7px;font-size:11px}
  .redesign-header .pricing-link {padding-inline:5px}
  .redesign-header .history-open {padding-inline:3px;font-size:11px}
  .hero-composer {padding:10px}
  .world-footer {font-size:10px}
  .demo-card {padding:10px}
}
@media(max-width:360px) {
  :is(.account-registered,.chat-view) .redesign-header .wordmark img {display:none}
  .chat-view .redesign-header .theme-toggle {display:none}
}
@media(max-width:600px) {
  .hero {gap:16px;padding-top:10px}
  .hero-copy {display:flex;flex-direction:column;align-items:stretch}
  .hero-world {height:clamp(164px,45vw,215px);min-height:0}
  .hero-label {margin-bottom:7px}
  .hero-lead {margin-top:10px}
  .hero-composer {margin-top:9px}
  .hero-actions {margin-top:9px;margin-bottom:0;gap:6px 11px}
  .hero-actions :is(.primary-action,.secondary-action) {font-size:12px;gap:6px}
  .hero-actions .primary-action {padding-inline:11px}
  .hero-composer .quick-prompts button {min-height:44px}
  .privacy-choice {bottom:max(8px,env(safe-area-inset-bottom));padding:13px;max-height:48dvh;gap:10px}
  .privacy-choice .eyebrow {display:none}
  .privacy-choice h2 {font-size:17px;margin-bottom:4px}
  .privacy-choice p:not(.eyebrow) {font-size:12px;margin-bottom:5px}
  .privacy-actions {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:5px}
  .privacy-actions button {padding:6px 8px;font-size:12px}
  .chat-view .privacy-choice {display:none}
}
@media(max-height:500px) {
  .chat-view .chat-quota {font-size:10px;margin-block:2px}
  .chat-view .chat-quota button {min-height:22px}
}
@media(max-width:360px) and (max-height:690px) {
  body:not(.chat-view) .redesign-header {height:56px}
  .hero-world {height:137px}
  .hero h1 {font-size:36px}
  .hero-description {display:none}
  .hero-actions {display:grid;grid-template-columns:max-content 1fr}
  .hero-actions .secondary-action {justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce) {.home-screen *, .home-screen *::before {animation:none!important;transition:none!important;scroll-behavior:auto!important}}