@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}.appl{color:#fff;background:url(/background.png) 0 0/cover no-repeat;height:max-content;font-family:Poppins,sans-serif}.page{flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.layout{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #2a2a2a;border-radius:24px;grid-template-columns:380px 1fr;width:100%;max-width:1000px;margin-top:60px;display:grid;overflow:hidden;box-shadow:0 40px 80px #0009}.panel{padding:2.4rem 2rem}.panel--form{background:#19191989;border-right:1px solid #2a2a2a;flex-direction:column;gap:2rem;display:flex}.panel--result{background:#202020b3;flex-direction:column;display:flex}.panel__head{flex-direction:column;gap:.4rem;display:flex}.panel__badge{letter-spacing:1.5px;color:#ffffff4d;text-transform:uppercase;border:1px solid #333;border-radius:999px;align-items:center;width:fit-content;padding:3px 10px;font-size:.65rem;font-weight:600;display:inline-flex}.panel__title{letter-spacing:-.5px;font-size:1.75rem;font-weight:700;line-height:1.1}.panel__sub{color:#ffffff4d;font-size:.78rem}.form{flex-direction:column;flex:1;gap:1rem;display:flex}.form__row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form__error{color:#ff5f5f;background:#ff5f5f14;border:1px solid #ff5f5f33;border-radius:8px;padding:.6rem .9rem;font-size:.78rem;font-weight:500}.form__btn{color:#111;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;margin-top:auto;padding:.85rem 1.4rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;transition:background .2s;display:flex}.form__btn:hover{background:#e8e8e8}.form__btn:hover .form__btn-arrow{transform:translate(3px)}.form__btn-arrow{transition:transform .2s;display:inline-block}.field{flex-direction:column;gap:.35rem;display:flex}.field__label{text-transform:uppercase;letter-spacing:.7px;color:#ffffff4d;font-size:.68rem;font-weight:600}.field__input{color:#fff;appearance:none;background:#202020b3;border:1px solid #2a2a2a;border-radius:8px;outline:none;width:100%;padding:.65rem .85rem;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:500;transition:border-color .2s,background .2s}.field__input::placeholder{color:#ffffff2e}.field__input:focus{background:#252525;border-color:#ffffff4d}.field__input option{color:#fff;background:#1c1c1c}.field__hint{color:#ffffff4d;letter-spacing:.2px;margin:0;padding:0;font-size:.65rem;font-style:italic;font-weight:400}.duration-input{align-items:center;gap:.3rem;display:flex}.duration-input__part{text-align:center;-moz-appearance:textfield;flex:1;min-width:0;padding:.65rem .4rem!important}.duration-input__part::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-input__part::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input__sep{color:#ffffff4d;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.75rem;font-weight:600}.currency-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.currency-btn{color:#ffffff4d;cursor:pointer;background:#202020b3;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.45rem .3rem;font-family:Poppins,sans-serif;transition:border-color .15s,background .15s,color .15s;display:flex}.currency-btn:hover{color:#fff9;border-color:#333}.currency-btn--active{color:#fff;background:#ffffff1a;border-color:#fff}.currency-btn__symbol{font-size:.85rem;font-weight:700;line-height:1}.currency-btn__code{letter-spacing:.5px;opacity:.7;font-size:.6rem;font-weight:600}.empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.empty-state__icon{opacity:.25;font-size:2.5rem}.empty-state__text{text-align:center;color:#ffffff4d;font-size:.83rem;line-height:1.7}.results{flex-direction:column;flex:1;gap:1.4rem;display:flex}.hero{background:#ffffff0f;border:1px solid #2a2a2a;border-radius:16px;display:flex;overflow:hidden}.hero__block{flex-direction:column;flex:1;gap:.3rem;padding:1.4rem 1.6rem;display:flex}.hero__sep{background:#2a2a2a;flex-shrink:0;width:1px}.hero__label{text-transform:uppercase;letter-spacing:.8px;color:#ffffff4d;font-size:.65rem;font-weight:600}.hero__amount{letter-spacing:-1px;font-size:1.9rem;font-weight:800}.hero__amount--muted{color:#fff9;font-size:1.5rem}.meta-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.meta-tag{background:#ffffff0f;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;gap:.2rem;padding:.65rem .85rem;display:flex}.meta-tag--highlight{background:#ffffff1a;border-color:#ffffff4d}.meta-tag__label{text-transform:uppercase;letter-spacing:.6px;color:#ffffff4d;font-size:.6rem;font-weight:600}.meta-tag__value{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.chart-block{flex-direction:column;flex:1;gap:.8rem;display:flex}.chart-block__title{text-transform:uppercase;letter-spacing:.8px;color:#ffffff4d;font-size:.65rem;font-weight:600}.chart-legend{align-items:center;gap:1.4rem;display:flex}.chart-legend__item{color:#ffffff4d;align-items:center;gap:.4rem;font-size:.7rem;display:flex}.chart-legend__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-legend__dot--selected{background:#fff}.chart-legend__dot--other{background:#fff3}.chart-legend__dot--avg{border-top:2px dashed #ffffff4d;border-radius:0;width:14px;height:0}.chart-tooltip{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 14px}.chart-tooltip__name{color:#ffffff4d;margin-bottom:2px;font-size:.78rem}.chart-tooltip__value{color:#fff9;font-size:.92rem;font-weight:700}.chart-tooltip__value--selected{color:#fff}.charts:focus,.charts:active{border:0;outline:0}@media (max-width:1024px){.layout{grid-template-columns:320px 1fr;max-width:100%}.panel{padding:2rem 1.6rem}.hero__amount{font-size:1.6rem}}@media (max-width:860px){.page{align-items:flex-start;padding:1.5rem 1rem}.layout{border-radius:16px;grid-template-columns:1fr;margin-top:76px}.panel{padding:1.8rem 1.5rem}.panel--form{border-bottom:1px solid #2a2a2a;border-right:none}.panel--result{min-height:0}.meta-grid{grid-template-columns:repeat(3,1fr)}.currency-grid{grid-template-columns:repeat(6,1fr)}.hero__amount{font-size:1.75rem}.hero__amount--muted{font-size:1.4rem}}@media (max-width:560px){.page{padding:1rem .75rem}.layout{border-radius:12px;margin-top:70px}.panel{padding:1.5rem 1.25rem}.panel__title{font-size:1.4rem}.form__row{grid-template-columns:1fr 1fr;gap:.5rem}.meta-grid{grid-template-columns:repeat(2,1fr)}.currency-grid{grid-template-columns:repeat(4,1fr)}.hero{flex-direction:column}.hero__sep{background:#2a2a2a;width:100%;height:1px}.hero__block{padding:1rem 1.2rem}.hero__amount{font-size:1.6rem}.hero__amount--muted{font-size:1.3rem}.chart-legend{flex-wrap:wrap;gap:.8rem}.empty-state{padding:2rem 1rem}}@media (max-width:400px){.page{padding:.75rem .5rem}.layout{border-radius:8px;margin-top:66px}.panel{padding:1.25rem 1rem}.panel__title{font-size:1.25rem}.form__row{grid-template-columns:1fr;gap:.75rem}.meta-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.currency-grid{grid-template-columns:repeat(4,1fr);gap:.35rem}.currency-btn{padding:.4rem .2rem}.currency-btn__symbol{font-size:.75rem}.currency-btn__code{font-size:.55rem}.hero__amount{font-size:1.4rem}.hero__amount--muted{font-size:1.15rem}.meta-tag{padding:.5rem .65rem}.meta-tag__value{font-size:.75rem}.chart-legend{gap:.6rem}.chart-legend__item{font-size:.65rem}}