.desk{--fade:7%;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100svh;min-height:560px;margin-top:clamp(26px,3vw,44px);position:relative;overflow:hidden}html.no-js .desk{display:none}.dk-grid,.dk-world{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent), linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent), linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);mask-composite:intersect}.dk-grid{display:none}.dk-world{position:absolute;inset:0}.dk-item{transform-origin:0 0;color:var(--ink);-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;display:block;position:absolute;top:0;left:0}.dk-item[hidden]{display:none}.dk-item img,.dk-item video{-webkit-user-drag:none;pointer-events:none}.dk-pop,.dk-in{width:100%;height:100%;display:block;position:relative}.dk-in{transform:rotate(var(--r,0deg));transition:transform .7s var(--ease), opacity .6s var(--ease), filter .6s var(--ease)}.desk:not(.is-dragging) .dk-item:hover .dk-in{transform:translateY(-8px) rotate(calc(var(--r,0deg) * .4)) scale(1.025)}.dk-item.is-off{pointer-events:none}.dk-item.is-off .dk-in{opacity:.16;filter:grayscale()}.dk-screen{background:#e6ecf5;display:block;position:relative;overflow:hidden}.dk-screen>video,.dk-stills img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dk-stills{--step:4.5s;position:absolute;inset:0}.dk-stills img{animation:dkKen 16s var(--ease-io) infinite alternate}.dk-stills--2{--n:2}.dk-stills--3{--n:3}.dk-stills--2 img{animation:dkShow2 calc(2 * var(--step)) calc((var(--i) - 2) * var(--step)) infinite linear both, dkKen 16s var(--ease-io) infinite alternate}.dk-stills--3 img{animation:dkShow3 calc(3 * var(--step)) calc((var(--i) - 3) * var(--step)) infinite linear both, dkKen 16s var(--ease-io) infinite alternate}@keyframes dkShow2{0%,44%{opacity:1}52%,93%{opacity:0}to{opacity:1}}@keyframes dkShow3{0%,29%{opacity:1}35%,94%{opacity:0}to{opacity:1}}@keyframes dkKen{0%{transform:scale(1)}to{transform:scale(1.07)translate(-1.5%,-1%)}}.desk.is-paused .dk-stills img{animation-play-state:paused}.dk-win{background:#fff;border-radius:16px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1px #14151f12,0 32px 60px -30px #14151f61,0 10px 24px -14px #14151f2e}.dk-bar{background:#fbfcfe;border-bottom:1px solid #14151f12;flex:none;align-items:center;gap:10px;height:30px;padding:0 8px 0 12px;display:flex}.dk-lights{flex:none;gap:5px;display:flex}.dk-lights i{background:var(--logo-ink);border-radius:50%;width:9px;height:9px}.dk-lights i:nth-child(2){background:var(--blue)}.dk-lights i:nth-child(3){background:var(--mint)}.dk-url{min-width:0;height:18px;font:500 10.5px/18px var(--mono);letter-spacing:.02em;text-align:center;color:var(--mute);white-space:nowrap;text-overflow:ellipsis;background:#eef2f8;border-radius:6px;flex:1;padding:0 8px;overflow:hidden}.dk-bar .chip{letter-spacing:.06em;flex:none;gap:5px;height:20px;padding:0 8px;font-size:9.5px}.dk-bar .chip i{width:6px;height:6px}.dk-win>.dk-screen{flex:1;min-height:0}.dk-device{background:#14151c;border-radius:30px;width:100%;height:100%;padding:7px;display:block;box-shadow:inset 0 0 0 1.5px #383b4c,0 32px 50px -26px #14151f80,0 8px 18px -10px #14151f4d}.dk-device .dk-screen{background:#000;border-radius:23px;width:100%;height:100%}.dk-shot .dk-screen{border-radius:14px;width:100%;height:100%;box-shadow:0 0 0 1px #14151f0f,0 28px 50px -28px #14151f66}.dk-card{background:var(--mint);width:100%;min-height:100%;color:var(--ink);box-shadow:-6px 7px 0 var(--logo-ink);border-radius:18px;flex-direction:column;padding:18px 18px 16px;display:flex}.dk-note--ice .dk-card{background:var(--ice)}.dk-note--white .dk-card{background:#fff}.dk-note--blue .dk-card{background:var(--blue);color:#fff}.dk-note-k{font:500 10.5px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.72}.dk-note-t{font:700 21px/1.08 var(--font);letter-spacing:-.035em;text-wrap:balance;margin:14px 0 16px}.dk-note--long .dk-note-t{font-size:18.5px}.dk-note--longer .dk-note-t{font-size:16.5px}.dk-note-f{background:#14151f14;border-radius:50%;align-self:flex-end;place-items:center;width:32px;height:32px;margin-top:auto;display:grid}.dk-note--blue .dk-note-f{background:#ffffff29}.dk-note-f svg,.dk-cursor svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.dk-tile .dk-card{background:var(--card-1);color:#fff;box-shadow:-6px 7px 0 var(--blue)}.dk-code{width:100%;height:70px;fill:var(--mint);margin:22px 0 18px;display:block}.dk-tile-t{font:700 27px/1 var(--font);letter-spacing:-.045em;margin-top:auto}.dk-cap{max-width:150%;font:500 11px/1.2 var(--mono);letter-spacing:.04em;color:var(--mute);white-space:nowrap;opacity:0;transition:opacity .4s var(--ease), transform .55s var(--ease);align-items:baseline;gap:7px;display:flex;position:absolute;top:calc(100% + 12px);left:4px;transform:translateY(-5px)}.dk-cap b{color:var(--ink);font-weight:600}.dk-item:hover .dk-cap{opacity:1;transform:none}@media (hover:none){.dk-cap{opacity:1;transform:none}}.dk-main .dk-win{border-radius:22px;box-shadow:0 0 0 1px #14151f12,0 50px 90px -40px #14151f73,0 16px 34px -18px #14151f38}.dk-main .dk-url{font-size:11px}.dk-main .dk-url b{color:var(--ink);margin-right:6px;font-weight:600}.dk-count{font:500 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--mute);flex:none;padding-right:6px}.dk-main .dk-screen{background:#0c0d12}.dk-layer{opacity:0;position:absolute;inset:0;overflow:hidden}.dk-layer video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dk-layer .dk-bg{object-fit:cover;opacity:0;filter:blur(24px)saturate(1.1);width:calc(100% + 48px);height:calc(100% + 48px);position:absolute;inset:-24px}.dk-layer.is-portrait video{object-fit:contain}.dk-layer.is-portrait .dk-bg{opacity:.75}.dk-prog{z-index:3;background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0}.dk-prog i{background:var(--mint);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.dk-ui{z-index:5;white-space:nowrap;-webkit-backdrop-filter:blur(14px)saturate(1.4);background:#ffffffbd;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #14151f12,0 18px 40px -20px #14151f59}.dk-hint{font:500 11.5px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;padding:0 12px 0 10px;display:inline-flex}.dk-hint svg,.dk-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.dk-hint-touch{display:none}.dk-btn{background:var(--ink);color:#fff;height:40px;font:500 13px/1 var(--font);cursor:pointer;transition:background-color .3s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;display:inline-flex}.dk-btn:hover{background:var(--blue)}.dk-btn+.dk-btn{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:#fff}.dk-btn+.dk-btn:hover{background:var(--ice)}.dk-btn svg{width:16px;height:16px}.dk-btn .i-play,.desk.is-paused .dk-btn .i-pause{display:none}.desk.is-paused .dk-btn .i-play{display:block}.dk-cursor{z-index:6;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;top:0;left:0}.desk.has-cursor .dk-cursor{opacity:1}.dk-cursor>span{opacity:0;transition:transform .5s var(--ease), opacity .3s var(--ease);white-space:nowrap;place-items:center;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.4)}.dk-cursor-open{background:var(--blue);color:#fff;width:84px;height:84px;font:500 13px/1 var(--font);letter-spacing:.02em;border-radius:50%;box-shadow:0 14px 30px -12px #3a16ff99}.dk-cursor-drag{background:var(--ink);color:#fff;height:34px;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:0 14px}.dk-cursor.is-open .dk-cursor-open,.dk-cursor.is-drag .dk-cursor-drag{opacity:1;transform:translate(-50%,-50%)scale(1)}.desk.is-dragging .dk-cursor-drag{transform:translate(-50%,-50%)scale(.84)}@media (hover:hover) and (pointer:fine){.desk.has-cursor,.desk.has-cursor .dk-item{cursor:none}.desk.has-cursor .dk-ui{cursor:auto}}@media (hover:none){.dk-hint-fine{display:none}.dk-hint-touch{display:inline}}@media (width<=760px){.desk{--fade:4%;height:max(520px,88svh);margin-top:18px}.dk-ui{gap:4px;padding:5px;bottom:14px}.dk-hint{padding:0 10px 0 8px;font-size:10.5px}.dk-btn{justify-content:center;width:40px;padding:0}.dk-btn span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}