.demo{aspect-ratio:16/10;--T:6s;background:radial-gradient(120% 90% at 80% 0%, color-mix(in srgb, var(--glow,#455ce9) 22%, transparent), transparent 60%), color-mix(in srgb, var(--fg,#fff) 5%, #0000002e);width:100%;color:var(--fg,#fff);border-radius:8px;position:relative;overflow:hidden;container-type:inline-size}.demo .dz{font-size:2.4cqw;line-height:1.3;position:absolute;inset:0}.demo *{box-sizing:border-box}.demo p{margin:0}.demo img{max-width:none;display:block}.demo .a{animation-duration:var(--T);animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;animation-fill-mode:both}.demo:not(.play) .a{animation-play-state:paused}.demo .dim{opacity:.55}.demo .chip{background:color-mix(in srgb, var(--fg,#fff) 12%, transparent);white-space:nowrap;border-radius:1em;padding:.25em .7em;font-size:.75em}.demo .panel{background:color-mix(in srgb, var(--fg,#fff) 8%, #0a0a1459);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg,#fff) 14%, transparent);backdrop-filter:blur(10px);border-radius:1.2em;padding:1.2em 1.4em;position:absolute;inset:2.2em 4em}.demo .type{white-space:nowrap;vertical-align:bottom;width:calc(var(--n) * 1ch);animation-name:d-type;animation-timing-function:steps(var(--n));font-family:ui-monospace,SF Mono,Menlo,monospace;display:inline-block;overflow:hidden}@keyframes d-type{0%,6%{width:0}34%,to{width:calc(var(--n) * 1ch)}}.demo .phone{color:#fff;background:#0c0d10;border-radius:2em;width:16em;height:23em;padding:1.4em .9em;position:absolute;top:1.5em;left:50%;overflow:hidden;translate:-50%;box-shadow:0 0 0 .35em #2a2c33,0 1.5em 3em -1em #0009}.demo .ph-top{opacity:.6;text-align:center;margin-bottom:1em;font-size:.75em}.demo .menubar{background:#00000059;justify-content:space-between;align-items:center;height:2em;padding:0 1.2em;font-size:.85em;display:flex;position:absolute;top:0;left:0;right:0}.demo .menubar .logo{opacity:.8;background:currentColor;border-radius:50%;width:.9em;height:.9em}.demo .menubar .nt{background:#000;border-radius:0 0 .9em .9em;place-items:center;width:9em;height:1.9em;display:grid;position:absolute;top:0;left:50%;translate:-50%}.demo .win{background:color-mix(in srgb, var(--fg,#fff) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg,#fff) 12%, transparent);border-radius:.8em;position:absolute}.demo .term{color:#d8dde6;background:#0b0c0f;border-radius:1em;align-content:start;gap:.6em;padding:2.6em 1.4em 1.2em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95em;display:grid;position:absolute;inset:2.5em 3.5em;box-shadow:0 1em 3em -1em #0009}.demo .term:before{content:"";background:#ff5f57;border-radius:50%;width:.7em;height:.7em;position:absolute;top:1em;left:1.2em;box-shadow:1.1em 0 #febc2e,2.2em 0 #28c840}.demo .term .pr{color:#7ee787}.demo .term>p.a{animation-name:d-line;animation-delay:calc(var(--i) * .55s)}@keyframes d-line{0%{opacity:0;translate:0 .4em}8%,88%{opacity:1;translate:0}96%,to{opacity:0}}.d-agents .ag-core{color:#1c1d20;width:7em;height:3em;box-shadow:0 0 3em color-mix(in srgb, var(--glow,#5e7bff) 50%, transparent);background:linear-gradient(#e9ebf1,#a9aebb);border-radius:.9em;place-items:center;font-size:.9em;display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%}.d-agents .ag-bot{width:3.8em;height:3.8em;animation-name:ag-pulse;animation-delay:calc(var(--i) * var(--T) / 9);border-radius:50%;place-items:center;margin:-1.9em 0 0 -1.9em;animation-timing-function:ease-out;display:grid;position:absolute}.d-agents .ag-bot img{pointer-events:none;width:170%;margin:-35%}@keyframes ag-pulse{0%,12%,to{scale:1;box-shadow:0 0 #0000}3%{box-shadow:0 0 0 .4em color-mix(in srgb, var(--glow,#5e7bff) 45%, transparent), 0 0 2em var(--glow,#5e7bff);scale:1.18}}.d-agents .ag-says{justify-items:center;display:grid;position:absolute;bottom:1.6em;left:0;right:0}.d-agents .ag-says span{background:color-mix(in srgb, var(--fg,#fff) 10%, transparent);animation-name:ag-say;animation-delay:calc(var(--i) * var(--T) / 9);border-radius:1em;grid-area:1/1;padding:.4em 1em;font-size:1.05em}@keyframes ag-say{0%{opacity:0;translate:0 .5em}2%,10%{opacity:1;translate:0}12%,to{opacity:0;translate:0 -.5em}}.d-engine .eng{align-content:start;gap:.55em;display:grid}.d-engine .eng-row{animation-name:eng-row;animation-delay:calc(var(--i) * .15s);grid-template-columns:2em 4.5em 1fr auto;align-items:center;gap:.6em;display:grid}.d-engine .eng-row img{width:3.4em;height:3.4em;margin:-.7em}.d-engine .eng-row .chip{justify-self:start}.d-engine .st{background:#3ccf91;border-radius:50%;width:.7em;height:.7em;animation-name:eng-st;box-shadow:0 0 .6em #3ccf91}@keyframes eng-row{0%{opacity:0;translate:-1em}8%,60%{opacity:1;translate:0}66%,90%{opacity:.4}97%,to{opacity:0}}@keyframes eng-st{0%,62%{background:#3ccf91;box-shadow:0 0 .6em #3ccf91}65%,to{background:#f5b922;box-shadow:0 0 .6em #f5b922}}.d-engine .eng-foot{border-top:1px solid color-mix(in srgb, var(--fg,#fff) 14%, transparent);justify-content:space-between;align-items:center;margin-top:.5em;padding-top:.7em;font-size:.9em;display:flex}.d-engine .sw{background:color-mix(in srgb, var(--fg,#fff) 18%, transparent);border-radius:1em;width:2.8em;height:1.6em;position:relative}.d-engine .knob{background:#fff;border-radius:50%;width:1.2em;height:1.2em;animation-name:eng-knob;position:absolute;top:.2em;left:.2em}@keyframes eng-knob{0%,58%{translate:0}63%,92%{background:#f5b922;translate:1.2em}to{translate:0}}.d-overnight .sky{animation-name:on-sky;animation-timing-function:linear;position:absolute;inset:0}@keyframes on-sky{0%{background:linear-gradient(#060a26,#0000)}70%{background:linear-gradient(#0b1440,#0000)}85%,to{background:linear-gradient(#ff9a5a55,#0000)}}.d-overnight .clock{letter-spacing:-.03em;font-variant-numeric:tabular-nums;justify-items:center;font-size:2.4em;display:grid;position:absolute;top:1.4em;left:0;right:0}.d-overnight .clock span{animation-name:on-clock;animation-delay:calc(var(--i) * var(--T) / 5);grid-area:1/1;animation-timing-function:linear}@keyframes on-clock{0%{opacity:0}.1%,19.9%{opacity:1}20%,to{opacity:0}}.d-overnight .branches{gap:1.3em;display:grid;position:absolute;top:6.5em;left:3em;right:3em}.d-overnight .br{gap:.4em;display:grid}.d-overnight code{opacity:.75;font-size:.8em}.d-overnight .track{background:color-mix(in srgb, var(--fg,#fff) 12%, transparent);border-radius:1em;height:.3em;position:relative}.d-overnight .grow{background:var(--glow,#5e7bff);transform-origin:0;animation-name:on-grow;animation-delay:calc(var(--i) * .3s);border-radius:1em;animation-timing-function:linear;position:absolute;inset:0}@keyframes on-grow{0%{scale:0 1}70%,to{scale:1}}.d-overnight .cm{top:50%;left:calc(8% + var(--k) * 28%);width:.9em;height:.9em;box-shadow:0 0 .6em var(--glow,#5e7bff);animation-name:on-cm;animation-delay:calc(var(--i) * .3s + var(--k) * 1.05s);background:#fff;border-radius:50%;margin:-.45em;position:absolute}@keyframes on-cm{0%{scale:0}4%,to{scale:1}}.d-overnight .morning{color:#1c1d20;white-space:nowrap;background:#fff;border-radius:2em;padding:.6em 1.2em;animation-name:on-morning;position:absolute;bottom:1.8em;left:50%;translate:-50%}@keyframes on-morning{0%,74%{opacity:0;scale:.8}80%,96%{opacity:1;scale:1}to{opacity:0}}.d-swipe .card{background:#1d1f26;border-radius:1.2em;gap:.5em;padding:1em;font-size:.9em;display:grid;position:absolute;top:4em;left:.9em;right:.9em}.d-swipe .card p{opacity:.8;font-size:.95em}.d-swipe .btns{gap:.5em;margin-top:.4em;display:flex}.d-swipe .btns span{text-align:center;background:#2c2f38;border-radius:1em;flex:1;padding:.45em;font-size:.85em}.d-swipe .btns .yes{color:#08130e;background:#3ccf91}.d-swipe .sw-top{animation-name:sw-top}.d-swipe .sw-back{animation-name:sw-back}@keyframes sw-top{0%{opacity:0;translate:0 1em;rotate:0deg}8%,25%{opacity:1;translate:0;rotate:0deg}42%{opacity:1;translate:25%;rotate:5deg}52%{opacity:1;translate:150%;rotate:20deg}53%,to{opacity:0;translate:150%}}@keyframes sw-back{0%,45%{opacity:.5;translate:0 1.6em;scale:.92}58%,90%{opacity:1;translate:0;scale:1}to{opacity:0}}.d-swipe .stamp{color:#3ccf91;border:2px solid #3ccf91;border-radius:.4em;padding:.2em .6em;font-weight:600;animation-name:sw-stamp;position:absolute;top:.8em;right:.8em;rotate:12deg}@keyframes sw-stamp{0%,28%{opacity:0;scale:1.4}38%,to{opacity:1;scale:1}}.d-swipe .finger{background:#ffffff59;border-radius:50%;width:2em;height:2em;animation-name:sw-finger;position:absolute;top:9em;left:45%;box-shadow:0 0 0 .3em #ffffff26}@keyframes sw-finger{0%,20%{opacity:0;translate:0}25%{opacity:1;translate:0}48%{opacity:1;translate:6em}54%,to{opacity:0;translate:6em}}.d-notch .w1{width:18em;height:13em;top:5em;left:4em}.d-notch .w2{width:14em;height:12em;top:8em;right:4em}.d-notch .isle{z-index:2;color:#fff;background:#000;border-radius:0 0 .9em .9em;align-items:center;gap:.7em;width:9em;height:1.9em;padding:0 1em;animation-name:nt-isle;display:flex;position:absolute;top:0;left:50%;overflow:hidden;translate:-50%}.d-notch .isle img{flex:none;width:3.6em;margin:-.7em;animation-name:nt-fade}.d-notch .isle-t{white-space:nowrap;font-size:.95em;animation-name:nt-fade}@keyframes nt-isle{0%,12%{border-radius:0 0 .9em .9em;width:9em;height:1.9em}22%,55%{border-radius:0 0 1.8em 1.8em;width:24em;height:3.6em}65%,to{border-radius:0 0 .9em .9em;width:9em;height:1.9em}}@keyframes nt-fade{0%,20%{opacity:0}26%,52%{opacity:1}58%,to{opacity:0}}.d-notch .file{color:#e5484d;background:#fff;border-radius:.4em;place-items:end center;width:3em;height:3.8em;padding-bottom:.4em;font-size:.8em;font-weight:700;animation-name:nt-file;display:grid;position:absolute;bottom:3em;right:8em}@keyframes nt-file{0%,62%{opacity:0;translate:0;scale:1}66%{opacity:1;translate:0;scale:1}86%{opacity:1;translate:-12em -16.5em;scale:.4}90%,to{opacity:0;translate:-12em -16.5em;scale:.2}}.d-remote .mac{background:linear-gradient(135deg,#2b3a7a,#6a3a8a);border-radius:1em;width:27em;height:18em;position:absolute;top:2em;left:2.5em;overflow:hidden;box-shadow:inset 0 0 0 .4em #1b1c20}.d-remote .mac .w1{background:#ffffff40;width:14em;height:10em;top:2em;left:2em}.d-remote .mac .w2{background:#ffffff26;width:14em;height:10em;animation-name:rm-front;top:5em;left:9em}@keyframes rm-front{0%,48%{z-index:0;background:#ffffff26}52%,to{z-index:2;background:#ffffff80}}.d-remote .cur{z-index:3;clip-path:polygon(0 0,0 100%,30% 72%,52% 100%,66% 92%,44% 66%,80% 66%);background:#fff;width:1.4em;height:1.4em;animation-name:rm-cur;position:absolute}@keyframes rm-cur{0%{top:14em;left:4em}40%,to{top:7em;left:20em}}.d-remote .ripple{border:2px solid #fff;border-radius:50%;width:2em;height:2em;margin:-.6em;animation-name:rm-rip;position:absolute;top:7em;left:20em}@keyframes rm-rip{0%,44%{opacity:0;scale:.3}48%{opacity:1;scale:.5}60%,to{opacity:0;scale:1.6}}.d-remote .rm-ph{width:10em;height:19em;padding:1.2em .7em;top:3em;left:auto;right:2em;translate:0}.d-remote .pad{background:#1d1f26;border-radius:.8em;height:10em;position:relative}.d-remote .touch{background:#fff6;border-radius:50%;width:1.6em;height:1.6em;animation-name:rm-touch;position:absolute}@keyframes rm-touch{0%{opacity:1;top:7em;left:1em}40%{opacity:1;top:2.5em;left:6.4em}46%{scale:.8}50%{scale:1}60%,to{opacity:0;top:2.5em;left:6.4em}}.d-remote .keys{grid-template-columns:repeat(4,1fr);gap:.3em;margin-top:.6em;display:grid}.d-remote .keys span{text-align:center;background:#2c2f38;border-radius:.4em;padding:.4em 0;font-size:.75em}.d-marking .paper{color:#1c1d20;background:#fffdf8;border-radius:1em;align-content:start;gap:.8em;padding:1.4em 1.6em;display:grid;position:absolute;inset:1.6em 4em;box-shadow:0 1em 3em -1em #00000059}.d-marking .q{font-size:1.05em}.d-marking .q em{color:#999;font-style:normal}.d-marking .ans{color:#2348c9;font-size:.95em}.d-marking .mk{gap:.35em;margin:0;padding:0;font-size:.9em;list-style:none;display:grid}.d-marking .mk li{animation-name:mk-li;animation-delay:calc(var(--i) * .4s)}.d-marking .mk i{color:#1f9d55;margin-right:.4em;font-style:normal;font-weight:700}.d-marking .mk .no i{color:#e5484d}@keyframes mk-li{0%,38%{opacity:0;translate:-.6em}44%,94%{opacity:1;translate:0}to{opacity:0}}.d-marking .score{color:#e5484d;border:3px solid #e5484d;border-radius:50%;place-items:center;width:3.4em;height:3.4em;font-size:1.1em;font-weight:700;animation-name:mk-score;display:grid;position:absolute;bottom:1.2em;right:1.4em;rotate:-10deg}@keyframes mk-score{0%,60%{opacity:0;scale:1.6}66%,94%{opacity:1;scale:1}to{opacity:0}}.d-marking .tip{color:#b42318;background:#fdecea;border-radius:.6em;padding:.5em .8em;font-size:.85em;animation-name:mk-tip}@keyframes mk-tip{0%,68%{opacity:0;translate:0 .4em}74%,94%{opacity:1;translate:0}to{opacity:0}}.d-path .pth{padding:1em 1.4em}.d-path .pr{height:3.6em;left:1.4em;right:1.4em;top:calc(1em + var(--from) * 4.3em);background:color-mix(in srgb, var(--fg,#fff) 6%, transparent);border-radius:.8em;grid-template-columns:6em 1fr 3em;align-items:center;gap:.8em;padding:0 .8em;animation-name:pth-move;display:grid;position:absolute}@keyframes pth-move{0%,40%{top:calc(1em + var(--from) * 4.3em)}55%,92%{top:calc(1em + var(--to) * 4.3em)}to{top:calc(1em + var(--from) * 4.3em)}}.d-path .bar{background:color-mix(in srgb, var(--fg,#fff) 12%, transparent);border-radius:1em;height:.45em;overflow:hidden}.d-path .bar span{height:100%;width:var(--v);background:var(--glow,#ff4d2e);border-radius:1em;display:block}.d-path .pct{opacity:.7;text-align:right;font-size:.85em}.d-path .hot{z-index:2;box-shadow:0 0 0 1px var(--glow,#ff4d2e)}.d-path .tag,.d-path .drop{border-radius:1em;padding:.2em .6em;font-size:.75em;position:absolute;top:-.8em;right:-.6em}.d-path .drop{color:#fff;background:#e5484d;animation-name:pth-drop}.d-path .tag{background:var(--glow,#ff4d2e);color:#fff;animation-name:pth-tag}@keyframes pth-drop{0%,12%{opacity:0;translate:0 .4em}18%,38%{opacity:1;translate:0}44%,to{opacity:0}}@keyframes pth-tag{0%,52%{opacity:0;scale:.6}58%,92%{opacity:1;scale:1}to{opacity:0}}.d-pack .pk{width:11em;height:15em;position:absolute;top:50%;left:50%;translate:-50% -50%}.d-pack .pk-top,.d-pack .pk-bot{color:#fff;letter-spacing:.2em;background:linear-gradient(135deg,#ff6a4d,#c8261b 60%,#ff9a7a);place-items:center;font-weight:700;display:grid;position:absolute;left:0;right:0}.d-pack .pk-top{border-radius:1em 1em 0 0;height:2.6em;font-size:.8em;animation-name:pk-top;top:0}.d-pack .pk-bot{border-radius:0 0 1em 1em;animation-name:pk-bot;top:2.2em;bottom:0}.d-pack .pk-bot i{letter-spacing:.1em;opacity:.9;font-size:.75em;font-style:normal}.d-pack .strip{z-index:2;background:repeating-linear-gradient(90deg,#1c1d20 0 .6em,#0000 .6em .9em);height:.5em;animation-name:pk-strip;position:absolute;top:2em;left:0;right:0}@keyframes pk-strip{0%,15%{opacity:1;translate:0;rotate:0deg}32%{opacity:1;translate:9em 3em;rotate:50deg}40%,to{opacity:0;translate:10em 12em;rotate:120deg}}@keyframes pk-top{0%,25%{opacity:1;translate:0;rotate:0deg}40%,92%{opacity:0;translate:4em -5em;rotate:25deg}to{opacity:1;translate:0}}@keyframes pk-bot{0%,35%{opacity:1;translate:0}50%,92%{opacity:0;translate:0 12em}to{opacity:1;translate:0}}.d-pack .tc{color:#fff;perspective:40em;background:#1c1d20;border-radius:1em;width:11em;height:15em;margin:-7.5em 0 0 -5.5em;animation-name:pk-card;position:absolute;top:50%;left:50%;overflow:hidden}@keyframes pk-card{0%,30%{opacity:0;rotate:y 90deg;scale:.8}48%,92%{opacity:1;rotate:y 0deg;scale:1}to{opacity:0}}.d-pack .tc-in{text-align:center;align-content:center;place-items:center;gap:.8em;height:100%;padding:1em;display:grid}.d-pack .rar{letter-spacing:.2em;text-transform:uppercase;color:#f5c542;font-size:.7em}.d-pack .orb-face{background:#000;border-radius:50%;width:5em;height:5em;box-shadow:inset 1.2em -.5em 0 -.9em #fff,inset -1.2em -.5em 0 -.9em #fff,0 0 0 .25em #333}.d-pack .shine{background:linear-gradient(115deg,#0000 40%,#ffffff59 50%,#0000 60%);animation-name:pk-shine;position:absolute;inset:-20%}@keyframes pk-shine{0%,50%{translate:-60%}75%,to{translate:60%}}.d-safety .shield{width:7em;animation-name:sf-pulse;position:absolute;top:42%;left:50%;translate:-50% -50%}.d-safety .shield path{fill:color-mix(in srgb, var(--glow,#ff4d2e) 25%, transparent);stroke:var(--glow,#ff4d2e);stroke-width:2.5px}.d-safety .shield .ck{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}@keyframes sf-pulse{0%,to{scale:1}10%{scale:1.08}20%{scale:1}}.d-safety .safe{white-space:nowrap;background:color-mix(in srgb, var(--fg,#fff) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg,#fff) 15%, transparent);animation-name:sf-chip;animation-delay:calc(var(--i) * .5s);border-radius:2em;padding:.45em 1em;font-size:.95em;position:absolute;left:50%;translate:-50%}.d-safety .safe:first-of-type{top:1.4em}.d-safety .safe:nth-of-type(2){bottom:4.2em}.d-safety .safe:nth-of-type(3){bottom:1.4em}@keyframes sf-chip{0%,10%{opacity:0;scale:.85}18%,88%{opacity:1;scale:1}96%,to{opacity:0}}.demo .gwin{-webkit-backdrop-filter:blur(18px)saturate(1.6);background:#ffffff1f;border-radius:1.2em;position:absolute;inset:2.2em 3.5em;overflow:hidden;box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff40,0 1.5em 3em -1em #00000059}.demo .gbar{background:#ffffff38;border-radius:2em;align-items:center;gap:.45em;margin:.9em;padding:.55em .9em;font-size:.95em;display:flex}.demo .gbar i{background:#fff9;border-radius:50%;width:.65em;height:.65em}.demo .gbar span{opacity:.85;margin-left:.6em}.demo .gpage{gap:.7em;padding:1em 1.4em;display:grid}.demo .gpage span{background:#ffffff38;border-radius:1em;height:.8em}.demo .gpage span:first-child{width:60%;height:1.4em}.demo .gpage span:nth-child(3){width:80%}.demo .gpage span:nth-child(4){width:70%}.d-glass .blob{filter:blur(.5em);width:16em;height:16em;animation-name:gl-drift;animation-duration:calc(var(--T) * 2);border-radius:50%;animation-timing-function:ease-in-out;position:absolute}.d-glass .b1{background:#8a6cff;top:1em;left:2em}.d-glass .b2{background:#4cc9f0;animation-delay:-3s;top:6em;right:3em}.d-glass .b3{background:#ff7ad9;animation-delay:-6s;bottom:-6em;left:14em}@keyframes gl-drift{0%,to{translate:0}33%{translate:6em 3em}66%{translate:-4em 5em}}.d-browser .side{backdrop-filter:blur(10px);background:#fff3;border-radius:.9em;align-content:start;gap:.7em;width:13em;padding:1.2em;animation-name:br-side;display:grid;position:absolute;top:3.4em;bottom:.9em;right:.9em}@keyframes br-side{0%,34%{translate:100%}42%,94%{translate:0}to{translate:100%}}.d-browser .side .ln{transform-origin:0;height:.7em;animation-name:br-ln;animation-delay:calc(var(--i) * .35s);background:#ffffff73;border-radius:1em}@keyframes br-ln{0%,44%{scale:0 1}56%,to{scale:1}}.d-browser .done{background:var(--glow,#8a6cff);color:#fff;border-radius:1em;justify-self:start;padding:.4em .7em;font-size:.75em;animation-name:br-done}@keyframes br-done{0%,70%{opacity:0}76%,94%{opacity:1}to{opacity:0}}.d-threads .thr{align-content:start;gap:.7em;display:grid}.d-threads .th{background:color-mix(in srgb, var(--fg,#fff) 8%, transparent);animation-name:th-in;animation-delay:calc(var(--i) * .2s);border-radius:1em;justify-content:space-between;align-items:center;padding:.9em 1.1em;display:flex;position:relative}.d-threads .th span{opacity:.6;font-size:.85em}@keyframes th-in{0%{opacity:0;translate:0 .6em}8%,92%{opacity:1;translate:0}to{opacity:0}}.d-threads .fin{animation-name:th-fin;overflow:hidden}@keyframes th-fin{0%{opacity:0}8%,55%{opacity:1;max-height:4em;padding-block:.9em;translate:0}70%,to{opacity:0;max-height:0;padding-block:0;translate:3em}}.d-threads .dn{opacity:0;background:#3ccf91;border-radius:1em;padding:.2em .6em;animation-name:th-dn;position:absolute;right:1em;color:#08130e!important}@keyframes th-dn{0%,30%{opacity:0}38%,60%{opacity:1}66%,to{opacity:0}}.d-shield .shield{width:8em;animation-name:sf-pulse;animation-duration:1.2s;position:absolute;top:46%;left:50%;translate:-50% -50%}.d-shield .shield path{fill:color-mix(in srgb, var(--glow,#8a6cff) 30%, transparent);stroke:var(--glow,#8a6cff);stroke-width:2.5px}.d-shield .blk span{white-space:nowrap;color:#fff;animation-name:sh-fly;animation-delay:calc(var(--i) * .9s);background:#e5484d;border-radius:1em;padding:.3em .7em;font-size:.85em;position:absolute;top:46%;left:50%}.d-shield .blk span:nth-child(odd){--sx:-16em}.d-shield .blk span:nth-child(2n){--sx:14em}.d-shield .blk span:nth-child(3n){--sy:-8em}.d-shield .blk span:nth-child(3n+1){--sy:2em}.d-shield .blk span:nth-child(3n+2){--sy:7em}@keyframes sh-fly{0%{opacity:0;translate:var(--sx) var(--sy);scale:1}3%{opacity:1}13%{opacity:1;translate:-50% -50%;scale:.4}15%,to{opacity:0;translate:-50% -50%;scale:.2}}.d-shield .cnt{text-align:center;font-size:1.1em;position:absolute;bottom:1.4em;left:0;right:0}.d-shield .cnt b{font-variant-numeric:tabular-nums;min-width:3ch;display:inline-grid}.d-shield .cnt b span{animation-name:on-clock;animation-delay:calc(var(--i) * var(--T) / 5);grid-area:1/1;animation-timing-function:linear}.d-noxcode .ok{color:#7ee787}.d-profiles .pf-blob{filter:blur(.6em);opacity:.85;border-radius:50%;width:15em;height:15em;position:absolute}.d-profiles .p1{background:#8a6cff;top:2em;left:1em}.d-profiles .p2{background:#4cc9f0;top:5em;right:2em}.d-profiles .p3{background:#ff7ad9;bottom:-7em;left:15em}.d-profiles .pf-l{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 34%, transparent), color-mix(in srgb, var(--c) 14%, transparent));position:absolute;inset:0}.d-profiles .pf-l.a{animation-timing-function:ease-in-out}.d-profiles .pf-0{animation-name:pf-0}.d-profiles .pf-1{animation-name:pf-1}.d-profiles .pf-2{animation-name:pf-2}@keyframes pf-0{0%,30%{opacity:1}34%,96%{opacity:0}to{opacity:1}}@keyframes pf-1{0%,30%{opacity:0}34%,63%{opacity:1}67%,to{opacity:0}}@keyframes pf-2{0%,63%{opacity:0}67%,96%{opacity:1}to{opacity:0}}.d-profiles .pf-b{background:color-mix(in srgb, var(--c) 45%, #fff);width:1.6em;height:1.6em;box-shadow:0 0 0 .14em var(--c);border-radius:50%;place-items:center;font-size:.85em;display:grid;opacity:1!important;margin:0!important}.d-profiles .pf-s{font-size:.8em;opacity:.65!important;margin-left:auto!important}.d-profiles .pf-cap{opacity:.8;font-size:.8em;position:absolute;bottom:1.1em;left:1.4em;right:1.4em}.d-bangs .bg-win{background:#ffffff80}.d-bangs .bg-ex{color:#1d1a3a;background:#f5c542;border-radius:.5em;place-items:center;width:1.4em;height:1.4em;font-weight:700;display:grid;opacity:1!important;margin:0!important}.d-bangs .bg-go{background:var(--glow,#8a6cff);color:#fff;opacity:0;border-radius:1em;padding:.2em .7em;font-size:.8em;animation-name:bg-go;margin-left:auto!important}@keyframes bg-go{0%,34%{opacity:0}38%,92%{opacity:1}to{opacity:0}}.d-bangs .bg-list{opacity:0;background:#ffffff8c;border-radius:.9em;gap:.25em;margin:-.4em .9em 0;padding:.5em;font-size:.85em;animation-name:bg-list;display:grid}.d-bangs .bg-list p{border-radius:.6em;padding:.3em .6em}.d-bangs .bg-list p:first-child{background:color-mix(in srgb, var(--glow,#8a6cff) 18%, transparent)}@keyframes bg-list{0%,8%{opacity:0;max-height:0}12%,40%{opacity:1;max-height:8em}46%,to{opacity:0;max-height:0}}.d-bangs .bg-page{opacity:0;animation-name:bg-page}@keyframes bg-page{0%,44%{opacity:0;translate:0 .6em}52%,92%{opacity:1;translate:0}to{opacity:0}}.d-bangs .bg-n{opacity:.75;font-size:.8em;position:absolute;bottom:1.1em;left:1.4em}.d-agentwin .aw-win{color:#fff;background:#15151b;border-radius:1.1em;position:absolute;inset:2em 3em;overflow:hidden;box-shadow:0 0 0 .12em #ff7a6b,0 0 2.4em .3em #ff7a6b73,inset 0 0 1.6em #ff7a6b33}.d-agentwin .aw-top{border-bottom:1px solid #ffffff14;align-items:center;gap:.6em;padding:.7em .9em;font-size:.85em;display:flex}.d-agentwin .aw-top img{width:1.6em;height:1.6em}.d-agentwin .aw-url{opacity:.6;background:#ffffff14;border-radius:1em;flex:1;padding:.3em .8em}.d-agentwin .aw-pill{white-space:nowrap;background:#ffffff1a;border-radius:1em;align-items:center;gap:.5em;padding:.3em .4em .3em .7em;font-size:.85em;display:flex}.d-agentwin .aw-pill i{background:#ff7a6b;border-radius:50%;width:.55em;height:.55em;box-shadow:0 0 .5em #ff7a6b}.d-agentwin .aw-pill em{color:#ff9d90;padding:.1em .5em;font-style:normal}.d-agentwin .aw-page{gap:.7em;padding:1em 1.2em;display:grid;position:relative}.d-agentwin .aw-login{border-radius:1em;justify-self:end;padding:.3em .8em;font-size:.75em;animation-name:aw-login;animation-timing-function:linear;box-shadow:inset 0 0 0 1px #ffffff4d}@keyframes aw-login{0%,58%{color:#fff;background:0 0}62%,78%{color:#ff9d90;background:#e5484d4d}82%,to{color:#fff;background:0 0}}.d-agentwin .aw-s{background:#ffffff14;border-radius:.6em;height:1.8em}.d-agentwin .aw-r{grid-template-columns:3.4em 1fr;align-items:center;gap:.8em;display:grid}.d-agentwin .aw-r i{aspect-ratio:4/3;background:linear-gradient(135deg,#5b8cff,#a77bff);border-radius:.5em}.d-agentwin .aw-r b{background:#fff3;border-radius:1em;height:.6em}.d-agentwin .aw-ptr{filter:drop-shadow(0 .2em .5em #ff7a6bb3);width:2em;height:2em;margin:-1em 0 0 -1em;animation-name:aw-move;position:absolute}@keyframes aw-move{0%{top:42%;left:30%}18%,24%{top:60%;left:46%}40%,46%{top:78%;left:38%}58%,76%{top:21%;left:90%}92%,to{top:42%;left:30%}}.d-agentwin .aw-no{white-space:nowrap;color:#ffd2cc;opacity:0;background:#3c1414f2;border-radius:1em;padding:.4em .9em;font-size:.8em;animation-name:aw-no;position:absolute;bottom:1em;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #e5484d}@keyframes aw-no{0%,60%{opacity:0}63%,78%{opacity:1}82%,to{opacity:0}}.d-console .tv{color:#fff;background:radial-gradient(80% 80% at 50% 120%,#1a3d1a,#07090c 70%);border-radius:1em;padding:1.4em 1.6em;position:absolute;inset:1.8em 2.5em;box-shadow:0 0 0 .4em #15161a,0 1.5em 3em -1em #0009}.d-console .tv-t{letter-spacing:-.02em;font-size:1.4em}.d-console .shelf{gap:1em;margin-top:1.6em;display:flex;position:relative}.d-console .game{background:linear-gradient(160deg, var(--c), #111 120%);border-radius:.8em;flex:none;place-items:end start;width:6.2em;height:9em;padding:.6em;font-size:.8em;display:grid}.d-console .game b{font-size:.95em}.d-console .sel{border-radius:.9em;width:5.66em;height:7.9em;animation-name:cs-sel;animation-timing-function:cubic-bezier(.34,1.4,.64,1);position:absolute;top:-.35em;left:-.35em;box-shadow:0 0 0 .25em #fff,0 0 1.4em #fff}@keyframes cs-sel{0%,18%{translate:0}25%,43%{translate:5.96em}50%,68%{translate:11.92em}75%,93%{translate:5.96em}to{translate:0}}.d-console .tv-h{opacity:.7;font-size:.8em;position:absolute;bottom:1.2em;right:1.6em}.demo .win2{color:#1c1d20;background:#fbfaf6;border-radius:1em;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:2.2em 3em;overflow:hidden;box-shadow:0 1em 3em -1em #0006}.d-notes .md{background:#f2efe6;align-content:start;gap:.6em;padding:1.3em;font-family:ui-monospace,Menlo,monospace;font-size:.85em;display:grid}.d-notes .md .type{white-space:normal}.d-notes .pv{align-content:start;gap:.6em;padding:1.3em;display:grid;position:relative}.d-notes .lk,.d-notes .tg{border-radius:.3em;padding:0 .2em;animation-name:nt-lk}.d-notes .lk{color:#b45309;text-decoration:underline}.d-notes .tg{color:#2563eb}@keyframes nt-lk{0%,32%{opacity:0}38%,94%{opacity:1}to{opacity:0}}.d-notes .bl{background:#fff3c4;border-radius:.6em;padding:.6em .8em;font-size:.8em;animation-name:nt-bl;position:absolute;bottom:1.3em;left:1.3em;right:1.3em}@keyframes nt-bl{0%,46%{opacity:0;translate:0 .6em}54%,94%{opacity:1;translate:0}to{opacity:0}}.d-music .eq{background:repeating-linear-gradient(90deg,#fff 0 .2em,#0000 .2em .4em);width:1.6em;height:.8em;animation-name:ms-eq;animation-duration:.8s;mask:linear-gradient(#000,#000)}@keyframes ms-eq{0%,to{clip-path:polygon(0 40%,25% 40%,25% 0,50% 0,50% 60%,75% 60%,75% 20%,100% 20%,100% 100%,0 100%)}50%{clip-path:polygon(0 0,25% 0,25% 60%,50% 60%,50% 10%,75% 10%,75% 70%,100% 70%,100% 100%,0 100%)}}.d-music .mp{background:color-mix(in srgb, var(--fg,#fff) 8%, #0000004d);border-radius:1.2em;grid-template-rows:auto 1fr;grid-template-columns:8em 1fr;gap:1em 1.2em;padding:1.2em;display:grid;position:absolute;inset:4em 3em 2em}.d-music .art{background:conic-gradient(#8a6cff,#ff7ad9,#ffb36b,#8a6cff);border-radius:.8em;width:8em;height:8em;animation-name:ms-art;animation-timing-function:linear}@keyframes ms-art{to{filter:hue-rotate(360deg)}}.d-music .mp-i{align-content:center;gap:.3em;display:grid}.d-music .mp-i span{opacity:.6;font-size:.9em}.d-music .prog{background:color-mix(in srgb, var(--fg,#fff) 15%, transparent);border-radius:1em;height:.35em;margin-top:.6em;overflow:hidden;opacity:1!important}.d-music .prog span{background:var(--fg,#fff);transform-origin:0;opacity:1;height:100%;animation-name:on-grow;animation-timing-function:linear;display:block}.d-music .lyr{grid-column:1/-1;gap:.3em;font-size:1.15em;display:grid}.d-music .lyr p{opacity:.3;animation-name:ms-lyr;animation-delay:calc(var(--i) * var(--T) / 3)}@keyframes ms-lyr{0%{opacity:.3}1%,33%{opacity:1}34%,to{opacity:.3}}.d-reminders .rem{align-content:start;gap:.7em;display:grid}.d-reminders .inp{background:color-mix(in srgb, var(--fg,#fff) 10%, transparent);border-radius:.7em;padding:.7em .9em}.d-reminders .chips{gap:.4em;animation-name:rm-chips;display:flex}.d-reminders .chips span{background:var(--glow,#b48cff);color:#fff;border-radius:1em;padding:.25em .7em;font-size:.8em}.d-reminders .chips span:nth-child(2){background:#e5484d}@keyframes rm-chips{0%,34%{opacity:0;translate:0 -.4em}40%,94%{opacity:1;translate:0}to{opacity:0}}.d-reminders .up{margin-top:.4em;font-size:.8em}.d-reminders .ri{grid-template-columns:1.2em 1fr auto;align-items:center;gap:.6em;font-size:.95em;display:grid}.d-reminders .ri i{width:1em;height:1em;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--fg,#fff) 50%, transparent);border-radius:50%}.d-reminders .ri span{opacity:.6;font-size:.8em}.d-reminders .ri.a{animation-name:rm-ri}@keyframes rm-ri{0%,50%{opacity:0;max-height:0}58%,94%{opacity:1;max-height:2em}to{opacity:0}}.d-calendar .cal{background:color-mix(in srgb, var(--fg,#fff) 7%, #00000040);border-radius:1em;padding:.6em 1em .6em 4.2em;position:absolute;inset:1.6em 4em}.d-calendar .hr{opacity:.5;border-top:1px solid color-mix(in srgb, var(--fg,#fff) 12%, transparent);height:4.4em;margin-left:-3.6em;padding-left:.2em;font-size:.8em}.d-calendar .ev{border-radius:.7em;gap:.2em;padding:.5em .8em;display:grid;position:absolute;left:4.6em;right:1.4em}.d-calendar .ev1{background:var(--glow,#b48cff);color:#fff;height:4.6em;animation-name:cl-ev}.d-calendar .ev1 span{opacity:.85;font-size:.75em}.d-calendar .trv{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--fg,#fff) 14%, transparent) 0 .4em, transparent .4em .8em);height:1.8em;padding:.3em .8em;font-size:.8em;animation-name:cl-trv}@keyframes cl-ev{0%,25%{top:3.4em}55%,85%{top:11.4em}to{top:3.4em}}@keyframes cl-trv{0%,30%{top:1.4em}60%,85%{top:9.4em}to{top:1.4em}}.d-calendar .hand{background:#ffffff73;border-radius:50%;width:1.6em;height:1.6em;animation-name:cl-hand;position:absolute;right:4em}@keyframes cl-hand{0%,18%{opacity:0;top:5em}24%{opacity:1;top:5em}55%{opacity:1;top:13em}62%,to{opacity:0;top:13em}}.d-mail .mailbox{grid-template-columns:1.1fr 1fr;gap:1.2em;display:grid;position:absolute;inset:1.8em 3em}.d-mail .mb-l{background:color-mix(in srgb, var(--fg,#fff) 7%, #00000040);border-radius:1em;align-content:start;gap:.35em;padding:.8em;display:grid;position:relative}.d-mail .mr{background:color-mix(in srgb, var(--fg,#fff) 7%, transparent);animation-name:ml-mr;animation-delay:calc(var(--i) * 80ms);border-radius:.5em;grid-template-columns:6em 1fr;align-items:center;gap:.5em;padding:.45em .6em;font-size:.85em;display:grid}.d-mail .mr span{background:color-mix(in srgb, var(--fg,#fff) 18%, transparent);border-radius:1em;height:.5em}@keyframes ml-mr{0%,30%{opacity:1;translate:0}40%,92%{opacity:.15;translate:2em}to{opacity:1;translate:0}}.d-mail .tri{background:var(--glow,#b48cff);color:#fff;white-space:nowrap;border-radius:2em;padding:.45em 1em;font-size:.85em;animation-name:ml-tri;position:absolute;bottom:.8em;left:50%;translate:-50%}@keyframes ml-tri{0%,18%{scale:1}22%{scale:.9}26%,to{scale:1}}.d-mail .mb-r{align-content:center;gap:.6em;display:grid}.d-mail .bk{background:color-mix(in srgb, var(--fg,#fff) 9%, transparent);animation-name:ml-bk;animation-delay:calc(var(--i) * .15s);border-radius:.8em;justify-content:space-between;padding:.8em 1em;display:flex}@keyframes ml-bk{0%,32%{opacity:0;translate:-1em}40%,92%{opacity:1;translate:0}to{opacity:0}}.d-messages .chat{color:#fff;background:#0c0d10;border-radius:1.4em;flex-direction:column;gap:.6em;width:20em;padding:1em;display:flex;position:absolute;top:1.6em;bottom:1.6em;left:50%;translate:-50%}.d-messages .who{text-align:center;opacity:.6;font-size:.8em}.d-messages .bub{border-radius:1.1em;max-width:75%;padding:.5em .85em;font-size:.95em}.d-messages .them{background:#2c2f38;align-self:flex-start}.d-messages .me{background:#2f7cf6;align-self:flex-end;animation-name:mg-me}@keyframes mg-me{0%,10%{opacity:0;translate:0 .6em}16%,60%{opacity:.5;translate:0}66%,94%{opacity:1;translate:0}to{opacity:0}}.d-messages .later{background:#2c2f38;border-radius:1em;align-self:flex-end;padding:.25em .7em;font-size:.75em;animation-name:mg-later}@keyframes mg-later{0%,16%{opacity:0}22%,58%{opacity:1}64%,to{opacity:0}}.d-messages .clk{align-self:center;margin-top:.4em;font-size:2em;animation-name:mg-clk}@keyframes mg-clk{0%,24%{opacity:0;rotate:0deg}28%,58%{opacity:1;rotate:360deg}62%,to{opacity:0}}.d-messages .dlv{opacity:.6;align-self:flex-end;font-size:.7em;animation-name:mg-dlv}@keyframes mg-dlv{0%,66%{opacity:0}72%,94%{opacity:.6}to{opacity:0}}.d-photos .ph-s{background:color-mix(in srgb, var(--fg,#fff) 12%, transparent);border-radius:2em;padding:.6em 1em;position:absolute;top:1.6em;left:3em;right:3em}.d-photos .grid{grid-template-columns:repeat(6,1fr);gap:.5em;display:grid;position:absolute;inset:5.2em 3em 1.6em}.d-photos .pt{background:linear-gradient(160deg, hsl(var(--h) 60% 55%), hsl(calc(var(--h) + 60) 50% 25%));border-radius:.5em;animation-name:ph-out}.d-photos .keep{background:linear-gradient(160deg,#1b2050,#e8794a 140%);animation-name:ph-keep}@keyframes ph-out{0%,32%{opacity:1;scale:1}40%,92%{opacity:.08;scale:.85}to{opacity:1;scale:1}}@keyframes ph-keep{0%,32%{box-shadow:none}40%,92%{box-shadow:0 0 0 .2em #fff, 0 0 1.4em var(--glow,#b48cff);scale:1.05}to{box-shadow:none}}.d-preview .doc{color:#1c1d20;background:#fff;border-radius:.8em .8em 0 0;align-content:start;gap:.75em;width:24em;padding:1.4em 1.6em;font-size:.95em;display:grid;position:absolute;top:1.4em;bottom:0;left:50%;translate:-50%}.d-preview .doc em{color:#888;background:#eee;border-radius:.3em;padding:.1em .4em;font-size:.7em;font-style:normal}.d-preview .hl,.d-preview .rd{position:relative}.d-preview .mark{z-index:-1;transform-origin:0;background:#ffe066;animation-name:pv-mark;position:absolute;inset:-.1em -.2em}.d-preview .hl{z-index:0;isolation:isolate}@keyframes pv-mark{0%,10%{scale:0 1}26%,92%{scale:1}to{scale:0 1}}.d-preview .redact{transform-origin:0;background:#111;width:9.4em;animation-name:pv-red;position:absolute;top:-.1em;bottom:-.1em;left:4.8em}@keyframes pv-red{0%,32%{scale:0 1}46%,92%{scale:1}to{scale:0 1}}.d-preview .sig{width:11em;margin-top:.4em}.d-preview .sig path{fill:none;stroke:#2348c9;stroke-width:2px;stroke-linecap:round;stroke-dasharray:400;animation-name:pv-sig}@keyframes pv-sig{0%,52%{stroke-dashoffset:400px}80%,94%{stroke-dashoffset:0}to{stroke-dashoffset:400px}}.d-finder .fnd{background:color-mix(in srgb, var(--fg,#fff) 7%, #00000040);border-radius:1em;align-content:start;gap:.5em;padding:1em 1.2em;display:grid;position:absolute;inset:2em 4em}.d-finder .ren{background:var(--glow,#b48cff);color:#fff;border-radius:.6em;align-items:center;gap:.8em;margin-bottom:.4em;padding:.5em .8em;font-size:.9em;animation-name:fd-ren;display:flex}@keyframes fd-ren{0%,10%{opacity:0;translate:0 -.5em}16%,92%{opacity:1;translate:0}to{opacity:0}}.d-finder .fr{background:color-mix(in srgb, var(--fg,#fff) 6%, transparent);border-radius:.5em;align-items:center;gap:.8em;padding:.55em .8em;font-family:ui-monospace,Menlo,monospace;font-size:.9em;display:flex;position:relative}.d-finder .fr i{background:linear-gradient(135deg,#6ab7ff,#2563eb);border-radius:.2em;width:1.4em;height:1.1em}.d-finder .old,.d-finder .new{animation-delay:calc(var(--i) * .35s)}.d-finder .old{animation-name:fd-old}.d-finder .new{animation-name:fd-new;position:absolute;left:3em}@keyframes fd-old{0%,24%{opacity:1}28%,92%{opacity:0}to{opacity:1}}@keyframes fd-new{0%,24%{opacity:0;translate:0 .4em}28%,92%{opacity:1;translate:0}to{opacity:0}}.d-freeform .board{background:radial-gradient(circle, color-mix(in srgb, var(--fg,#fff) 16%, transparent) 1px, transparent 1.5px) 0 0 / 1.4em 1.4em;position:absolute;inset:0}.d-freeform .stk{background:var(--c);border-radius:.3em;width:5.4em;height:5em;margin:-2.5em 0 0 -2.7em;animation-name:ff-snap;animation-timing-function:cubic-bezier(.34,1.3,.64,1);position:absolute;top:50%;left:50%;box-shadow:0 .4em .8em -.3em #0006}@keyframes ff-snap{0%,22%{translate:var(--x) var(--y);rotate:var(--r)}42%,90%{translate:var(--gx) var(--gy);rotate:0deg}to{translate:var(--x) var(--y);rotate:var(--r)}}.d-freeform .sk{width:6em;position:absolute;top:1.6em;right:2.4em}.d-freeform .sk path,.d-freeform .sk circle{fill:none;stroke:var(--glow,#b48cff);stroke-width:2.5px;stroke-linecap:round}.d-freeform .rough{animation-name:ff-rough}.d-freeform .clean{animation-name:ff-clean}@keyframes ff-rough{0%,50%{opacity:1}56%,to{opacity:0}}@keyframes ff-clean{0%,50%{opacity:0}56%,94%{opacity:1}to{opacity:0}}.d-terminal .err{color:#ff7b72}.d-terminal .exp{background:var(--glow,#b48cff);color:#fff;border-radius:1em;justify-self:start;padding:.35em .9em;font-family:Inter,system-ui,sans-serif;font-size:.85em;animation-name:tm-exp}@keyframes tm-exp{0%,22%{opacity:0}28%{opacity:1;scale:1}34%{scale:.9}38%,92%{opacity:1;scale:1}to{opacity:0}}.d-terminal .plain{color:#fff;background:#ffffff12;border-radius:.6em;padding:.7em .9em;font-family:Inter,system-ui,sans-serif;line-height:1.5}.d-terminal .plain code{color:#7ee787}.d-objects .objs{justify-content:space-between;display:flex;position:absolute;top:5em;left:2em;right:2em}.d-objects .ob{background:radial-gradient(circle at 30% 25%, #fff8, transparent 40%), var(--c);width:3.2em;height:3.2em;box-shadow:0 .6em 1.4em -.6em var(--c);opacity:.35;animation-name:ob-on;animation-delay:calc(var(--i) * var(--T) / 10);border-radius:.9em;animation-timing-function:ease-out;scale:.85}.d-objects .ob:nth-child(odd){border-radius:50%}@keyframes ob-on{0%{opacity:.35;translate:0;scale:.85}2%,10%{opacity:1;translate:0 -.6em;scale:1.25}14%,to{opacity:.35;translate:0;scale:.85}}.d-objects .ob-l{justify-items:center;font-size:1.3em;display:grid;position:absolute;bottom:4.5em;left:0;right:0}.d-objects .ob-l p{animation-name:ag-say;animation-delay:calc(var(--i) * var(--T) / 10);grid-area:1/1}.d-objects .ob-l b{margin-right:.4em;font-family:ui-monospace,Menlo,monospace}.d-onejob .big-ob{background:radial-gradient(circle at 30% 25%, #fffa, transparent 40%), linear-gradient(140deg, var(--glow,#6f93ff), #0b1a6b);width:10em;height:10em;box-shadow:0 2em 4em -1.5em var(--glow,#6f93ff);border-radius:2.4em;margin:-5em;animation-name:oj-spin;animation-timing-function:ease-in-out;position:absolute;top:42%;left:50%}@keyframes oj-spin{0%,to{border-radius:2.4em;rotate:-8deg}50%{border-radius:50%;rotate:8deg}}.d-onejob .oj{justify-content:center;gap:1.6em;font-size:1.1em;display:flex;position:absolute;bottom:1.8em;left:0;right:0}.d-onejob .oj span{animation-name:oj-word;animation-delay:calc(var(--i) * .5s)}@keyframes oj-word{0%,8%{opacity:0;translate:0 .5em}16%,90%{opacity:1;translate:0}to{opacity:0}}.d-charge .chg{grid-template-columns:1fr 1fr 1.3fr;align-items:center;gap:1.4em;display:grid;position:absolute;inset:2em 3em}.d-charge .src,.d-charge .dst p{background:color-mix(in srgb, var(--fg,#fff) 8%, transparent);border-radius:.8em;gap:.2em;padding:.7em .9em;display:grid}.d-charge .src span,.d-charge .dst span{opacity:.65;font-size:.8em}.d-charge .meter{background:color-mix(in srgb, var(--fg,#fff) 8%, transparent);border-radius:1em;place-items:center;height:12em;display:grid;position:relative;overflow:hidden}.d-charge .meter span{background:linear-gradient(0deg, var(--glow,#6f93ff), #bcd0ff);transform-origin:bottom;height:100%;animation-name:cg-fill;position:absolute;bottom:0;left:0;right:0}.d-charge .meter b{letter-spacing:.15em;font-size:.85em;position:relative}@keyframes cg-fill{0%,10%{scale:1 .05}40%{scale:1 .9}60%,to{scale:1 .3}}.d-charge .dst{gap:.6em;display:grid}.d-charge .dst i{background:color-mix(in srgb, var(--fg,#fff) 12%, transparent);border-radius:1em;height:.35em;display:block;overflow:hidden}.d-charge .dst i i{background:var(--glow,#6f93ff);transform-origin:0;height:100%;animation-name:cg-dst}@keyframes cg-dst{0%,42%{scale:.3 1}62%,92%{scale:.85 1}to{scale:.3 1}}.d-juicy .hud{backdrop-filter:blur(10px);background:#ffffff24;border-radius:2em;align-items:center;gap:.8em;padding:.7em 1.2em;animation-name:jc-hud;display:flex;position:absolute;top:2em;left:50%;translate:-50%}@keyframes jc-hud{0%,52%{opacity:0;scale:.8}58%,92%{opacity:1;scale:1}to{opacity:0}}.d-juicy .vb{background:#fff3;border-radius:1em;width:12em;height:.7em;overflow:hidden}.d-juicy .vb span{transform-origin:0;background:#fff;height:100%;animation-name:jc-vol;animation-timing-function:cubic-bezier(.34,1.5,.64,1);display:block}@keyframes jc-vol{0%,58%{scale:.3 1}70%{scale:.75 1}80%,to{scale:.6 1}}.d-juicy .pods{backdrop-filter:blur(12px);background:#ffffff1f;border-radius:1.6em;align-items:center;gap:1em;padding:1em 1.6em;animation-name:jc-pods;animation-timing-function:cubic-bezier(.34,1.4,.64,1);display:flex;position:absolute;bottom:2.4em;left:50%;translate:-50%}.d-juicy .pods div{display:grid}.d-juicy .pods span:not(.pod){opacity:.7;font-size:.8em}.d-juicy .pod{background:linear-gradient(#fff,#cfd3db);border-radius:1em;width:1.6em;height:3.4em}.d-juicy .pod+.pod{margin-left:-.6em;scale:-1 1}@keyframes jc-pods{0%,6%{translate:-50% 12em;rotate:x 50deg}22%,92%{translate:-50%;rotate:x 0deg}to{translate:-50% 12em}}.d-tiles .icons{grid-template-columns:repeat(6,1fr);align-content:center;gap:1em;display:grid;position:absolute;inset:2.4em 4em}.d-tiles .ic{aspect-ratio:1;box-shadow:inset 0 1px 0 #fff9, inset 0 0 0 1px #fff3, 0 .6em 1.2em -.6em var(--glow,#b48cff);color:#e7dcff;animation-name:tl-pop;animation-delay:calc(var(--i) * .12s);background:linear-gradient(160deg,#ffffff40,#ffffff0d);border-radius:1.1em;place-items:center;font-size:1.6em;animation-timing-function:cubic-bezier(.34,1.5,.64,1);display:grid}@keyframes tl-pop{0%,4%{opacity:0;translate:0 1em;scale:.4}16%,90%{opacity:1;translate:0;scale:1}to{opacity:0;scale:.8}}.d-unbound .ub{background:color-mix(in srgb, var(--fg,#fff) 7%, #0000004d);border-radius:1.2em;align-content:start;gap:.6em;padding:1.4em 1.6em;display:grid;position:absolute;inset:2em 4em}.d-unbound .bal{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:3em;display:flex}.d-unbound .bal b{font-weight:inherit;display:inline-grid}.d-unbound .bal b span{animation-name:on-clock;animation-delay:calc(var(--i) * var(--T) / 5);grid-area:1/1;animation-timing-function:linear}.d-unbound svg{width:100%;margin-top:2.2em}.d-unbound svg path{fill:none;stroke:var(--glow,#ff7ad9);stroke-width:1.5px;stroke-dasharray:260;animation-name:ub-line;animation-timing-function:linear}@keyframes ub-line{0%{stroke-dashoffset:260px}90%,to{stroke-dashoffset:0}}.d-unbound .rule{opacity:.75;font-size:.9em}@media (prefers-reduced-motion:reduce){.demo .a{animation-play-state:paused!important;animation-delay:calc(var(--T) * -.6)!important}}.d-hold .hd-ph{background:#0c0d10;border-radius:2em;width:19em;padding:1.3em 1.1em;position:absolute;top:1.4em;left:50%;translate:-50%;box-shadow:0 0 0 .35em #2a2c33}.d-hold .hd-top{justify-content:space-between;margin:0;font-size:1.05em;display:flex}.d-hold .hd-top b{font-variant-numeric:tabular-nums;color:var(--glow)}.d-hold .hd-sub{opacity:.55;margin:.1em 0 .6em;font-size:.7em}.d-hold .hd-bar{background:#23252a;border-radius:1em;height:.35em;display:block;overflow:hidden}.d-hold .hd-bar span{background:var(--glow);width:0;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.d-hold ul{gap:.55em;margin:1em 0 0;padding:0;list-style:none;display:grid}.d-hold li{background:#16171b;border-radius:.9em;grid-template-columns:2.2em 1fr 2.8em;align-items:center;gap:.6em;padding:.55em .6em;transition:opacity .3s;display:grid}.d-hold li.done{opacity:.45}.d-hold li.done .hd-t b{text-decoration:line-through}.d-hold .hd-t{font-size:.85em;line-height:1.25;display:grid}.d-hold .hd-t i{opacity:.55;font-size:.8em;font-style:normal}.d-hold button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0}.d-hold .hd-proof{background:#23252a;border-radius:.6em;width:2.2em;height:2.2em;font-size:.9em}.d-hold li.proved .hd-proof{background:linear-gradient(135deg,#3b4a2a,#6a7f3a)}.d-hold .hd-hold{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:2.8em;height:2.8em;display:grid;position:relative}.d-hold .hd-hold:disabled{opacity:.3;cursor:not-allowed}.d-hold .hd-hold svg{position:absolute;inset:0;rotate:-90deg}.d-hold .hd-hold circle{fill:none;stroke:#2d2e31;stroke-width:3px}.d-hold .hd-hold .r{stroke:var(--glow);stroke-dasharray:100;stroke-dashoffset:100px;stroke-linecap:round}.d-hold .hd-hold span{opacity:.8;font-size:.6em}.d-hold .hd-tier{text-align:center;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:.9em 0 0;font-size:.8em}.d-hold .hd-hint{text-align:center;opacity:.6;font-size:.8em;position:absolute;bottom:1em;left:0;right:0}.d-hold .pop{animation:.5s hd-pop}@keyframes hd-pop{40%{scale:1.12}}.d-board .bd{font-family:var(--mono);background:#0b0c0e;border-radius:1em;grid-template-rows:auto 1fr auto;padding:1em 1.2em;display:grid;position:absolute;inset:1.4em 2.4em;box-shadow:inset 0 0 0 1px #23252a}.d-board .bd-head{color:#f0b429;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.9em;display:flex}.d-board .bd-flap{gap:.15em;display:flex}.d-board .bd-flap i{color:#f7f8f8;background:#1c1c1f;border-radius:.2em;place-items:center;width:1.35em;height:1.8em;font-size:1.3em;font-style:normal;font-weight:500;display:grid;position:relative;overflow:hidden}.d-board .bd-flap i:after{content:"";background:#000;height:1px;position:absolute;top:50%;left:0;right:0}.d-board .bd-flap i.flip{animation:.35s ease-in bd-flip}@keyframes bd-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.d-board ol{align-content:start;gap:.25em;margin:.8em 0;padding:0;font-size:.82em;list-style:none;display:grid}.d-board li{border-radius:.3em;grid-template-columns:6.4em 1fr 4.8em 7.6em;align-items:center;gap:.8em;padding:.35em .4em;transition:background .3s,opacity .3s;display:grid}.d-board li .ln{opacity:.7;align-items:center;gap:.4em;display:inline-flex}.d-board li .ln:before{content:"";background:var(--c);border-radius:50%;width:.55em;height:.55em}.d-board li .st{text-align:right;white-space:nowrap;font-size:.92em}.d-board li>span:first-child{white-space:nowrap}.d-board li.boarding{background:#1c1c1f}.d-board li.boarding .st{color:#f0b429}.d-board li.delayed .st{color:#ff6b5e}.d-board li.gone{display:none}.d-board li .was{opacity:.45;margin-right:.3em;text-decoration:line-through}.d-board .bd-act{justify-content:flex-end;gap:.6em;display:flex}.d-board .bd-act button{font:inherit;color:#d0d6e0;cursor:pointer;background:0 0;border:1px solid #34343a;border-radius:2em;padding:.5em 1em;font-size:.8em}.d-board .bd-act button.go{color:#f7f8f8;border-color:#f7f8f8}.d-board .bd-act button:hover{background:#23252a}
