.calculator-shell,.calculator-portal{--calc-elevated:var(--card);--calc-accent-soft:var(--primary);--calc-text-2:var(--foreground);--calc-text-3:var(--muted-foreground);--calc-text-4:var(--muted-foreground)}.calculator-shell{background-color:var(--background);background-image:radial-gradient(ellipse 1200px 600px at 50% -200px, color-mix(in oklab, var(--primary) 22%, transparent), transparent 60%), linear-gradient(to bottom, color-mix(in oklab, var(--accent) 12%, transparent), transparent 40%);background-attachment:fixed}.calc-display-num{font-family:var(--font-heading), var(--font-sans), system-ui, sans-serif;font-feature-settings:"tnum", "lnum", "ss01", "ss02";font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.035em}.calc-hairline{background-color:color-mix(in oklab, var(--border) 60%, transparent)}@keyframes calcScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.calc-scan-bar:after{content:"";background:linear-gradient(to right, transparent, color-mix(in oklab, var(--primary) 45%, transparent), transparent);animation:1.4s ease-in-out infinite calcScan;position:absolute;inset:0}.calc-focus-ring:focus-within{border-color:color-mix(in oklab, var(--primary) 55%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 10%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--primary) 20%, transparent)}@keyframes calcFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.calc-fade-up,.calc-stagger>*{animation:.48s cubic-bezier(.22,1,.36,1) both calcFadeUp}.calc-stagger>:first-child{animation-delay:0s}.calc-stagger>:nth-child(2){animation-delay:60ms}.calc-stagger>:nth-child(3){animation-delay:.12s}.calc-stagger>:nth-child(4){animation-delay:.18s}.calc-stagger>:nth-child(5){animation-delay:.24s}.calc-stagger>:nth-child(6){animation-delay:.3s}.calc-stagger>:nth-child(7){animation-delay:.36s}.calc-stagger>:nth-child(8){animation-delay:.42s}.calc-scroll::-webkit-scrollbar{width:10px;height:10px}.calc-scroll::-webkit-scrollbar-track{background:0 0}.calc-scroll::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--border) 80%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.calc-scroll::-webkit-scrollbar-thumb:hover{background:var(--border);background-clip:padding-box}@media (prefers-reduced-motion:reduce){.calc-fade-up,.calc-stagger>*,.calc-scan-bar:after{animation:none}}