.ccvcb-wrapper{--ccvcb-purple:#5b3a9b;--ccvcb-purple-dark:#4a2f80;--ccvcb-purple-light:#f4f0fb;--ccvcb-text:#2b2440;--ccvcb-muted:#6b6480;--ccvcb-border:#e6e1f5;max-width:900px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ccvcb-text);box-sizing:border-box}.ccvcb-wrapper *{box-sizing:border-box}.ccvcb-header{text-align:center;padding:28px 16px 8px}.ccvcb-badge{display:inline-block;font-size:12px;letter-spacing:.06em;font-weight:700;color:var(--ccvcb-muted);margin-bottom:10px}.ccvcb-title{font-size:30px;font-weight:800;margin:0 0 14px;line-height:1.25}.ccvcb-subtitle{color:var(--ccvcb-muted);max-width:620px;margin:0 auto 18px;line-height:1.6}.ccvcb-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.ccvcb-pill{background:#fff;border:1px solid var(--ccvcb-border);color:var(--ccvcb-purple);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600}.ccvcb-card,.ccvcb-table-card,.ccvcb-explain{background:#fff;border-radius:16px;border:1px solid var(--ccvcb-border);padding:24px;margin-top:20px;box-shadow:0 4px 20px rgb(91 58 155 / .06)}.ccvcb-card-title{font-size:18px;font-weight:700;margin:0 0 4px}.ccvcb-updated-at{color:var(--ccvcb-muted);font-size:13px;margin:0 0 18px}.ccvcb-tabs{display:flex;background:var(--ccvcb-purple-light);border-radius:10px;padding:4px;margin-bottom:22px}.ccvcb-tab{flex:1;border:none;background:#fff0;padding:10px 12px;font-size:14px;font-weight:600;color:var(--ccvcb-muted);border-radius:8px;cursor:pointer;transition:all .15s ease}.ccvcb-tab.is-active{background:#fff;color:var(--ccvcb-purple);box-shadow:0 2px 6px rgb(91 58 155 / .12)}.ccvcb-field label{display:block;font-size:13px;font-weight:600;color:var(--ccvcb-muted);margin-bottom:8px}.ccvcb-input-group{display:flex;align-items:stretch;border:1px solid var(--ccvcb-border);border-radius:10px;overflow:hidden}.ccvcb-currency-select{border:none;background:var(--ccvcb-purple-light);padding:0 14px;font-weight:700;font-size:14px;color:var(--ccvcb-text);border-right:1px solid var(--ccvcb-border);min-width:110px}.ccvcb-amount-input{flex:1;border:none;padding:14px 16px;font-size:18px;text-align:right;font-weight:600;color:var(--ccvcb-text);background:#fff}.ccvcb-amount-input:focus,.ccvcb-currency-select:focus{outline:2px solid var(--ccvcb-purple);outline-offset:-2px}.ccvcb-swap-btn{display:block;margin:14px auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--ccvcb-border);background:#fff;color:var(--ccvcb-purple);font-size:18px;cursor:pointer;transition:transform .15s ease}.ccvcb-swap-btn:hover{transform:rotate(180deg);background:var(--ccvcb-purple-light)}.ccvcb-note{margin-top:18px;background:var(--ccvcb-purple-light);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--ccvcb-text);line-height:1.6}.ccvcb-table-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.ccvcb-export-btn{background:var(--ccvcb-purple);color:#fff!important;text-decoration:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}.ccvcb-export-btn:hover{background:var(--ccvcb-purple-dark);color:#fff}.ccvcb-table-scroll{overflow-x:auto}.ccvcb-rates-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}.ccvcb-rates-table thead th{background:var(--ccvcb-purple);color:#fff;text-align:left;padding:12px 14px;font-size:12px;letter-spacing:.04em;white-space:nowrap}.ccvcb-rates-table thead th.ccvcb-num{text-align:right}.ccvcb-rates-table tbody td{padding:12px 14px;border-bottom:1px solid var(--ccvcb-border)}.ccvcb-rates-table tbody tr:nth-child(even){background:var(--ccvcb-purple-light)}.ccvcb-rates-table td.ccvcb-num,.ccvcb-rates-table th.ccvcb-num{text-align:right;font-weight:600;white-space:nowrap}.ccvcb-rates-table td.ccvcb-code{font-weight:700;white-space:nowrap}.ccvcb-explain ul{margin:8px 0 0;padding-left:20px;line-height:1.9}.ccvcb-explain{background:var(--ccvcb-purple-light);border:none}@media (max-width:600px){.ccvcb-title{font-size:22px}.ccvcb-card,.ccvcb-table-card,.ccvcb-explain{padding:16px}.ccvcb-currency-select{min-width:90px;padding:0 8px}}