:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--text:#fff;--muted:#999;--line:#1e1e26;--blue:#1e55f9;--empty-selector:#282828;--motion-fast:.12s;--motion-base:.18s;--motion-soft:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Roboto,Arial,Helvetica,sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #1e55f9d9}.miniapp{--converter-edge-gap:20px;--converter-swap-size:46px;--converter-swap-gap:20px;--converter-center-gap:calc(var(--converter-swap-size) + (var(--converter-swap-gap) * 2));width:100%;max-width:520px;min-height:100dvh;height:var(--telegram-viewport-height,100dvh);padding:max(8px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.brand-box{color:#fff;letter-spacing:0;flex:none;justify-content:center;align-items:center;width:100%;padding:8px 0 18px;font-size:clamp(20px,4.8vw,22px);font-weight:700;line-height:1.2;display:flex}.converter{border:1px solid var(--line);background:var(--bg);border-radius:11px;flex:none;width:100%;height:clamp(136px,34vw,164px);min-height:clamp(136px,34vw,164px);position:relative;overflow:hidden}.converter-sides{grid-template-columns:minmax(0, 1fr) var(--converter-center-gap) minmax(0, 1fr);width:100%;height:100%;padding:0 var(--converter-edge-gap);display:grid}.converter-side:first-of-type{grid-column:1}.converter-side:last-of-type{grid-column:3}.converter-side{color:#fff;text-align:center;grid-template-rows:minmax(0,1fr) minmax(0,1fr);place-items:center;min-width:0;height:100%;min-height:0;padding:0;display:grid}.converter-top{width:100%;height:100%;min-height:0;animation:spatial-card-replace var(--motion-base) var(--motion-soft);will-change:opacity, transform;grid-template-columns:minmax(0,max-content) 20px;justify-content:center;align-items:center;gap:7px;display:grid}.converter-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity var(--motion-base) var(--motion-soft), transform var(--motion-base) var(--motion-soft);font-size:20px;font-weight:700;line-height:1.2;overflow:hidden}.converter-flag{width:20px;height:20px;transition:opacity var(--motion-base) var(--motion-soft), transform var(--motion-base) var(--motion-soft);background:#ffffff14;border-radius:50%;display:block;overflow:hidden}.converter-flag img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.08)}.converter-spoiler{background:linear-gradient(90deg,#ffffff14,#ffffff38,#ffffff14) 0 0/220% 100%;border-radius:6px;animation:1.4s linear infinite spoiler-shimmer;display:block}.converter-spoiler-name{grid-column:1/-1;justify-self:center;width:62px;height:22px}.converter-spoiler-value{place-self:center;width:min(112px,75%);height:34px}.selector{color:#0000;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:100%;min-width:44px;height:56px;font-size:11px;font-weight:700;line-height:1;display:flex}.selector:before{border:2px solid var(--empty-selector);content:"";width:24px;height:24px;transition:background-color var(--motion-base) var(--motion-soft), border-color var(--motion-base) var(--motion-soft), box-shadow var(--motion-base) var(--motion-soft), transform var(--motion-fast) var(--motion-soft);will-change:transform;border-radius:50%;justify-content:center;align-items:center;display:flex}.selector.selected{color:#fff}.selector.selected:before{border-color:var(--blue);background:var(--blue);box-shadow:none;content:attr(data-index)}.converter-side input,.converter-amount-input{color:#fff;text-align:center;overflow-wrap:anywhere;width:100%;min-width:0;height:100%;min-height:0;transition:opacity var(--motion-base) var(--motion-soft), transform var(--motion-base) var(--motion-soft);background:0 0;border:0;outline:0;padding:0;font-size:clamp(20px,5.8vw,28px);font-weight:700;line-height:1.2}.converter-amount-input:not(.active){animation:spatial-value-replace .22s var(--motion-soft);will-change:opacity, transform}.converter-swap-row{z-index:2;width:100%;padding:0 var(--converter-edge-gap);justify-content:center;align-items:center;gap:var(--converter-swap-gap);pointer-events:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.converter-swap-line{background:var(--line);flex:1 1 0;min-width:0;height:1px;display:block}.converter-swap{width:var(--converter-swap-size);height:var(--converter-swap-size);flex:0 0 var(--converter-swap-size);background:var(--bg);color:#0000;pointer-events:auto;transition:background-color var(--motion-fast) var(--motion-soft), transform var(--motion-fast) var(--motion-soft);will-change:transform;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.converter-swap:before{content:"";width:26px;height:22px;transition:transform var(--motion-base) var(--motion-soft), opacity var(--motion-base) var(--motion-soft);background:url(/icons/swap.svg) 50%/contain no-repeat}.pair-ratios{grid-template-columns:minmax(0, 1fr) var(--converter-center-gap) minmax(0, 1fr);width:100%;min-height:18px;padding:0 var(--converter-edge-gap);color:var(--muted);text-align:center;gap:0;margin-top:16px;font-size:12px;font-weight:400;line-height:1.25;display:grid}.pair-ratio{align-items:center;gap:6px;min-width:0;display:flex}.pair-ratio-left{text-align:center;grid-column:1;justify-content:center}.pair-ratio-right{text-align:center;grid-column:3;justify-content:center}.pair-ratio-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity var(--motion-base) var(--motion-soft), transform var(--motion-base) var(--motion-soft);overflow:hidden}.pair-ratio-spoiler{width:min(132px,82%);height:15px;margin:0 auto}.rule{background:var(--line);flex:0 0 1px;width:100%;height:1px;margin-top:16px}.list-heading{color:#fff;width:100%;margin-top:12px;font-size:14px;font-weight:400;line-height:1.3}.currency-list{overflow-anchor:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;width:100%;min-height:0;padding:0 0 62px;display:flex;overflow-y:auto}.currency-row-shell{overflow-anchor:none;width:100%;min-height:66px;position:relative;overflow:hidden}.currency-row-shell:after{z-index:2;content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.bookmark-tab-action,.favorite-action{z-index:0;color:#0000;opacity:0;visibility:hidden;pointer-events:none;width:44px;height:56px;transition:background-color var(--motion-fast) var(--motion-soft), transform var(--motion-fast) var(--motion-soft), opacity var(--motion-fast) var(--motion-soft);background:0 0;border:0;justify-content:center;align-items:center;font-size:0;line-height:1;display:flex;position:absolute;top:5px}.currency-row-shell.actions-open .bookmark-tab-action,.currency-row-shell.actions-open .favorite-action{opacity:1;visibility:visible;pointer-events:auto}.bookmark-tab-action{left:-14px}.favorite-action{left:34px}.bookmark-tab-action:before,.favorite-action:before{content:"";width:24px;height:24px;transition:opacity var(--motion-base) var(--motion-soft), transform var(--motion-base) var(--motion-soft);will-change:transform;display:block}.bookmark-tab-action:before{background:url("data:image/svg+xml,%3Csvg width='30' height='21' viewBox='0 0 30 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.41 1C28.09 1 29.21 2.76 28.51 4.3L25.7 10.04C25.42 10.62 25.42 11.38 25.7 11.96L28.51 17.7C29.21 19.24 28.09 20 26.41 20H3.16C1.42 20 1 18.55 1 16.77V4.23C1 2.45 1.42 1 3.16 1H26.41Z' stroke='%23F44336' stroke-width='2'/%3E%3C/svg%3E") 50%/contain no-repeat;width:30px;height:21px}.bookmark-tab-action.selected:before{background-image:url(/icons/bookmark-tab.svg);transform:scale(1.04)}.favorite-action:before{background:url(/icons/star-outline.svg) 50%/contain no-repeat}.favorite-action.selected:before{background-image:url(/icons/favorite-currency.svg);transform:scale(1.04)}.currency-row{z-index:1;background:var(--bg);text-align:left;touch-action:pan-y;width:100%;min-height:66px;transition:transform var(--motion-base) var(--motion-soft), background-color var(--motion-fast) var(--motion-soft);will-change:transform;border:0;border-radius:0;grid-template-columns:32px minmax(0,1fr) minmax(82px,auto) 44px;align-items:center;gap:10px;padding:0;display:grid;position:relative}.currency-row-shell.actions-open .currency-row{transition-duration:.22s}.currency-row.with-bookmark{transform:translate(88px)}.flag-wrap{width:32px;height:32px;transition:transform var(--motion-base) var(--motion-soft), opacity var(--motion-base) var(--motion-soft);background:#ffffff14;border-radius:50%;display:block;overflow:hidden}.flag-wrap img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.08)}.currency-meta,.currency-rate{gap:4px;min-width:0;display:grid}.currency-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;font-weight:400;line-height:1.25;overflow:hidden}.bookmark-inline{object-fit:contain;vertical-align:1px;width:10px;height:10px;transition:opacity var(--motion-base) var(--motion-soft), transform var(--motion-base) var(--motion-soft);margin-left:6px;display:inline-block}.bookmark-tab-inline{transform:rotate(90deg)}.currency-code,.currency-rate-pair{color:var(--muted);font-size:13px;font-weight:400;line-height:1.25}.currency-rate{min-width:0;max-width:min(34vw,156px);min-height:44px;color:var(--blue);white-space:nowrap;text-align:right;transition:color var(--motion-base) var(--motion-soft), transform var(--motion-fast) var(--motion-soft);background:0 0;border:0;justify-items:end;padding:0;font-size:17px;font-weight:400;line-height:1.25}.currency-rate span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.currency-rate-value{transition:background-color var(--motion-base) var(--motion-soft), color var(--motion-base) var(--motion-soft), transform var(--motion-fast) var(--motion-soft);background:#1e55f91f;border-radius:8px;padding:3px 6px}.currency-rate-value.active{background:var(--blue);color:#fff;animation:spatial-value-replace .18s var(--motion-soft)}.search-box{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:3;-webkit-backdrop-filter:blur(22px)saturate(1.15);color:#ffffff4d;width:auto;min-height:46px;transition:background-color var(--motion-base) var(--motion-soft), color var(--motion-base) var(--motion-soft);background:#0d0d0df0;border:1px solid #ffffff1c;border-radius:75px;flex:none;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:15px;margin:0;padding:0 18px;display:grid;position:absolute}.search-box.has-value{color:#fff}.search-icon{width:14px;height:14px;transition:transform var(--motion-base) var(--motion-soft);background:currentColor;display:block;-webkit-mask:url(/icons/search.svg) 50%/contain no-repeat;mask:url(/icons/search.svg) 50%/contain no-repeat}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px;font-weight:400;line-height:1.3}.search-box input::placeholder{color:#ffffff4d}@media (hover:hover) and (pointer:fine){.converter-swap:hover{background-color:#ffffff0a}.converter-swap:hover:before{transform:translateY(-1px)}.currency-row:hover{background-color:#141414}}.converter-swap:active,.bookmark-tab-action:active,.favorite-action:active{background-color:#ffffff12;transform:scale(.96)}.currency-row:active{background-color:#171717}.selector:active:before,.currency-rate:active,.currency-rate:active .currency-rate-value{transform:scale(.96)}.search-box.has-value .search-icon{transform:scale(1.08)}@media (max-width:340px){.miniapp{padding-left:12px;padding-right:12px}.search-box{left:12px;right:12px}.currency-row{grid-template-columns:28px minmax(0,1fr) minmax(72px,auto) 56px;gap:9px}.flag-wrap{width:28px;height:28px}.currency-name,.currency-rate{font-size:16px}.currency-code,.currency-rate-pair{font-size:12px}}@media (min-width:768px){.miniapp{padding-top:24px;padding-bottom:24px}}@keyframes spoiler-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@keyframes spatial-card-replace{0%{opacity:0;transform:translateY(5px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes spatial-value-replace{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}