@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Manrope:wght@300;500;700;800&display=swap";
:root{--bg:#0a0c0f;--bg2:#0f1215;--bg3:#141820;--panel:#131720;--border:#d2a55026;--border2:#d2a5504d;--gold:#d2a550;--gold2:#f0c060;--gold-dim:#d2a55099;--green:#22c55e;--red:#ef4444;--text:#e8e2d4;--text2:#9b9080;--text3:#6b6358;--mono:"IBM Plex Mono", monospace;--sans:"Manrope", sans-serif;--scan:#d2a55008}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}body:before{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--scan) 2px, var(--scan) 4px);pointer-events:none;z-index:1000;position:fixed;inset:0}.batik-corner{opacity:.12;pointer-events:none;z-index:999;width:120px;height:120px;position:fixed}.batik-tl{top:0;left:0}.batik-tr{top:0;right:0;transform:scaleX(-1)}.batik-bl{bottom:0;left:0;transform:scaleY(-1)}.batik-br{bottom:0;right:0;transform:scale(-1)}.header{border-bottom:1px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;height:56px;padding:0 2rem;display:flex}.header-logo{font-family:var(--mono);letter-spacing:.25em;color:var(--gold);align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.header-logo:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.header-time{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;font-size:11px}.main{max-width:1200px;margin:0 auto;padding:2rem}.idx-hero{background:var(--panel);border:1px solid var(--border2);z-index:20;border-radius:2px;margin-bottom:2rem;padding:2.5rem 3rem;animation:.6s both fadeSlideIn;position:relative;overflow:visible}.idx-hero-info{z-index:3;padding-bottom:.65rem;position:absolute;top:1.15rem;right:1.15rem}.idx-hero-info-button{border:1px solid var(--border2);width:1.8rem;height:1.8rem;color:var(--gold2);font-family:var(--mono);cursor:help;background:#0a0c0fb8;border-radius:999px;place-items:center;font-size:.9rem;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .15s;display:grid}.idx-hero-info-button:hover,.idx-hero-info-button:focus-visible{color:var(--gold2);background:#d2a5501f;border-color:#f0c0608c;transform:translateY(-1px)}.idx-hero-info-tooltip{border:1px solid var(--border2);width:min(27rem,100vw - 3rem);color:var(--text2);font-family:var(--mono);opacity:0;pointer-events:none;background:#0a0c0ffa;border-radius:2px;padding:.8rem;font-size:10px;line-height:1.45;transition:opacity .15s,transform .15s;position:absolute;top:100%;right:0;transform:translateY(-4px);box-shadow:0 12px 24px #00000061}.idx-hero-info-tooltip strong{color:var(--gold2);margin-bottom:.35rem;font-size:11px;font-weight:600;display:block}.idx-tooltip-formula{color:var(--text);overflow-wrap:anywhere;background:#d2a55012;border:1px solid #d2a5501f;margin-bottom:.5rem;padding:.45rem .5rem}.idx-tooltip-section{border-top:1px solid var(--border);margin-top:.65rem;padding-top:.55rem}.idx-tooltip-heading{color:var(--gold-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.4rem;font-size:9px;display:block}.idx-tooltip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem .6rem;display:grid}.idx-tooltip-grid span{color:var(--text2);white-space:nowrap}.idx-tooltip-note{color:var(--text3);margin-top:.45rem}.idx-tooltip-sources{border-top:1px solid var(--border);flex-wrap:wrap;gap:.4rem .7rem;margin-top:.65rem;padding-top:.55rem;display:flex}.idx-hero-info-tooltip a{color:var(--gold2);text-underline-offset:2px;-webkit-text-decoration:underline #f0c06080;text-decoration:underline #f0c06080}.idx-hero-info-tooltip a:hover,.idx-hero-info-tooltip a:focus-visible{color:var(--text);-webkit-text-decoration-color:var(--gold2);text-decoration-color:var(--gold2)}.idx-hero-info-button:hover+.idx-hero-info-tooltip,.idx-hero-info-button:focus-visible+.idx-hero-info-tooltip,.idx-hero-info:hover .idx-hero-info-tooltip,.idx-hero-info-tooltip:hover,.idx-hero-info:focus-within .idx-hero-info-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.idx-hero:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.idx-hero:after{content:"IDRXY";font-family:var(--mono);color:#d2a5500a;letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:7rem;font-weight:600;line-height:1;position:absolute;bottom:-.5rem;right:3rem}.idx-label{font-family:var(--mono);letter-spacing:.3em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:.75rem;font-size:10px}.idx-main{flex-wrap:wrap;align-items:flex-end;gap:2rem;margin-bottom:1.5rem;display:flex}.idx-value{font-family:var(--mono);color:var(--gold2);letter-spacing:-.03em;font-size:5rem;font-weight:600;line-height:1;transition:color .3s}.idx-change-block{flex-direction:column;gap:4px;padding-bottom:.5rem;display:flex}.idx-change{font-family:var(--mono);font-size:1.4rem;font-weight:500;transition:color .3s}.idx-change-pct{font-family:var(--mono);opacity:.7;font-size:.9rem}.idx-yesterday-label{font-family:var(--mono);color:var(--text3);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.idx-chart{height:180px;margin:1.1rem -2.5rem 1.6rem;position:relative}.idx-chart svg{width:100%;height:180px;display:block;overflow:visible}.idx-chart-line{fill:none;stroke:var(--gold);stroke-width:1.5px;vector-effect:non-scaling-stroke}.idx-chart-line-synthetic{stroke-dasharray:3 4;opacity:.7}.idx-chart-fill{fill:#d2a5501f}.idx-chart-point line{opacity:0;stroke:#d2a55029;stroke-width:1px;vector-effect:non-scaling-stroke;transition:opacity .15s}.idx-chart-point .idx-chart-hit{fill:#0000;stroke:#0000;opacity:0;cursor:crosshair;pointer-events:all;r:18}.idx-chart-point .idx-chart-dot{fill:var(--panel);stroke:var(--gold2);stroke-width:1.5px;opacity:.78;vector-effect:non-scaling-stroke;cursor:crosshair;pointer-events:none;transition:fill .15s,r .15s,opacity .15s}.idx-chart-point foreignObject{opacity:0;pointer-events:none;transition:opacity .15s;overflow:visible}.idx-chart-point:hover line,.idx-chart-point:hover foreignObject{opacity:1}.idx-chart-point:hover .idx-chart-dot{fill:var(--gold2);opacity:1;r:4.5}.idx-chart:has(.idx-chart-point:hover) .idx-chart-point:not(:hover) .idx-chart-dot{opacity:0}.idx-chart-tooltip{border:1px solid var(--border2);color:var(--text2);font-family:var(--mono);white-space:nowrap;background:#0a0c0ff5;border-radius:2px;padding:.6rem .8rem;font-size:12px;line-height:1.5;box-shadow:0 8px 18px #00000047}.idx-chart-tooltip strong,.idx-chart-tooltip span{display:block}.idx-chart-tooltip strong{color:var(--gold2);font-size:16px;font-weight:600}.idx-chart-empty{height:140px;color:var(--text3);font-family:var(--mono);letter-spacing:.12em;background:0 0;justify-content:center;align-items:center;margin:1.1rem -.25rem 1.6rem;font-size:10px;display:flex}.idx-meta{font-family:var(--mono);color:var(--text3);flex-wrap:wrap;gap:2.5rem;font-size:11px;display:flex}.idx-meta-item span:last-child{color:var(--text2);margin-left:6px}.section-label{font-family:var(--mono);letter-spacing:.25em;color:var(--text3);text-transform:uppercase;align-items:center;gap:12px;margin-bottom:1rem;font-size:10px;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.currency-section{z-index:1;margin-top:2rem;position:relative}.currency-section-main{margin-top:0}.currency-section-additional{padding-top:.5rem}.pairs-grid{background:var(--border);border:1px solid var(--border);border-radius:2px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;animation:.8s .2s both fadeSlideIn;display:grid;overflow:hidden}.main-pairs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.additional-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.assets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bond-section{padding-top:.5rem}.bond-grid{background:var(--border);border:1px solid var(--border);border-radius:2px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;animation:.8s .2s both fadeSlideIn;display:grid;overflow:hidden}.bond-card{background:var(--panel);min-width:0;padding:1.25rem 1.5rem}.bond-header,.bond-main{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.bond-country{font-family:var(--mono);color:var(--gold);letter-spacing:.05em;font-size:13px;font-weight:500}.bond-code{font-family:var(--mono);color:var(--text3);text-transform:uppercase;margin-top:2px;font-size:10px}.bond-source-mark{font-family:var(--mono);color:var(--gold2);border:1px solid var(--border2);padding:2px 7px;font-size:11px;line-height:1.3}.bond-main{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;margin:1rem 0 1.1rem}.bond-main span,.bond-spread-heading,.bond-spread-cell span{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.bond-main strong{font-family:var(--mono);color:var(--text);letter-spacing:0;font-size:2rem;font-weight:600}.bond-maturities{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.bond-maturity{background:var(--bg2);min-width:0;padding:.65rem}.bond-maturity span,.bond-meta,.bond-change{font-family:var(--mono);font-size:10px}.bond-maturity>span{color:var(--text3);letter-spacing:.08em;display:block}.bond-maturity strong{color:var(--text);font-family:var(--mono);margin-top:.2rem;font-size:13px;font-weight:600;display:block}.bond-change{white-space:nowrap;margin-top:.25rem;font-weight:500;display:inline-block}.bond-meta{color:var(--text3);gap:.35rem;margin-top:1rem;line-height:1.45;display:grid}.bond-meta span,.bond-meta a{color:var(--text2)}.bond-meta a{text-underline-offset:2px;-webkit-text-decoration:underline #d2a55059;text-decoration:underline #d2a55059}.bond-meta a:hover,.bond-meta a:focus-visible{color:var(--gold2);-webkit-text-decoration-color:var(--gold2);text-decoration-color:var(--gold2);outline:none}.bond-spread-panel{background:var(--panel);border:1px solid var(--border);border-top:0;padding:1rem 1.5rem 1.25rem}.bond-spread-heading{color:var(--gold2);text-shadow:0 0 16px #f0c0602e;margin-bottom:.75rem;font-weight:600}.bond-spread-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.bond-spread-cell{background:var(--bg2);min-width:0;padding:.75rem}.bond-spread-cell span{letter-spacing:.08em;font-size:10px;display:block}.bond-spread-cell strong{color:var(--text);font-family:var(--mono);margin-top:.25rem;font-size:1rem;font-weight:600;display:block}.pair-card{background:var(--panel);cursor:pointer;color:inherit;font:inherit;text-align:left;border:0;width:100%;padding:1.25rem 1.5rem;transition:background .2s;display:block;position:relative}.pair-card:hover,.pair-card:focus-visible{background:var(--bg3);outline:none}.pair-card:before{content:"";background:var(--gold);opacity:0;width:2px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.pair-card:hover:before,.pair-card:focus-visible:before{opacity:.5}.pair-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.pair-name{font-family:var(--mono);color:var(--gold);letter-spacing:.05em;font-size:13px;font-weight:500}.pair-currency-name{font-family:var(--mono);color:var(--text3);margin-top:2px;font-size:10px}.pair-flag{font-size:18px;line-height:1}.asset-mark{font-family:var(--mono);color:var(--gold2);border:1px solid var(--border2);letter-spacing:.06em;padding:2px 7px;font-size:11px;line-height:1.3}.pair-rate{font-family:var(--mono);color:var(--text);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.6rem;font-weight:600;transition:color .4s}.pair-sub{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pair-change{font-family:var(--mono);font-size:11px;font-weight:500;transition:color .3s}.asset-ounce{font-family:var(--mono);color:var(--text3);text-align:right;font-size:10px}.up,.idr-stronger{color:var(--green)}.down,.idr-weaker{color:var(--red)}.change-neutral{color:var(--text3)}.loading-state{text-align:center;font-family:var(--mono);color:var(--text3);letter-spacing:.1em;background:var(--panel);grid-column:1/-1;padding:3rem;font-size:12px}.error-msg{font-family:var(--mono);color:var(--red);background:#ef44441a;border:1px solid #ef44444d;border-radius:2px;margin-bottom:1rem;padding:1rem;font-size:11px}.pair-modal-backdrop{z-index:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050608bd;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.pair-modal{border:1px solid var(--border2);background:#131720fa;border-radius:2px;width:min(760px,100%);max-height:min(86vh,820px);padding:1.6rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000080}.pair-modal:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.pair-modal-close{border:1px solid var(--border2);width:2rem;height:2rem;color:var(--gold2);cursor:pointer;font-family:var(--mono);background:#0a0c0fb8;border-radius:999px;font-size:1.2rem;line-height:1;position:absolute;top:.85rem;right:.85rem}.pair-modal-close:hover,.pair-modal-close:focus-visible{background:#d2a5501f;outline:none}.pair-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding-right:2.25rem;display:flex}.pair-modal-kicker{color:var(--gold-dim);font-family:var(--mono);letter-spacing:.22em;font-size:10px}.pair-modal h2{color:var(--gold2);font-family:var(--mono);letter-spacing:0;margin-top:.45rem;font-size:clamp(2.5rem,9vw,4rem);font-weight:600;line-height:1}.pair-modal-name{color:var(--text2);font-family:var(--mono);margin-top:.35rem;font-size:12px}.pair-modal-flag{font-size:2rem;line-height:1}.pair-modal-stats{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1.4rem 0 .75rem;display:grid}.pair-modal-stats div{background:var(--bg2);min-width:0;padding:.95rem}.pair-modal-stats span,.pair-modal-meta{color:var(--text3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.pair-modal-stats strong{color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;margin-top:.35rem;font-size:clamp(1rem,3vw,1.45rem);font-weight:600;display:block}.pair-modal-stats strong.idr-stronger{color:var(--green)}.pair-modal-stats strong.idr-weaker{color:var(--red)}.pair-modal-stats strong.change-neutral{color:var(--text3)}.idx-chart-compact{height:210px;margin:.75rem -.35rem 1rem}.idx-chart-compact svg{height:210px}.pair-modal-meta{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding-top:.85rem;display:flex}.pair-modal-meta span{color:var(--text2)}.flash-up{animation:.6s flashUp}.flash-down{animation:.6s flashDown}@keyframes flashUp{0%,to{background:var(--panel)}30%{background:#22c55e1f}}@keyframes flashDown{0%,to{background:var(--panel)}30%{background:#ef44441f}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.update-badge{font-family:var(--mono);color:var(--gold-dim);letter-spacing:.1em;background:#d2a55014;border:1px solid #d2a55026;border-radius:2px;padding:2px 8px;font-size:9px}.footer{font-family:var(--mono);color:var(--text3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) minmax(180px,1fr);align-items:center;gap:1.5rem;margin-top:2rem;padding:1rem 0;font-size:10px;line-height:1.6;display:grid}.footer-source{flex-direction:column;gap:2px;display:flex}.footer-source span{color:var(--gold-dim);letter-spacing:.18em}.footer-source strong{color:var(--text2);font-weight:500}.footer-note{border:1px solid var(--border);background:var(--bg2);border-radius:2px;padding:.75rem 1rem}.footer-credit{text-align:right;letter-spacing:.14em}.footer-credit a{color:var(--gold);text-decoration:none;transition:color .2s}.footer-credit a:hover{color:var(--gold2)}@media (max-width:700px){.batik-corner{width:76px;height:76px}.header{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;min-height:56px;padding:.85rem 1rem}.header-logo{letter-spacing:.13em;font-size:10px;line-height:1.5}.main{padding:1rem}.idx-hero{padding:1.5rem}.idx-hero-info{top:.9rem;right:.9rem}.idx-hero-info-button{width:1.65rem;height:1.65rem;font-size:.82rem}.idx-hero-info-tooltip{width:min(20rem,100vw - 2rem);padding:.6rem .7rem;font-size:9px}.idx-tooltip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idx-main{gap:1rem;margin-bottom:1.25rem}.idx-value{overflow-wrap:anywhere;font-size:clamp(3rem,17vw,4rem)}.idx-change{font-size:1.05rem}.idx-change-pct{font-size:.78rem}.idx-yesterday-label{font-size:9px;line-height:1.4}.idx-chart,.idx-chart svg{height:200px}.idx-chart{margin-left:-.25rem;margin-right:-.25rem}.idx-chart-point .idx-chart-dot{r:4.5;stroke-width:2px}.idx-chart-point .idx-chart-hit{r:24}.idx-chart-tooltip{padding:2rem 2.2rem;font-size:38px;line-height:1.5}.idx-chart-tooltip strong{font-size:55px}.idx-chart-empty{text-align:center;height:200px;padding:0 1rem}.idx-meta{grid-template-columns:1fr;gap:.55rem;font-size:10px;display:grid}.idx-meta-item{justify-content:space-between;gap:1rem;display:flex}.idx-meta-item span:last-child{text-align:right;margin-left:0}.idx-hero:after{font-size:3.25rem;bottom:0;right:1rem}.section-label{letter-spacing:.18em;font-size:9px}.pairs-grid,.main-pairs-grid,.additional-grid,.assets-grid,.bond-grid{grid-template-columns:1fr}.pair-card{padding:1rem 1.1rem}.pair-rate{font-size:clamp(1.35rem,8vw,1.6rem)}.bond-card{padding:1rem 1.1rem}.bond-main strong{font-size:1.6rem}.bond-maturities{grid-template-columns:repeat(2,minmax(0,1fr))}.bond-spread-panel{padding:1rem 1.1rem}.bond-spread-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-modal-backdrop{align-items:center;padding:.75rem}.pair-modal{max-height:92vh;padding:1.15rem}.pair-modal-header{padding-right:2rem}.pair-modal-stats{grid-template-columns:1fr}.idx-chart-compact,.idx-chart-compact svg{height:220px}.idx-chart-compact .idx-chart-tooltip{padding:1.35rem 1.5rem;font-size:26px}.idx-chart-compact .idx-chart-tooltip strong{font-size:38px}.pair-modal-meta{grid-template-columns:1fr;gap:.45rem;line-height:1.5;display:grid}.footer{grid-template-columns:1fr;gap:1rem}.footer-credit{text-align:left}}