.calc-root{--bg-primary:#0f1219;--bg-secondary:#181b25;--bg-card:#1f243399;--bg-card-border:#2e3d6b4d;--bg-glass:#242b4266;--bg-glass-border:#334d9933;--text-primary:#f2f2f2;--text-secondary:#989fb3;--text-muted:#676d7e;--text-highlight:#ffdb70;--accent-blue:#3d8af5;--accent-purple:#8e5eed;--accent-cyan:#2bdeee;--accent-green:#36e29b;--accent-red:#e64d4d;--accent-gold:#ffd24c;--gradient-hero:linear-gradient(135deg, #257bf4 0%, #7e47eb 50%, #dd3cc2 100%);--gradient-card:linear-gradient(145deg, #242b4280, #1b1f2dcc);--gradient-result-positive:linear-gradient(135deg, #36e29b26, #2bdeee14);--gradient-result-negative:linear-gradient(135deg, #e2363626, #f48c2514);--shadow-sm:0 2px 8px #060a134d;--shadow-md:0 8px 32px #060a1366;--shadow-lg:0 16px 64px #060a1380;--shadow-glow-blue:0 0 20px #3d8af54d;--shadow-glow-gold:0 0 20px #ffd24c4d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--font-sans:var(--font-geist-sans), "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:var(--font-geist-mono), "JetBrains Mono", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}.calc-root *,.calc-root :before,.calc-root :after{box-sizing:border-box;margin:0;padding:0}.calc-.calc-body{scroll-behavior:smooth;-webkit-text-size-adjust:100%}.calc-body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6;overflow-x:hidden}.calc-body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 20% 20%,#257bf414 0%,#0000 70%),radial-gradient(500px 500px at 80% 30%,#7e47eb0f 0%,#0000 70%),radial-gradient(400px 300px at 50% 80%,#2bdeee0d 0%,#0000 70%);width:200%;height:200%;animation:20s ease-in-out infinite alternate bgShift;position:fixed;top:-50%;left:-50%}@keyframes bgShift{0%{transform:translate(0)}to{transform:translate(30px,-20px)}}.calc-main-container{z-index:1;flex-direction:column;gap:24px;max-width:480px;min-height:100dvh;margin:0 auto;padding:24px 16px 40px;display:flex;position:relative}.calc-header{text-align:center;padding:10px 0 4px}.calc-header-icon{filter:drop-shadow(0 0 8px #ffd24c66);margin-bottom:4px;font-size:26px;display:block}.calc-header-title{letter-spacing:-.02em;background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.calc-header-subtitle{color:var(--text-secondary);letter-spacing:.02em;margin-top:2px;font-size:12px}.calc-card{background:var(--gradient-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal);padding:20px}.calc-card:hover{border-color:#334d9966}.calc-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.calc-card-label-icon{font-size:16px}.calc-wheel-picker-container{border-radius:var(--radius-md);background:#13162080;width:100%;height:180px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#0000004d 15%,#000 35% 65%,#0000004d 85%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0000004d 15%,#000 35% 65%,#0000004d 85%,#0000 100%)}.calc-wheel-picker-highlight{pointer-events:none;z-index:2;background:#257bf41f;border-top:1px solid #257bf440;border-bottom:1px solid #257bf440;border-radius:4px;height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.calc-wheel-picker-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:scroll}.calc-wheel-picker-scroll::-webkit-scrollbar{display:none}.calc-wheel-picker-spacer{height:68px}.calc-wheel-picker-item{height:44px;font-size:20px;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);scroll-snap-align:center;transition:color var(--transition-fast), transform var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;justify-content:center;align-items:center;display:flex}.calc-wheel-picker-item.active{color:var(--text-primary);text-shadow:0 0 12px #3d8af566}.calc-wheel-picker-item .calc-unit{color:var(--text-secondary);font-size:13px;font-weight:400;font-family:var(--font-sans);margin-left:4px}.calc-wheel-picker-item.active .calc-unit{color:var(--text-secondary)}.calc-picker-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.calc-picker-row .calc-card{padding:14px 10px}.calc-picker-row .calc-card-label{white-space:nowrap;justify-content:center;margin-bottom:10px;font-size:11px}.calc-manual-input{width:100%;color:var(--text-primary);font-family:var(--font-mono);text-align:center;transition:border-color var(--transition-fast);background:#13162080;border:1px solid #36416380;border-radius:6px;outline:none;padding:6px 8px;font-size:14px}.calc-manual-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3d8af533}.calc-result-section{background:var(--gradient-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);padding:24px 20px}.calc-result-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:600;display:flex}.calc-result-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.calc-result-item{border-radius:var(--radius-md);transition:all var(--transition-normal);background:#1b1f2d99;border:1px solid #2633594d;padding:16px;position:relative;overflow:hidden}.calc-result-item:before{content:"";background:var(--gradient-hero);opacity:0;height:2px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.calc-result-item:hover:before{opacity:1}.calc-result-item:hover{border-color:#2d438666;transform:translateY(-1px)}.calc-result-item.positive{background:var(--gradient-result-positive);border-color:#36e29b33}.calc-result-item.negative{background:var(--gradient-result-negative);border-color:#e2363633}.calc-result-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:500}.calc-result-value{font-size:26px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1.1}.calc-result-value.positive{color:var(--accent-green)}.calc-result-value.negative{color:var(--accent-red)}.calc-result-value.neutral{color:var(--accent-cyan)}.calc-result-value.gold{color:var(--accent-gold)}.calc-result-unit{color:var(--text-secondary);font-size:13px;font-weight:400;font-family:var(--font-sans);margin-left:4px}.calc-summary-bar{background:var(--gradient-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:14px;display:flex}.calc-summary-bar .calc-highlight{color:var(--text-highlight);font-weight:700;font-family:var(--font-mono)}.calc-formula-section{background:var(--gradient-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);padding:16px 20px}.calc-formula-row{border-bottom:1px solid #2d365333;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.calc-formula-row:last-child{border-bottom:none}.calc-formula-label{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.calc-formula-value{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #257bf426}50%{box-shadow:0 0 20px #257bf440}}.calc-animate-in{animation:fadeInUp .5s var(--transition-smooth) both}.calc-animate-in:first-child{animation-delay:0s}.calc-animate-in:nth-child(2){animation-delay:80ms}.calc-animate-in:nth-child(3){animation-delay:.16s}.calc-animate-in:nth-child(4){animation-delay:.24s}.calc-animate-in:nth-child(5){animation-delay:.32s}@media (max-width:480px){.calc-main-container{gap:16px;padding:16px 12px 32px}.calc-picker-row{gap:8px}.calc-result-grid{gap:10px}.calc-result-value{font-size:22px}.calc-header-title{font-size:20px}}@media (min-width:481px) and (max-width:768px){.calc-main-container{max-width:520px}}@media (min-width:769px){.calc-main-container{max-width:520px;padding:40px 24px 60px}}.calc-footer{text-align:center;color:var(--text-muted);margin-top:auto;padding:16px 0 0;font-size:12px}.calc-footer a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.calc-footer a:hover{color:var(--accent-blue);text-decoration:underline}.calc-tab-group{gap:8px;width:100%;display:flex}.calc-tab-btn{background:var(--bg-card);border:1px solid var(--bg-card-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;border-radius:12px;flex:1;padding:10px 0;font-size:14px;font-weight:600}.calc-tab-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:0 0 12px #3d8af566}.calc-tab-btn:not(.active):hover{color:var(--text-primary);background:#2d365399}