:root { --flow-bg:#081326; --flow-white:#f7f7fb; --flow-muted:#adb9ce; --flow-blue:#8d91ff; --flow-mint:#9ce5ca; --flow-gold:#ffd58d; }
* { box-sizing:border-box; }
html { background:#081326; }
body { margin:0; }
button,a { -webkit-tap-highlight-color:transparent; }
.flow-page { position:relative; min-height:100svh; overflow:hidden; color:var(--flow-white); font-family:"Be Vietnam Pro",Arial,sans-serif; background:var(--flow-bg); isolation:isolate; }
.flow-entry { position:fixed; inset:0; z-index:30; display:grid; place-items:center; padding:24px; background:linear-gradient(180deg,rgba(3,8,18,.5),rgba(3,8,18,.82)); backdrop-filter:blur(8px); transition:opacity 1.2s ease,visibility 1.2s ease; }
.flow-entry.is-leaving { opacity:0; visibility:hidden; pointer-events:none; }
.flow-entry-card { width:min(100%,620px); padding:46px 52px 40px; border:1px solid rgba(255,255,255,.16); border-radius:30px; background:linear-gradient(145deg,rgba(11,25,45,.78),rgba(7,15,31,.56)); box-shadow:0 38px 110px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08); text-align:center; }
.flow-entry-mark { position:relative; display:block; width:76px; height:86px; margin:0 auto 24px; filter:drop-shadow(0 0 20px rgba(255,213,141,.28)); }
.flow-entry-mark i { position:absolute; left:37px; bottom:5px; width:2px; height:54px; border-radius:3px; background:var(--flow-gold); }
.flow-entry-mark b,.flow-entry-mark em { position:absolute; bottom:39px; width:32px; height:18px; background:linear-gradient(135deg,#ffe4a4,#9ce5ca); border-radius:100% 0 100% 0; }
.flow-entry-mark b { left:7px; transform:rotate(12deg); }.flow-entry-mark em { right:7px; transform:scaleX(-1) rotate(12deg); }
.flow-entry-card h1 { margin:0; font-size:clamp(38px,5vw,62px); line-height:1.05; letter-spacing:-3px; }
.flow-entry-card>p:not(.flow-eyebrow) { max-width:460px; margin:20px auto 29px; color:#b6c2d5; font-size:13px; line-height:1.75; }
.flow-entry-button { width:min(100%,360px); min-height:64px; padding:11px 22px; border:1px solid rgba(201,204,255,.48); border-radius:16px; background:linear-gradient(135deg,#6870f4,#9088ff); color:#fff; font:inherit; cursor:pointer; box-shadow:0 18px 45px rgba(70,78,214,.32); transition:transform .2s ease,box-shadow .2s ease; }
.flow-entry-button:hover { transform:translateY(-2px); box-shadow:0 23px 55px rgba(70,78,214,.4); }
.flow-entry-button span,.flow-entry-button i { display:block; }.flow-entry-button span { font-size:13px; font-weight:800; }.flow-entry-button i { margin-top:4px; color:#dfe1ff; font-size:8px; font-style:normal; font-weight:500; }
.flow-entry-silent { display:block; margin:14px auto 0; padding:7px 12px; border:0; background:transparent; color:#a5b2c6; font:inherit; font-size:9px; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.flow-entry-card>small { display:block; margin-top:21px; color:#718097; font-size:7px; letter-spacing:.35px; }
.flow-page.sound-open .flow-light { opacity:.34; }
.flow-world,.flow-bg,.flow-night,.flow-light,.flow-mist,.flow-particles,.flow-state-effects,.flow-completion-bloom { position:fixed; inset:0; pointer-events:none; }
.flow-world { z-index:-2; overflow:hidden; }
.flow-bg { opacity:0; background:url('/assets/wind-flow-sanctuary-v1.png') center center/cover no-repeat; transform:scale(1.025); transition:opacity 1.9s ease,transform 14s ease,filter 2s ease; }
.flow-bg.is-visible { opacity:1; }
.flow-bg-b { transform:scale(1.055); }
.flow-night { background:linear-gradient(90deg,rgba(3,8,18,.84) 0%,rgba(5,11,24,.58) 40%,rgba(5,10,21,.3) 100%),linear-gradient(0deg,rgba(4,9,20,.72),transparent 55%); transition:opacity 2s ease; }
.flow-light { opacity:.15; background:radial-gradient(circle at 82% 42%,rgba(255,206,136,.7),transparent 28%); mix-blend-mode:screen; transition:opacity 2s ease; }
.flow-page.is-journey .flow-bg { transform:scale(1.055); }
.flow-page.is-running .flow-night { opacity:.62; }
.flow-page.is-running .flow-light { opacity:.62; }
.flow-page.is-complete .flow-night { opacity:.25; }
.flow-page.is-complete .flow-light { opacity:1; }
.flow-page.is-running .flow-bg { transform:scale(var(--world-scale,1.04)); filter:saturate(var(--world-saturation,.9)) brightness(var(--world-brightness,.88)); }
.flow-state-effects { z-index:1; overflow:hidden; opacity:.86; transition:opacity 1.2s ease; }
.flow-state-effects span { position:absolute; display:block; opacity:0; }
.flow-page.state-tired .flow-state-effects span { width:1px; height:46px; top:-60px; left:var(--x); background:linear-gradient(transparent,rgba(190,219,238,.42)); transform:rotate(8deg); animation:flowRain var(--speed) linear var(--delay) infinite; }
@keyframes flowRain { 0%{opacity:0;transform:translate3d(0,-10vh,0) rotate(8deg)} 15%{opacity:.55} 100%{opacity:0;transform:translate3d(-5vw,115vh,0) rotate(8deg)} }
.flow-page.state-noise .flow-state-effects span { width:var(--size); height:var(--size); left:var(--x); top:var(--y); border:1px solid rgba(154,203,229,.26); border-radius:50%; animation:quietRipple var(--speed) ease-out var(--delay) infinite; }
@keyframes quietRipple { 0%{opacity:.5;transform:scale(.15)} 70%{opacity:.12} 100%{opacity:0;transform:scale(3.2)} }
.flow-page.state-delay .flow-state-effects span { width:4px; height:4px; left:var(--x); top:var(--y); border-radius:50%; background:#ffd58d; box-shadow:0 0 15px 3px rgba(255,213,141,.45); animation:forwardGlow var(--speed) ease-in-out var(--delay) infinite; }
@keyframes forwardGlow { 0%{opacity:0;transform:translate3d(-35px,14px,0) scale(.5)} 35%{opacity:.9} 100%{opacity:0;transform:translate3d(95px,-36px,0) scale(1.3)} }
.flow-page.state-lost .flow-state-effects span { width:8px; height:8px; left:calc(52% + var(--path-x)); bottom:calc(5% + var(--path-y)); border-radius:50%; background:#ffd58d; box-shadow:0 0 23px 7px rgba(255,213,141,.38); animation:guideWake 4.8s ease-in-out var(--delay) infinite; }
@keyframes guideWake { 0%,100%{opacity:.16;transform:scale(.65)} 45%{opacity:1;transform:scale(1.2)} }
.flow-page.state-unsure .flow-state-effects span { width:90px; height:1px; left:var(--x); top:var(--y); background:linear-gradient(90deg,transparent,rgba(224,229,255,.32),transparent); filter:blur(.4px); animation:openBreeze var(--speed) ease-in-out var(--delay) infinite; }
@keyframes openBreeze { 0%{opacity:0;transform:translateX(-22vw) scaleX(.6)} 45%{opacity:.55} 100%{opacity:0;transform:translateX(105vw) scaleX(1.4)} }
.flow-completion-bloom { z-index:2; opacity:0; background:radial-gradient(circle at 70% 48%,rgba(255,230,170,.66),rgba(156,229,202,.12) 30%,transparent 62%); mix-blend-mode:screen; transform:scale(.35); }
.flow-page.is-complete .flow-completion-bloom { animation:worldBloom 3.2s cubic-bezier(.2,.8,.2,1) both; }
@keyframes worldBloom { 0%{opacity:0;transform:scale(.25)} 38%{opacity:.95} 100%{opacity:.3;transform:scale(1.5)} }
.flow-mist { width:65vw; height:15vh; top:auto; bottom:20%; border-radius:50%; background:rgba(184,200,239,.12); filter:blur(38px); animation:mistDrift 22s ease-in-out infinite alternate; }
.mist-two { left:auto; right:-10%; bottom:30%; opacity:.55; animation-duration:30s; animation-direction:alternate-reverse; }
@keyframes mistDrift { from{transform:translateX(-15%) scale(1)} to{transform:translateX(25%) scale(1.18)} }
.flow-particles span { position:absolute; width:3px; height:3px; border-radius:50%; background:var(--flow-gold); box-shadow:0 0 10px var(--flow-gold); opacity:0; animation:floatParticle var(--speed) ease-in-out var(--delay) infinite; }
@keyframes floatParticle { 0%,100%{opacity:0;transform:translate(0,15px)} 30%{opacity:.7} 70%{opacity:.25} 100%{transform:translate(var(--drift),-70px)} }
.flow-header { position:relative; z-index:5; height:82px; display:flex; align-items:center; justify-content:space-between; width:min(calc(100% - 56px),1240px); margin:auto; }
.flow-logo { display:inline-flex; align-items:center; gap:8px; color:#fff; font-size:25px; font-weight:800; letter-spacing:-1px; text-decoration:none; }
.flow-logo i { width:25px; height:25px; border:3px solid #7076ff; border-radius:50%; position:relative; }
.flow-logo i::after { content:""; position:absolute; inset:5px; border:2px solid #7076ff; border-top-color:transparent; border-radius:50%; }
.flow-controls { display:flex; align-items:center; gap:10px; }
.sound-toggle,.flow-exit,.track-shuffle { min-height:38px; padding:0 14px; border:1px solid rgba(255,255,255,.17); border-radius:999px; background:rgba(9,17,34,.48); backdrop-filter:blur(14px); color:#dfe5ef; font:inherit; font-size:9px; cursor:pointer; }
.sound-toggle { display:flex; align-items:center; gap:7px; }
.track-shuffle { align-items:center; gap:7px; }
.track-shuffle:not([hidden]) { display:flex; }
.track-shuffle span { color:var(--flow-gold); font-size:14px; transition:transform .45s ease; }.track-shuffle:hover span { transform:rotate(180deg); }
.track-shuffle.is-changing span { animation:shuffleSpin .8s ease; }
@keyframes shuffleSpin { to{transform:rotate(360deg)} }
.sound-toggle span { color:var(--flow-mint); font-size:13px; }
.sound-toggle[aria-pressed="true"] { border-color:rgba(156,229,202,.45); background:rgba(38,83,78,.35); }
.sound-toggle[aria-pressed="true"] span { animation:soundPulse 1.6s ease-in-out infinite; }
.sound-toggle.sound-confirm { box-shadow:0 0 0 5px rgba(156,229,202,.12),0 0 28px rgba(156,229,202,.16); }
@keyframes soundPulse { 0%,100%{opacity:.55;transform:scale(.9)} 50%{opacity:1;transform:scale(1.2)} }
.flow-main { position:relative; z-index:2; min-height:calc(100svh - 138px); display:grid; align-items:center; width:min(calc(100% - 56px),1240px); margin:auto; padding:24px 0 42px; }
.flow-screen { grid-area:1/1; opacity:0; transform:translateY(18px); pointer-events:none; transition:opacity .65s ease,transform .65s ease; }
.flow-screen[hidden] { display:block; visibility:hidden; }
.flow-screen.is-active { opacity:1; transform:none; pointer-events:auto; visibility:visible; }
.flow-intro { max-width:720px; }
.flow-eyebrow { margin:0 0 17px; color:#c6c9ff; font-size:10px; font-weight:800; letter-spacing:1.5px; }
.flow-intro h1,.choice-copy h2,.timer-stage h2,.complete-screen h2 { margin:0; font-size:clamp(45px,5.5vw,74px); line-height:1.04; letter-spacing:-3.6px; }
.flow-subtitle,.choice-copy>p:last-child { max-width:620px; margin:22px 0 0; color:var(--flow-muted); font-size:14px; line-height:1.75; }
.state-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin-top:42px; }
.state-card { min-height:142px; position:relative; padding:20px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045)); backdrop-filter:blur(18px); color:#fff; text-align:left; font:inherit; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.state-card:hover { transform:translateY(-4px); border-color:rgba(156,229,202,.48); background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.06)); }
.state-card-wide { grid-column:span 2; min-height:96px; display:grid; grid-template-columns:42px 1fr; align-content:center; column-gap:12px; }
.state-card-wide small { grid-column:2; }
.state-symbol { display:grid; place-items:center; width:36px; height:36px; margin-bottom:26px; border-radius:11px; background:rgba(112,118,255,.22); color:#c9ccff; font-size:20px; }
.state-card-wide .state-symbol { grid-row:1/span 2; margin:0; }
.state-card b,.state-card small { display:block; }
.state-card b { font-size:12px; }
.state-card small { margin-top:7px; color:#9ba8bd; font-size:9px; line-height:1.55; }
.flow-history { position:absolute; right:0; bottom:0; width:190px; padding:17px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:rgba(8,16,32,.52); backdrop-filter:blur(12px); }
.flow-history span,.flow-history strong,.flow-history small { display:block; }
.flow-history span { color:#8795ab; font-size:7px; font-weight:800; letter-spacing:1px; }
.flow-history strong { margin-top:7px; font-size:11px; }
.flow-history i { display:block; width:100%; height:3px; margin:12px 0 8px; border-radius:10px; background:linear-gradient(90deg,var(--flow-mint) var(--growth,10%),rgba(255,255,255,.1) var(--growth,10%)); }
.flow-history small { color:#8795ab; font-size:8px; }
.flow-back { margin-bottom:27px; border:0; background:transparent; color:#aebacf; font:inherit; font-size:9px; cursor:pointer; }
.choice-copy { max-width:760px; }
.choice-copy h2 { font-size:clamp(38px,4.2vw,60px); }
.journey-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:44px; }
.journey-card { min-height:198px; position:relative; display:flex; flex-direction:column; align-items:flex-start; padding:21px; border:1px solid rgba(255,255,255,.14); border-radius:19px; background:rgba(10,19,38,.55); backdrop-filter:blur(18px); color:#fff; text-align:left; font:inherit; cursor:pointer; transition:.2s ease; }
.journey-card:hover { transform:translateY(-4px); border-color:rgba(156,229,202,.5); }
.journey-card.recommended { border-color:rgba(141,145,255,.7); box-shadow:inset 0 0 0 1px rgba(141,145,255,.2),0 18px 50px rgba(5,10,22,.2); }
.journey-card em { position:absolute; top:14px; right:14px; padding:5px 7px; border-radius:999px; background:rgba(141,145,255,.2); color:#cfd1ff; font-size:6px; font-style:normal; font-weight:800; letter-spacing:.6px; }
.journey-card>span { color:var(--flow-blue); font-size:40px; font-weight:800; letter-spacing:-2px; line-height:1; }
.journey-card div { margin-top:auto; }
.journey-card b,.journey-card small { display:block; }
.journey-card b { font-size:12px; }
.journey-card small { margin-top:7px; color:#95a2b6; font-size:8px; line-height:1.5; }
.journey-card>i { margin-top:15px; color:var(--flow-mint); font-size:8px; font-style:normal; font-weight:700; }
.choice-note { margin:17px 0 0; color:#78869c; font-size:8px; }
.timer-screen,.complete-screen { text-align:center; }
.timer-stage { max-width:720px; margin:auto; }
.timer-orbit { width:min(310px,68vw); aspect-ratio:1; position:relative; display:grid; place-items:center; margin:8px auto 28px; }
.timer-orbit svg { position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); filter:drop-shadow(0 0 22px rgba(141,145,255,.2)); }
.timer-track,.timer-progress { fill:none; stroke-width:2; }
.timer-track { stroke:rgba(255,255,255,.13); }
.timer-progress { stroke:url('#unused'); stroke:var(--flow-mint); stroke-linecap:round; stroke-dasharray:635; stroke-dashoffset:635; transition:stroke-dashoffset 1s linear; }
.timer-time { position:relative; z-index:2; }
.timer-time strong,.timer-time span { display:block; }
.timer-time strong { font-size:clamp(42px,5vw,65px); letter-spacing:-3px; }
.timer-time span { margin-top:4px; color:#98a6bb; font-size:8px; letter-spacing:.8px; }
.growing-seed { position:absolute; bottom:15px; left:50%; width:42px; height:60px; transform:translateX(-50%) scale(var(--seed-scale,.45)); transform-origin:50% 100%; opacity:var(--seed-opacity,.5); transition:transform 2s ease,opacity 2s ease; }
.growing-seed i { position:absolute; left:20px; bottom:0; width:2px; height:39px; border-radius:3px; background:var(--flow-gold); box-shadow:0 0 10px rgba(255,213,141,.5); }
.growing-seed b,.growing-seed em { position:absolute; width:21px; height:12px; bottom:27px; background:var(--flow-gold); border-radius:100% 0 100% 0; box-shadow:0 0 12px rgba(255,213,141,.55); }
.growing-seed b { left:0; transform:rotate(16deg); }
.growing-seed em { right:0; transform:scaleX(-1) rotate(16deg); }
.timer-stage h2 { font-size:clamp(32px,3.5vw,50px); letter-spacing:-2px; }
.timer-action { max-width:570px; min-height:50px; margin:16px auto 0; color:#b2bfd2; font-size:12px; line-height:1.75; }
.timer-actions,.complete-actions { display:flex; justify-content:center; gap:10px; margin-top:25px; }
.flow-primary,.flow-secondary { min-height:51px; padding:0 20px; border-radius:13px; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
.flow-primary { border:0; background:linear-gradient(135deg,#6f75ff,#8f86ff); color:#fff; box-shadow:0 18px 40px rgba(73,79,215,.28); }
.flow-primary span { margin-left:15px; }
.flow-secondary { border:1px solid rgba(255,255,255,.16); background:rgba(8,16,32,.46); color:#c1cada; }
.flow-secondary.link { display:inline-flex; align-items:center; text-decoration:none; }
.timer-whisper,.complete-note { margin:14px 0 0; color:#738197; font-size:8px; }
.complete-screen { max-width:780px; margin:auto; }
.complete-seed { width:110px; height:125px; position:relative; margin:0 auto 23px; }
.complete-seed span { position:absolute; left:50%; bottom:0; width:62px; height:16px; transform:translateX(-50%); border-radius:50%; background:rgba(156,229,202,.16); filter:blur(4px); }
.complete-seed i { position:absolute; left:54px; bottom:10px; width:3px; height:78px; border-radius:3px; background:var(--flow-gold); box-shadow:0 0 16px rgba(255,213,141,.7); }
.complete-seed b,.complete-seed em { position:absolute; width:46px; height:26px; bottom:57px; background:linear-gradient(135deg,#ffe8ad,#9ce5ca); border-radius:100% 0 100% 0; box-shadow:0 0 20px rgba(255,213,141,.48); }
.complete-seed b { left:8px; transform:rotate(13deg); }.complete-seed em { right:8px; transform:scaleX(-1) rotate(13deg); }
.complete-screen h2 { font-size:clamp(40px,4.8vw,65px); }
.complete-screen>p:not(.flow-eyebrow):not(.complete-note) { max-width:620px; margin:21px auto 0; color:#b5c1d3; font-size:12px; line-height:1.8; }
.complete-stats { display:flex; align-items:center; justify-content:center; gap:27px; margin-top:28px; }
.complete-stats div { min-width:130px; }.complete-stats strong,.complete-stats span { display:block; }
.complete-stats strong { color:var(--flow-mint); font-size:27px; }.complete-stats span { margin-top:4px; color:#8795a9; font-size:8px; }
.complete-stats>i { width:1px; height:38px; background:rgba(255,255,255,.13); }
.flow-footer { position:relative; z-index:3; height:56px; display:flex; align-items:center; justify-content:space-between; width:min(calc(100% - 56px),1240px); margin:auto; color:#7f8da2; font-size:8px; letter-spacing:.45px; }
.flow-dialog { position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:20px; background:rgba(2,6,14,.74); backdrop-filter:blur(12px); }
.flow-dialog[hidden] { display:none; }
.flow-dialog>div { width:min(100%,420px); padding:30px; border:1px solid rgba(255,255,255,.15); border-radius:22px; background:#101b31; text-align:center; box-shadow:0 40px 90px rgba(0,0,0,.4); }
.flow-dialog h3 { margin:0; font-size:25px; }.flow-dialog>div>p:not(.flow-eyebrow) { color:#9ba8bb; font-size:10px; }
.flow-dialog a,.flow-dialog button { min-height:45px; display:flex; align-items:center; justify-content:center; width:100%; margin-top:9px; border-radius:11px; font:inherit; font-size:9px; font-weight:800; text-decoration:none; cursor:pointer; }
.flow-dialog a { background:var(--flow-blue); color:#fff; }.flow-dialog button { border:1px solid rgba(255,255,255,.14); background:transparent; color:#b9c4d4; }

@media (max-width:900px) {
  .state-grid,.journey-grid { grid-template-columns:repeat(2,1fr); }
  .state-card-wide { grid-column:span 2; }
  .flow-history { position:static; margin-top:14px; }
}
@media (max-width:600px) {
  .flow-entry { padding:16px; }
  .flow-entry-card { padding:35px 22px 29px; border-radius:24px; }
  .flow-entry-card h1 { font-size:39px; letter-spacing:-2.3px; }
  .flow-entry-card>p:not(.flow-eyebrow) { font-size:11px; }
  .flow-entry-mark { transform:scale(.86); margin-bottom:15px; }
  .flow-bg { background-position:42% center; }
  .flow-night { background:linear-gradient(180deg,rgba(3,8,18,.68),rgba(3,8,18,.73)),linear-gradient(90deg,rgba(3,8,18,.35),transparent); }
  .flow-header,.flow-main,.flow-footer { width:min(calc(100% - 28px),1240px); }
  .flow-header { height:68px; }.flow-logo { font-size:21px; }.flow-logo i { width:22px;height:22px; }
  .flow-exit { display:none; }.sound-toggle,.track-shuffle { padding:0 10px; }.sound-toggle b,.track-shuffle b { font-size:7px; }
  .flow-main { min-height:calc(100svh - 110px); align-items:start; padding:38px 0 25px; overflow-y:auto; }
  .flow-screen { width:100%; padding-bottom:20px; }
  .flow-intro h1 { font-size:43px; letter-spacing:-2.7px; }.flow-subtitle { font-size:12px; }
  .state-grid { grid-template-columns:1fr 1fr; gap:9px; margin-top:28px; }
  .state-card { min-height:132px; padding:15px; }.state-symbol { margin-bottom:20px; }.state-card b { font-size:10px; }.state-card small { font-size:8px; }
  .state-card-wide { min-height:82px; grid-column:span 2; }
  .flow-history { width:100%; }
  .choice-copy h2 { font-size:39px; letter-spacing:-2.4px; }.choice-copy>p:last-child { font-size:11px; }
  .journey-grid { grid-template-columns:1fr; margin-top:28px; }
  .journey-card { min-height:100px; display:grid; grid-template-columns:52px 1fr auto; align-items:center; column-gap:10px; padding:15px; }
  .journey-card>span { font-size:33px; }.journey-card div { margin:0; }.journey-card>i { margin:0; }.journey-card em { top:8px;right:9px; }
  .timer-screen { align-self:center; }.timer-orbit { width:250px; margin-bottom:20px; }
  .timer-stage h2 { font-size:34px; }.timer-action { font-size:11px; }
  .timer-actions,.complete-actions { flex-direction:column; }.flow-primary,.flow-secondary { width:100%; }
  .complete-screen { align-self:center; }.complete-seed { transform:scale(.8); margin-bottom:4px; }.complete-screen h2 { font-size:39px; letter-spacing:-2.4px; }
  .complete-stats { gap:12px; }.complete-stats div { min-width:105px; }
  .flow-footer { height:42px; }
}
@media (prefers-reduced-motion:reduce) { * { animation-duration:.01ms!important; transition-duration:.01ms!important; } }