:root{
--btcw-orange:#F7931A;
--btcw-glow:rgba(247,147,26,.15);
--btcw-bg:#FFFFFF;
--btcw-border:#E5E7EB;
--btcw-text:#111111;
--btcw-dim:#6B7280;
--btcw-green:#059669;
--btcw-red:#DC2626;
--btcw-green-bg:rgba(5,150,105,.08);
--btcw-red-bg:rgba(220,38,38,.07);
--btcw-card-bg:#F9FAFB;
--btcw-card-br:#E5E7EB;
--btcw-divider:#F0F0F0;
--btcw-grid-line:#E5E7EB;
--btcw-label-color:#6B7280;
--btcw-font:"Outfit",system-ui,sans-serif;
--btcw-mono:"JetBrains Mono",monospace;
--btcw-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
--btcw-shadow-hover:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);
}
.btcw-dark{
--btcw-bg:#141414;
--btcw-border:rgba(247,147,26,.20);
--btcw-text:#FAFAFA;
--btcw-dim:#8A8A8A;
--btcw-green:#00D897;
--btcw-red:#FF4757;
--btcw-green-bg:rgba(0,216,151,.08);
--btcw-red-bg:rgba(255,71,87,.08);
--btcw-card-bg:rgba(255,255,255,.03);
--btcw-card-br:rgba(255,255,255,.08);
--btcw-divider:rgba(255,255,255,.08);
--btcw-grid-line:rgba(255,255,255,.08);
--btcw-label-color:#8A8A8A;
--btcw-glow:rgba(247,147,26,.25);
--btcw-shadow:0 1px 3px rgba(0,0,0,.3);
--btcw-shadow-hover:0 4px 16px rgba(0,0,0,.4);
}
.btcw-mini,
.btcw-card-wrap,
.btcw-full{
font-family:var(--btcw-font);
-webkit-font-smoothing:antialiased;
}
.btcw-chg{
display:inline-flex;
align-items:center;
gap:4px;
padding:4px 9px;
border-radius:8px;
font-family:var(--btcw-mono);
font-weight:600;
white-space:nowrap;
line-height:1;
}
.btcw-chg.up{background:var(--btcw-green-bg);color:var(--btcw-green)}
.btcw-chg.down{background:var(--btcw-red-bg);color:var(--btcw-red)}
.btcw-chg svg{flex-shrink:0}
.btcw-logo-circle{
border-radius:50%;
background:linear-gradient(135deg,#F7931A,#E8820E);
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 2px 10px var(--btcw-glow);
flex-shrink:0;
}
.btcw-logo-circle svg{
fill:#fff;
width:60%;
height:60%;
}
.btcw-src-link{
font-size:11px;
color:var(--btcw-dim);
text-decoration:none;
letter-spacing:.02em;
transition:color .2s;
}
.btcw-src-link:hover{color:var(--btcw-orange)}
.btcw-upd-text{font-size:11px;color:var(--btcw-dim);letter-spacing:.02em}
.btcw-mini{
display:inline-flex;
align-items:center;
gap:10px;
background:var(--btcw-bg);
border:1px solid var(--btcw-border);
border-radius:12px;
padding:8px 16px;
transition:all .3s;
box-shadow:var(--btcw-shadow);
}
.btcw-mini:hover{border-color:var(--btcw-orange);box-shadow:var(--btcw-shadow-hover)}
.btcw-mini .btcw-logo-circle{width:28px;height:28px}
.btcw-mini .btcw-logo-circle svg{width:15px;height:15px}
.btcw-mini-name{font-weight:600;font-size:14px;color:var(--btcw-text)}
.btcw-mini-price{font-family:var(--btcw-mono);font-size:15px;font-weight:700;color:var(--btcw-text);letter-spacing:-.02em}
.btcw-mini .btcw-chg{font-size:12px;padding:3px 7px}
.btcw-card-wrap{width:100%}
.btcw-card{
background:var(--btcw-bg);
border:1px solid var(--btcw-border);
border-radius:20px;
padding:28px 28px 22px;
position:relative;
overflow:hidden;
transition:all .4s;
box-shadow:var(--btcw-shadow);
}
.btcw-card:hover{border-color:var(--btcw-orange);box-shadow:var(--btcw-shadow-hover)}
.btcw-card-hdr{display:flex;align-items:center;gap:14px;margin-bottom:20px;position:relative;z-index:1}
.btcw-card .btcw-logo-circle{width:48px;height:48px}
.btcw-card .btcw-logo-circle svg{width:26px;height:26px}
.btcw-card-nm{font-weight:700;font-size:17px;color:var(--btcw-text);letter-spacing:-.02em;line-height:1.2}
.btcw-card-sym{font-family:var(--btcw-mono);font-size:12px;color:var(--btcw-dim);letter-spacing:.08em;text-transform:uppercase}
.btcw-card-price{font-family:var(--btcw-mono);font-size:38px;font-weight:700;color:var(--btcw-text);letter-spacing:-.03em;line-height:1;position:relative;z-index:1}
.btcw-card-cur{font-size:20px;font-weight:600;color:var(--btcw-dim);margin-right:2px}
.btcw-card-prow{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:18px;position:relative;z-index:1}
.btcw-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1;margin-bottom:16px}
.btcw-card-st{background:var(--btcw-card-bg);border-radius:12px;padding:12px 14px;border:1px solid var(--btcw-card-br)}
.btcw-card-stl{font-size:11px;color:var(--btcw-dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.btcw-card-stv{font-family:var(--btcw-mono);font-size:14px;font-weight:600;color:var(--btcw-text);letter-spacing:-.01em}
.btcw-card-ft{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding-top:14px;border-top:1px solid var(--btcw-divider)}
.btcw-full{width:100%;max-width:960px;margin:0 auto;color:var(--btcw-text)}
.btcw-full-hero{background:var(--btcw-bg);border:1px solid var(--btcw-border);border-radius:24px;padding:36px 36px 28px;position:relative;overflow:hidden;margin-bottom:20px;box-shadow:var(--btcw-shadow)}
.btcw-full-hero-top{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:1}
.btcw-full .btcw-logo-circle{width:56px;height:56px}
.btcw-full .btcw-logo-circle svg{width:30px;height:30px}
.btcw-full-nm{font-weight:700;font-size:22px;color:var(--btcw-text);letter-spacing:-.02em}
.btcw-full-rank{font-family:var(--btcw-mono);font-size:11px;background:rgba(247,147,26,.1);color:var(--btcw-orange);padding:3px 8px;border-radius:6px;margin-left:8px}
.btcw-full-sym{font-family:var(--btcw-mono);font-size:12px;color:var(--btcw-dim);letter-spacing:.08em;text-transform:uppercase}
.btcw-full-price{font-family:var(--btcw-mono);font-size:48px;font-weight:700;color:var(--btcw-text);letter-spacing:-.03em;line-height:1;margin-bottom:6px;position:relative;z-index:1}
.btcw-full-cur{font-size:24px;font-weight:600;color:var(--btcw-dim);margin-right:2px}
.btcw-full-aed{font-family:var(--btcw-mono);font-size:16px;color:var(--btcw-dim);margin-bottom:20px;position:relative;z-index:1}
.btcw-full-changes{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1;margin-bottom:6px}
.btcw-full-changes .btcw-chg-label{font-size:10px;color:var(--btcw-dim);display:block;margin-bottom:2px;letter-spacing:.05em;text-transform:uppercase}
.btcw-chart-wrap{background:var(--btcw-bg);border:1px solid var(--btcw-border);border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:var(--btcw-shadow)}
.btcw-chart-title{font-weight:600;font-size:16px;color:var(--btcw-text);margin-bottom:16px}
.btcw-chart-tabs{display:flex;gap:6px;margin-bottom:20px}
.btcw-chart-tab{font-family:var(--btcw-mono);font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;background:var(--btcw-card-bg);border:1px solid var(--btcw-card-br);color:var(--btcw-dim);cursor:pointer;text-decoration:none;transition:all .2s}
.btcw-chart-tab:hover,.btcw-chart-tab.active{background:rgba(247,147,26,.08);border-color:var(--btcw-orange);color:var(--btcw-orange)}
.btcw-chart-svg{width:100%;height:auto;display:block}
.btcw-chart-svg .btcw-grid-line{stroke:var(--btcw-grid-line);stroke-width:1}
.btcw-chart-svg .btcw-axis-label{fill:var(--btcw-label-color);font-family:"JetBrains Mono",monospace;font-size:10px}
.btcw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}
.btcw-grid-item{background:var(--btcw-bg);border:1px solid var(--btcw-border);border-radius:16px;padding:20px;transition:all .3s;box-shadow:var(--btcw-shadow)}
.btcw-grid-item:hover{border-color:var(--btcw-orange);box-shadow:var(--btcw-shadow-hover)}
.btcw-grid-label{font-size:12px;color:var(--btcw-dim);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}
.btcw-grid-val{font-family:var(--btcw-mono);font-size:18px;font-weight:700;color:var(--btcw-text);letter-spacing:-.02em}
.btcw-grid-sub{font-size:11px;color:var(--btcw-dim);margin-top:4px}
.btcw-supply-bar{height:8px;background:var(--btcw-divider);border-radius:4px;overflow:hidden;margin-top:8px}
.btcw-supply-fill{height:100%;background:linear-gradient(90deg,var(--btcw-orange),#FFB347);border-radius:4px;transition:width .6s ease}
.btcw-full-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}
@media(max-width:640px){
.btcw-full-hero{padding:24px 20px 20px;border-radius:18px}
.btcw-full-price{font-size:34px}
.btcw-full-cur{font-size:18px}
.btcw-grid{grid-template-columns:1fr 1fr}
.btcw-chart-wrap{padding:16px}
}
@media(max-width:480px){
.btcw-card{padding:22px 20px 18px;border-radius:16px}
.btcw-card-price{font-size:30px}
.btcw-card-cur{font-size:17px}
}
@media(max-width:400px){
.btcw-grid{grid-template-columns:1fr}
.btcw-card-stats{grid-template-columns:1fr}
.btcw-card-ft,.btcw-full-ft{flex-direction:column;align-items:flex-start}
}