.header .description,.header h1{margin-bottom:var(--spacing-md)}.lang-btn,body{color:var(--text-primary)}input,label{font-size:var(--font-md)}.lang-btn:hover,input:focus{transform:translateY(var(--transform-focus-y))}.copyright,.footer-center,.header,.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%);--success-btn:#1e7e1d;--success-btn-hover:#159f15;--danger-btn:#880002;--danger-btn-hover:#b31010;--warning-gradient:linear-gradient(45deg, #cb582e, #cb7106);--warning-gradient-hover:linear-gradient(45deg, #f7931e, #ff6b35);--glass-bg:rgba(255, 255, 255, 0.1);--glass-border:rgba(255, 255, 255, 0.2);--glass-blur:blur(10px);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.3);--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:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:2.5rem;--radius-sm:12px;--radius-md:15px;--radius-lg:20px;--radius-xl:25px;--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;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--shadow-sm:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 15px rgba(0, 0, 0, 0.2);--shadow-lg:0 8px 25px rgba(0, 0, 0, 0.3);--shadow-xl:0 25px 50px rgba(0, 0, 0, 0.5);--input-focus-shadow:0 4px 12px rgba(254, 202, 87, 0.3);--opacity-09:0.9;--opacity-08:0.8;--opacity-07:0.7;--line-height-10:1;--line-height-13:1.3;--line-height-16:1.6;--z-dropdown:1000;--z-modal:10000;--z-tooltip:20000;--transform-hover-y:-3px;--transform-active-y:-1px;--transform-focus-y:-2px;--flex-gap-md:var(--spacing-md);--flex-gap-sm:var(--spacing-sm)}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior-y:none;background:#0e0f22;backdrop-filter:blur(5px)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--primary-gradient);min-height:100vh;padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center}@keyframes fadeIn{from{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(5px)}}@keyframes slideIn{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@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 fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.container{max-width:700px;width:100%;margin:0 auto}.card,.header,.language-selector{margin-bottom:var(--spacing-xl)}.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;font-weight:var(--font-bold)}.header .description{font-size:var(--font-lg);opacity:var(--opacity-09);line-height:var(--line-height-16)}.language-selector{display:flex;justify-content:center;gap:var(--flex-gap-md)}.lang-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--glass-border);background-color:var(--glass-bg);border-radius:var(--radius-xl);cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-normal);font-weight:var(--font-medium)}.card,.results-card{background-color:var(--glass-bg);padding:var(--spacing-xl);box-shadow:var(--glass-shadow);animation:.8s ease-out fadeInUp;backdrop-filter:var(--glass-blur)}.lang-btn:hover{background-color:rgba(215,72,145,.53)}.lang-btn.active{background:linear-gradient(45deg,#ff6b6b,#feca57);border-color:transparent}.card{border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.results-card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);margin-top:var(--spacing-xl)}.negative-prefix,input{padding:var(--spacing-md)}.info-text{color:#fff;font-size:.85em;margin-top:5px;display:block}.spinner-btn,input{color:var(--text-primary);background-color:var(--glass-bg)}.form-group{margin-bottom:var(--spacing-lg)}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 var(--transition-normal),background-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}input:focus{outline:0;border-color:var(--text-accent);box-shadow:var(--input-focus-shadow)}input::placeholder{color:var(--text-muted);font-size:1rem}input.invalid{border-color:#ff4757;background-color:rgba(255,71,87,.1)}input.valid{border-color:#21d81f;background-color:rgba(8,208,6,.1)}.negative-input-wrapper:focus-within{transform:translateY(var(--transform-focus-y))}.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:#ff4757;background-color:rgba(255,71,87,.1)}.negative-input-wrapper:has(input.valid) .negative-prefix,.negative-input-wrapper:has(input.valid) input{border-color:#21d81f;background-color:rgba(8,208,6,.1)}.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:20px;height:20px;border:1px solid var(--glass-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.625rem;user-select:none}.spinner-btn:hover{background-color:rgba(255,255,255,.2)}.negative-input-wrapper{display:flex;gap:0;position:relative}.negative-prefix{font-weight:var(--font-bold);background-color:var(--glass-bg);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 var(--transition-normal),background-color var(--transition-normal)}.calculate-btn,.clear-btn{padding:var(--spacing-md) var(--spacing-xl);color:var(--text-primary);font-size:var(--font-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal);font-weight:var(--font-semibold);cursor:pointer}.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-xl)}.toggle-label{display:flex;align-items:center;justify-content:center;gap:var(--flex-gap-sm);cursor:pointer}.button-group,.error-popup{gap:var(--flex-gap-md);display:flex}.toggle-checkbox{width:20px;height:20px}.calculate-btn{width:100%;background-color:var(--success-btn);border:none;border-radius:var(--radius-sm)}.calculate-btn:hover{transform:translateY(var(--transform-hover-y));box-shadow:0 0 30px rgba(68,255,0,.34);background-color:var(--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(--danger-btn);border:none;border-radius:var(--radius-sm)}.progress-bar,.progress-fill{border-radius:10px;position:relative}.clear-btn:hover{box-shadow:0 0 30px rgba(255,71,87,.4);background-color:var(--danger-btn-hover)}.button-group{margin-top:var(--spacing-md)}.calculate-btn{flex:1}.progress-container{margin:var(--spacing-xl) 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:var(--opacity-08);font-size:var(--font-sm-plus)}.progress-bar{width:100%;height:20px;background-color:rgba(255,71,87,.3);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#77ff6b 0,#268627 100%);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:2s infinite shimmer;z-index:1}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(255,255,255,.1)}.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:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff3b3b,#d40000);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);box-shadow:0 0 10px #ff3b3b,0 0 20px #d40000,0 0 30px red;letter-spacing:.05em;align-items:center;animation:slideDownFade var(--transition-slow) ease forwards;z-index:var(--z-tooltip)}.error-popup svg{width:24px;height:24px;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-10);transition:color var(--transition-normal)}.error-popup button:hover{color:#fbb}.site-footer{width:100%;margin-top:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);background-color:rgba(0,0,0,.25);backdrop-filter:var(--glass-blur);border-top:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.copyright{font-size:var(--font-sm);font-weight:var(--font-medium);opacity:var(--opacity-08);color:var(--text-secondary)}.footer-center{display:flex;flex-direction:column;align-items:center}.disclaimer,.privacy-note{font-size:var(--font-xs);opacity:var(--opacity-07);line-height:var(--line-height-13);color:var(--text-secondary)}.footer-btn,.footer-btn a{text-decoration:none;color:var(--text-primary)}.disclaimer p{margin-bottom:var(--spacing-xs)}.footer-btn{padding:.6rem var(--spacing-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--flex-gap-sm);background:var(--warning-gradient);border-radius:var(--radius-xl);font-weight:var(--font-semibold);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:2px solid var(--glass-border);box-shadow:0 4px 15px rgba(255,107,53,.3);font-size:var(--font-md)}.footer-btn:hover{box-shadow:0 8px 25px rgba(255,107,53,.4)}.footer-btn svg{fill:var(--text-primary);flex-shrink:0}@media (max-width:768px){.card,.error-popup{border-radius:var(--radius-md)}:root{--font-display:2rem}body,html{overscroll-behavior-y:auto}body{padding:var(--spacing-sm)}#negativeAmount::placeholder{font-size:.563rem}.card{padding:var(--spacing-lg)}.language-selector{flex-wrap:wrap;gap:0}.lang-btn{padding:.4rem .8rem;font-size:.7rem}.spinner-buttons{display:none}.error-popup{padding:.8rem var(--spacing-lg);font-size:var(--font-sm-plus);text-align:center;gap:.8rem;max-width:90%;min-width:320px}.error-popup svg{width:20px;height:20px;fill:var(--text-primary);flex-shrink:0}.error-popup button{font-size:var(--font-md);flex-shrink:0;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.footer-content{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:var(--flex-gap-sm)}.footer-center{order:1;align-items:flex-start}.copyright{order:2}.footer-actions{order:3}.footer-btn{font-size:var(--font-xs);padding:var(--spacing-sm) 1rem}}@media (max-width:480px){.card{padding:1rem}.button-group{flex-direction:column;gap:var(--flex-gap-sm)}.footer-content{flex-direction:column;text-align:center;gap:var(--spacing-xs)}.footer-actions{order:1}.footer-center{order:2;align-items:center;text-align:center;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.copyright{order:3}.footer-btn{font-size:var(--font-xs);padding:.6rem var(--spacing-sm)}.disclaimer,.privacy-note{font-size:.6rem}}