@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap");.fr-root{--bg:#0a0d13;--bg-2:#0e121b;--surface:#141925;--surface-2:#1b2231;--surface-3:#232c3e;--border:rgba(255,255,255,0.075);--border-strong:rgba(255,255,255,0.14);--text:#eef2f8;--text-2:#b6c0d2;--muted:#7f8aa0;--faint:#5a6478;--up:#2ecd8f;--up-soft:rgba(46,205,143,0.14);--down:#f5616b;--down-soft:rgba(245,97,107,0.14);--accent:#d4af52;--accent-2:#e8c878;--accent-soft:rgba(212,175,82,0.14);--info:#4d8df5;--radius:16px;--radius-sm:11px;--radius-xs:8px;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.32);--shadow-lg:0 24px 60px rgba(0,0,0,.5);--font-display:"Space Grotesk",system-ui,sans-serif;--font-sans:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--maxw:1240px;background:radial-gradient(1200px 600px at 80% -10%,rgba(212,175,82,.06),transparent 60%),radial-gradient(900px 500px at 0 0,rgba(77,141,245,.05),transparent 55%),var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}.fr-root *{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.fr-root ::-webkit-scrollbar{width:9px;height:9px}.fr-root ::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px}.fr-root ::-webkit-scrollbar-track{background:transparent}.fr-root ::selection{background:var(--accent-soft)}.fr-root .mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.fr-root .tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fr-root button{font-family:inherit;cursor:pointer}.fr-root a{color:inherit;text-decoration:none}.fr-root .up{color:var(--up)}.fr-root .down{color:var(--down)}.fr-root .pos{color:var(--up)}.fr-root .neg{color:var(--down)}.fr-root .app{min-height:100vh;display:flex;flex-direction:column}.fr-root .tape{border-bottom:1px solid var(--border);background:rgba(8,11,17,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;height:38px;display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:60}.fr-root .tape-track{display:inline-flex;gap:30px;white-space:nowrap;padding-left:20px;animation:fr-tape 60s linear infinite}.fr-root .tape:hover .tape-track{animation-play-state:paused}@keyframes fr-tape{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.fr-root .tape-item{display:inline-flex;align-items:center;gap:8px;font-size:12.5px}.fr-root .tape-item .t-name{color:var(--text-2);font-weight:600}.fr-root .tape-item .t-val{font-family:var(--font-mono);color:var(--text)}.fr-root .tape-item .t-chg{font-family:var(--font-mono);font-size:11.5px}.fr-root .hdr{position:-webkit-sticky;position:sticky;top:38px;z-index:50;background:rgba(10,13,19,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.fr-root .hdr-in{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:22px}.fr-root .brand{display:flex;align-items:center;gap:11px}.fr-root .brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,var(--accent-2),var(--accent));display:grid;place-items:center;color:#1a1404;font-weight:800;font-family:var(--font-display);font-size:17px;box-shadow:0 4px 14px rgba(212,175,82,.3)}.fr-root .brand-name{font-family:var(--font-display);font-weight:700;font-size:16.5px;letter-spacing:-.01em}.fr-root .brand-name small{display:block;font-size:10.5px;color:var(--muted);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.fr-root .nav{display:flex;gap:3px;margin-left:8px}.fr-root .nav a,.fr-root .nav button{background:none;border:0;color:var(--text-2);font-weight:600;font-size:14px;padding:9px 14px;border-radius:9px;position:relative;transition:.16s;text-decoration:none;cursor:pointer}.fr-root .nav a:hover,.fr-root .nav button:hover{color:var(--text);background:var(--surface)}.fr-root .nav a.active,.fr-root .nav button.active{color:var(--accent-2);background:var(--accent-soft)}.fr-root .hdr-right{margin-left:auto;display:flex;align-items:center;gap:12px}.fr-root .clock{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.fr-root .clock b{color:var(--text-2);font-weight:600}.fr-root .live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--up);font-weight:600}.fr-root .live .dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 var(--up);animation:fr-pulse 2s infinite}@keyframes fr-pulse{0%{box-shadow:0 0 0 0 rgba(46,205,143,.5)}70%{box-shadow:0 0 0 7px rgba(46,205,143,0)}to{box-shadow:0 0 0 0 rgba(46,205,143,0)}}.fr-root .main{flex:1 1;max-width:var(--maxw);margin:0 auto;width:100%;padding:30px 24px 80px}.fr-root .view{animation:fr-fade .35s ease}@keyframes fr-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fr-root .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:6px 0 18px}.fr-root .sec-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.015em;margin:0}.fr-root .sec-sub{color:var(--muted);font-size:13.5px;margin:4px 0 0;max-width:60ch}.fr-root .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:7px}.fr-root .tf-seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px}.fr-root .tf-seg button{background:none;border:0;color:var(--muted);font-weight:600;font-size:12.5px;padding:6px 13px;border-radius:8px;transition:.15s}.fr-root .tf-seg button:hover{color:var(--text-2)}.fr-root .tf-seg button.active{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow)}.fr-root .pill{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12.5px;font-weight:600;padding:3px 8px;border-radius:7px;line-height:1}.fr-root .pill.pos{color:var(--up);background:var(--up-soft)}.fr-root .pill.neg{color:var(--down);background:var(--down-soft)}.fr-root .pill .arrow{font-size:10px}.fr-root .chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid var(--border-strong);color:var(--text-2);background:var(--surface);white-space:nowrap}.fr-root .chip.us{color:#9db8e8}.fr-root .chip.vn{color:#e8b09d}.fr-root .flag{font-size:12px}.fr-root .star{background:none;border:0;color:var(--faint);font-size:16px;line-height:1;padding:4px;border-radius:6px;transition:.15s}.fr-root .star:hover{color:var(--accent-2);background:var(--surface-2)}.fr-root .star.on{color:var(--accent)}.fr-root .rank-grid{display:grid;grid-gap:14px;gap:14px}.fr-root .rank-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .18s,transform .18s}.fr-root .rank-row:hover{border-color:var(--border-strong)}.fr-root .rank-row.open{border-color:var(--accent-soft)}.fr-root .rr-main{display:grid;grid-template-columns:54px 1.6fr 130px 1fr 150px 40px;align-items:center;grid-gap:16px;gap:16px;padding:16px 18px;cursor:pointer}.fr-root .rr-rank{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--accent);width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--accent-soft);border-radius:11px;background:var(--accent-soft)}.fr-root .rr-id{min-width:0}.fr-root .rr-name{font-weight:700;font-size:15.5px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.fr-root .rr-en{color:var(--muted);font-size:12px;margin-top:2px;font-family:var(--font-mono)}.fr-root .rr-spark{height:38px}.fr-root .rr-val{text-align:right;font-family:var(--font-mono)}.fr-root .rr-val .v{font-size:17px;font-weight:600}.fr-root .rr-val .u{color:var(--muted);font-size:11px}.fr-root .rr-chg{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.fr-root .rr-toggle{color:var(--muted);display:grid;place-items:center;transition:transform .25s}.fr-root .rank-row.open .rr-toggle{transform:rotate(180deg);color:var(--accent-2)}.fr-root .rr-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.fr-root .rr-detail-in{overflow:hidden}.fr-root .rank-row.open .rr-detail{grid-template-rows:1fr}.fr-root .rank-row.open .rr-detail-in{overflow:visible}.fr-root .rr-detail-pad{padding:60px 18px 20px;border-top:1px solid var(--border);display:grid;grid-template-columns:1.7fr 1fr;grid-gap:24px;gap:24px;overflow:visible}.fr-root .detail-chart{height:230px;position:relative}.fr-root .detail-side{display:flex;flex-direction:column;gap:14px}.fr-root .detail-desc{color:var(--text-2);font-size:13.5px;line-height:1.55}.fr-root .stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.fr-root .stat{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px}.fr-root .stat .k{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.fr-root .stat .v{font-family:var(--font-mono);font-size:15px;font-weight:600;margin-top:4px}.fr-root .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:16px;gap:16px}.fr-root .icard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:.18s;cursor:pointer;position:relative;overflow:hidden}.fr-root .icard:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.fr-root .icard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.fr-root .icard-name{font-weight:700;font-size:15.5px;letter-spacing:-.01em}.fr-root .icard-en{color:var(--muted);font-size:11.5px;font-family:var(--font-mono);margin-top:2px}.fr-root .icard-val{font-family:var(--font-mono);font-size:24px;font-weight:600;margin:14px 0 6px;letter-spacing:-.01em}.fr-root .icard-chart{height:64px;margin:12px -4px -4px}.fr-root .icard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.fr-root .metals-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:18px;gap:18px;margin:24px 0 32px}.fr-root .insight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s}.fr-root .insight-card:hover{border-color:var(--border-strong);box-shadow:0 4px 16px rgba(0,0,0,.15)}.fr-root .insight-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.fr-root .insight-icon{font-size:20px;line-height:1}.fr-root .insight-title{font-size:15px;font-weight:700;margin:0;color:var(--text)}.fr-root .insight-body{display:flex;flex-direction:column;gap:14px}.fr-root .insight-metric{display:flex;flex-direction:column;gap:10px}.fr-root .metric-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-2);border-radius:10px}.fr-root .metric-label{font-size:13.5px;font-weight:600;color:var(--text-2)}.fr-root .metric-value{display:flex;align-items:center;gap:10px}.fr-root .metric-num{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text)}.fr-root .insight-text{font-size:12.5px;color:var(--muted);margin:0;line-height:1.5;padding:10px 12px;background:var(--surface-2);border-radius:8px;border-left:3px solid var(--accent)}.fr-root .premium-display{display:flex;flex-direction:column;align-items:center;padding:16px;background:linear-gradient(145deg,rgba(212,175,82,.08),rgba(212,175,82,.04));border-radius:12px;border:1px solid rgba(212,175,82,.2)}.fr-root .premium-value{font-size:28px;font-weight:800;font-family:var(--font-display);color:var(--accent-2);line-height:1}.fr-root .premium-label{font-size:11.5px;color:var(--muted);margin-top:6px;text-transform:uppercase;letter-spacing:.08em}.fr-root .premium-breakdown{display:flex;flex-direction:column;gap:8px}.fr-root .premium-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-2);border-radius:8px}.fr-root .premium-item-label{font-size:12px;color:var(--text-2)}.fr-root .premium-item-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text)}.fr-root .performance-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.fr-root .performance-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--surface-2);border-radius:10px;gap:8px}.fr-root .perf-sparkline{width:60px;height:24px}.fr-root .perf-label{font-size:11px;color:var(--muted);text-align:center}.fr-root .perf-change{font-family:var(--font-mono);font-size:13px;font-weight:700}.fr-root .interest-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:24px 0 32px}.fr-root .summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.fr-root .summary-card:hover{border-color:var(--border-strong);box-shadow:0 4px 16px rgba(0,0,0,.15)}.fr-root .summary-icon{font-size:32px;line-height:1}.fr-root .summary-content{flex:1 1}.fr-root .summary-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.fr-root .summary-value{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--accent-2);line-height:1;margin-bottom:4px}.fr-root .summary-bank{font-size:13px;color:var(--text-2);font-weight:600}.fr-root .bank-cards-mobile{display:none}.fr-root .interest-table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:32px}.fr-root .interest-table{width:100%;border-collapse:collapse}.fr-root .interest-table thead{background:var(--surface-2);border-bottom:1px solid var(--border)}.fr-root .interest-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.fr-root .interest-table th.th-rank{width:60px;text-align:center}.fr-root .interest-table th.th-bank{width:auto}.fr-root .interest-table th.th-rate{width:140px}.fr-root .interest-table th.th-change{width:180px}.fr-root .interest-table th.th-fav{width:60px;text-align:center}.fr-root .interest-table tbody tr{border-bottom:1px solid var(--border);transition:all .2s;cursor:pointer}.fr-root .interest-table tbody tr:hover{background:var(--surface-2)}.fr-root .interest-table tbody tr.top-bank{background:linear-gradient(90deg,rgba(212,175,82,.05),transparent)}.fr-root .interest-table tbody tr.top-bank:hover{background:linear-gradient(90deg,rgba(212,175,82,.08),rgba(255,255,255,.03))}.fr-root .interest-table td{padding:16px}.fr-root .interest-table .td-rank{text-align:center}.fr-root .rank-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-2)}.fr-root .rank-icon{font-size:20px}.fr-root .bank-info{display:flex;flex-direction:column;gap:4px}.fr-root .bank-name{font-weight:700;font-size:15px;color:var(--text)}.fr-root .bank-en{font-size:11.5px;font-family:var(--font-mono);color:var(--muted)}.fr-root .rate-display{display:flex;align-items:baseline;gap:4px}.fr-root .rate-value{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--accent-2)}.fr-root .rate-unit{font-size:12px;color:var(--muted)}.fr-root .change-group{display:flex;align-items:center;gap:10px}.fr-root .change-abs{font-family:var(--font-mono);font-size:13px;font-weight:600}.fr-root .td-fav{text-align:center}.fr-root .interest-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:18px;gap:18px}.fr-root .top-banks-list{display:flex;flex-direction:column;gap:10px}.fr-root .top-bank-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border-radius:8px}.fr-root .top-bank-rank{font-weight:700;color:var(--accent-2);min-width:24px}.fr-root .top-bank-name{flex:1 1;font-weight:600;color:var(--text)}.fr-root .top-bank-rate{font-family:var(--font-mono);font-weight:700;color:var(--accent-2)}.fr-root .trend-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.fr-root .trend-item{display:flex;flex-direction:column;align-items:center;padding:14px;background:var(--surface-2);border-radius:10px}.fr-root .trend-item.up{border-left:3px solid var(--up)}.fr-root .trend-item.down{border-left:3px solid var(--down)}.fr-root .trend-count{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1;margin-bottom:6px}.fr-root .trend-item.up .trend-count{color:var(--up)}.fr-root .trend-item.down .trend-count{color:var(--down)}.fr-root .trend-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.fr-root .gold-price-section{margin-bottom:32px}.fr-root .gold-content-grid,.fr-root .gold-price-section,.fr-root .gold-table-container{width:100%;max-width:100%;box-sizing:border-box}.fr-root .gold-table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;height:500px;max-height:500px}.fr-root .gold-table-wrapper{flex:1 1;overflow-y:auto;overflow-x:hidden}.fr-root .gold-table-wrapper::-webkit-scrollbar{width:6px}.fr-root .gold-table-wrapper::-webkit-scrollbar-track{background:var(--surface)}.fr-root .gold-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.fr-root .gold-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--muted)}.fr-root .gold-table{width:100%;border-collapse:collapse;table-layout:auto}.fr-root .gold-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--surface-2);border-bottom:1px solid var(--border)}.fr-root .gold-table th{text-align:left;padding:12px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:var(--surface-2)}.fr-root .gold-table th.th-provider{width:25%;min-width:100px}.fr-root .gold-table th.th-price{width:18.75%;text-align:center}.fr-root .gold-table td.td-yesterday,.fr-root .gold-table th.th-yesterday{display:none}@media (max-width:767px){.fr-root .gold-table th.th-provider{width:40%}.fr-root .gold-table th.th-price{width:30%}}@media (min-width:768px){.fr-root .gold-table td.td-yesterday,.fr-root .gold-table th.th-yesterday{display:table-cell}}.fr-root .gold-table tbody tr{border-bottom:1px solid var(--border);transition:all .2s}.fr-root .gold-table tbody tr:hover{background:var(--surface-2)}.fr-root .gold-table td{padding:14px 12px}.fr-root .gold-table .td-provider{text-align:left}.fr-root .gold-table .td-price,.fr-root .gold-table .td-price-yesterday{text-align:center}.fr-root .provider-info{display:flex;flex-direction:column;gap:4px}.fr-root .provider-name{font-weight:700;font-size:14px;color:var(--text)}.fr-root .price-cell-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.fr-root .price-cell{display:flex;align-items:center;justify-content:center;gap:6px}.fr-root .price-change{font-family:var(--font-mono);font-size:11px;font-weight:600;opacity:.85}.fr-root .price-value{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent-2)}.fr-root .price-value-muted{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--muted)}.fr-root .price-badge{font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px}.fr-root .price-badge.up{background:var(--up-soft);color:var(--up)}.fr-root .price-badge.down{background:var(--down-soft);color:var(--down)}.fr-root .table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px;border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;gap:10px}.fr-root .footer-note{font-size:12px;font-weight:600;color:var(--muted)}.fr-root .footer-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.fr-root .legend-up{font-size:11px;font-weight:700;color:var(--up)}.fr-root .legend-down{font-size:11px;font-weight:700;color:var(--down)}.fr-root .legend-text{font-weight:500}.fr-root .gold-chart-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;height:100%;display:flex;flex-direction:column}.fr-root .gold-chart-wrapper .chart-svg{width:100%;height:auto;flex:1 1}.fr-root .gold-chart-container{flex:1 1;display:flex;flex-direction:column}.fr-root .crosshair-group{pointer-events:none}.fr-root .crosshair-group circle:nth-child(2),.fr-root .crosshair-group circle:nth-child(4){animation:fr-pulse-dot 1.5s ease-in-out infinite}.fr-root .gold-chart-container{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .3s ease;overflow:hidden;width:100%;box-sizing:border-box}.fr-root .gold-chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--accent) 30%,var(--accent) 70%,transparent 100%);opacity:0;transition:opacity .3s ease}.fr-root .gold-chart-container:hover{border-color:var(--border-strong);box-shadow:0 4px 12px rgba(0,0,0,.08)}.fr-root .gold-chart-container:hover:before{opacity:.3}.fr-root .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.fr-root .chart-title{font-size:16px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.01em}.fr-root .chart-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media (min-width:768px){.fr-root .chart-legend{gap:20px}}.fr-root .legend-item{display:flex;align-items:center;gap:6px}.fr-root .legend-btn{background:none;border:none;padding:6px 8px;cursor:pointer;border-radius:8px;transition:all .2s ease;font-family:var(--font-sans);font-size:12px}@media (min-width:768px){.fr-root .legend-btn{padding:6px 10px;font-size:13px}}.fr-root .legend-btn:hover{background:var(--surface-2);transform:translateY(-1px)}.fr-root .legend-btn:active{transform:translateY(0)}.fr-root .legend-btn.legend-inactive{opacity:.4}.fr-root .legend-btn.legend-inactive:hover{opacity:.6}.fr-root .legend-btn .legend-label{color:var(--text);font-weight:500;transition:opacity .2s ease}.fr-root .legend-btn.legend-inactive .legend-label{text-decoration:line-through;opacity:.5}.fr-root .legend-dot{width:10px;height:10px;border-radius:50%;transition:all .2s ease;flex-shrink:0}.fr-root .legend-btn:hover .legend-dot{transform:scale(1.2);box-shadow:0 0 8px currentColor}.fr-root .legend-dot.sell{background-color:var(--up)}.fr-root .legend-dot.buy{background-color:var(--down)}.fr-root .legend-label{font-size:12px;color:var(--muted);font-weight:500}.fr-root .chart-reference{position:absolute;bottom:16px;right:20px;font-size:10px;font-weight:700;color:var(--muted);background:var(--surface-3);padding:6px 10px;border-radius:8px;border:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.05)}.fr-root .chart-tooltip{background:linear-gradient(135deg,rgba(35,44,62,.98),rgba(27,34,49,.98));border:1.5px solid var(--border-strong);border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);pointer-events:none;animation:fr-tooltip-fade .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:visible}@keyframes fr-tooltip-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fr-root .tooltip-header{color:var(--accent-2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border);font-family:var(--font-display);white-space:nowrap}.fr-root .tooltip-prices{display:flex;flex-direction:column;gap:10px;flex:1 1}.fr-root .tooltip-price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:20px}.fr-root .price-row-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:visible}.fr-root .price-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.fr-root .tooltip-price-row.sell .price-dot{background:var(--up);box-shadow:0 0 6px var(--up)}.fr-root .tooltip-price-row.buy .price-dot{background:var(--down);box-shadow:0 0 6px var(--down)}.fr-root .price-row-value{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--text);white-space:nowrap;flex-shrink:0}.fr-root .price-row-value:after{content:"k";font-size:10px;color:var(--muted);margin-left:2px;font-weight:600}.fr-root .gold-source{font-size:11px;color:var(--faint);padding:0 2px}.fr-root .source-label{font-weight:600}.fr-root .source-value{font-style:italic}.fr-root .metals-tables-row{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;margin-bottom:48px;max-width:1400px;margin-left:auto;margin-right:auto}@media (min-width:1200px){.fr-root .metals-tables-row{grid-template-columns:1fr 1fr;gap:32px;align-items:start}}.fr-root .metals-chart-section{margin-top:48px;max-width:1400px;margin-left:auto;margin-right:auto}.fr-root .metals-chart-section .sec-head{margin-bottom:24px}.fr-root .metals-chart-section .gold-chart-container{width:100%;max-width:100%}.fr-root .gold-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.fr-root .gold-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.fr-root .drawer-scrim{position:fixed;inset:0;background:rgba(4,6,10,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;opacity:0;pointer-events:none;transition:opacity .25s}.fr-root .drawer-scrim.open{opacity:1;pointer-events:auto}.fr-root .drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,94vw);background:var(--bg-2);border-left:1px solid var(--border-strong);z-index:95;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.1,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.fr-root .drawer.open{transform:none}.fr-root .drawer-head{padding:22px 24px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:14px}.fr-root .drawer-body{padding:22px 24px 40px;overflow-y:auto}.fr-root .drawer-close{margin-left:auto;background:var(--surface);border:1px solid var(--border);color:var(--text-2);width:34px;height:34px;border-radius:9px;font-size:17px;display:grid;place-items:center;transition:.15s}.fr-root .drawer-close:hover{background:var(--surface-2);color:var(--text)}.fr-root .big-val{font-family:var(--font-mono);font-size:34px;font-weight:600;letter-spacing:-.02em}.fr-root .drawer-chart{height:280px;margin:18px 0 10px}.fr-root .crosshair{position:absolute;inset:0;pointer-events:none}.fr-root .ch-line{position:absolute;top:0;bottom:0;width:1px;background:var(--border-strong)}.fr-root .ch-dot{position:absolute;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg);transform:translate(-50%,-50%)}.fr-root .ch-tip{position:absolute;transform:translate(-50%,-130%);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:9px;padding:7px 10px;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);z-index:3}.fr-root .ch-tip .tt{color:var(--muted);font-size:10.5px;margin-bottom:2px}.fr-root .ch-tip .tv{font-family:var(--font-mono);font-weight:600}.fr-root .axis-x{display:flex;justify-content:space-between;margin-top:8px;color:var(--faint);font-size:10.5px;font-family:var(--font-mono)}.fr-root .chart-wrap{position:relative;width:100%;height:100%;overflow:visible}.fr-root .chart-svg{width:100%;height:100%;display:block;background:linear-gradient(to bottom,var(--bg) 0,var(--surface) 100%);border-radius:12px}.fr-root .chart-svg path{transition:opacity .3s ease,stroke-opacity .3s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.fr-root .chart-svg circle{transition:all .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.fr-root .crosshair-group circle{animation:fr-pulse-dot 1.5s ease-in-out infinite}@keyframes fr-pulse-dot{0%,to{opacity:1}50%{opacity:.7}}.fr-root .wiki-layout{display:grid;grid-template-columns:230px 1fr;grid-gap:30px;gap:30px;align-items:start}.fr-root .wiki-nav{position:-webkit-sticky;position:sticky;top:118px;display:flex;flex-direction:column;gap:2px}.fr-root .wiki-nav button{text-align:left;background:none;border:0;color:var(--text-2);padding:9px 13px;border-radius:9px;font-weight:600;font-size:13.5px;transition:.15s;border-left:2px solid transparent}.fr-root .wiki-nav button:hover{background:var(--surface);color:var(--text)}.fr-root .wiki-nav button.active{background:var(--accent-soft);color:var(--accent-2)}.fr-root .wiki-entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 26px;margin-bottom:16px;scroll-margin-top:120px}.fr-root .wiki-entry h3{font-family:var(--font-display);font-size:19px;margin:0 0 4px;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.fr-root .wiki-entry .w-en{color:var(--muted);font-family:var(--font-mono);font-size:12px}.fr-root .wiki-entry p{color:var(--text-2);font-size:14px;line-height:1.65;margin:14px 0 0}.fr-root .wiki-entry .w-tag{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.fr-root .wiki-mean{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:16px}.fr-root .wiki-mean .m{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:var(--bg-2)}.fr-root .wiki-mean .m .mh{font-weight:700;font-size:12.5px;margin-bottom:5px;display:flex;align-items:center;gap:7px;white-space:nowrap}.fr-root .wiki-mean .m.up .mh{color:var(--up)}.fr-root .wiki-mean .m.down .mh{color:var(--down)}.fr-root .wiki-mean .m p{margin:0;font-size:12.5px;color:var(--text-2);line-height:1.5}.fr-root .hero{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:18px;gap:18px;margin-bottom:26px}.fr-root .hero-main{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.fr-root .hero-spotlight{display:grid;grid-gap:12px;gap:12px}.fr-root .spot-mini{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.fr-root .mini{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.fr-root .mini .ml{color:var(--muted);font-size:11.5px;font-weight:600}.fr-root .mini .mv{font-family:var(--font-mono);font-size:19px;font-weight:600;margin-top:5px}.fr-root .mini .mc{margin-top:6px}.fr-root .sentiment{display:flex;align-items:center;gap:14px}.fr-root .gauge{width:92px;height:92px}.fr-root .sent-txt h4{margin:0;font-family:var(--font-display);font-size:18px}.fr-root .sent-txt p{margin:3px 0 0;color:var(--muted);font-size:12.5px}.fr-root .foot-note{max-width:var(--maxw);margin:0 auto;padding:22px 24px 60px;color:var(--faint);font-size:12px;border-top:1px solid var(--border)}.fr-root .mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fr-fade .25s ease}.fr-root .mobile-menu{position:fixed;top:0;left:0;bottom:0;width:300px;background:linear-gradient(165deg,rgba(15,18,25,.98),rgba(10,13,19,.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;display:flex;flex-direction:column;box-shadow:8px 0 40px rgba(0,0,0,.6),0 0 0 1px rgba(212,175,82,.1);animation:fr-slide-in .35s cubic-bezier(.16,1,.3,1);border-right:1px solid rgba(212,175,82,.15)}@keyframes fr-slide-in{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.fr-root .mobile-menu-header{padding:24px 20px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(212,175,82,.04),transparent)}.fr-root .mobile-menu-header .brand-name{font-size:15.5px}.fr-root .mobile-menu-header .brand-name small{font-size:10px}.fr-root .mobile-menu-close{background:var(--surface-2);border:0;color:var(--text-2);cursor:pointer;padding:10px;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.fr-root .mobile-menu-close:hover{color:var(--text);background:var(--surface-3);border-color:var(--border-strong);transform:rotate(90deg)}.fr-root .mobile-menu-close:active{transform:rotate(90deg) scale(.95)}.fr-root .mobile-menu-nav{padding:20px 16px;display:flex;flex-direction:column;gap:6px;flex:1 1;overflow-y:auto}.fr-root .mobile-menu-nav a{background:none;color:var(--text-2);font-weight:600;font-size:15.5px;padding:16px 18px;border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border:1px solid transparent}.fr-root .mobile-menu-nav a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .2s cubic-bezier(.16,1,.3,1)}.fr-root .mobile-menu-nav a:after{content:"→";position:absolute;right:18px;color:var(--muted);opacity:0;transform:translateX(-8px);transition:all .2s cubic-bezier(.16,1,.3,1);font-size:18px}.fr-root .mobile-menu-nav a:hover{color:var(--text);background:var(--surface);border-color:var(--border);transform:translateX(4px)}.fr-root .mobile-menu-nav a:hover:after{opacity:1;transform:translateX(0)}.fr-root .mobile-menu-nav a.active{color:var(--accent-2);background:var(--accent-soft);border-color:rgba(212,175,82,.3);box-shadow:0 2px 12px rgba(212,175,82,.15)}.fr-root .mobile-menu-nav a.active:before{transform:scaleY(1)}.fr-root .mobile-menu-nav a.active:after{opacity:0}.fr-root .mobile-menu-nav a .badge{background:linear-gradient(145deg,var(--accent-2),var(--accent));color:#1a1404;font-size:11px;font-weight:800;padding:4px 9px;border-radius:7px;min-width:24px;text-align:center;box-shadow:0 2px 8px rgba(212,175,82,.3);letter-spacing:.02em}.fr-root .mobile-menu-footer{padding:16px 20px;border-top:1px solid var(--border);background:linear-gradient(0deg,rgba(212,175,82,.04),transparent);font-size:11px;color:var(--muted);text-align:center;line-height:1.4}.fr-root .mobile-menu-footer b{color:var(--accent-2);font-weight:700}@media (max-width:900px){.fr-root .rr-main{grid-template-columns:44px 1.4fr 90px 110px 30px}.fr-root .rr-spark{display:none}.fr-root .hero,.fr-root .rr-detail-pad,.fr-root .wiki-layout{grid-template-columns:1fr}.fr-root .wiki-nav{position:static;flex-direction:row;flex-wrap:wrap}.fr-root .sec-head{flex-direction:column;align-items:flex-start;gap:14px}.fr-root .sec-title{font-size:20px}.fr-root .tf-seg{align-self:flex-start}.fr-root .metals-insights{grid-template-columns:1fr}}@media (max-width:620px){.fr-root .nav{display:none}.fr-root .brand-mark{cursor:pointer}.fr-root .rr-main{grid-template-columns:38px 1.3fr 100px 26px}.fr-root .rr-chg{display:none}.fr-root .main{padding:20px 16px 60px}.fr-root .sec-head{flex-direction:column;align-items:flex-start;gap:16px;margin:0 0 20px}.fr-root .sec-title{font-size:19px;line-height:1.3}.fr-root .sec-sub{font-size:13px;line-height:1.5;max-width:100%}.fr-root .eyebrow{font-size:10px;margin-bottom:6px}.fr-root .tf-seg{width:100%;justify-content:space-between}.fr-root .tf-seg button{flex:1 1;padding:7px 8px;font-size:11.5px}.fr-root .hero{gap:14px;margin-bottom:20px}.fr-root .hero-main{padding:18px}.fr-root .sentiment{flex-direction:column;align-items:flex-start;gap:12px}.fr-root .gauge{width:80px;height:80px}.fr-root .sent-txt h4{font-size:16px}.fr-root .sent-txt p{font-size:12px;line-height:1.5}.fr-root .spot-mini{gap:10px}.fr-root .mini{padding:12px 14px}.fr-root .mini .ml{font-size:11px}.fr-root .mini .mv{font-size:17px;margin-top:4px}.fr-root .card-grid{grid-template-columns:1fr;gap:12px}.fr-root .icard{padding:16px}.fr-root .icard-name{font-size:14.5px}.fr-root .icard-val{font-size:22px}.fr-root .rank-grid{gap:10px}.fr-root .rank-row{border-radius:14px}.fr-root .rr-detail-pad{padding:16px}.fr-root .drawer{width:100vw}.fr-root .drawer-head{padding:18px 16px 16px}.fr-root .drawer-body{padding:18px 16px 32px}.fr-root .dr-big-val{font-size:28px}.fr-root .dr-stats{grid-template-columns:1fr 1fr}.fr-root .metals-insights{gap:14px;margin:20px 0 28px}.fr-root .insight-card{padding:16px}.fr-root .insight-title{font-size:14px}.fr-root .performance-grid{grid-template-columns:1fr;gap:10px}.fr-root .premium-value{font-size:24px}.fr-root .metric-row{padding:8px 10px}.fr-root .metric-label{font-size:12.5px}.fr-root .metric-num{font-size:13px}.fr-root .wiki-nav{gap:8px}.fr-root .wiki-nav button{padding:8px 12px;font-size:13px}.fr-root .wiki-entry{padding:18px}.fr-root .wiki-entry h3{font-size:18px}.fr-root .wiki-mean{flex-direction:column;gap:10px}.fr-root .tape{font-size:12px}.fr-root .hdr-in{padding:0 16px;height:58px}.fr-root .brand-mark{width:30px;height:30px;font-size:15px}.fr-root .brand-name{font-size:15px}.fr-root .brand-name small{font-size:9.5px}.fr-root .clock{font-size:11px}.fr-root .foot-note{padding:18px 16px 50px;font-size:11px}.fr-root .interest-summary{grid-template-columns:1fr;gap:12px;margin:20px 0 24px}.fr-root .summary-card{padding:16px}.fr-root .summary-icon{font-size:28px}.fr-root .summary-label{font-size:12px}.fr-root .summary-value{font-size:24px}.fr-root .summary-bank{font-size:13px}.fr-root .interest-table-container{display:none}.fr-root .bank-cards-mobile{display:block}.fr-root .bank-card-mobile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.fr-root .bank-card-mobile:hover{background:var(--surface-2);border-color:var(--border-strong)}.fr-root .bank-card-mobile.top-bank{border-color:var(--accent);background:linear-gradient(135deg,rgba(212,175,82,.08),transparent)}.fr-root .bank-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.fr-root .bank-card-rank{display:flex;align-items:center;gap:4px;flex-shrink:0}.fr-root .rank-number{font-size:16px;font-weight:700;color:var(--text);min-width:24px;text-align:center}.fr-root .rank-medal{font-size:18px}.fr-root .bank-card-name{flex:1 1;min-width:0}.fr-root .bank-card-name .bank-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:2px}.fr-root .bank-card-name .bank-en{font-size:12px;color:var(--muted)}.fr-root .bank-card-star{flex-shrink:0}.fr-root .bank-card-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding-top:14px;border-top:1px solid var(--border)}.fr-root .bank-card-change,.fr-root .bank-card-rate{display:flex;flex-direction:column;gap:6px}.fr-root .change-label,.fr-root .rate-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.fr-root .rate-value-large{font-size:22px;font-weight:700;color:var(--text);font-family:var(--font-display)}.fr-root .rate-unit-small{font-size:12px;font-weight:400;color:var(--muted);margin-left:2px}.fr-root .change-content{display:flex;align-items:center;gap:8px}.fr-root .change-value{font-size:15px;font-weight:600;font-family:var(--font-mono)}.fr-root .interest-insights{grid-template-columns:1fr;gap:12px}.fr-root .insight-header{gap:8px}.fr-root .insight-icon{font-size:20px}.fr-root .insight-text{font-size:13px}.fr-root .top-banks-list{gap:8px}.fr-root .top-bank-item{padding:10px 12px}.fr-root .top-bank-name{font-size:13px}.fr-root .top-bank-rate{font-size:14px}.fr-root .trend-stats{grid-template-columns:1fr 1fr;gap:12px}.fr-root .trend-count{font-size:24px}.fr-root .trend-label{font-size:12px}}