.wd-scope{--wd-bg:#fcfcfb;--wd-bg-sunken:#f5f5f3;--wd-bg-tint:#eef8f6;--wd-bg-tint-border:#d9ede8;--wd-surface:#fff;--wd-ink:#0b0c0e;--wd-ink-soft:#54585e;--wd-ink-faint:#8a8d92;--wd-border:#e4e4e1;--wd-border-strong:#d3d3cf;--wd-dark:#0a0b0d;--wd-dark-raised:#131417;--wd-dark-surface:#17181b;--wd-dark-foreground:#f5f5f3;--wd-dark-muted:#8b8e94;--wd-dark-border:#232427;--wd-teal:#12e0c4;--wd-teal-ink:#087868;--wd-teal-soft:#e3f5f1;--wd-danger:#a5341f;--wd-danger-soft:#fbe4de;--wd-warning:#8a5a08;--wd-warning-soft:#f5e3c6;--wd-info:#1d5fa8;--wd-info-soft:#e2edf8;--wd-ease:cubic-bezier(.16, 1, .3, 1);--wd-shadow-sm:0 1px 2px #0b0c0e0a, 0 2px 8px -2px #0b0c0e0f;--wd-shadow-md:0 2px 6px -2px #0b0c0e14, 0 12px 28px -10px #0b0c0e24;--wd-shadow-lg:0 8px 24px -8px #0b0c0e29, 0 24px 64px -24px #0b0c0e38;--wd-sidebar-width:15.5rem;--wd-topbar-height:3.75rem;--wd-radius-sm:.375rem;--wd-radius-md:.625rem;--wd-radius-lg:1rem;background:var(--wd-bg);color:var(--wd-ink);font-family:var(--wd-font-sans);min-height:100vh}.wd-scope ::selection{background:var(--wd-teal);color:var(--wd-dark)}.wd-scope *{scrollbar-color:var(--wd-border-strong) transparent}.wd-scope ::-webkit-scrollbar{width:10px;height:10px}.wd-scope ::-webkit-scrollbar-thumb{background:var(--wd-border-strong);border:2px solid var(--wd-bg);border-radius:999px}.wd-scope ::-webkit-scrollbar-track{background:0 0}.wd-scope :focus-visible{outline:2px solid var(--wd-teal-ink);outline-offset:2px;border-radius:2px}.wd-dark-section :focus-visible,.wd-sidebar :focus-visible{outline-color:var(--wd-teal)}.wd-scope .wd-mono{font-family:var(--wd-font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}.wd-scope .wd-display{letter-spacing:-.035em;font-weight:600}.wd-dark-section{background:var(--wd-dark);color:var(--wd-dark-foreground)}.wd-scope .wd-live-dot{background:var(--wd-teal);border-radius:999px;width:6px;height:6px;display:inline-block;position:relative}.wd-scope .wd-live-dot:after{content:"";background:var(--wd-teal);opacity:.35;animation:wd-pulse 2.2s var(--wd-ease) infinite;border-radius:999px;position:absolute;inset:-4px}@keyframes wd-pulse{0%{opacity:.5;transform:scale(.6)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.wd-scope .wd-noise{opacity:.5;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");position:absolute;inset:0}.wd-scope .wd-sidebar{background:var(--wd-dark);color:var(--wd-dark-foreground)}.wd-scope input,.wd-scope select,.wd-scope textarea{background:var(--wd-surface);border:1px solid var(--wd-border-strong);border-radius:var(--wd-radius-sm);color:var(--wd-ink);transition:border-color .15s var(--wd-ease), box-shadow .15s var(--wd-ease)}.wd-scope input:focus,.wd-scope select:focus,.wd-scope textarea:focus{border-color:var(--wd-teal-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--wd-teal) 20%, transparent);outline:none}@media (prefers-reduced-motion:reduce){.wd-scope *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
