/* The Everything Educator: PRESENT MODE deck styles (pairs with deck.js). Every class is .dk-prefixed; self contained.
   The stage is a fixed 1920x1080 canvas that deck.js scales to fit, so every size here is in logical pixels (nothing on a slide under 32px).
   RULE: the plain style is the FINAL state and motion runs FROM somewhere, so static (thumbnails) and reduced motion just switch motion off. */

.dk{--ease:cubic-bezier(.2,.7,.2,1);--cv:#111318;--cvc:17,19,24;--ac:#FFD43B;--acc:255,212,59;--act:#FFD43B;--a2:#E2412F;--a2c:226,65,47;--a2t:#F2705F;
 --fg:#F7F3EA;--fg2:rgba(247,243,234,.8);--glass:rgba(255,255,255,.07);--line:rgba(255,255,255,.2);--onac:#15171C;--ona2:#fff;--panel:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05)),var(--cv);
 position:relative;width:100%;height:100%;overflow:hidden;background:var(--cv);color:var(--fg);
 font-family:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;font-style:normal;font-stretch:100%;font-variation-settings:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;text-align:left;text-shadow:none;white-space:normal;line-height:1.3;outline:none;touch-action:pan-y;
 -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.dk *,.dk *::before,.dk *::after{box-sizing:border-box}
.dk-mini{height:auto;aspect-ratio:16/9;pointer-events:none}
.dk-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0}
.dk-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dk button{font:inherit;color:inherit;background:none;border:0;margin:0;cursor:pointer;text-transform:none;letter-spacing:inherit;text-align:inherit}
.dk a{color:inherit}

/* slides and how they change */
.dk-slide{position:absolute;inset:0;overflow:hidden;background:var(--cv);font-size:40px;opacity:1;scale:1;
 transition:opacity .45s ease,scale .45s var(--ease)}
.dk-slide.dk-pre{opacity:0;scale:1.02}
.dk-slide.dk-out{opacity:0;scale:.98}
.dk-h,.dk-fr{font-family:Fraunces,"Iowan Old Style","Palatino Linotype",Georgia,serif;font-weight:700;letter-spacing:-.02em;
 font-optical-sizing:auto;line-height:1.02;margin:0;word-spacing:.07em;text-wrap:balance}
.dk-label{margin:0;display:flex;align-items:center;gap:20px;font-size:32px;line-height:1.1;font-weight:650;letter-spacing:.14em;
 text-transform:uppercase;color:var(--act)}
.dk-label::before{content:"";width:56px;height:5px;border-radius:3px;background:var(--ac);flex:none}
.dk-pill{display:inline-block;margin:0;padding:12px 30px;border-radius:999px;background:var(--ac);color:var(--onac);font-size:32px;
 line-height:1.1;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.dk-pill.dk-p2{background:rgba(var(--acc),.16);color:var(--act);border:2px solid rgba(var(--acc),.55)}
.dk-lab{position:absolute;left:140px;top:64px;z-index:3}
.dk-cmp .dk-lab,.dk-qz .dk-lab,.dk-tk .dk-lab,.dk-fm .dk-lab,.dk-ex-l .dk-lab,.dk-cr .dk-lab,.dk-bd .dk-lab,.dk-ft .dk-lab{position:static}

.dk-live .dk-e{animation:dk-rise .75s var(--ease) backwards;animation-delay:calc(var(--i,0)*70ms + 160ms)}
@keyframes dk-rise{from{opacity:0;translate:0 24px}}
@keyframes dk-fade{from{opacity:0}}
@keyframes dk-pop{from{opacity:0;scale:.6}}
@keyframes dk-draw{from{stroke-dashoffset:1;opacity:0}6%{opacity:1}}
@keyframes dk-wordrise{from{opacity:0;translate:0 .55em}}
.dk-b{opacity:0;translate:0 24px;transition:opacity .55s ease,translate .7s var(--ease)}
.dk-b.dk-on{opacity:1;translate:none}
.dk-b.dk-fl{translate:-190px 0}.dk-b.dk-fr2{translate:190px 0}
.dk-b.dk-fl.dk-on,.dk-b.dk-fr2.dk-on{translate:none}
.dk-w{display:inline-block}
.dk-live .dk-w{animation:dk-wordrise .8s var(--ease) backwards;animation-delay:calc(var(--i,0)*95ms + 300ms)}

/* photos */
.dk-ph{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 90% at 80% 10%,rgba(var(--acc),.42),transparent 62%),
  radial-gradient(90% 90% at 8% 100%,rgba(var(--a2c),.34),transparent 58%),var(--cv)}
