.header .description,.header h1{margin-bottom:var(--spacing-xl)}.header h1,.negative-prefix{font-weight:var(--font-bold)}.spinner-btn,.toggle-checkbox{height:var(--size-spinner-btn)}.info-icon,.spinner-btn{cursor:pointer;user-select:none}.copyright,.footer-center,.header,.info-text,.toggle-container{text-align:center}:root{--primary-gradient:linear-gradient(90deg, #004e92 0%, #373e77 50%, #005f99 100%);--accent-gradient:linear-gradient(90deg, #ff3b3b 0%, #ff980a 50%, #ff3b3b 100%);--warning-gradient:linear-gradient(45deg, #cb582e, #cb7106);--warning-gradient-hover:linear-gradient(45deg, #f7931e, #ff6b35);--progress-fill-gradient:linear-gradient(90deg, #77ff6b 0%, #268627 100%);--color-page-bg:#0e0f22;--color-primary:#0ea5e9;--color-accent:#feca57;--color-error:#ff3b3b;--color-error-dark:#d40000;--color-error-border:#ff4757;--color-success-border:#21d81f;--color-tooltip-text:#f1f5f9;--color-error-hover:#ffbbbb;--color-success-btn:#1e7e1d;--color-success-btn-hover:#159f15;--color-danger-btn:#880002;--color-danger-btn-hover:#b31010;--glass-bg:rgba(255, 255, 255, 0.1);--glass-bg-hover:rgba(255, 255, 255, 0.2);--border-subtle:rgba(255, 255, 255, 0.1);--glass-border:rgba(255, 255, 255, 0.2);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.3);--color-invalid-border:#ff4757;--color-invalid-bg:rgba(255, 71, 87, 0.1);--color-valid-border:#21d81f;--color-valid-bg:rgba(8, 208, 6, 0.1);--text-primary:#ffffff;--text-secondary:rgba(255, 255, 255, 0.9);--text-muted:rgba(255, 255, 255, 0.6);--text-accent:#feca57;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.6rem;--spacing-lg:0.8rem;--spacing-xl:1rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--radius-sm:0.75rem;--radius-md:0.9375rem;--radius-lg:1.25rem;--radius-xl:1.5625rem;--radius-pill:0.625rem;--radius-progress:0.625rem;--font-xs:0.65rem;--font-sm:0.8rem;--font-sm-plus:0.9rem;--font-md:1rem;--font-lg:1.1rem;--font-xl:1.2rem;--font-xxl:1.5rem;--font-xxxl:1.8rem;--font-display:2.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--shadow-sm:0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);--shadow-md:0 0.25rem 0.9375rem rgba(0, 0, 0, 0.2);--shadow-lg:0 0.5rem 1.5625rem rgba(0, 0, 0, 0.3);--shadow-xl:0 1.5625rem 3.125rem rgba(0, 0, 0, 0.5);--shadow-input-focus:0 0.25rem 0.75rem rgba(254, 202, 87, 0.3);--shadow-btn-success:0 0 1.875rem rgba(68, 255, 0, 0.34);--shadow-btn-danger:0 0 1.875rem rgba(255, 71, 87, 0.4);--shadow-footer-btn:0 0.25rem 0.9375rem rgba(255, 107, 53, 0.3);--shadow-footer-btn-hover:0 0.5rem 1.5625rem rgba(255, 107, 53, 0.4);--shadow-error-popup:0 0 10px #ff3b3b;--shadow-tooltip:0 0.25rem 1rem rgba(0, 0, 0, 0.5);--line-height-tight:1;--line-height-normal:1.3;--line-height-relaxed:1.6;--z-dropdown:1000;--z-modal:10000;--z-tooltip:20000;--transform-hover-y:-3px;--transform-active-y:-1px;--size-spinner-btn:1.25rem;--size-icon-sm:1.25rem;--size-icon-md:1.5rem;--size-progress-bar:1.25rem;--max-width-container:43.75rem;--max-width-footer:75rem;--max-width-mobile-tooltip:13.75rem;--max-width-tooltip:15rem}.info-text,.spinner-btn,body,input{color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior-y:none;background:var(--color-page-bg)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--primary-gradient);min-height:100vh;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}@keyframes slideDownFade{from{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.container{max-width:var(--max-width-container);width:100%;margin:0 auto}.card,.card-outer,.header{margin-bottom:var(--spacing-3xl)}.header{animation:.8s ease-out fadeInDown}.header h1{font-size:var(--font-display);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:pre-line}input,label{font-size:var(--font-md)}.header .description{font-size:var(--font-lg);opacity:.9;line-height:var(--line-height-relaxed)}.card,.results-card{background-color:var(--glass-bg);border-radius:var(--radius-lg);padding:var(--spacing-3xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.negative-prefix,input{padding:var(--spacing-xl);background-color:var(--glass-bg)}.results-card{margin-top:var(--spacing-3xl)}.info-text{display:block;margin-top:var(--spacing-xs);font-size:var(--font-sm-plus)}.form-group{margin-bottom:var(--spacing-2xl)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-semibold)}input{width:100%;border:2px solid var(--glass-border);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}input:focus{outline:0;border-color:var(--text-accent);box-shadow:var(--shadow-input-focus)}input::placeholder{color:var(--text-muted);font-size:var(--font-md)}input.invalid,input.invalid:focus{border-color:var(--color-invalid-border);background-color:var(--color-invalid-bg)}input.valid,input.valid:focus{border-color:var(--color-valid-border);background-color:var(--color-valid-bg)}.negative-input-wrapper:focus-within .negative-prefix,.negative-input-wrapper:focus-within input{border-color:var(--text-accent)}#negativeAmount:focus{transform:none}.negative-input-wrapper:has(input.invalid) .negative-prefix,.negative-input-wrapper:has(input.invalid) input{border-color:var(--color-invalid-border);background-color:var(--color-invalid-bg)}.negative-input-wrapper:has(input.valid) .negative-prefix,.negative-input-wrapper:has(input.valid) input{border-color:var(--color-valid-border);background-color:var(--color-valid-bg)}.number-input-container{position:relative;display:inline-block;width:100%}.spinner-buttons{position:absolute;right:3%;top:15%;transform:scale(.9);display:flex;flex-direction:column}.spinner-btn{width:var(--size-spinner-btn);border:1px solid var(--glass-border);background-color:var(--glass-bg);display:flex;align-items:center;justify-content:center;font-size:.625rem}.spinner-btn:hover{background-color:var(--glass-bg-hover)}.negative-input-wrapper{display:flex;gap:0;position:relative}.negative-prefix{border:2px solid var(--glass-border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);flex-shrink:0;width:fit-content;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.negative-input-wrapper input{border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex:1}.negative-input-wrapper .spinner-buttons{right:3%}.toggle-container{margin-bottom:var(--spacing-3xl)}.toggle-label{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer}.toggle-checkbox{width:var(--size-spinner-btn)}.info-icon{color:var(--color-primary);font-size:.85em;margin-left:var(--spacing-xs)}.field-tooltip{display:none;position:fixed;background:rgba(15,23,42,.95);color:var(--color-tooltip-text);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-pill);font-size:.82rem;max-width:var(--max-width-tooltip);z-index:99999;box-shadow:var(--shadow-tooltip);line-height:1.5;pointer-events:none;white-space:pre-line}.calculate-btn,.clear-btn{padding:var(--spacing-xl) var(--spacing-3xl);color:var(--text-primary);font-size:var(--font-lg);transition:transform .2s,box-shadow .2s,background-color .2s;font-weight:var(--font-semibold);cursor:pointer}.calculate-btn{flex:1;width:100%;background-color:var(--color-success-btn);border:none;border-radius:var(--radius-sm)}.calculate-btn:hover{transform:translateY(var(--transform-hover-y));box-shadow:var(--shadow-btn-success);background-color:var(--color-success-btn-hover)}.calculate-btn:active,.clear-btn:active{transform:translateY(var(--transform-active-y))}.clear-btn:hover,.footer-btn:hover{transform:translateY(var(--transform-hover-y))}.clear-btn{flex:1;background-color:var(--color-danger-btn);border:none;border-radius:var(--radius-sm)}.progress-bar,.progress-fill{border-radius:var(--radius-progress);position:relative}.clear-btn:hover{box-shadow:var(--shadow-btn-danger);background-color:var(--color-danger-btn-hover)}.button-group{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.progress-container{margin:var(--spacing-3xl) 0;animation:.6s ease-out slideInLeft}.progress-label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-weight:var(--font-semibold);opacity:.8;font-size:var(--font-sm-plus)}.progress-bar{width:100%;height:var(--size-progress-bar);background-color:rgba(255,71,87,.3);overflow:hidden}.progress-fill{height:100%;background:var(--progress-fill-gradient);transition:width 1s ease-in-out}.progress-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,71,87,.6),transparent);animation:none;z-index:1}.progress-bar.is-active::after{animation:2s infinite shimmer}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-subtle)}.result-item:last-child{border-bottom:none}.result-label{font-weight:var(--font-semibold)}.error-popup,.result-value{font-weight:var(--font-bold)}.result-value{font-size:var(--font-lg);color:var(--text-accent)}.error-popup,.error-popup button{color:var(--text-primary);font-size:var(--font-xl)}.error-popup{position:fixed;top:1.25rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--color-error),var(--color-error-dark));border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-3xl);box-shadow:var(--shadow-error-popup);letter-spacing:.05em;display:flex;align-items:center;gap:var(--spacing-xl);animation:.5s forwards slideDownFade;z-index:var(--z-tooltip)}.copyright,.disclaimer,.footer-author,.privacy-note{color:var(--text-secondary)}.error-popup svg{width:var(--size-icon-md);height:var(--size-icon-md);fill:var(--text-primary)}.error-popup button{background:0 0;border:none;cursor:pointer;font-weight:var(--font-black);margin-left:auto;padding:0 var(--spacing-sm);line-height:var(--line-height-tight);transition:color .3s}.error-popup button:hover{color:var(--color-error-hover)}.site-footer{width:100%;margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-3xl);background-color:rgba(0,0,0,.35);border-top:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.footer-author{font-size:var(--font-xs);opacity:.7;text-decoration:underline;text-underline-offset:2px}.footer-author:hover{opacity:1}.footer-content{max-width:var(--max-width-footer);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2xl)}.footer-bottom,.footer-center{flex-direction:column;display:flex}.footer-center{align-items:center}.footer-bottom{align-items:center;gap:var(--spacing-xs)}.footer-actions{display:flex;flex-direction:column;align-items:flex-end}.copyright{font-size:var(--font-sm);font-weight:var(--font-medium);opacity:.8}.disclaimer,.privacy-note{font-size:var(--font-xs);opacity:.7;line-height:var(--line-height-normal)}.footer-btn,.footer-btn a{text-decoration:none;color:var(--text-primary)}.disclaimer p{margin-bottom:var(--spacing-xs)}.footer-btn:hover{box-shadow:var(--shadow-footer-btn-hover)}.footer-btn{padding:var(--spacing-md) var(--spacing-2xl);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--warning-gradient);border-radius:var(--radius-xl);font-weight:var(--font-semibold);transition:transform .2s,box-shadow .2s;border:2px solid var(--glass-border);box-shadow:var(--shadow-footer-btn);font-size:var(--font-md);cursor:pointer}.footer-btn svg{fill:var(--text-primary);flex-shrink:0}@media (max-width:768px){.card,.error-popup,.footer-btn{border-radius:var(--radius-md)}:root{--font-display:2rem}body,html{overscroll-behavior-y:auto}body{padding:var(--spacing-sm)}.field-tooltip{max-width:var(--max-width-mobile-tooltip)}.card{padding:var(--spacing-2xl)}.spinner-buttons{display:none}.error-popup{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-sm-plus);text-align:center;gap:var(--spacing-lg);max-width:90%;min-width:20rem}.error-popup svg{width:var(--size-icon-sm);height:var(--size-icon-sm);fill:var(--text-primary);flex-shrink:0}.error-popup button{font-size:var(--font-md);flex-shrink:0;min-width:var(--size-icon-md);height:var(--size-icon-md);display:flex;align-items:center;justify-content:center}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.footer-center{order:1;align-items:center}.privacy-note{order:3;margin-top:var(--spacing-xs)}.footer-bottom{order:4;align-items:center;flex-direction:column-reverse}.footer-actions{order:3;display:flex;flex-direction:column;align-items:center}.footer-btn{font-size:var(--font-xs);padding:var(--spacing-xs) var(--spacing-xl);box-shadow:none;background:0 0;border:1px solid var(--glass-border);font-weight:var(--font-normal)}.footer-btn svg{width:1rem;height:1rem}}@media (max-width:480px){.card{padding:var(--spacing-xl)}.disclaimer,.info-text,.privacy-note{font-size:var(--font-xs)}.button-group{flex-direction:column;gap:var(--spacing-sm)}input::placeholder{font-size:var(--font-sm)}}