@layer screens{.convert-clock{min-block-size:24px;color:var(--secondary);font-size:var(--text-12);align-items:center;gap:8px;display:inline-flex}.convert-clock>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.convert-ring{flex:none;place-items:center;block-size:20px;inline-size:20px;display:grid;position:relative}.convert-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.convert-ring b{color:var(--text);font-size:var(--text-11);font-variant-numeric:tabular-nums;font-weight:600;line-height:1;position:relative}.convert-clock[data-ended] .convert-ring b{color:var(--loss)}.convert-ring-track,.convert-ring-run{fill:none;stroke-width:3px}.convert-ring-track{stroke:color-mix(in srgb, var(--text) 10%, transparent)}.convert-ring-run{stroke:var(--accent);stroke-linecap:round;animation:linear forwards convert-ring-drain}.convert-clock[data-ended] .convert-ring-run{stroke:var(--loss);stroke-dashoffset:var(--ring-len,62.8);animation:none}@keyframes convert-ring-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--ring-len,62.8)}}.convert-diff{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--text);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.convert-diff>svg{color:var(--warning);flex:none;margin-block-start:2px}.convert-diff p{margin:0}.convert-diff-note{color:var(--secondary);font-size:var(--text-12);line-height:18px}.convert-diff-values{font-size:var(--text-14);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex;margin-block-start:4px!important}.convert-diff s{color:var(--text-tertiary,var(--muted))}.convert-diff strong{color:var(--text);font-weight:700}.convert-delta{background:color-mix(in srgb, var(--text) 10%, transparent);font-size:var(--text-12);border-radius:6px;padding:1px 6px;font-weight:600}.convert-diff[data-direction=up] .convert-delta{background:color-mix(in srgb, var(--gain) 16%, transparent);color:var(--gain)}.convert-diff[data-direction=down] .convert-delta{background:color-mix(in srgb, var(--loss) 16%, transparent);color:var(--loss)}.convert-receipt{gap:12px;display:grid}.convert-receipt header{color:var(--gain);align-items:center;gap:8px;display:flex}.convert-receipt h3{color:var(--text);font-size:var(--text-16);margin:0;font-weight:600}.convert-receipt dl{font-size:var(--text-14);gap:8px;margin:0;display:grid}.convert-receipt dl>div{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.convert-receipt dt{color:var(--secondary);font-weight:400}.convert-receipt dd{text-align:end;margin:0;font-weight:600}.convert-receipt-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.convert-receipt-actions .button{text-align:center;min-inline-size:0;padding-inline:12px}.convert-history-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.convert-ring-run{animation:none}}.convert-history-head{align-items:baseline}.convert-layout{align-items:start;gap:20px;min-width:0;display:grid}.convert-main,.convert-rail{gap:16px;min-width:0;display:grid}@media (min-width:1080px){.convert-layout{grid-template-columns:minmax(0,560px) minmax(300px,360px);gap:32px}.convert-rail{top:calc(var(--header-h,64px) + 16px);position:sticky}}.convert-card{gap:12px;padding:20px}.convert-recent{border:1px solid color-mix(in srgb, var(--text) 7%, var(--line));background:var(--surface);border-radius:20px;gap:6px;padding:16px;display:grid}.convert-card .money-leg-head span{color:var(--secondary);font-size:var(--text-12);font-weight:500}.convert-card .money-asset .mk-picker{border-radius:999px;min-height:44px;padding:0 10px}.money-balance-line{color:var(--secondary);font-size:var(--text-12);font-variant-numeric:tabular-nums;margin:0}.convert-card .mk-chips{margin-top:2px}.money-get[data-empty]{color:var(--text-tertiary,var(--muted))}.convert-shimmer{align-items:center;min-block-size:36px;display:flex}.convert-shimmer>span{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 14%, transparent), transparent) 0 0 / 200% 100%, color-mix(in srgb, var(--text) 8%, transparent);border-radius:8px;block-size:28px;inline-size:55%;animation:1.2s linear infinite convert-shimmer;display:block}@keyframes convert-shimmer{0%{background-position:200% 0,0 0}to{background-position:-200% 0,0 0}}.convert-indicative{color:var(--secondary);font-size:var(--text-13);margin:0;line-height:20px}.convert-quote{border:1px solid var(--control-line,var(--line));background:var(--raised);border-radius:14px;gap:8px;padding:12px 14px;display:grid}.convert-quote[data-ended]{border-color:color-mix(in srgb, var(--loss) 40%, var(--line))}.convert-quote p{margin:0}.convert-quote-rate{justify-content:space-between;align-items:center;gap:12px;display:flex}.convert-quote .money-rate{color:var(--text);font-size:var(--text-14);font-variant-numeric:tabular-nums;font-weight:500}.convert-quote-fee{color:var(--text-tertiary,var(--muted));font-size:var(--text-12);font-variant-numeric:tabular-nums}.convert-note{color:var(--text-tertiary,var(--muted));font-size:var(--text-12);margin:0;line-height:18px}.convert-card .money-leg{border-color:var(--control-line,var(--line));background:var(--raised);border-radius:14px;padding:12px 16px}.convert-card .money-leg:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.convert-card .money-leg[data-invalid]{border-color:var(--loss)}.convert-card .money-amount{display:block}.convert-card .money-get{font-size:var(--text-24);padding:0;line-height:40px}.convert-empty{text-align:center;justify-items:center;gap:8px;padding:24px 12px;display:grid}.convert-empty-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);block-size:64px;inline-size:64px;color:var(--brand-text,var(--accent));border-radius:50%;place-items:center;display:grid}.convert-empty h4{font-size:var(--text-16);margin:0;font-weight:600}.convert-empty p{max-inline-size:36ch;color:var(--secondary);font-size:var(--text-13);margin:0;line-height:20px}.tf-row-pair{text-align:end;gap:2px;display:grid}.tf-row-pair b{font-size:var(--text-13);font-weight:600}.tf-row-pair b[data-sign=out]{color:var(--loss)}.tf-row-pair b[data-sign=in]{color:var(--gain)}@media (prefers-reduced-motion:reduce){.convert-shimmer>span{animation:none}}}