:root{--dn-glaze:#ff7ab6;--dn-glaze-2:#ffb3d6;--dn-dough:#c98a4e;--dn-online:#4ade80;--dn-ink:var(--dn-glaze-2);--dn-icon-edge:none}:root[data-theme=light]{--dn-glaze:#e0408d;--dn-glaze-2:#f58fc0;--dn-online:#16a34a;--dn-ink:#c42a77;--dn-icon-edge:drop-shadow(0 0 1px #0000008c)}@media (prefers-color-scheme:light){:root[data-theme=system]{--dn-glaze:#e0408d;--dn-glaze-2:#f58fc0;--dn-online:#16a34a;--dn-ink:#c42a77;--dn-icon-edge:drop-shadow(0 0 1px #0000008c)}}@layer components{.sw-wrap,.sw-panel{gap:var(--card-gap);min-width:0;display:grid}.sw-panel[hidden]{display:none}.sw-bar{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px;grid-template-columns:1fr 1fr;padding:.3125rem;display:grid;position:relative}.sw-tab{z-index:1;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;display:inline-flex;position:relative}.sw-tab:hover,.sw-tab[aria-selected=true]{color:var(--color-text)}.sw-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sw-gem{background:linear-gradient(135deg, #c6f7f8, var(--color-accent) 55%, #017fa5);border-radius:2px;width:.75rem;height:.75rem;transform:rotate(45deg)}.sw-thumb{background:var(--color-surface-2);width:calc(50% - .3125rem);box-shadow:inset 0 0 0 1px var(--color-line-strong), 0 6px 18px -10px var(--color-stage-shade);transition:translate var(--duration-base) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:999px;position:absolute;top:.3125rem;bottom:.3125rem;left:.3125rem}.sw-thumb[data-at=donutsmp]{background:color-mix(in oklab, var(--dn-glaze) 16%, var(--color-surface-2));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--dn-glaze) 45%, transparent), 0 6px 22px -10px var(--dn-glaze);translate:100%}.dn-card{padding:var(--card-pad);border-radius:var(--radius-2xl);background:radial-gradient(120% 70% at 100% 0%, color-mix(in oklab, var(--dn-glaze) 18%, transparent), transparent 60%), radial-gradient(90% 60% at 0% 100%, color-mix(in oklab, var(--dn-dough) 12%, transparent), transparent 65%), var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);animation:fade-in var(--duration-fast) var(--ease-out);gap:1.25rem;display:grid;position:relative;overflow:hidden}.dn-head{align-items:center;gap:.875rem;display:flex}.dn-logo{filter:drop-shadow(0 4px 10px color-mix(in oklab, var(--dn-glaze) 45%, transparent))}.dn-head-text{gap:.25rem;min-width:0;display:grid}.dn-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--text-xl--line-height);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.dn-badges{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dn-online{color:var(--color-text-muted);align-items:center;gap:.375rem;display:inline-flex}.dn-online>i{background:var(--color-text-faint);border-radius:50%;width:.5rem;height:.5rem}.dn-online[data-online]{color:var(--color-text)}.dn-online[data-online]>i{background:var(--dn-online);box-shadow:0 0 0 0 var(--dn-online);animation:dn-pulse 2.4s var(--ease-out) infinite}@keyframes dn-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--dn-online) 60%, transparent)}70%,to{box-shadow:0 0 0 .5rem #0000}}.dn-hero{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.dn-hero-item{border-radius:var(--radius-xl);background:color-mix(in oklab, var(--color-surface-2) 85%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);align-items:center;gap:.875rem;padding:1rem 1.125rem;display:flex}.dn-hero-item>div{min-width:0;display:grid}.dn-hero-value{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.1;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dn-hero-label,.dn-tile-label,.dn-kd-label{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-muted)}.dn-kd{grid-template-columns:1fr auto 1fr;align-items:center;gap:.625rem .75rem;display:grid}.dn-kd-side{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);align-items:center;gap:.5rem;display:flex}.dn-kd-right{justify-content:flex-end}.dn-kd-side .dn-kd-label{font-family:var(--font-sans);font-weight:var(--font-weight-normal)}.dn-kd-side svg,.dn-tile-icon{filter:var(--dn-icon-edge)}.dn-kd-mid{justify-items:center;display:grid}.dn-kd-ratio{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;font-weight:var(--font-weight-bold);color:var(--dn-ink)}.dn-kd-bar{background:color-mix(in oklab, #e5484d 55%, var(--color-surface-3));border-radius:999px;grid-column:1/-1;height:.5rem;overflow:hidden}.dn-kd-fill{height:100%;transition:width .6s var(--ease-out);background:linear-gradient(90deg,#6ee7a8,#22c55e);border-radius:999px 0 0 999px;display:block}.dn-kd-fill[data-share="0"]{width:0%}.dn-kd-fill[data-share="1"]{width:5%}.dn-kd-fill[data-share="2"]{width:10%}.dn-kd-fill[data-share="3"]{width:15%}.dn-kd-fill[data-share="4"]{width:20%}.dn-kd-fill[data-share="5"]{width:25%}.dn-kd-fill[data-share="6"]{width:30%}.dn-kd-fill[data-share="7"]{width:35%}.dn-kd-fill[data-share="8"]{width:40%}.dn-kd-fill[data-share="9"]{width:45%}.dn-kd-fill[data-share="10"]{width:50%}.dn-kd-fill[data-share="11"]{width:55%}.dn-kd-fill[data-share="12"]{width:60%}.dn-kd-fill[data-share="13"]{width:65%}.dn-kd-fill[data-share="14"]{width:70%}.dn-kd-fill[data-share="15"]{width:75%}.dn-kd-fill[data-share="16"]{width:80%}.dn-kd-fill[data-share="17"]{width:85%}.dn-kd-fill[data-share="18"]{width:90%}.dn-kd-fill[data-share="19"]{width:95%}.dn-kd-fill[data-share="20"]{width:100%}.dn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.dn-tile{border-radius:var(--radius-lg);background:color-mix(in oklab, var(--color-surface-2) 70%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);transition:translate var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.625rem;padding:.75rem .875rem;display:grid}.dn-tile:hover{box-shadow:inset 0 0 0 1px var(--color-line-strong);translate:0 -1px}.dn-tile-icon{grid-row:1/span 2}.dn-tile-value{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.2;font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dn-tile-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dn-foot{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-text-faint)}.dn-pending{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--dn-ink);align-items:center;gap:.5rem;display:flex}.dn-logo-spin{animation:2.4s linear infinite dn-spin}@keyframes dn-spin{to{rotate:360deg}}.dn-empty{text-align:center;color:var(--color-text-muted);justify-items:center;padding-block:2.5rem}.dn-sk{border-radius:var(--radius-lg);background:var(--color-surface-2);animation:1.4s ease-in-out infinite skeleton;display:block}.dn-sk-title{width:9rem;height:1.75rem}.dn-sk-hero{height:4.5rem}.dn-sk-tile{height:3.75rem}@media (min-width:53.75rem) and (max-width:74.99rem){.dn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:53.74rem){.sw-wrap,.sw-panel:not([hidden]):not(.sw-panel-server){display:contents}.sw-bar,.sw-panel-server{order:2}}@media (max-width:29.99rem){.dn-hero{grid-template-columns:1fr}.dn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-tile{grid-template-columns:1fr;row-gap:.125rem}.dn-tile-icon{grid-row:auto;margin-bottom:.25rem}.dn-tile-label{white-space:normal}}@media (prefers-reduced-motion:reduce){.sw-thumb,.dn-kd-fill,.dn-tile{transition:none}.dn-online[data-online]>i,.dn-card,.dn-sk,.dn-logo-spin{animation:none}}}