:root,:root[data-theme=dark]{--df-bg:#171a1c;--df-surface-1:#22282a;--df-surface-2:#2e3538;--df-surface-3:#394246;--df-surface-4:#454f54;--df-border:#394246;--df-bg-elevated:var(--df-surface-1);--df-bg-elevated-2:var(--df-surface-2);--df-text:#f4f2f7;--df-text-muted:#9ca3a8;--df-pink:#fe32a6;--df-blue:#6cf;--df-lime:#b3ff66;--df-on-fill:#171a1c;--df-shadow-sm:0 1px 2px rgba(0,0,0,.4),0 1px 1px rgba(0,0,0,.3);--df-shadow-md:0 4px 12px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.3);--df-shadow-lg:0 16px 40px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.35);--df-glow-pink:0 0 0 1px rgba(254,50,166,.3),0 8px 24px rgba(254,50,166,.18);--df-glow-blue:0 0 0 1px rgba(102,204,255,.3),0 8px 24px rgba(102,204,255,.18);--df-glass-bg:rgba(34,40,42,.72);--df-glass-blur:blur(14px) saturate(140%)}:root[data-theme=light]{--df-bg:#f4f5f6;--df-surface-1:#fff;--df-surface-2:#eceeef;--df-surface-3:#dde0e2;--df-surface-4:#c7cbce;--df-border:#dde0e2;--df-bg-elevated:var(--df-surface-1);--df-bg-elevated-2:var(--df-surface-2);--df-text:#171a1c;--df-text-muted:#5b6367;--df-pink:#c41f6b;--df-blue:#0972a8;--df-lime:#4f7a1a;--df-on-fill:#fff;--df-shadow-sm:0 1px 2px rgba(23,26,28,.08),0 1px 1px rgba(23,26,28,.06);--df-shadow-md:0 4px 12px rgba(23,26,28,.1),0 2px 4px rgba(23,26,28,.06);--df-shadow-lg:0 16px 40px rgba(23,26,28,.14),0 4px 10px rgba(23,26,28,.08);--df-glow-pink:0 0 0 1px rgba(196,31,107,.25),0 8px 24px rgba(196,31,107,.12);--df-glow-blue:0 0 0 1px rgba(9,114,168,.25),0 8px 24px rgba(9,114,168,.12);--df-glass-bg:hsla(0,0%,100%,.72);--df-glass-blur:blur(14px) saturate(140%)}:root{--df-radius-sm:8px;--df-radius-md:10px;--df-radius-lg:16px;--df-font:"Google Sans","Segoe UI",system-ui,sans-serif}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :after,:root[data-reduce-motion=true] :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--df-pink) 8%,transparent),transparent 45%),radial-gradient(circle at 100% 0,color-mix(in srgb,var(--df-blue) 8%,transparent),transparent 40%),var(--df-bg);color:var(--df-text);font-family:var(--df-font);transition:background-color .2s ease,color .2s ease}:focus-visible{outline:2px solid var(--df-blue);outline-offset:2px;border-radius:var(--df-radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.df-range-thumb{position:absolute;top:0;left:0;width:100%;margin:0;background:none;pointer-events:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.df-range-thumb::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--df-pink);border:2px solid var(--df-on-fill);box-shadow:var(--df-shadow-sm);cursor:pointer}.df-range-thumb::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--df-pink);border:2px solid var(--df-on-fill);box-shadow:var(--df-shadow-sm);cursor:pointer}.df-range-thumb::-moz-range-track,.df-range-thumb::-webkit-slider-runnable-track{background:transparent}