:root{--clay-bg: #e9e4fb;--clay-surface: #ffffff;--clay-inset: #f3eefe;--clay-ink: #4c1d95;--clay-ink-soft: #8b79c9;--clay-primary: #a78bfa;--clay-primary-deep: #7c3aed;--clay-pink: #fba5c8;--clay-pink-deep: #db2777;--clay-up: #047857;--clay-down: #be123c;--clay-out: 20px 20px 44px rgba(149, 128, 232, .42), inset -6px -6px 12px rgba(149, 128, 232, .26), inset 0 9px 20px rgba(255, 255, 255, .9);--clay-in: inset 6px 6px 14px rgba(149, 128, 232, .3), inset -6px -6px 14px rgba(255, 255, 255, .95)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,sans-serif;background:var(--clay-bg);color:var(--clay-ink);-webkit-font-smoothing:antialiased}h1,h2,h3,.clay-display{font-family:Nunito,system-ui,sans-serif;font-weight:900;color:var(--clay-ink)}.tnum{font-variant-numeric:tabular-nums}.shell{max-width:1120px;margin:0 auto;padding:28px 20px 64px}.card{background:var(--clay-surface);border-radius:34px;padding:24px;box-shadow:var(--clay-out)}.pad{background:var(--clay-inset);border-radius:24px;padding:16px 18px;box-shadow:var(--clay-in)}.label{font-size:12px;font-weight:700;color:var(--clay-ink-soft);letter-spacing:.01em}.value{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--clay-ink);white-space:nowrap}.missing{color:var(--clay-ink-soft);opacity:.72}.up{color:var(--clay-up)}.down{color:var(--clay-down)}button{font-family:inherit;border:0;cursor:pointer;transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}button:focus-visible,input:focus-visible{outline:3px solid var(--clay-primary-deep);outline-offset:3px}.btn{font-weight:800;font-size:15px;padding:14px 18px;border-radius:22px;color:#fff;background:var(--clay-primary);box-shadow:10px 10px 22px #7c3aed66,inset -5px -5px 10px #7c3aed80,inset 5px 5px 10px #ddd6febf}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:4px 4px 12px #7c3aed59,inset 6px 6px 12px #7c3aed73}.btn:disabled{cursor:not-allowed;background:#ded7f4;color:#8b79c9;box-shadow:var(--clay-in)}.chip{font-weight:700;font-size:13px;padding:9px 15px;border-radius:18px;background:var(--clay-inset);color:var(--clay-ink-soft);box-shadow:var(--clay-in);min-height:44px}.chip[aria-pressed=true]{background:var(--clay-primary);color:#fff;box-shadow:7px 7px 16px #7c3aed5c,inset -4px -4px 8px #7c3aed73,inset 4px 4px 8px #ddd6feb3}.chip-pink[aria-pressed=true]{background:var(--clay-pink);color:#80224d;box-shadow:7px 7px 16px #ec489957,inset -4px -4px 8px #db27775c,inset 4px 4px 8px #fce7f3d9}input[type=number],input[type=text]{font-family:inherit;font-variant-numeric:tabular-nums;border:0;background:transparent;color:var(--clay-ink);font-weight:800;width:100%;min-width:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;border-radius:999px;background:var(--clay-inset);box-shadow:var(--clay-in)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:var(--clay-primary);cursor:pointer;box-shadow:5px 5px 12px #7c3aed73,inset -3px -3px 6px #7c3aed73,inset 3px 3px 6px #ddd6fed9}.scroll-y{overflow-y:auto;overscroll-behavior:contain}.scroll-y::-webkit-scrollbar{width:10px}.scroll-y::-webkit-scrollbar-thumb{background:#d6cdf3;border-radius:999px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}