.dk-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dk-grain{position:absolute;inset:0;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-size:240px 240px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}
img.dk-kb{animation:dk-kb 20s ease-in-out infinite alternate}
@keyframes dk-kb{to{scale:1.08}}
.dk-arch img{filter:sepia(.78) saturate(.85) contrast(1.08) brightness(.9)}
.dk-arch::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(168,108,48,.2);mix-blend-mode:multiply}
.dk-scr{position:absolute;inset:0;pointer-events:none}
.dk-scr-b{background:linear-gradient(to top,rgba(var(--cvc),.95) 0,rgba(var(--cvc),.88) 34%,rgba(var(--cvc),.5) 58%,rgba(var(--cvc),.06) 86%,rgba(var(--cvc),.0) 100%)}
.dk-scr-a{background:linear-gradient(to bottom,rgba(var(--cvc),.72),transparent 30%),linear-gradient(to right,rgba(var(--cvc),.82) 0,rgba(var(--cvc),.55) 48%,rgba(var(--cvc),.3) 100%),rgba(var(--cvc),.34)}
.dk-scr-c{background:linear-gradient(to bottom,rgba(var(--cvc),.6),transparent 28%),radial-gradient(90% 80% at 50% 50%,rgba(var(--cvc),.64),rgba(var(--cvc),.84)),rgba(var(--cvc),.26)}
.dk-blur img{filter:blur(34px) brightness(.5) saturate(1.1);scale:1.22;animation:none}
.dk-blur.dk-arch img{filter:blur(34px) sepia(.7) brightness(.5)}

