*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "DM Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "DM Mono", "Cascadia Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--border-radius-md: 8px;--border-radius-lg: 14px;--page-bg: #f0f4ff;--card-bg: #ffffff;--surface: #e8eeff;--surface-alt: #d6e0ff;--border: rgba(30,60,180,.12);--border-md: rgba(30,60,180,.2);--border-hi: rgba(30,60,180,.35);--tx: #0f1729;--tx-2: #2a3a6e;--tx-3: #4a5a8e;--amber: #d97706;--amber-glow: rgba(217,119,6,.18);--amber-border: rgba(217,119,6,.32);--amber-tx: #b45309;--green: #059669;--green-glow: rgba(5,150,105,.15);--green-border: rgba(5,150,105,.3);--green-tx: #047857;--red: #dc2626;--red-glow: rgba(220,38,38,.12);--red-border: rgba(220,38,38,.28);--red-tx: #b91c1c;--blue: #2563eb;--blue-glow: rgba(37,99,235,.12);--blue-border: rgba(37,99,235,.28);--blue-tx: #1d4ed8;--purple: #7c3aed;--purple-glow: rgba(124,58,237,.12);--purple-border: rgba(124,58,237,.28);--color-text-primary: var(--tx);--color-text-secondary: var(--tx-2);--color-text-danger: var(--red-tx);--color-text-warning: var(--amber-tx);--color-text-success: var(--green-tx);--color-text-info: var(--blue-tx);--color-background-primary: var(--card-bg);--color-background-secondary:var(--surface);--color-background-danger: var(--red-glow);--color-background-warning: var(--amber-glow);--color-background-success: var(--green-glow);--color-background-info: var(--blue-glow);--color-border-tertiary: var(--border);--color-border-secondary: var(--border-md);--color-border-primary: var(--border-hi);--color-border-danger: var(--red-border);--color-border-warning: var(--amber-border);--color-border-success: var(--green-border);--color-border-info: var(--blue-border)}html{font-size:18px}body{font-family:var(--font-sans);background-color:var(--page-bg);background-image:radial-gradient(ellipse 90% 40% at 50% -5%,rgba(37,99,235,.1) 0%,transparent 70%),radial-gradient(ellipse 50% 30% at 90% 90%,rgba(124,58,237,.08) 0%,transparent 60%);color:var(--tx);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased}#root{max-width:100%;width:100%;margin:0 auto;padding:0 24px 80px}input[type=number],input[type=text]{display:block;width:100%;height:38px;padding:0 12px;background:var(--surface);color:var(--tx);border:1.5px solid var(--border-md);border-radius:var(--radius-md);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}input[type=number]:hover,input[type=text]:hover{border-color:var(--border-hi)}input[type=number]:focus,input[type=text]:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:99px;background:var(--surface-alt);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--blue);border:3px solid var(--card-bg);box-shadow:0 0 10px #2563eb73;cursor:pointer;transition:box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 18px #2563ebb3}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--blue);border:3px solid var(--card-bg);box-shadow:0 0 10px #2563eb73;cursor:pointer;transition:box-shadow .15s}