body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e6e7ee;color:#495057;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:root{--primary:#e6e7ee;--primary-dark:#c5c6d0;--secondary:#ffc107;--success:#18634b;--info:#0056b3;--warning:#f0ad4e;--danger:#ad2121;--light:#f8f9fa;--dark:#262833;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--box-shadow-soft:3px 3px 6px #b8b9be,-3px -3px 6px #fff;--box-shadow-soft-sm:1.5px 1.5px 3px #b8b9be,-1.5px -1.5px 3px #fff;--box-shadow-soft-lg:6px 6px 12px #b8b9be,-6px -6px 12px #fff;--box-shadow-inset:inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--border-radius:0.55rem;--border-radius-sm:0.35rem;--border-radius-lg:0.85rem}.app-container{background:linear-gradient(135deg,#e3e4ea,#f1f2f7);min-height:100vh;padding:2rem 0}.neumorphic-card{background:#e6e7ee;background:var(--primary);border:none;border-radius:.85rem;border-radius:var(--border-radius-lg);box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff;box-shadow:var(--box-shadow-soft);margin:0 auto;max-width:930px;overflow:hidden;padding:2.5rem;position:relative}.neumorphic-card:before{background:linear-gradient(90deg,#0056b3,#18634b,#ffc107);background:linear-gradient(90deg,var(--info),var(--success),var(--secondary));border-radius:.85rem .85rem 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#001d3d,#003566,#0056b3,#004d40,#00695c,#2e7d32);-webkit-background-clip:text;background-clip:text;color:#343a40;color:var(--gray-800);font-size:2.5rem;font-weight:700;margin:0;text-shadow:1px 1px 3px #b8b9be66,-1px -1px 1px #fffc}.language-selector{appearance:none;background:#e6e7ee;background:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.8em;border:none;border-radius:.55rem;border-radius:var(--border-radius);box-shadow:1.5px 1.5px 3px #b8b9be,-1.5px -1.5px 3px #fff;box-shadow:var(--box-shadow-soft-sm);color:#495057;color:var(--gray-700);cursor:pointer;font-size:.9rem;height:auto;min-width:120px;outline:none;padding:.75rem 2.5rem .75rem 1rem;text-shadow:1px 1px 2px #b8b9be4d,-1px -1px 1px #fffc;transition:all .3s ease}.language-selector-mobile-container{display:none}.language-selector-mobile{width:100%}.language-selector:hover{box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff;box-shadow:var(--box-shadow-soft);transform:translateY(-.5px)}.language-selector:focus{box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff,0 0 0 3px #0056b31a;box-shadow:var(--box-shadow-soft),0 0 0 3px #0056b31a}.tab-nav,.tabs-container{margin-bottom:2rem}.tab-nav{grid-gap:1rem;grid-row-gap:.75rem;background:#0000;border-radius:.55rem;border-radius:var(--border-radius);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));row-gap:.75rem}.tab-button{align-items:center;background:#e6e7ee;background:var(--primary);border:none;border-radius:.35rem;border-radius:var(--border-radius-sm);box-shadow:1.5px 1.5px 3px #b8b9be,-1.5px -1.5px 3px #fff;color:#6c757d;color:var(--gray-600);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:3.6rem;min-width:120px;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:center;text-shadow:1px 1px 2px #b8b9be66,-1px -1px 1px #fffc;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:radial-gradient(circle,#0056b30d 0,#0056b305 50%,#0000 100%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .15s ease-out;width:0}.tab-button.active{animation:tabActivate .3s ease-out;background:#e6e7ee;background:var(--primary);box-shadow:inset 1.5px 1.5px 3px #b8b9be,inset -1.5px -1.5px 3px #fff;color:#0056b3;color:var(--info);text-shadow:-1px -1px 2px #fffc,1px 1px 2px #b8b9be99;transform:none}.tab-button.active:before{height:200%;width:200%}.tab-button:hover:not(.active){box-shadow:inset 1.5px 1.5px 3px #b8b9be,inset -1.5px -1.5px 3px #fff;color:#495057;color:var(--gray-700);text-shadow:-1px -1px 2px #fffc,1px 1px 2px #b8b9be99;transform:scale(.98)}.tab-button:active:not(.active){transform:scale(.95);transition:all .1s ease}@keyframes tabActivate{0%{box-shadow:inset 2px 2px 4px #b8b9be,inset -2px -2px 4px #fff;transform:scale(.95)}50%{box-shadow:inset 1px 1px 2px #b8b9be,inset -1px -1px 2px #fff;transform:scale(1.02)}to{box-shadow:inset 1.5px 1.5px 3px #b8b9be,inset -1.5px -1.5px 3px #fff;transform:none}}.conversion-wrapper{background:#e6e7ee;background:var(--primary);border-radius:.85rem;border-radius:var(--border-radius-lg);box-shadow:inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;box-shadow:var(--box-shadow-inset);margin-bottom:1rem;padding:2rem}.conversion-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr}.form-group{margin-bottom:1.5rem}.form-label{color:#343a40;color:var(--gray-800);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;text-shadow:1px 1px 2px #b8b9be4d,-1px -1px 1px #fffc}.neumorphic-input{background:#e6e7ee;background:var(--primary);border:none;border-radius:.55rem;border-radius:var(--border-radius);box-shadow:inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;box-shadow:var(--box-shadow-inset);color:#495057;color:var(--gray-700);font-family:inherit;font-size:2rem;font-weight:600;margin-bottom:1rem;outline:none;overflow:hidden;padding:1.2rem 1.75rem;position:relative;text-shadow:-1px -1px 1px #fffc,1px 1px 1px #b8b9be66;transition:box-shadow .3s ease,color .3s ease;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;width:100%;z-index:2}.neumorphic-input.input-focused{animation:inputFocusBlue .6s ease-out forwards;background:#e6e7ee;background:var(--primary);box-shadow:inset 2px 2px 5px #b8b9becc,inset -3px -3px 7px #fff,0 0 0 3px #0056b31a;color:#343a40;color:var(--gray-800);will-change:background}.neumorphic-input.input-active{background:linear-gradient(160deg,#0056b30d,#0056b308 35%,rgba(0,86,179,.015) 60%,#e6e7ee 80%);background:linear-gradient(160deg,#0056b30d 0,#0056b308 35%,rgba(0,86,179,.015) 60%,var(--primary) 80%);box-shadow:inset 2px 2px 5px #b8b9becc,inset -3px -3px 7px #fff;color:#343a40;color:var(--gray-800)}.neumorphic-input.input-transitioning-out{animation:inputBlurWhite .8s ease-out forwards;color:#495057;color:var(--gray-700);will-change:background}@keyframes inputFocusBlue{0%{background:#e6e7ee;background:var(--primary)}30%{background:linear-gradient(160deg,#0056b305,#0056b303 20%,#e6e7ee 40%);background:linear-gradient(160deg,#0056b305 0,#0056b303 20%,var(--primary) 40%)}60%{background:linear-gradient(160deg,#0056b30a,rgba(0,86,179,.025) 30%,rgba(0,86,179,.012) 50%,#e6e7ee 70%);background:linear-gradient(160deg,#0056b30a 0,rgba(0,86,179,.025) 30%,rgba(0,86,179,.012) 50%,var(--primary) 70%)}to{background:linear-gradient(160deg,#0056b30d,#0056b308 35%,rgba(0,86,179,.015) 60%,#e6e7ee 80%);background:linear-gradient(160deg,#0056b30d 0,#0056b308 35%,rgba(0,86,179,.015) 60%,var(--primary) 80%)}}@keyframes inputBlurWhite{0%{background:linear-gradient(160deg,rgba(0,86,179,.025),rgba(0,86,179,.015) 35%,rgba(0,86,179,.008) 60%,#e6e7ee 80%);background:linear-gradient(160deg,rgba(0,86,179,.025) 0,rgba(0,86,179,.015) 35%,rgba(0,86,179,.008) 60%,var(--primary) 80%)}40%{background:linear-gradient(160deg,rgba(0,86,179,.015),rgba(0,86,179,.008) 25%,rgba(0,86,179,.004) 45%,#e6e7ee 65%);background:linear-gradient(160deg,rgba(0,86,179,.015) 0,rgba(0,86,179,.008) 25%,rgba(0,86,179,.004) 45%,var(--primary) 65%)}70%{background:linear-gradient(160deg,rgba(0,86,179,.008),rgba(0,86,179,.004) 15%,#e6e7ee 35%);background:linear-gradient(160deg,rgba(0,86,179,.008) 0,rgba(0,86,179,.004) 15%,var(--primary) 35%)}to{background:#e6e7ee;background:var(--primary)}}.neumorphic-input::placeholder{color:#adb5bd;color:var(--gray-500);font-size:2rem;font-weight:600}.neumorphic-input::-webkit-inner-spin-button,.neumorphic-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.neumorphic-input[type=number]{-moz-appearance:textfield}.neumorphic-input.show-caret{caret-color:#0056b399!important}.neumorphic-input.hide-caret,.neumorphic-input:placeholder-shown{caret-color:#0000!important}.neumorphic-select{appearance:none;background:#e6e7ee;background:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:none;border-radius:.55rem;border-radius:var(--border-radius);box-shadow:1.5px 1.5px 3px #b8b9be,-1.5px -1.5px 3px #fff;box-shadow:var(--box-shadow-soft-sm);color:#495057;color:var(--gray-700);cursor:pointer;font-size:1rem;outline:none;padding:1rem 3rem 1rem 1.25rem;text-shadow:1px 1px 2px #b8b9be4d,-1px -1px 1px #fffc;transition:all .3s ease;width:100%}.neumorphic-select-disabled{background-image:none;cursor:default;opacity:1}.neumorphic-select:hover{box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff;box-shadow:var(--box-shadow-soft);transform:translateY(-1px)}.neumorphic-select:focus{box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff,0 0 0 3px #0056b31a;box-shadow:var(--box-shadow-soft),0 0 0 3px #0056b31a}.conversion-arrow{margin:0;position:relative}.conversion-arrow,.conversion-arrow:before{align-items:center;display:flex;justify-content:center}.conversion-arrow:before{animation:pulse 2s infinite;background:#e6e7ee;background:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230056b3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 5 2 2-2 2M22 7H2M4 15l-2 2 2 2M2 17h20'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:24px 24px;border-radius:50%;box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff;box-shadow:var(--box-shadow-soft);content:"";height:60px;width:60px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.info-card{background:#e6e7ee;background:var(--primary);border-left:4px solid #0056b3;border-left:4px solid var(--info);border-radius:.55rem;border-radius:var(--border-radius);box-shadow:1.5px 1.5px 3px #b8b9be,-1.5px -1.5px 3px #fff;box-shadow:var(--box-shadow-soft-sm);margin-top:2.3rem;padding:1.5rem}.info-card h3{color:#0056b3;color:var(--info);font-size:1.2rem;font-weight:600;margin-bottom:.5rem;margin-top:0;text-shadow:1px 1px 2px #b8b9be4d,-1px -1px 1px #fffc}.info-card p{color:#6c757d;color:var(--gray-600);font-size:.95rem;line-height:1.5;margin:0;text-shadow:1px 1px 2px #b8b9be33,-1px -1px 1px #ffffffb3}.floating-metric-container{background:#e6e7ee;background:var(--primary);border-radius:0;box-shadow:6px 6px 12px #b8b9be,-6px -6px 12px #fff;box-shadow:var(--box-shadow-soft-lg);left:-10rem;margin:0;padding:1rem 11rem 0;position:fixed;right:0;top:0;transition:top .5s ease-out;width:calc(100vw + 20rem);z-index:1000}.floating-metric-container-hide{top:-100%;transition:top 1s ease-out}.floating-input-wrapper{background:#e6e7ee;background:var(--primary);border-radius:.85rem .85rem 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;margin:0 auto;max-width:calc(600px - 3rem);padding:0 2rem}@keyframes floatingSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.app-container{padding:1rem}.neumorphic-card{margin:1rem auto;max-width:600px;padding:1.5rem}.card-header{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:0}.card-title{font-size:3rem;text-align:center}.conversion-container{gap:1.5rem;grid-template-columns:1fr}.conversion-arrow,.info-card{display:none}.tab-nav{gap:.75rem;grid-template-columns:repeat(3,1fr);row-gap:.65rem}.tab-button{font-size:.8rem;min-height:3rem;min-width:100px;padding:.7rem .8rem}.language-selector-desktop{display:none}.language-selector-mobile-container{display:block}}@media (max-width:600px){.app-container{padding:0}.neumorphic-card{border-radius:0;box-shadow:none;margin:0;max-width:none;min-height:100vh;width:100%}.neumorphic-card:before{border-radius:0}.conversion-container{gap:1rem;grid-template-columns:1fr}.tab-nav{gap:.65rem;grid-template-columns:repeat(2,1fr);row-gap:.6rem}.tab-button{font-size:.85rem;min-width:80px;padding:.6rem .7rem}.language-selector-mobile-container{padding-bottom:1.5rem}}@media (max-width:480px){.card-title{font-size:2.5rem;padding-bottom:0}.neumorphic-card{padding:1rem}.tab-nav{gap:.55rem;grid-template-columns:repeat(2,1fr);row-gap:.5rem}.tab-button{font-size:.82rem;min-width:70px;padding:.5rem .6rem}.form-label{color:#0000;height:1.5rem;margin-bottom:0;visibility:hidden}.conversion-container{gap:0}}.loading{opacity:.7;pointer-events:none}.success-highlight{background:linear-gradient(135deg,#18634b1a,#18634b0d);border-left:4px solid #18634b;border-left:4px solid var(--success)}@media (min-width:1025px){.floating-metric-container{display:none!important}}.neumorphic-input:focus,.neumorphic-select:focus,.tab-button:focus{outline:none}.tab-button:focus-visible{outline:2px solid #0056b3;outline:2px solid var(--info);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e6e7ee;background:var(--primary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:.35rem;border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:#ced4da;background:var(--gray-400);box-shadow:inset 0 0 3px #0003}::-webkit-scrollbar-thumb:hover{background:#adb5bd;background:var(--gray-500)}
/*# sourceMappingURL=main.675f3302.css.map*/