/* motifs */
.dk-mo{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.dk-p{position:absolute;top:0;left:var(--x);animation:dk-fall var(--t) linear infinite;animation-delay:var(--d);will-change:translate}
.dk-pi{display:block;animation:dk-sway var(--sw) ease-in-out infinite alternate;animation-delay:var(--d)}
.dk-pi svg{display:block;width:calc(var(--s)*1px);height:auto;overflow:visible}
@keyframes dk-fall{from{translate:0 -170px}to{translate:0 1250px}}
@keyframes dk-sway{from{transform:translateX(-46px) rotate(-34deg)}to{transform:translateX(46px) rotate(38deg)}}
.dk-mo-snow .dk-pi{animation-name:dk-drift}.dk-mo-leaves .dk-pi{animation-name:dk-sway}
@keyframes dk-drift{from{transform:translateX(-30px)}to{transform:translateX(30px)}}
.dk-mo-confetti .dk-pi{animation-name:dk-tumble;animation-duration:2.4s}
@keyframes dk-tumble{from{transform:translateX(-20px) rotate(0) rotateX(0)}to{transform:translateX(24px) rotate(300deg) rotateX(560deg)}}
.dk-mo-sparkle .dk-p{animation:none;top:var(--y)}
.dk-mo-sparkle .dk-pi{animation:dk-twinkle var(--t) ease-in-out infinite;animation-delay:var(--d)}
@keyframes dk-twinkle{0%,100%{opacity:.15;transform:scale(.5) rotate(0)}50%{opacity:.95;transform:scale(1.05) rotate(45deg)}}
.dk-glow{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);border-radius:50%;
 background:radial-gradient(circle,rgba(255,196,96,.42),rgba(255,150,50,.16) 38%,transparent 66%);animation:dk-flick var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes dk-flick{0%{opacity:.45;scale:.94}35%{opacity:.95;scale:1.04}60%{opacity:.6;scale:.98}100%{opacity:1;scale:1.06}}
.dk-mo-grid{background-image:radial-gradient(circle,rgba(255,255,255,.3) 2.5px,transparent 3.5px);background-size:64px 64px;
 -webkit-mask-image:radial-gradient(120% 100% at 70% 30%,#000,transparent 80%);mask-image:radial-gradient(120% 100% at 70% 30%,#000,transparent 80%);
 opacity:.5;animation:dk-gridmove 30s linear infinite}
@keyframes dk-gridmove{to{background-position:64px 64px}}
.dk-pic{position:absolute;left:0;top:0;width:1920px;height:340px;overflow:visible;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.dk-fl2{animation:dk-flag 5s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.8s)}
@keyframes dk-flag{from{transform:rotate(-4.5deg)}to{transform:rotate(4.5deg)}}
.dk-live .dk-pic{animation:dk-fade 1.2s ease .4s backwards}
.dk-t-statement .dk-mo,.dk-t-exit .dk-mo{opacity:.55}.dk-t-board .dk-mo,.dk-t-fact .dk-mo{opacity:.3}
.dk-tm.dk-t-compare .dk-cmp{padding-top:44px}.dk-tm.dk-t-compare .dk-cmp .dk-lab{min-height:128px}

/* cover */
.dk-cov{position:absolute;left:140px;bottom:112px;max-width:1560px;display:flex;flex-direction:column;align-items:flex-start;gap:34px;z-index:3}
.dk-cov .dk-h{text-shadow:0 4px 40px rgba(0,0,0,.5);line-height:.95}
.dk-mo-confetti{opacity:.6}
.dk-sub{margin:0;max-width:1180px;text-shadow:0 2px 18px rgba(0,0,0,.6);text-wrap:balance;font-size:48px;line-height:1.28;font-weight:400;color:var(--fg2)}

/* hook */
.dk-hook-ph{position:absolute;left:0;top:0;bottom:0;width:864px;-webkit-mask-image:linear-gradient(to right,#000 62%,transparent);mask-image:linear-gradient(to right,#000 62%,transparent)}
.dk-hk{position:absolute;inset:0;padding:72px 120px 72px 140px;display:flex;flex-direction:column;gap:44px;justify-content:center}
.dk-hook-p .dk-hk{left:864px;padding:72px 110px 72px 40px}
.dk-tiles{display:grid;gap:28px;perspective:1800px}
.dk-tile{position:relative;height:var(--th,340px)}
.dk-tile-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s var(--ease)}
.dk-tile.dk-on .dk-tile-in{transform:rotateX(180deg)}
.dk-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:28px;display:flex;flex-direction:column;
 align-items:center;justify-content:center;gap:18px;padding:20px 24px;text-align:center}
.dk-f0{background:var(--glass);border:2px dashed var(--line)}
.dk-f0::before,.dk-f1::before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:rgba(0,0,0,.34)}
.dk-f1{transform:rotateX(180deg);background:linear-gradient(160deg,rgba(var(--acc),.2),rgba(var(--acc),.07));border:2px solid rgba(var(--acc),.55);
 box-shadow:0 20px 50px rgba(0,0,0,.35)}
.dk-f1 .dk-ic{width:var(--ti,96px);height:var(--ti,96px);color:var(--act)}
.dk-chip-t{margin:0;font-size:var(--tf,96px);line-height:1.02;position:relative}
.dk-hq{font-size:70px;line-height:1.1;max-width:1500px}.dk-hook-p .dk-hq{font-size:62px}

/* bignum */
.dk-bn{position:absolute;inset:0;display:flex;align-items:center;gap:96px;padding:0 150px 0 170px;z-index:2}
.dk-clock{width:560px;height:560px;flex:none;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
.dk-hand{transform-origin:200px 200px;transform:rotate(var(--to,0deg))}
.dk-live .dk-hand{animation:dk-sweep 2.6s cubic-bezier(.45,.05,.2,1) backwards;animation-delay:calc(.5s + var(--k,0)*.12s)}
@keyframes dk-sweep{from{transform:rotate(var(--from,0deg))}}
.dk-bn-r{display:flex;flex-direction:column;gap:36px;min-width:0}
.dk-num{margin:0;line-height:.86;font-variant-numeric:lining-nums tabular-nums;color:var(--fg);text-shadow:0 8px 50px rgba(0,0,0,.45)}
.dk-live .dk-num{animation:dk-pop 1.1s var(--ease) backwards;animation-delay:2.1s}
.dk-live .dk-bnl .dk-w{animation-delay:calc(var(--i,0)*70ms + var(--ld,2.9s))}
.dk-clock .cf{fill:rgba(0,0,0,.42);stroke:rgba(255,255,255,.45);stroke-width:3}
.dk-clock .tk{stroke:var(--fg);stroke-linecap:round}
.dk-clock .hh{stroke:var(--fg);stroke-linecap:round}
.dk-clock .hs{stroke:var(--ac);stroke-linecap:round}
.dk-sec{transform-origin:200px 200px}
.dk-live .dk-sec{animation:dk-spin 60s linear 3.4s infinite}
@keyframes dk-spin{to{transform:rotate(360deg)}}
.dk-bnl{margin:0;font-size:56px;line-height:1.22;font-weight:500;max-width:1050px;color:var(--fg)}
.dk-bn-solo{justify-content:center;text-align:center;flex-direction:column;padding:0 160px;gap:30px}
.dk-bn-solo .dk-bn-r{align-items:center}
.dk-bn-solo .dk-num{font-size:420px}
.dk-bn-rule{width:150px;height:8px;border-radius:4px;background:var(--ac)}
.dk-live .dk-bn-rule{animation:dk-fade .6s ease 2.4s backwards}

/* timeline */
.dk-tl{position:absolute;inset:0}
.dk-tl-svg{position:absolute;inset:0;width:1920px;height:1080px;overflow:visible}
.dk-tl-svg path{fill:none;stroke-linecap:round}
.dk-tl-g{stroke:var(--line);stroke-width:6}
.dk-tl-l{stroke:var(--ac);stroke-width:8;stroke-dasharray:1;stroke-dashoffset:var(--o,1);transition:stroke-dashoffset 1s var(--ease)}
.dk-node{position:absolute;top:0;bottom:0;left:var(--cx);width:var(--nw);translate:-50% 0}
.dk-nin{position:absolute;inset:0;transform-origin:50% 560px;scale:.6;opacity:0;transition:scale .5s ease,opacity .35s ease}
.dk-node.dk-on .dk-nin{scale:1;opacity:1;transition:scale .85s cubic-bezier(.34,1.56,.64,1) .55s,opacity .4s ease .55s}
.dk-ncirc{position:absolute;left:50%;top:440px;width:240px;height:240px;margin-left:-120px;border-radius:50%;overflow:hidden;border:8px solid var(--ac);
 box-shadow:0 0 0 12px rgba(var(--cvc),1),0 16px 40px rgba(0,0,0,.5)}
.dk-ncirc .dk-ph{border-radius:50%}
.dk-ndot{position:absolute;left:50%;top:534px;width:52px;height:52px;margin-left:-26px;border-radius:50%;background:var(--ac);
 box-shadow:0 0 0 12px rgba(var(--cvc),1),0 0 0 15px rgba(var(--acc),.4)}
.dk-yr{position:absolute;left:0;right:0;bottom:calc(1080px - 410px);text-align:center;font-size:var(--yf,120px);line-height:1;font-variant-numeric:lining-nums}
.dk-yt{position:absolute;left:0;right:0;top:716px;margin:0;text-align:center;font-size:var(--tf2,40px);line-height:1.25;color:var(--fg);padding:0 12px;text-wrap:balance}

/* compare */
.dk-cmp{position:absolute;inset:0;padding:72px 130px 60px;display:flex;flex-direction:column;gap:30px}
.dk-crow{flex:1;min-height:0;display:flex;gap:70px;justify-content:center}
.dk-slot{position:relative;flex:1;max-width:780px;border:3px dashed var(--line);border-radius:30px}
.dk-cc{position:absolute;inset:-3px;display:flex;flex-direction:column;border-radius:30px;overflow:hidden;background:var(--panel);box-shadow:0 24px 60px rgba(0,0,0,.45);border:2px solid var(--line)}
.dk-cph{position:relative;flex:1;min-height:0}
.dk-cph .dk-ph{position:absolute}
.dk-cbadge{position:absolute;left:26px;top:26px;width:84px;height:84px;border-radius:50%;background:var(--ac);color:var(--onac);display:grid;place-items:center;z-index:2;
 box-shadow:0 8px 24px rgba(0,0,0,.4)}
.dk-cbadge .dk-ic{width:46px;height:46px}
.dk-cbody{padding:26px 38px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.dk-ct{font-size:66px;line-height:1}
.dk-cs{margin:0;font-size:38px;line-height:1.2;color:var(--fg2)}
.dk-cpr{font-size:60px;line-height:1.08;text-align:center;max-width:1500px;margin:0 auto}
.dk-rev{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.dk-rv{margin:0;padding:12px 34px;border-radius:999px;background:rgba(var(--acc),.17);border:2px solid rgba(var(--acc),.6);font-size:38px;font-weight:600;color:var(--fg)}
.dk-rv.dk-b{translate:0 0;scale:.5;transition:opacity .4s ease,scale .6s cubic-bezier(.34,1.56,.64,1)}
.dk-rv.dk-b.dk-on{scale:1}

/* quiz */
.dk-qz{position:absolute;inset:0;padding:72px 140px 60px;display:flex;flex-direction:column;gap:34px}
.dk-q{font-size:96px;line-height:1.04;max-width:1560px}
.dk-opts{flex:1;min-height:0;display:grid;gap:30px;align-content:center}
.dk-opt{position:relative;display:flex;align-items:center;gap:34px;padding:36px 46px;border-radius:28px;background:var(--glass);border:2px solid var(--line);
 min-height:200px;transition:opacity .6s ease,scale .6s var(--ease),background .5s ease,border-color .5s ease,box-shadow .6s ease}
.dk-ob{flex:none;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:50px;font-weight:700;border:3px solid var(--line);color:var(--fg2);position:relative}
.dk-ot{font-size:68px;line-height:1.05}
.dk-ck{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0}
.dk-ck path{fill:none;stroke:var(--onac);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.dk-revealed .dk-opt{opacity:.28;scale:.97}
.dk-revealed .dk-opt.dk-ok{opacity:1;scale:1.015;background:var(--ac);border-color:var(--ac);color:var(--onac);box-shadow:0 0 0 10px rgba(var(--acc),.25),0 0 90px rgba(var(--acc),.55)}
.dk-revealed .dk-ok .dk-ob{background:rgba(255,255,255,.25);border-color:var(--onac);color:transparent}
.dk-revealed .dk-ok .dk-ck{opacity:1}
.dk-revealed .dk-ok .dk-ck path{animation:dk-draw .7s var(--ease) .15s backwards}
.dk-why{margin:0;min-height:120px;font-size:56px;line-height:1.2;font-weight:500;color:var(--fg)}
.dk-why::before{content:"";display:inline-block;width:12px;height:56px;margin-right:24px;vertical-align:-8px;border-radius:6px;background:var(--a2)}
.dk-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}
.dk-conf i{position:absolute;width:18px;height:28px;border-radius:3px}

/* task / exit / frames / statement */
.dk-tk{position:absolute;inset:0;padding:72px 140px 80px;display:flex;flex-direction:column;gap:46px}
.dk-tt{font-size:104px;line-height:1.02;max-width:1500px}
.dk-steps{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:36px;align-items:stretch}
.dk-step{position:relative;border-radius:30px;padding:40px 40px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;
 background:linear-gradient(170deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:2px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.dk-sn{width:64px;height:64px;border-radius:50%;background:var(--ac);color:var(--onac);display:grid;place-items:center;font-size:36px;font-weight:700}
.dk-sic{width:160px;height:160px;color:var(--act);overflow:visible}
.dk-draw *{stroke-dasharray:1;stroke-dashoffset:0}
.dk-live .dk-draw *{animation:dk-draw 1.4s var(--ease) backwards;animation-delay:calc(var(--i,0)*var(--ds,220ms) + var(--db,.7s))}
.dk-stx{margin:0;font-size:52px;line-height:1.1}
.dk-st{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 200px 0 160px;gap:46px;z-index:3}
.dk-sm{font-size:var(--sf,130px);line-height:1.08;max-width:1560px;text-shadow:0 4px 50px rgba(0,0,0,.5)}
.dk-srule{width:150px;height:8px;border-radius:4px;background:var(--ac)}
.dk-fm{position:absolute;inset:0;padding:70px 140px;display:flex;flex-direction:column;gap:62px}
.dk-fls{display:flex;flex-direction:column;gap:56px;justify-content:center;flex:1;border-left:8px solid var(--ac);padding-left:70px}
.dk-fln{font-size:var(--ff,124px);line-height:1.12;max-width:1560px}
.dk-bl{display:inline-block;position:relative;vertical-align:baseline;width:var(--bw,3em);height:.8em;border-bottom:.075em solid var(--ac);margin:0 .12em}
.dk-bl::after{content:"";position:absolute;left:.1em;bottom:.1em;width:.055em;height:.72em;background:var(--a2t);animation:dk-blink 1.05s steps(1) infinite}
@keyframes dk-blink{50%{opacity:0}}
.dk-ex{position:absolute;inset:0;padding:72px 140px;display:flex;align-items:center;gap:80px}
.dk-ex-l{flex:1;display:flex;flex-direction:column;gap:46px;min-width:0}
.dk-ep{font-size:var(--ef,108px);line-height:1.06}
.dk-ex-ic{flex:none;width:430px;height:430px;border-radius:50%;display:grid;place-items:center;color:var(--act);
 background:radial-gradient(circle,rgba(var(--acc),.22),rgba(var(--acc),.04) 62%,transparent 72%)}
.dk-ex-ic .dk-ic{width:290px;height:290px;overflow:visible}

/* timer ring */
.dk .dk-ring{position:absolute;padding:0;top:44px;right:56px;width:128px;height:128px;border-radius:50%;z-index:8;display:grid;place-items:center;
 background:rgba(var(--cvc),.55);cursor:pointer}
.dk-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.dk-ring circle{fill:none;stroke-width:9}
.dk-rt{stroke:rgba(255,255,255,.16)}
.dk-rp{stroke:var(--ac);stroke-linecap:round;stroke-dasharray:var(--c);stroke-dashoffset:var(--o,0);transition:stroke-dashoffset .35s linear,stroke .3s}
.dk-rx{position:relative;font-size:36px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--fg)}
.dk-ring.is-run{box-shadow:0 0 0 6px rgba(var(--acc),.12)}
.dk-ring.is-low{animation:dk-pulse 1s ease-in-out infinite}
@keyframes dk-pulse{50%{scale:1.1}}
.dk-ring.is-done .dk-rp{stroke:var(--a2)}.dk-ring.is-done .dk-rx{color:var(--a2t)}
.dk-ring:focus-visible{outline:5px solid var(--fg);outline-offset:6px}

/* cards */
.dk-cd{position:absolute;inset:0;padding:64px 100px 56px;display:flex;flex-direction:column;gap:28px}
.dk-cd .dk-lab{position:static;margin-left:40px}
.dk-grid{flex:1;min-height:0;display:grid;gap:28px;perspective:2200px;align-content:center}
.dk .dk-card{padding:0;position:relative;display:block;width:100%;height:100%;text-align:left;perspective:1600px;border-radius:26px}
.dk-live .dk-card{animation:dk-deal 1s var(--ease) backwards;animation-delay:calc(var(--dl,0)*85ms + 200ms)}
@keyframes dk-deal{from{opacity:0;translate:var(--dx) var(--dy);scale:.4;rotate:var(--rz)}}
.dk-card-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s var(--ease)}
.dk-card.is-flip .dk-card-in{transform:rotateY(180deg)}
.dk-fc{position:absolute;inset:0;border-radius:26px;overflow:hidden;backface-visibility:hidden;box-shadow:0 18px 44px rgba(0,0,0,.4)}
.dk-fc-f{background:#1a1d24}
.dk-fc-f .dk-scr{background:linear-gradient(to top,rgba(var(--cvc),.96) 0,rgba(var(--cvc),.78) 34%,rgba(var(--cvc),.1) 66%,transparent)}
.dk-cf{position:absolute;left:28px;right:24px;bottom:22px;display:flex;flex-direction:column;gap:6px}
.dk-cf .dk-fr{font-size:var(--cfs,50px);line-height:1.02}
.dk-cf span.dk-cs2{font-size:32px;line-height:1.1;color:var(--fg2)}
.dk-fc-b{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;gap:16px;padding:30px 32px;
 background:linear-gradient(160deg,rgba(var(--acc),.34),rgba(var(--acc),.12)),var(--cv);border:3px solid rgba(var(--acc),.7)}
.dk-fc-b .dk-fr{font-size:var(--cbs,42px);line-height:1.14;font-weight:600;letter-spacing:-.01em;text-wrap:pretty}
.dk-fc-b .dk-ic{width:52px;height:52px;color:var(--act)}
.dk-card:focus-visible{outline:5px solid var(--fg);outline-offset:6px}

/* sort */
.dk-so{position:absolute;inset:0}
.dk-so .dk-lab{left:140px;top:60px}
.dk-sosub{position:absolute;left:140px;top:116px;margin:0}
.dk-gh{position:absolute;top:196px;width:780px;margin:0;font-size:68px;line-height:1.02;z-index:2}
.dk-gh::after{content:"";display:block;width:110px;height:8px;border-radius:4px;background:var(--ac);margin-top:16px}
.dk-colp{position:absolute;top:308px;bottom:46px;width:800px;border-radius:30px;background:var(--glass);border:2px solid var(--line);opacity:0;transition:opacity .8s ease}
.dk-sorted .dk-colp{opacity:1}
.dk-chip{position:absolute;left:0;top:0;height:var(--chh,112px);max-width:var(--mw,540px);transform:translate(var(--cx),var(--cy)) rotate(var(--r));
 transition:transform 1s var(--ease);transition-delay:0s}
.dk-sorted .dk-chip{max-width:540px;transform:translate(var(--sx),var(--sy)) rotate(0deg);transition-delay:calc(var(--k)*70ms)}
.dk-ci{display:flex;align-items:center;gap:20px;height:100%;padding:0 34px 0 26px;border-radius:999px;background:var(--panel);
 border:2px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.4);animation:dk-bob var(--bt,3.4s) ease-in-out infinite alternate;animation-delay:calc(var(--k)*-.45s)}
.dk-sorted .dk-ci{animation-play-state:paused}
@keyframes dk-bob{from{translate:0 -9px}to{translate:0 9px}}
.dk-ci .dk-ic{width:50px;height:50px;color:var(--act);flex:none}
.dk-ci span{font-size:36px;line-height:1.1;font-weight:550}
.dk-live .dk-chip{animation:dk-fade .8s ease backwards;animation-delay:calc(var(--k)*90ms + .4s)}

/* credits */
.dk-cr{position:absolute;inset:0;padding:64px 110px 56px;display:flex;flex-direction:column;gap:30px}
.dk-crg{flex:1;min-height:0;position:relative}
.dk-cp{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:22px 56px;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}
.dk-cp.dk-on{opacity:1;visibility:visible;transition:opacity .5s ease}
.dk-cre{display:flex;gap:26px;align-items:center;min-height:0}
.dk-cth{position:relative;flex:none;width:176px;height:118px;border-radius:14px;overflow:hidden}
.dk-ctx{min-width:0;flex:1;font-size:32px;line-height:1.22;color:var(--fg2)}
.dk-ctt,.dk-ctc{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dk-ctt{color:var(--fg);font-weight:650}
.dk-ctx span:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-ctx a{color:var(--act);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.dk-ctx a:hover,.dk-ctx a:focus-visible{color:var(--fg)}

/* board + fact */
.dk-bd{position:absolute;inset:0;padding:72px 140px 80px;display:flex;flex-direction:column;gap:46px;z-index:3}
.dk-bdt{flex:1;display:flex;align-items:center;min-height:0}
.dk-bdx{margin:0;font-size:var(--bf,96px);line-height:1.12;max-width:1600px;font-weight:650;white-space:pre-line;text-wrap:pretty}
.dk-ft{position:absolute;inset:0;padding:72px 140px 80px;display:flex;flex-direction:column;gap:30px;z-index:3}
.dk-ftb{flex:1;display:flex;flex-direction:column;justify-content:center;gap:40px;min-height:0}
.dk-fnum{color:var(--act);font-size:var(--nf,260px);line-height:.92;font-variant-numeric:lining-nums}
.dk-ftx{margin:0;font-size:var(--tx,76px);line-height:1.14;max-width:1560px;font-weight:600}

/* chrome */
.dk-prog{position:absolute;left:0;right:0;top:0;height:6px;background:rgba(255,255,255,.1);z-index:20}
.dk-prog i{display:block;height:100%;width:100%;background:var(--ac);transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .5s var(--ease)}
.dk-ctl{position:absolute;left:50%;bottom:22px;translate:-50% 0;z-index:30;display:flex;align-items:center;gap:6px;padding:7px;border-radius:999px;
 background:rgba(15,17,21,.78);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 40px rgba(0,0,0,.45);color:#F4F1EA;
 font-size:clamp(14px,1.05vw,20px);transition:opacity .35s ease,translate .35s var(--ease)}
.dk-idle .dk-ctl{opacity:0;translate:-50% 14px;pointer-events:none}
.dk-idle .dk-ctl:focus-within{opacity:1;translate:-50% 0;pointer-events:auto}
.dk-idle{cursor:none}
.dk .dk-cb{min-height:44px;min-width:44px;padding:0 20px;border-radius:999px;font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.dk-cb:hover:not(:disabled){background:rgba(255,255,255,.14)}
.dk-cb:disabled{opacity:.35;cursor:default}
.dk-cb:focus-visible{outline:3px solid #fff;outline-offset:2px}
.dk .dk-cb.dk-go{background:var(--ac);color:var(--onac)}
.dk-cb.dk-go:hover:not(:disabled){background:var(--ac);filter:brightness(1.1)}
.dk-cn{min-width:5.6em;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;color:#E6E2D8}
.dk-sep{width:1px;height:26px;background:rgba(255,255,255,.2);margin:0 4px}
.dk-notes{position:absolute;left:0;right:0;bottom:0;z-index:40;max-height:56%;overflow:auto;padding:26px 48px 40px;background:#111318;color:#F4F1EA;
 border-top:3px solid var(--ac);box-shadow:0 -24px 60px rgba(0,0,0,.5);font-size:clamp(17px,1.46vw,28px);line-height:1.5;
 translate:0 105%;visibility:hidden;transition:translate .4s var(--ease),visibility 0s .4s;user-select:text;-webkit-user-select:text}
.dk-notes.is-open{translate:0 0;visibility:visible;transition:translate .4s var(--ease)}
.dk-nh{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;font-size:.62em;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--act)}
.dk .dk-nh button{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-size:1em;letter-spacing:.06em}
.dk-nh button:hover{background:rgba(255,255,255,.12)}
.dk-nt{margin:0;max-width:62em;white-space:pre-line}
.dk-notes-open .dk-ctl{opacity:0;pointer-events:none}

/* the overlay present.js opens */
html.dk-lock{overflow:hidden;overscroll-behavior:none}
.dk-ov{position:fixed;inset:0;z-index:1000;background:#0B0C0F;outline:none;overscroll-behavior:none}

/* still frames and quiet motion */
.dk-static *,.dk-static *::before,.dk-static *::after{transition:none!important}
.dk-static img.dk-kb,.dk-static .dk-live *,.dk-static .dk-bl::after,.dk-static .dk-ci,.dk-static .dk-ring{animation:none!important}
.dk-static .dk-mo *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  .dk *,.dk *::before,.dk *::after{animation:none!important;transition-property:opacity!important;transition-duration:.35s!important}
  .dk-mo-poppies,.dk-mo-snow,.dk-mo-leaves,.dk-mo-confetti,.dk-mo-sparkle{display:none}
  .dk-slide{transition:opacity .35s ease!important}
  .dk-b,.dk-b.dk-fl,.dk-b.dk-fr2{translate:none!important}
  .dk-tile .dk-tile-in,.dk-card-in{transition:none!important}
}
.dk-t-statement .dk-scr-c{background:rgba(14,16,20,.72)}