:root{--bg-primary:oklch(98.5% .005 85);--bg-hover:oklch(96% .01 85);--bg-active:oklch(92% .015 85);--text-primary:oklch(25% .02 85);--text-secondary:oklch(55% .015 85);--text-muted:oklch(68% .01 85);--accent:oklch(50% .14 250);--accent-soft:oklch(93% .04 250);--border:oklch(88% .008 85)}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-size:clamp(11px,2.5vmin,14px)}.currency-widget{scrollbar-width:none;flex-direction:column;gap:4px;width:100%;height:100%;padding:10px;display:flex;overflow:hidden auto;container-type:size}.currency-widget::-webkit-scrollbar{display:none}.loading,.error{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:clamp(12px,2.8vmin,15px);display:flex}.scroll-indicator{opacity:0;pointer-events:none;z-index:200;background:oklch(70% .01 85/.75);border-radius:1px;width:2px;transition:opacity .25s ease-out;position:fixed;right:3px}.scroll-indicator.is-visible{opacity:1}.error{color:oklch(55% .15 25)}.currency-row{background:0 0;border-radius:9px;flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(6px,1.5vmin,10px);height:calc(20cqh - 3.2px);padding:0 clamp(6px,1.5vmin,10px);transition:background-color .18s ease-out;display:grid}.currency-row:hover{background:var(--bg-hover)}.currency-row.is-base{background:var(--accent-soft)}.currency-row.is-base:hover{background:color-mix(in oklch, var(--accent-soft) 85%, var(--accent) 15%)}.currency-row.dragging{z-index:10;background:#fff;transition:none;position:relative;box-shadow:0 4px 16px oklch(25% .02 85/.18)}.drag-handle{width:clamp(14px,3vmin,18px);height:100%;color:var(--text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.drag-handle svg{fill:currentColor;opacity:.55;width:clamp(8px,1.8vmin,10px);height:auto;transition:opacity .15s ease-out}.currency-row:hover .drag-handle svg,.dragging .drag-handle svg{opacity:1}.dragging .drag-handle{cursor:grabbing}.currency-info{align-items:baseline;gap:clamp(5px,1.2vmin,8px);min-width:0;display:flex}.currency-flag{align-self:center;font-size:clamp(13px,8cqh,18px);line-height:1}.currency-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(13px,8cqh,18px);font-weight:600;overflow:hidden}.currency-code{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(9px,2vmin,11px)}.currency-value{font-variant-numeric:tabular-nums;color:var(--text-primary);text-align:right;background:0 0;border:none;border-radius:clamp(4px,1vmin,6px);outline:none;width:clamp(70px,26cqw,130px);min-width:0;padding:clamp(4px,1vmin,6px) clamp(6px,1.5vmin,8px);font-family:inherit;font-size:clamp(14px,8.5cqh,19px);font-weight:600;transition:all .18s ease-out}.currency-value:hover{background:var(--bg-hover)}.currency-value:focus{box-shadow:0 0 0 2px var(--accent);color:var(--accent);background:#fff}.is-base .currency-value{color:var(--accent)}.manager{z-index:100;background:var(--bg-primary);flex-direction:column;gap:clamp(6px,1.5vmin,10px);padding:10px;display:none;position:fixed;inset:0}.manager.is-open{animation:.18s ease-out manager-in;display:flex}@keyframes manager-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.manager-head{flex-shrink:0;align-items:center;gap:clamp(6px,1.5vmin,10px);display:flex}.manager-title{font-size:clamp(12px,2.8vmin,15px);font-weight:600}.manager-count{color:var(--text-muted);margin-right:auto;font-size:clamp(9px,2vmin,11px)}.manager-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:clamp(4px,1vmin,6px);padding:clamp(4px,1vmin,6px);font-size:clamp(12px,2.8vmin,15px);line-height:1;transition:background-color .15s ease-out}.manager-close:hover{background:var(--bg-hover);color:var(--text-primary)}.manager-search{color:var(--text-primary);border:1px solid var(--border);background:#fff;border-radius:9px;outline:none;flex-shrink:0;padding:clamp(5px,1.2vmin,8px) clamp(8px,2vmin,12px);font-family:inherit;font-size:clamp(11px,2.5vmin,13px);transition:border-color .15s ease-out,box-shadow .15s ease-out}.manager-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 25%, transparent)}.manager-search::placeholder{color:var(--text-muted)}.manager-list{scrollbar-width:none;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow:hidden auto}.manager-list::-webkit-scrollbar{display:none}.manager-item{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:clamp(5px,1.2vmin,8px);padding:clamp(4px,1vmin,7px) clamp(6px,1.5vmin,10px);font-family:inherit;font-size:clamp(11px,2.5vmin,13px);transition:background-color .15s ease-out;display:flex}.manager-item:hover{background:var(--bg-hover)}.manager-item.is-added{background:var(--accent-soft)}.manager-item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manager-item-code{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:clamp(9px,2vmin,11px)}.manager-mark{text-align:center;width:clamp(14px,3vmin,18px);color:var(--text-muted);flex-shrink:0;font-weight:600}.is-added .manager-mark{color:var(--accent)}.manager-empty{text-align:center;color:var(--text-muted);padding:clamp(12px,3vmin,20px);font-size:clamp(11px,2.5vmin,13px)}.manager-item.shake{animation:.3s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@container (aspect-ratio<1.5){.currency-row{gap:clamp(4px,1vmin,8px);height:calc(16.6667cqh - 3.33333px)}.currency-info{gap:clamp(3px,.8vmin,6px)}.currency-flag,.currency-name{font-size:clamp(11px,5.6cqh,14px)}.currency-code{font-size:clamp(8px,1.8vmin,10px)}.currency-value{width:clamp(60px,30cqw,95px);font-size:clamp(12px,6.2cqh,15px)}}@container (width<250px){.currency-code{display:none}.currency-value{width:clamp(55px,20vw,80px)}}