:root{--dn-purple:#a968f2;--dn-purple-deep:#8240d6;--dn-dur:.52s;--dn-ease:cubic-bezier(.22,.61,.36,1)}html.dn-lock,html.dn-lock body{overscroll-behavior:none;height:100%;overflow:hidden}.deck.dn{scroll-snap-type:none;scroll-behavior:auto;overflow:hidden}@media (width>=1181px){.deck.dn>.panel,.deck.dn>.panel.scrolly{overflow:hidden}}.dn-page .progress{background:var(--dn-purple);box-shadow:0 0 12px var(--dn-purple)}.dn-page .rdot.on .d{background:var(--dn-purple)}.dn-page .topbar{padding-left:max(88px,4.583vw)}.dn-esc{z-index:70;min-width:max(44px,2.29vw);height:max(34px,1.77vw);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:.06em;color:var(--text);border:1px solid var(--line-2);corner-shape:squircle;background:#ffffff0d;border-radius:11px;justify-content:center;align-items:center;padding:0 max(12px,.63vw);text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex;position:fixed;top:max(13px,.677vw);left:max(26px,1.354vw)}.dn-esc:hover,.dn-esc:focus-visible{background:color-mix(in srgb,var(--dn-purple) 18%,transparent);border-color:var(--dn-purple);color:#fff}.dn-hint{z-index:60;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--faint);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex;position:fixed;bottom:max(58px,3.021vw);left:max(34px,1.771vw)}.dn-hint .k{border:1px solid var(--line-2);corner-shape:squircle;width:max(19px,.99vw);height:max(19px,.99vw);color:var(--muted);font-size:var(--fs-micro);border-radius:5px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.dn-arrow{z-index:65;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-2);corner-shape:squircle;width:44px;height:60px;color:var(--text);cursor:pointer;background:#1413179e;border-radius:12px;place-items:center;transition:background .2s,border-color .2s,opacity .2s;display:grid;position:fixed;top:50%;translate:0 -50%}.dn-arrow:hover{background:color-mix(in srgb,var(--dn-purple) 22%,#1413179e);border-color:var(--dn-purple)}.dn-arrow[disabled]{opacity:.22;cursor:default;pointer-events:none}.dn-arrow.prev{left:18px}.dn-arrow.next{right:18px}.dn-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}@keyframes dn-wiggle{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}80%{transform:translate(-2px)}}.dn-wiggle{animation:.42s both dn-wiggle}.dn-alert{z-index:80;background:linear-gradient(150deg,var(--dn-purple),var(--dn-purple-deep));color:#fff;corner-shape:squircle;max-width:330px;box-shadow:0 22px 48px -16px #000000bf,0 0 34px -12px var(--dn-purple);font-family:var(--ui,inherit);cursor:pointer;text-align:left;opacity:0;pointer-events:none;transition:opacity .34s var(--dn-ease),translate .34s var(--dn-ease);border:0;border-radius:15px;padding:17px 19px;font-size:14.5px;line-height:1.5;position:fixed;bottom:26px;right:26px;translate:0 18px}.dn-alert.on{opacity:1;pointer-events:auto;translate:0}.dn-alert kbd{font-family:var(--mono);corner-shape:squircle;background:#00000042;border-radius:5px;margin:0 2px;padding:2px 6px;font-size:12px}@media (width<=1180px){.dn-arrow,.dn-hint{display:none}.dn-esc{height:32px;top:14px;left:14px}.dn-alert{max-width:none;bottom:14px;left:14px;right:14px}.dn-menu{z-index:70;border:1px solid var(--line-2);corner-shape:squircle;cursor:pointer;background:#ffffff0d;border-radius:11px;place-items:center;gap:0;width:38px;height:34px;display:grid;position:fixed;top:14px;right:14px}.dn-menu span{background:var(--text);border-radius:2px;width:16px;height:1.5px;margin:2px 0;display:block}}@media (width>=1181px){.dn-menu{display:none}}.deck.dn .panel.dn-in>*{animation:dn-panel-in .46s var(--dn-ease) backwards}@keyframes dn-panel-in{0%{opacity:0;transform:translate3d(var(--dn-dx,34px),0,0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dn-wiggle{animation:none}.dn-alert,.progress{transition:none}.deck.dn .panel.dn-in>*{animation:none}}.dn-esc:focus-visible,.dn-arrow:focus-visible,.dn-alert:focus-visible,.dn-menu:focus-visible,.rdot:focus-visible{outline:2px solid var(--dn-purple);outline-offset:3px}
