:root{--text:#3f3b46;--text-muted:#8a8591;--bg:#fafafa;--surface:#fff;--border:#e4e2e8;--accent:#4f46e5;--accent-hover:#4338ca;--success:#16a34a;--error:#dc2626;--art-bg:#fff;--chart-series:#4f46e5;--cat-image:#0d9488;--cat-pdf:#dc2626;--cat-data:#16a34a;--cat-markdown:#7c3aed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e7e5ea;--text-muted:#9f9aa8;--bg:#15131a;--surface:#1e1b24;--border:#322e3a;--accent:#818cf8;--accent-hover:#a5b4fc;--art-bg:#f1eff6;--chart-series:#7c83f6;--cat-image:#2dd4bf;--cat-pdf:#f87171;--cat-data:#4ade80;--cat-markdown:#a78bfa}}*{box-sizing:border-box}body{margin:0}button{font:inherit}.page{max-width:880px;margin:0 auto;padding:40px 20px 80px}.header{text-align:center;margin-bottom:28px}.header__home{color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.header__home:hover{color:var(--accent)}.header h1{margin:0 0 4px;font-size:28px}.lottie{display:block}.hero{text-align:left;justify-content:center;align-items:center;gap:16px;display:flex}.hero__art{background:var(--art-bg);border:1px solid var(--border);border-radius:20px;flex-shrink:0;width:76px;height:76px;padding:8px}.hero__text{max-width:460px}.steps{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:18px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.steps li{align-items:center;gap:6px;display:flex}.steps span{background:color-mix(in srgb, var(--accent) 14%, transparent);width:20px;height:20px;color:var(--accent);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.header__subtitle{color:var(--text-muted);margin:0;font-size:14px}.stats-badge{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;margin:14px 0 0;padding:5px 14px 5px 10px;font-size:13px;display:inline-flex}.stats-badge strong{color:var(--text)}.stats-badge__dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 50%, transparent);border-radius:50%;animation:2s ease-out infinite stats-pulse}@keyframes stats-pulse{70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.stats-badge__dot{animation:none}}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.8}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--ghost{background:0 0}.label-short{display:none}.btn--small{padding:6px 12px;font-size:12px}.converter{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:20px;padding:20px;display:flex;box-shadow:0 4px 24px #1410280f}.converter__inputs{grid-template-columns:minmax(0,.8fr) minmax(0,2fr);align-items:end;gap:12px;display:grid}.amount{flex-direction:column;gap:6px;display:flex}.amount__label,.picker__label{color:var(--text-muted);font-size:12px;font-weight:600}.amount__input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:56px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:12px;padding:0 14px;font-size:20px;font-weight:700}.amount__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.amount__input[aria-invalid=true]{border-color:var(--error)}.pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.pair__swap{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;margin-bottom:6px;transition:transform .25s;display:grid}.pair__swap:hover{transform:rotate(180deg)}.pair__swap svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.picker{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.picker__button{border:1px solid var(--border);background:var(--bg);min-height:56px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.picker--open .picker__button{border-color:var(--accent)}.picker__code{font-weight:700}.picker__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;font-size:13px;overflow:hidden}.picker__chevron{color:var(--text-muted)}.picker__panel{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:max(100%,320px);max-height:420px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 16px 48px #0000002e}.pair>.picker:last-child .picker__panel{left:auto;right:0}.picker__search{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px;display:flex}.picker__search input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);font:inherit;border-radius:10px;flex:1;padding:10px 12px;font-size:15px}.picker__close{background:var(--bg);width:40px;height:40px;color:var(--text);cursor:pointer;border:none;border-radius:50%;font-size:22px;display:none}.picker__list{padding:4px 6px 8px;overflow-y:auto}.picker__group{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:10px 8px 4px;font-size:11px;font-weight:700}.picker__option{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.picker__option:hover,.picker__option:focus-visible{background:var(--bg)}.picker__option--selected{background:color-mix(in srgb, var(--accent) 12%, transparent)}.picker__empty{color:var(--text-muted);margin:16px;font-size:13px}.currency-icon{border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.currency-icon--flag{object-fit:cover;box-shadow:0 0 0 1px var(--border)}.currency-icon--coin{background:var(--text-muted);color:#fff;font-size:13px;font-weight:800}.result{min-height:150px}.result__loading{text-align:center;color:var(--text-muted);margin:40px 0}.result__error{text-align:center;color:var(--error);flex-direction:column;align-items:center;gap:6px;display:flex}.result__error-art{width:80px;height:80px}.result__from{color:var(--text-muted);margin:0;font-size:15px}.result__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 6px;font-size:clamp(32px,6vw,48px);font-weight:800;line-height:1.1}.result__value small{color:var(--text-muted);font-size:.5em;font-weight:700}.result__value>span{border-radius:8px}.result__value--up>span{animation:1.2s ease-out flash-up}.result__value--down>span{animation:1.2s ease-out flash-down}@keyframes flash-up{0%{color:var(--success);background:color-mix(in srgb, var(--success) 18%, transparent)}}@keyframes flash-down{0%{color:var(--error);background:color-mix(in srgb, var(--error) 18%, transparent)}}.result__rates{font-variant-numeric:tabular-nums;margin:0;font-size:14px}.result__status{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:10px 0 0;font-size:13px;display:flex}.result__status strong{color:var(--success);letter-spacing:.02em}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite stats-pulse}.live-dot--off{background:var(--text-muted);animation:none}.result__change{font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 8px;font-weight:600}.is-up{color:var(--success)}.is-down{color:var(--error)}.result__change.is-up{background:color-mix(in srgb, var(--success) 12%, transparent)}.result__change.is-down{background:color-mix(in srgb, var(--error) 12%, transparent)}.result__fallback{background:#d9770624;border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:13px}.chart__plot{width:100%;position:relative}.chart__plot svg{display:block;overflow:visible}.chart__plot svg:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.chart__grid{stroke:var(--border);stroke-width:1px}.chart__area{fill:var(--chart-series);opacity:.1}.chart__line{fill:none;stroke:var(--chart-series);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart__dot{fill:var(--chart-series);stroke:var(--surface);stroke-width:2px}.chart__tick{fill:var(--text-muted);font-size:11px}.chart__cursor line{stroke:var(--text-muted);stroke-width:1px}.chart__cursor circle{fill:var(--chart-series);stroke:var(--surface);stroke-width:2px}.chart__tooltip{background:var(--surface);border:1px solid var(--border);white-space:nowrap;pointer-events:none;border-radius:8px;flex-direction:column;padding:6px 10px;font-size:12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.chart__tooltip strong{font-variant-numeric:tabular-nums;font-size:14px}.chart__tooltip span{color:var(--text-muted)}.chart__caption,.chart__empty{color:var(--text-muted);margin:6px 0 0;font-size:12px}.chart__table{margin-top:6px;font-size:12px}.chart__table summary{cursor:pointer;color:var(--accent);font-weight:600}.chart__table table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:8px}.chart__table th,.chart__table td{text-align:left;border-bottom:1px solid var(--border);padding:4px 16px 4px 0}.rates{margin-top:28px}.rates__title{margin:0 0 10px;font-size:15px}.rates__list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.rates__row{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s;display:flex}.rates__row:hover{border-color:var(--accent)}.rates__row--up{animation:1.2s ease-out row-up}.rates__row--down{animation:1.2s ease-out row-down}@keyframes row-up{0%{background:color-mix(in srgb, var(--success) 14%, var(--surface))}}@keyframes row-down{0%{background:color-mix(in srgb, var(--error) 14%, var(--surface))}}.rates__name{flex-direction:column;flex:1;min-width:0;display:flex}.rates__name strong{align-items:center;gap:6px;font-size:14px;display:flex}.rates__name>span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px;overflow:hidden}.rates__live{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success);text-transform:uppercase;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700}.rates__value{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.rates__value strong{font-size:15px}.rates__value span{color:var(--text-muted);font-size:11px}.rates__value span.is-up{color:var(--success)}.rates__value span.is-down{color:var(--error)}.rates__note{color:var(--text-muted);margin:8px 0 0;font-size:12px}.footer-note{max-width:560px;color:var(--text-muted);text-align:center;margin:36px auto 0;font-size:12px}@media (prefers-reduced-motion:reduce){.result__value>span,.rates__row,.live-dot,.pair__swap{transition:none;animation:none}}@media (width<=640px){.page{padding:20px 16px 48px}.header h1{font-size:22px}.hero{gap:12px}.hero__art{border-radius:16px;width:60px;height:60px;padding:6px}.header__subtitle{font-size:13px}.converter{gap:16px;padding:14px}.converter__inputs{grid-template-columns:1fr}.amount__input{font-size:22px}.pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.picker__name,.picker__button .picker__name{display:none}.picker__panel{border:none;border-radius:0;width:auto;max-height:none;position:fixed;inset:0}.picker__panel .picker__name{display:block}.picker__close{place-items:center;display:grid}.picker__search input{font-size:16px}.picker__option{min-height:48px}.rates__list{grid-template-columns:1fr}}