.cc-board{background:#0b120e;border-bottom:1px solid #ffffff14;padding:28px 0 34px}.cc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.cc-grid--2{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin-top:16px}.cc-card{color:#13211a;background:#fff;border-radius:18px;min-width:0;box-shadow:0 10px 30px #00000040}.cc-main{padding:22px}.cc-main h2{letter-spacing:-.02em;margin:0 0 14px;font-size:22px;font-weight:800}.cc-form{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.cc-form label{color:#5d7065;text-transform:uppercase;letter-spacing:.04em;gap:5px;min-width:0;font-size:12px;font-weight:700;display:grid}.cc-amt{grid-column:1/-1}.cc-form input,.cc-form select{color:#13211a;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #dfe9e3;border-radius:12px;width:100%;padding:12px;font:700 16px Sora,system-ui,sans-serif}.cc-amt input{padding:12px 14px;font-size:24px}.cc-form input:focus,.cc-form select:focus{outline-offset:1px;outline:2px solid #37d37b}.cc-swap{color:#1a7a42;cursor:pointer;background:#f5f8f6;border:1px solid #dfe9e3;border-radius:12px;width:48px;height:48px;font-size:16px}.cc-swap:hover{border-color:#37d37b}.cc-out{color:#eef4f0;background:linear-gradient(135deg,#0d3a26,#145c38);border-radius:16px;gap:4px;margin-top:16px;padding:18px 20px;display:grid}.cc-out__from{color:#a9d8bd;font-size:14px}.cc-out b{color:#fff;letter-spacing:-.02em;word-break:break-word;font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.15}.cc-out__rate{color:#d4eee0;font-size:13.5px}.cc-out__upd{color:#86b99c;font-size:12px}.cc-pop{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.cc-pop button{color:#13211a;cursor:pointer;background:#f5f8f6;border:1px solid #dfe9e3;border-radius:999px;padding:6px 11px;font:600 12.5px Sora,system-ui,sans-serif}.cc-pop button:hover{color:#1a7a42;border-color:#37d37b}.cc-chart{flex-direction:column;min-height:440px;display:flex;overflow:hidden}.cc-chart__head{border-bottom:1px solid #dfe9e3;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:14px 16px;display:flex}.cc-chart__head b{font-size:15px}.cc-chart__head span{color:#5d7065;font-size:12.5px}.cc-chart__box{flex:1;min-height:380px}.cc-chart__box .tradingview-widget-container,.cc-chart__box .tradingview-widget-container__widget{width:100%;height:100%}.cc-chart__empty{color:#5d7065;padding:24px}.cc-tbl,.cc-multi{padding:18px 20px}.cc-tbl h3,.cc-multi h3{margin:0 0 10px;font-size:16px;font-weight:800}.cc-tbl__wrap{overflow-x:auto}.cc-tbl table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.cc-tbl th{text-align:left;letter-spacing:.05em;color:#5d7065;border-bottom:1px solid #dfe9e3;padding:6px 8px;font-size:12px}.cc-tbl td{white-space:nowrap;border-bottom:1px solid #eef3f0;padding:7px 8px}.cc-tbl td:nth-child(2),.cc-tbl td:nth-child(5){font-weight:700}.cc-tbl .cc-gap{border:0;width:18px}.cc-multi ul{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.cc-multi button{text-align:left;cursor:pointer;background:#f5f8f6;border:1px solid #dfe9e3;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:8px;width:100%;padding:8px 11px;font-family:Sora,system-ui,sans-serif;display:grid}.cc-multi button:hover{border-color:#37d37b}.cc-multi b{color:#1a7a42;grid-row:1;font-size:13px}.cc-multi span{color:#5d7065;grid-area:2/1/auto/-1;font-size:11.5px}.cc-multi em{color:#13211a;text-align:right;font-variant-numeric:tabular-nums;grid-area:1/2;font-size:14px;font-style:normal;font-weight:800}.cc-credit,.cc-note{color:#7d9186;margin:12px 0 0;font-size:12.5px}.cc-credit a{color:#9df0c0}.cc-codes{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:14px;display:grid}.cc-codes div{border:1px solid var(--p-line);background:#fff;border-radius:12px;grid-template-columns:1fr auto;gap:1px 8px;padding:9px 12px;display:grid}.cc-codes b{color:var(--p-ink);font-size:14.5px}.cc-codes em{color:#1a7a42;grid-area:1/2/3;align-self:center;font-style:normal;font-weight:700}.cc-codes span{color:var(--p-mut);font-size:12.5px}@media (width<=1024px){.cc-grid,.cc-grid--2{grid-template-columns:1fr}.cc-chart{min-height:400px}}@media (width<=720px){.cc-board{padding:18px 0 26px}.cc-main,.cc-tbl,.cc-multi{padding:16px}.cc-tbl table{font-size:13px}.cc-tbl td,.cc-tbl th{padding:6px 5px}}