*,*::before,*::after{box-sizing:border-box}:root{--primary-gradient:linear-gradient(135deg, #4F46E5 0%, #8B5CF6 100%);--input-gradient:linear-gradient(145deg, #ffffff 0%, #f8f9ff 100%);--success-gradient:linear-gradient(135deg, #2DD4BF 0%, #0EA5E9 100%);--danger-color:#EF4444;--border-color:#E0E7FF}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f8fafc;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.container{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 10px 25px -5px rgb(0 0 0 / .1);width:100%;max-width:640px;position:relative}.header{position:relative;margin-bottom:2rem}h2{color:#1E293B;margin:0 0 1.5rem;font-weight:700;font-size:clamp(1.5rem, 4vw, 2rem);text-align:center;white-space:normal}.language-switcher{position:absolute;top:0;right:0;padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:.75rem;background:var(--input-gradient);font-size:.85rem;color:#1E293B;cursor:pointer;transition:all 0.2s ease}.language-switcher:hover{border-color:#818CF8}select,.styled-input{width:100%;padding:1rem;margin:0 auto 1.5rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;background:var(--input-gradient);transition:all 0.2s ease;box-shadow:0 1px 3px rgb(0 0 0 / .05)}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234F46E5'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25em}.input-row{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;width:100%}.input-row .styled-input{flex:1;min-width:120px}.styled-input:focus{outline:none;border-color:#818CF8;box-shadow:0 0 0 3px rgb(99 102 241 / .1)}.remove-btn{background:var(--danger-color);color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s}.remove-btn:hover{transform:scale(1.05)}#calculateBtn{width:100%;padding:1.25rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:.75rem;font-size:clamp(1rem, 3vw, 1.125rem);font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;margin-top:1.5rem;letter-spacing:-.5px}#calculateBtn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(79 70 229 / .3)}.result-box{background:var(--success-gradient);padding:1.5rem;border-radius:.75rem;margin-top:2rem;color:#fff;display:none;animation:fadeIn 0.3s ease}.add-row-btn{width:100%;padding:.8rem;background:var(--input-gradient);border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;margin-top:.5rem;font-weight:500}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.container{padding:1.5rem;border-radius:1rem}h2{white-space:normal;text-align:left;margin-bottom:.5rem}.language-switcher{position:static;width:100%;margin-top:.5rem}.input-row{flex-direction:column;gap:.5rem}select,.styled-input,#calculateBtn{font-size:.9rem;padding:.8rem}.remove-btn{width:2rem;height:2rem}}