@layer base{:root{--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--duration-enter:.21s;--duration-move:.4s;--duration-exit:.15s}*,:after,:before,::backdrop{border-color:#e5e7eb}::file-selector-button{border-color:#e5e7eb}}@keyframes shimmer{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(150%)}}@keyframes rerender{0%,40%{border-color:currentColor}}@keyframes highlight{0%,40%{background:var(--color-blue-600);color:var(--color-blue-100)}}@keyframes loading{0%{opacity:.2}20%{opacity:1;transform:translate(1px)}to{opacity:.2}}.spinner{--border-size:3px;-webkit-mask-image:radial-gradient(closest-side,transparent calc(100% - var(--border-size)),white calc(100% - var(--border-size)));mask-image:radial-gradient(closest-side,transparent calc(100% - var(--border-size)),white calc(100% - var(--border-size)));opacity:0;background:conic-gradient(#0000 10deg,#fff,#0000 320deg);animation:.5s .15s forwards fade,1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.transition-enter{opacity:1;transition:opacity .5s,transform .5s;transform:scale(1)}.transition-enter:not(.transition-enter-active){opacity:0;transform:scale(.95)}@keyframes fade{0%{filter:blur(3px);opacity:0}to{filter:blur();opacity:1}}@keyframes slide{0%{translate:var(--slide-offset)}to{translate:0}}::view-transition-new(.animate-slide-from-left){--slide-offset:-60px;animation:var(--duration-enter)ease-out var(--duration-exit)both fade,var(--duration-move)ease-in-out both slide}::view-transition-old(.animate-slide-to-right){--slide-offset:60px;animation:var(--duration-exit)ease-in both fade reverse,var(--duration-move)ease-in-out both slide reverse}::view-transition-new(.animate-slide-from-right){--slide-offset:60px;animation:var(--duration-enter)ease-out var(--duration-exit)both fade,var(--duration-move)ease-in-out both slide}::view-transition-old(.animate-slide-to-left){--slide-offset:-60px;animation:var(--duration-exit)ease-in both fade reverse,var(--duration-move)ease-in-out both slide reverse}::view-transition-group(.animate-morph){animation-duration:var(--duration-move)}::view-transition-image-pair(.animate-morph){animation-name:via-blur}@keyframes via-blur{30%{filter:blur(3px)}}.calculator-content{view-transition-name:calculator-content}.calculator-nav{view-transition-name:calculator-nav}::view-transition-old(calculator-content){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(calculator-content){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(calculator-content){animation-name:fade-out-scale}::view-transition-new(calculator-content){animation-name:fade-in-scale}@keyframes fade-out-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
