:root{--bg-dark: #0b0f19;--bg-card: rgba(30, 41, 59, .75);--bg-card-border: rgba(255, 255, 255, .08);--bg-card-hover: rgba(51, 65, 85, .8);--gold-primary: #f59e0b;--gold-light: #fbbf24;--gold-gradient: linear-gradient(135deg, #f59e0b, #d97706);--silver-primary: #cbd5e1;--silver-light: #f8fafc;--silver-gradient: linear-gradient(135deg, #e2e8f0, #94a3b8);--buy-green: #10b981;--sell-red: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;padding:12px;display:flex;justify-content:center;background:radial-gradient(circle at 50% 0%,#1e293b,#0b0f19 75%)}.content-wrapper{width:100%;max-width:960px;display:flex;flex-direction:column;gap:16px}.app-header{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.brand-row{display:flex;align-items:center;justify-content:space-between}.logo-group{display:flex;align-items:center;gap:12px}.logo-icon{width:44px;height:44px;background:#f59e0b1f;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(245,158,11,.25)}.app-title{font-size:1.15rem;font-weight:800;letter-spacing:.05em;color:var(--gold-light)}.live-badge{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em}.pulse-dot{width:8px;height:8px;background-color:var(--buy-green);border-radius:50%;box-shadow:0 0 8px var(--buy-green);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:1}50%{transform:scale(1.2);opacity:.6}to{transform:scale(.95);opacity:1}}.refresh-btn{min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--bg-card-border);background:#ffffff0d;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.refresh-btn:active{background:#ffffff26;transform:scale(.96)}.refresh-btn.spinning svg{animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.country-bar-container{display:flex;flex-direction:column;gap:6px}.country-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.country-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.country-pills::-webkit-scrollbar{display:none}.country-pill{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--bg-card-border);background:#0f172a99;color:var(--text-muted);display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.country-pill.active{background:#f59e0b26;border-color:var(--gold-primary);color:#fff}.country-flag{font-size:1.1rem}.country-currency{font-size:.75rem;opacity:.8}.main-content{display:flex;flex-direction:column;gap:16px}.unit-selector-row{display:flex;flex-direction:column;gap:8px}.section-label{font-size:.85rem;color:var(--text-muted);font-weight:600}.unit-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.unit-btn{min-height:44px;border-radius:10px;border:1px solid var(--bg-card-border);background:#1e293bcc;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.unit-btn.active{background:#334155;color:#fff;border-color:#64748b}.cards-grid{display:grid;grid-template-columns:1fr;gap:14px}.metal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.gold-card{border-top:3px solid var(--gold-primary)}.silver-card{border-top:3px solid var(--silver-primary)}.metal-card-header{display:flex;align-items:center;justify-content:space-between}.metal-title-group{display:flex;align-items:center;gap:10px}.metal-icon{width:38px;height:38px;border-radius:10px;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center}.gold-badge{background:var(--gold-gradient);color:#000}.silver-badge{background:var(--silver-gradient);color:#0f172a}.metal-name{font-size:1.1rem;font-weight:800;letter-spacing:.02em}.metal-purity{font-size:.75rem;color:var(--text-muted)}.spread-badge{font-size:.72rem;padding:4px 8px;border-radius:6px;background:#ffffff0f;color:var(--text-muted);font-weight:600}.price-rates-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rate-box{background:#0f172ab3;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.04)}.rate-label{display:flex;flex-direction:column;font-size:.68rem;font-weight:700;color:var(--text-muted);margin-bottom:4px}.sub-tag{font-size:.6rem;text-transform:uppercase;opacity:.7}.rate-value{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.buy-color{color:var(--buy-green)}.sell-color{color:var(--gold-light)}.card-footer-info{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.change-indicator.positive{color:var(--buy-green);font-weight:600}.change-indicator.negative{color:var(--sell-red);font-weight:600}.chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.chart-header-row{display:flex;flex-direction:column;gap:10px}.chart-metal-toggle{display:grid;grid-template-columns:1fr 1fr;background:#0f172acc;padding:4px;border-radius:12px}.metal-tab{min-height:40px;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .2s}.metal-tab.selected.gold{background:#f59e0b33;color:var(--gold-light)}.metal-tab.selected.silver{background:#cbd5e133;color:#fff}.timeframe-selector{display:flex;justify-content:space-between;gap:4px}.tf-btn{flex:1;min-height:44px;border-radius:10px;border:1px solid var(--bg-card-border);background:#0f172a80;color:var(--text-muted);font-weight:700;font-size:.8rem;cursor:pointer}.tf-btn.active{background:#3b82f6;color:#fff;border-color:#60a5fa}.chart-stats-banner{display:flex;justify-content:space-between;align-items:flex-end;background:#0f172a99;padding:12px;border-radius:12px}.stats-label{font-size:.72rem;color:var(--text-muted)}.stats-price{font-size:1.3rem;font-weight:800;color:#fff}.stats-change-group{display:flex;flex-direction:column;align-items:flex-end}.change-badge{font-size:.82rem;font-weight:700;padding:3px 8px;border-radius:6px}.change-badge.up{background:#10b98126;color:var(--buy-green)}.change-badge.down{background:#ef444426;color:var(--sell-red)}.stats-range-info{font-size:.68rem;color:var(--text-dim);margin-top:2px}.svg-chart-container{width:100%;overflow:hidden}.chart-svg{width:100%;height:auto;display:block}.calc-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.calc-header{display:flex;flex-direction:column}.calc-title{font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--text-main)}.calc-subtitle{font-size:.75rem;color:var(--text-muted)}.calc-grid{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:6px}.toggle-btn{min-height:44px;border-radius:10px;border:1px solid var(--bg-card-border);background:#0f172a99;color:var(--text-muted);font-weight:700;cursor:pointer}.toggle-btn.active.gold{background:var(--gold-gradient);color:#000;border:none}.toggle-btn.active.silver{background:var(--silver-gradient);color:#0f172a;border:none}.input-unit-row{display:flex;gap:8px}.weight-input{flex:1;min-height:44px;background:#0f172acc;border:1px solid var(--bg-card-border);border-radius:10px;padding:0 12px;color:#fff;font-size:1rem;font-weight:600}.weight-input:focus{outline:none;border-color:var(--gold-primary)}.unit-select{min-height:44px;background:#0f172acc;border:1px solid var(--bg-card-border);border-radius:10px;padding:0 10px;color:#fff;font-size:.9rem;font-weight:600}.purity-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.purity-pill{min-height:44px;border-radius:10px;border:1px solid var(--bg-card-border);background:#0f172a99;color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;padding:0 6px}.purity-pill.active{background:#f59e0b33;border-color:var(--gold-primary);color:#fff}.calc-results-box{background:#0f172acc;border-radius:12px;padding:14px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.result-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-item{display:flex;flex-direction:column}.res-label{font-size:.68rem;color:var(--text-muted);font-weight:700}.res-value{font-size:1.2rem;font-weight:800}.res-sub{font-size:.62rem;color:var(--text-dim)}.calc-summary-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.insights-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.insights-header{display:flex;align-items:center;gap:10px}.insights-flag{font-size:2rem}.insights-title{font-size:.95rem;font-weight:800}.insights-exchange{font-size:.75rem;color:var(--text-muted)}.insights-grid{display:flex;flex-direction:column;gap:10px}.insight-item{display:flex;gap:10px;background:#0f172a80;padding:10px;border-radius:10px;align-items:flex-start}.insight-icon{color:var(--gold-light);margin-top:2px;flex-shrink:0}.item-heading{font-size:.8rem;font-weight:700;color:var(--text-main)}.item-desc{font-size:.72rem;color:var(--text-muted)}.app-footer{text-align:center;padding:16px 8px;font-size:.75rem;color:var(--text-dim);display:flex;flex-direction:column;gap:4px}.disclaimer{font-size:.68rem;opacity:.8}@media (min-width: 768px){.app-container{padding:24px}.cards-grid{grid-template-columns:1fr 1fr}.chart-header-row{flex-direction:row;justify-content:space-between;align-items:center}.chart-metal-toggle{width:240px}.timeframe-selector{width:280px}.calc-grid{grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:span 2}.purity-pills{grid-template-columns:repeat(4,1fr)}.insights-grid{grid-template-columns:1fr 1fr}}