:root{--gold-color: #D4AF37;--silver-color: #8E9AA7;--omx-color: #3b82f6;--bg-primary: #FFFFFF;--bg-secondary: #F3F4F6;--border-color: #E5E7EB;--text: #374151;--gold: #B9953A;--silver: #8E9AA7;--aurum-gold: #bb9a54;--green: #16a34a;--red: #dc2626;--neutral: #6b7280;--chip: #F3F4F6;--chipBorder: #E5E7EB}body{font-family:Red Hat Display,sans-serif;color:var(--text);background-color:transparent}html,body{margin:0;padding:0;background:transparent;overflow:hidden}.full-component-wrapper{width:100%;max-width:1200px;margin:auto}#header-container{padding:1.5rem}.header-content-wrapper{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}#price-line-container{display:flex;align-items:baseline;gap:.75rem;margin-top:.25rem}#currentPrice{font-size:1.875rem;line-height:2.25rem;font-weight:300}h2.text-sm.font-bold{font-size:1rem;font-weight:700}#priceChange{margin-bottom:0!important;font-size:1.125rem;position:relative;bottom:3px}#priceChange.up{color:var(--green)!important}#priceChange.down{color:var(--red)!important}#priceChange.neu{color:var(--neutral)!important}#header-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}#chart-section{padding:1rem 1rem .5rem;border-top:1px solid #e5e7eb}.chart{width:100%;position:relative;transition:opacity .4s ease-in-out}#chart-loader{position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center;background-color:#fff9;opacity:0;transition:opacity .3s ease-out;pointer-events:none}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--aurum-gold);border-radius:50%;animation:spin 1s linear infinite}.bottombar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem 1rem}.bottom-center{justify-self:center;position:relative;display:flex;flex-direction:column;max-width:100%;min-width:0;box-sizing:border-box}.group.seg{display:flex;flex-direction:column;align-items:stretch;gap:0;background:var(--chip);padding:10px 12px;border-radius:14px;border:1px solid var(--chipBorder);max-width:450px;box-sizing:border-box}.seg-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;align-items:stretch;padding:2px;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.seg-scroll::-webkit-scrollbar{display:none}.btn{background:var(--bg-primary);border:1px solid var(--chipBorder);border-radius:12px;font-size:14px;color:var(--text);cursor:pointer;font-weight:700;transition:box-shadow .2s ease-out,border-color .2s ease-out;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-width:72px;padding:10px}.btn:not(.active):hover{border-color:var(--aurum-gold)}.btn.active{box-shadow:0 0 0 1.5px var(--aurum-gold)}.btn .lbl{font-size:14px;line-height:1}.btn .pct{font-size:13px;line-height:1;font-weight:700;transition:opacity .2s ease-out}.pct.up{color:var(--green)}.pct.down{color:var(--red)}.pct.neu{color:var(--neutral)}#custom-date-btn{padding-top:12px;padding-bottom:12px}#datepicker-container-wrapper{display:grid;grid-template-rows:0fr;padding-top:0;padding-bottom:0;overflow:hidden;transition:grid-template-rows .4s ease-in-out,padding .4s ease-in-out}#datepicker-container-wrapper.open{grid-template-rows:1fr;padding-top:1rem}#datepicker-container-wrapper.is-awaiting-resize{transition:none}#datepicker-container-wrapper .datepicker-content{min-height:0;overflow:hidden}#datepicker-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-end;gap:.75rem;max-width:450px!important;margin:0 auto;padding-bottom:.751rem}.datepicker-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.datepicker-label{font-size:.85rem;font-weight:500;color:#9ca3af;padding-left:.25rem}.datepicker-separator{height:2.5rem;margin-bottom:.1rem;border-left:1px solid #D1D5DB}.datepicker-wrapper svg{width:1rem;height:1rem}.calendar-icon{position:absolute;top:50%;padding-top:1.4rem;transform:translateY(-50%);right:11px;z-index:10;color:#9ca3af;cursor:pointer}.calendar-icon:hover{color:#4b5563}.unit-switcher{position:relative;display:flex;background-color:#e5e7eb;border-radius:9999px;padding:4px;border:1px solid var(--border-color)}.unit-switcher .unit-option{position:relative;z-index:10;padding:6px 16px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;border-radius:9999px;transition:color .3s ease-in-out}.unit-switcher .unit-option.active{color:#111827}.unit-switcher .slider{position:absolute;top:4px;bottom:4px;border-radius:9999px;background-color:var(--bg-primary);box-shadow:0 1px 3px #0000000d;transition:transform .3s cubic-bezier(.25,.8,.25,1),width .3s cubic-bezier(.25,.8,.25,1),opacity .2s ease-in-out;z-index:5;border:1px solid var(--border-color);opacity:0}.compare-group{position:relative}.compare-button{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:9999px!important;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;color:#4b5563}.compare-button:hover{background-color:#f9fafb;border-color:#d1d5db}.compare-button.active{background-color:var(--bg-secondary);border-color:var(--gold);color:var(--gold)}.compare-options{position:absolute;right:0;top:calc(100% + 12px);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:8px;width:180px;z-index:50;box-shadow:0 10px 15px -3px #00000012,0 4px 6px -2px #0000000d;transform-origin:top right;opacity:0;transform:scale(.95) translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.compare-options.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.compare-checkbox{display:none}.compare-label{display:flex;align-items:center;cursor:pointer;padding:10px;border-radius:8px;transition:background-color .2s ease;color:#374151}.compare-label:hover{background-color:var(--bg-secondary)}.custom-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.compare-checkbox:checked+.compare-label .custom-checkbox{background-color:var(--aurum-gold);border-color:var(--aurum-gold)}.custom-checkbox .checkmark-svg{opacity:0;transform:scale(.5);transition:all .2s ease;color:#fff}.compare-checkbox:checked+.compare-label .custom-checkbox .checkmark-svg{opacity:1;transform:scale(1)}.checkbox-loader{display:none;width:12px;height:12px;border:2px solid var(--aurum-gold);border-bottom-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.compare-label.is-loading .custom-checkbox .checkbox-loader{display:block}.compare-label.is-loading .custom-checkbox .checkmark-svg{display:none}.compare-label.is-loading .custom-checkbox{background-color:transparent!important;border-color:var(--border-color)!important}.wrap{font-family:Red Hat Display,ui-sans-serif,system-ui;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;box-shadow:none;padding:0}#datepicker-container .ant-picker{width:100%!important;background:var(--bg-primary)!important;border-color:var(--border-color)!important;border-radius:.5rem!important;height:40px;padding-right:36px!important}.datepicker-wrapper .ant-picker:hover{border-color:#bb9a54!important}#datepicker-container .ant-picker-input>input{color:var(--text)!important;height:100%}.ant-picker-dropdown{background-color:transparent!important;border:none!important;box-shadow:none!important}.custom-datepicker-panel{z-index:100!important;background:#fff;border-radius:1rem!important;border:none!important;box-shadow:0 8px 20px #00000014!important;overflow:hidden}.custom-datepicker-panel .ant-picker-cell-inner{display:flex;align-items:center;justify-content:center;height:32px;width:32px;margin:auto;border-radius:9999px}.custom-datepicker-panel .ant-picker-cell-selected .ant-picker-cell-inner{color:#111827!important}.custom-datepicker-panel .ant-picker-header-prev-btn:hover,.custom-datepicker-panel .ant-picker-header-next-btn:hover,.custom-datepicker-panel .ant-picker-header-super-prev-btn:hover,.custom-datepicker-panel .ant-picker-header-super-next-btn:hover{color:var(--aurum-gold)!important}.highcharts-axis-labels text{fill:#6b7280!important}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:640px){.header-content-wrapper{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:768px){.group.seg{max-width:100%}#datepicker-container{max-width:680px}}@media(min-width:1024px){.group.seg{max-width:none}.seg-scroll{overflow-x:visible;justify-content:center}}@media(max-width:768px){#chart-section{padding-left:.25rem;padding-right:.25rem}#datepicker-container .ant-picker-input>input{font-size:16px!important}}@media(max-width:420px){#header-container{padding:1rem 1rem .75rem}.header-content-wrapper{gap:0rem}.group.seg{max-width:100%}#currentPrice{font-size:1.75rem}#priceChange{font-size:1rem}}