.clc-page{--background:var(--cc-ground);--foreground:oklch(0.18 0 0);--primary:oklch(0.674 0.213 28.5);--primary-foreground:oklch(0.985 0 0);--muted:oklch(0.95 0 0);--muted-foreground:oklch(0.55 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.18 0 0);--border:oklch(0.94 0 0);--ring:oklch(0.674 0.213 28.5);--color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-border:var(--border);--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.04);background:var(--background);color:var(--foreground);font-family:var(--cc-font-sans)}.clc-page.js-reveal .reveal{opacity:0;transform:translateY(2rem);transition:opacity .7s ease-out,transform .7s ease-out}.clc-page.js-reveal .reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.clc-page.js-reveal .reveal{opacity:1;transform:none;transition:none}}.clc-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:8px;background:oklch(.94 0 0);outline:none;position:relative;cursor:pointer}.clc-slider::-webkit-slider-runnable-track{height:6px;border-radius:8px;background:linear-gradient(to right,oklch(.674 .213 28.5) 0,oklch(.674 .213 28.5) var(--clc-fill,0),oklch(.94 0 0) var(--clc-fill,0),oklch(.94 0 0) 100%)}.clc-slider::-moz-range-track{height:6px;border-radius:8px;background:oklch(.94 0 0)}.clc-slider::-moz-range-progress{height:6px;border-radius:8px;background:oklch(.674 .213 28.5)}.clc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:52px;height:30px;margin-top:-12px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 44'><rect fill='%23c8102e' x='3' y='18' width='74' height='16' rx='3'/><path fill='%23c8102e' d='M10 18 L13 7 L62 7 L67 18 Z'/><rect fill='%23fff' fill-opacity='.55' x='15' y='9' width='17' height='7' rx='1'/><rect fill='%23fff' fill-opacity='.55' x='35' y='9' width='23' height='7' rx='1'/><circle fill='%23333' cx='19' cy='34' r='7'/><circle fill='%23333' cx='59' cy='34' r='7'/><circle fill='%23eee' cx='19' cy='34' r='3'/><circle fill='%23eee' cx='59' cy='34' r='3'/><rect fill='%23fff' fill-opacity='.8' x='73' y='21' width='4' height='5' rx='1'/></svg>");background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;border:none;cursor:pointer;transition:transform .2s ease}.clc-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.clc-slider::-moz-range-thumb{width:52px;height:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 44'><rect fill='%23c8102e' x='3' y='18' width='74' height='16' rx='3'/><path fill='%23c8102e' d='M10 18 L13 7 L62 7 L67 18 Z'/><rect fill='%23fff' fill-opacity='.55' x='15' y='9' width='17' height='7' rx='1'/><rect fill='%23fff' fill-opacity='.55' x='35' y='9' width='23' height='7' rx='1'/><circle fill='%23333' cx='19' cy='34' r='7'/><circle fill='%23333' cx='59' cy='34' r='7'/><circle fill='%23eee' cx='19' cy='34' r='3'/><circle fill='%23eee' cx='59' cy='34' r='3'/><rect fill='%23fff' fill-opacity='.8' x='73' y='21' width='4' height='5' rx='1'/></svg>");background-repeat:no-repeat;background-size:contain;background-color:transparent;border:none;cursor:pointer}.clc-page .donut-segment{transition:stroke-dasharray .6s ease-out}.clc-bank-logo{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:white;border-radius:12px;padding:6px;flex-shrink:0;border:1px solid oklch(.94 0 0);overflow:hidden}.clc-bank-logo img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width:640px){.clc-bank-logo{width:60px;height:60px}}.clc-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;padding:4px;background:rgba(0,0,0,.04);border-radius:10px}.clc-mode button{appearance:none;border:0;background:transparent;border-radius:7px;padding:8px 10px;font-size:13px;font-weight:600;color:#6b6660;cursor:pointer;transition:background .15s,color .15s}.clc-mode button:hover{color:#ff5043}.clc-mode button.is-on{background:#fff;color:#1d1a17;box-shadow:0 1px 2px rgba(0,0,0,.12)}.clc-mode button:focus-visible{outline:2px solid #ff5043;outline-offset:2px}.clc-mode-hint{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:#6b6660}.clc-mode-hint strong{color:#1d1a17;font-weight:600}.clc-bank-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.clc-use-rate{appearance:none;border:1px solid #dedede;background:#fff;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;color:#1d1a17;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.clc-use-rate:hover{border-color:#ff5043;color:#ff5043}.clc-use-rate:focus-visible{outline:2px solid #ff5043;outline-offset:2px}