.toast-container{position:fixed;top:var(--space-5);left:var(--space-3);right:var(--space-3);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-toast);animation:toast-slide-in .3s ease-out;font-size:var(--text-base);line-height:1.4}.toast-error{background:var(--toast-error-bg);border-left:4px solid var(--toast-error-border);color:var(--toast-error-text)}.toast-success{background:var(--toast-success-bg);border-left:4px solid var(--toast-success-border);color:var(--toast-success-text)}.toast-info{background:var(--toast-info-bg);border-left:4px solid var(--toast-info-border);color:var(--toast-info-text)}.toast-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700}.toast-error .toast-icon{background:var(--toast-error-border);color:var(--color-text-inverse)}.toast-success .toast-icon{background:var(--toast-success-border);color:var(--color-text-inverse)}.toast-info .toast-icon{background:var(--toast-info-border);color:var(--color-text-inverse)}.toast-message{flex:1}.toast-close{flex-shrink:0;background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:inherit;opacity:.5;padding:0 var(--space-1);line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (min-width: 480px){.toast-container{left:auto;right:var(--space-5);max-width:400px}}.auth-buttons{display:flex;align-items:center;gap:var(--space-3)}.auth-buttons button{padding:var(--space-2) var(--space-3);background:var(--gradient-btn-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:44px}.auth-welcome{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap}.auth-profile-btn{display:inline-flex;align-items:center;gap:var(--space-1)}.auth-profile-btn svg{flex-shrink:0}.auth-profile-btn,.auth-logout{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);background:var(--gradient-btn-primary);color:var(--color-text-inverse);cursor:pointer;transition:opacity var(--transition-base);border:2px solid rgba(255,255,255,.5);min-height:44px}.auth-profile-btn:hover,.auth-logout:hover{opacity:.85}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal);padding:0}.auth-modal{background:var(--color-bg-raised);padding:var(--space-5);border-radius:var(--radius-section) var(--radius-section) 0 0;width:100%;max-width:100%;position:relative;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.auth-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;color:var(--color-text-secondary);font-size:24px;padding:0;cursor:pointer;border:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.auth-modal h3{margin:0 0 var(--space-4);color:var(--color-primary)}.auth-modal form>div{margin-bottom:var(--space-3)}.auth-modal label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1);color:var(--color-text-mid)}.auth-modal input,.auth-modal select{width:100%;padding:var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--color-bg-input);color:var(--color-text);min-height:44px}.auth-modal button[type=submit]{margin-top:0;width:auto}.auth-error{color:var(--color-negative);font-size:var(--text-sm);margin-bottom:var(--space-3)}.auth-success{color:var(--color-positive-text);font-size:var(--text-sm);margin-bottom:var(--space-3)}.auth-forgot-link{background:transparent;border:none;color:var(--color-primary-dark);text-decoration:underline;cursor:pointer;font-size:var(--text-sm);padding:var(--space-2);min-height:44px;display:inline-flex;align-items:center}.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3)}.auth-primary{padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);min-width:140px;min-height:44px}.auth-back-link{background:transparent;border:none;color:var(--color-primary-dark);text-decoration:underline;cursor:pointer;font-size:var(--text-sm);padding:var(--space-2);min-height:44px;display:inline-flex;align-items:center}.password-field{position:relative;display:flex;align-items:center}.password-field input{flex:1;padding-right:var(--space-7)}.password-toggle{position:absolute;right:var(--space-1);background:none;border:none;padding:var(--space-2);cursor:pointer;font-size:var(--text-lg);line-height:1;color:var(--color-text-muted);display:flex;align-items:center;min-width:44px;min-height:44px;justify-content:center}@media (min-width: 768px){.auth-modal-overlay{align-items:center;padding:var(--space-4)}.auth-modal{max-width:400px;width:90%;border-radius:var(--radius-lg)}}.lang-switcher{display:flex;gap:2px;background:#00000014;border-radius:var(--radius-md);padding:2px}.lang-btn{padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base);color:var(--color-text-mid);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.lang-btn:hover{background:#0000000d;color:var(--color-text)}.lang-btn.lang-active{background:var(--color-bg-raised);color:var(--color-text);box-shadow:var(--shadow-xs)}.lang-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);flex-shrink:0}.theme-toggle:hover{background:var(--color-bg-hover)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle-icon{width:20px;height:20px}.header{background:var(--gradient-header);padding:var(--space-2) var(--space-3);padding-top:calc(var(--space-2) + var(--safe-top));box-shadow:var(--shadow-header);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);position:sticky;top:0;z-index:var(--z-header);overflow:hidden}.header-brand{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.header-logo-wrap{width:44px;height:44px;border-radius:var(--radius-xl);overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.header-logo{flex-shrink:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.header-text{display:flex;flex-direction:column}.header-title{font-size:15px;font-weight:800;color:var(--color-dark);letter-spacing:.3px;line-height:1.15}.header-tagline{display:none}.header-right{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.header-prices{display:none}.price-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:#00000026;border:1px solid rgba(0,0,0,.08);font-size:10px;font-weight:600;color:#fff;white-space:nowrap}.price-pill .label{text-transform:uppercase;letter-spacing:.4px;font-size:10px;opacity:.7}.price-pill .value{font-size:var(--text-sm)}.price-pill .delta{font-size:var(--text-xs)}.price-pill .delta.pos{color:var(--color-positive-text)}.price-pill .delta.neg{color:var(--color-negative-text)}@media (min-width: 480px){.header-prices{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center;flex-wrap:nowrap;min-width:0;overflow:hidden}.price-pill{font-size:var(--text-xs)}.header-right{gap:var(--space-2)}}@media (min-width: 768px){.header{padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + var(--safe-top));gap:var(--space-3);flex-wrap:nowrap;overflow:visible}.header-tagline{display:block;font-size:9px;color:#0009;letter-spacing:.5px;text-transform:uppercase;font-weight:500}.header-prices{gap:var(--space-3);overflow:visible}.price-pill{padding:5px var(--space-2);font-size:var(--text-xs)}.header-title{font-size:var(--text-lg)}.header-logo-wrap{width:44px;height:44px}}@media (min-width: 1024px){.header{padding:var(--space-3) var(--space-5);padding-top:calc(var(--space-3) + var(--safe-top));gap:var(--space-4)}.header-logo-wrap{width:52px;height:52px}.header-logo{transform:scale(1.2)}.header-title{font-size:var(--text-xl)}.header-tagline{font-size:var(--text-xs)}.price-pill{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.price-pill .label{font-size:10px}.price-pill .value{font-size:var(--text-base)}.price-pill .delta{font-size:var(--text-xs)}.header-right{gap:var(--space-3)}}.navigation{background:var(--color-bg-raised);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4)}.nav-hamburger{display:block;background:none;border:none;padding:var(--space-3);cursor:pointer;z-index:var(--z-hamburger);min-width:44px;min-height:44px}.hamburger-icon{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger-icon span{display:block;height:2px;width:100%;background:var(--color-text);border-radius:var(--radius-xs);transition:transform var(--transition-slow),opacity var(--transition-slow)}.hamburger-icon.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-container{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--color-bg-raised);box-shadow:var(--shadow-elevated);border-bottom:2px solid var(--color-border);padding:var(--space-2) 0;gap:0;overflow-x:visible;z-index:var(--z-nav-drawer)}.nav-container.nav-open{display:flex}.nav-item{padding:var(--space-3) var(--space-5);background:none;border:none;color:var(--color-text);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--transition-base),border-color var(--transition-base);border-bottom:none;border-left:3px solid transparent;text-align:left;min-height:44px}.nav-item:hover{color:var(--color-primary);background-color:#d4af370d}.nav-item.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#d4af370d;font-weight:600}.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.nav-container::-webkit-scrollbar{height:3px}.nav-container::-webkit-scrollbar-track{background:transparent}.nav-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-xs)}@media (min-width: 1024px){.nav-hamburger{display:none}.nav-container{display:flex;position:static;flex-direction:row;gap:2px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;flex:1;background:transparent;box-shadow:none;border-bottom:none;padding:0;z-index:auto}.nav-item{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-left:none;border-bottom:3px solid transparent;text-align:center;position:relative}.nav-item.active{border-left:none;border-bottom-color:var(--color-primary);background:transparent}}.trending-ticker{background:var(--gradient-ticker);display:flex;align-items:stretch;box-shadow:var(--shadow-md);overflow:hidden;position:relative;z-index:var(--z-ticker)}.ticker-label{display:flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-dark-hero);padding:var(--space-2) var(--space-3);font-weight:800;font-size:8px;letter-spacing:.8px;white-space:nowrap;flex-shrink:0;position:relative}.ticker-label:after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:10px;background:linear-gradient(to right,var(--color-primary),transparent);z-index:1}.ticker-label-dot{width:7px;height:7px;background:var(--color-ticker-live);border-radius:50%;animation:ticker-pulse 1.5s ease-in-out infinite}@keyframes ticker-pulse{0%,to{opacity:1}50%{opacity:.3}}.ticker-content{overflow:hidden;flex:1;display:flex;align-items:center}.ticker-scroll{display:flex;gap:var(--space-6);animation:ticker-scroll 35s linear infinite;white-space:nowrap;padding:0 var(--space-4)}.ticker-item{color:var(--color-ticker-dark);font-size:var(--text-xs);font-weight:600;letter-spacing:.3px;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-scroll:hover{animation-play-state:paused}.magazine-ticker{background:linear-gradient(90deg,var(--color-ticker-navy) 0%,var(--color-ticker-navy-alt) 50%,var(--color-ticker-navy) 100%)}.magazine-ticker .ticker-label{background:var(--color-ticker-cyan);color:var(--color-text-inverse)}.magazine-ticker .ticker-label:after{background:linear-gradient(to right,var(--color-ticker-cyan),transparent)}.magazine-ticker .ticker-item{color:#ffffffe6}@media (min-width: 480px){.ticker-label{padding:var(--space-2) var(--space-3);font-size:9px;letter-spacing:1px}.ticker-item{font-size:var(--text-sm)}.ticker-scroll{gap:36px}}@media (min-width: 768px){.ticker-label{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);letter-spacing:1.2px}.ticker-item{font-size:var(--text-sm)}.ticker-scroll{gap:var(--space-7)}}.skeleton{background:var(--gradient-skeleton);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-price-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-soft);border-radius:var(--radius-card);min-width:140px}.skeleton-table{display:flex;flex-direction:column;gap:0;width:100%}.skeleton-table-header,.skeleton-table-row{display:grid;gap:var(--space-3);padding:var(--space-2)}.skeleton-table-header{grid-template-columns:repeat(auto-fit,minmax(0,1fr));background:var(--color-bg-skeleton-shine);border-radius:var(--radius-md) var(--radius-md) 0 0}.skeleton-table-row{grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-bottom:1px solid var(--color-border-subtle)}.skeleton-news-list{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-news-item{display:flex;align-items:center;gap:var(--space-3)}.skeleton-news-icon{flex-shrink:0}.skeleton-news-body{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-video-list{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-video-item{display:flex;align-items:center;gap:var(--space-3)}.skeleton-profile{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.skeleton-profile-rows{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-profile-row{display:flex;gap:var(--space-4);align-items:center}.skeleton-metal-detail{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.skeleton-metal-header{display:flex;align-items:center;gap:var(--space-3)}.skeleton-metal-header>div{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-metal-cards{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.skeleton-metal-cards{grid-template-columns:repeat(3,1fr)}}.skeleton-pdf{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-pdf-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2)}.news-feed{display:flex;flex-direction:column;gap:1rem}.news-feed-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3)}.news-feed-title{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--color-primary)}.news-feed-nav{display:flex;gap:var(--space-2)}.news-scroll-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-border-medium);border-radius:50%;background:var(--color-bg-raised);color:var(--color-text);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);padding:0}.news-scroll-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#d4af370f}.news-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/2);gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--space-3);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:var(--space-1) var(--space-3) var(--space-3) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-medium) transparent}.news-rail::-webkit-scrollbar{height:6px}.news-rail::-webkit-scrollbar-track{background:transparent}.news-rail::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:3px}.news-rail::-webkit-scrollbar-thumb:hover{background:var(--color-gray-light)}.news-card{min-width:0;scroll-snap-align:start;border:1px solid var(--color-article-border);border-radius:var(--radius-xl);background:var(--color-bg-raised);text-align:left;display:flex;flex-direction:column}.news-card-media{width:100%;height:170px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-article-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.news-card-image{width:100%;height:100%;object-fit:cover;display:block}.news-card-image--placeholder{font-weight:700;color:#0000004d;background:linear-gradient(135deg,var(--color-article-bg),var(--color-article-border))}.news-card-body{padding:.75rem}.news-card-body h3,.news-card-body h4{margin:0 0 .5rem}.news-card-body p{margin:0;color:var(--color-article-meta);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card-body h3,.news-card-body h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-reader-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.news-prose{background:var(--color-bg-raised);border:1px solid var(--color-article-border);border-radius:var(--radius-xl);padding:1rem;line-height:1.7}.news-prose img{max-width:100%;border-radius:var(--radius-lg)}.news-article-nav{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:var(--space-5) 0 var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-warm)}.news-article-nav-item{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-3);border:1px solid var(--color-border-warm);background:var(--color-article-nav-bg);cursor:pointer;transition:all var(--transition-base)}.news-article-nav-item--right{text-align:left}.news-article-nav-item:hover{border-color:#d4af3799;background:#d4af3714}.news-article-nav-label{font-size:var(--text-sm);letter-spacing:.3px;color:var(--color-article-timestamp);text-transform:uppercase}.news-article-nav-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);line-height:1.4}.news-side-rail{position:static;height:fit-content;background:var(--color-bg-raised);border:1px solid var(--color-border-warm);border-radius:var(--radius-2xl);padding:var(--space-3);box-shadow:0 2px 10px #0000000a}.news-side-title{margin:0 0 var(--space-3);color:var(--color-primary);font-size:var(--text-lg);font-weight:700}.news-side-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--space-3);width:100%;margin-bottom:var(--space-3);text-align:left;align-items:center;padding:var(--space-2);border-radius:var(--radius-xl);border:1px solid transparent;background:var(--color-article-sidebar-bg);cursor:pointer;transition:all var(--transition-base)}.news-side-item:last-child{margin-bottom:0}.news-side-item:hover{border-color:#d4af3766;background:#d4af3714}.news-side-thumb{width:52px;height:52px;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-article-bg);display:inline-flex;align-items:center;justify-content:center}.news-side-thumb img{width:100%;height:100%;object-fit:cover;display:block}.news-side-thumb-placeholder{font-weight:700;color:#00000059}.news-side-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-top-categories{margin-top:var(--space-5)}.news-top-title{margin:0 0 var(--space-3);color:var(--color-primary);font-size:var(--text-lg);font-weight:700}.news-category-title{margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:700;color:var(--color-text)}.news-top-categories .news-rail{margin-bottom:var(--space-4)}@media (min-width: 768px){.news-feed-header{padding:0 var(--space-4)}.news-rail{padding:var(--space-1) var(--space-4) var(--space-3) var(--space-4);gap:var(--space-4);grid-auto-columns:calc((100% - 48px)/4);scroll-padding-left:var(--space-4)}.news-reader-layout{grid-template-columns:minmax(0,1fr) clamp(300px,28vw,380px)}.news-side-rail{position:sticky;top:1rem;padding:var(--space-3)}.news-article-nav{grid-template-columns:1fr 1fr}.news-article-nav-item--right{text-align:right}}.price-card{border-radius:var(--radius-card);padding:var(--space-2) var(--space-2);box-shadow:var(--shadow-lg);transition:box-shadow var(--transition-slow),border var(--transition-slow),background var(--transition-slow);display:flex;flex-direction:column;align-items:center;text-align:center;border:1.5px solid var(--color-gold);overflow:hidden;width:100%;max-width:100%;margin:0 auto;position:relative;z-index:1;flex:1;box-sizing:border-box}.price-card-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;padding:0 var(--space-1) var(--space-2);border-bottom:1px solid rgba(245,176,65,.2);margin-bottom:var(--space-2)}.price-card-header .headline{color:var(--color-primary-muted);font-size:var(--text-base);font-weight:700;margin:0}.date-timestamp{color:var(--color-text-muted);font-size:var(--text-xs)}.date-timestamp .date-label{font-weight:600}.merged-price-columns{display:flex;flex-direction:column;flex:1;gap:0;width:100%}.metal-block{flex:1;padding:var(--space-2) var(--space-2);text-align:center;display:flex;flex-direction:column;justify-content:center}.metal-block.gold{background:var(--gradient-gold-block);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.metal-block.silver{background:var(--gradient-silver-block);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.metal-name{font-size:var(--text-xs);font-weight:700;margin-bottom:var(--space-1)}.metal-block.gold .metal-name{color:var(--color-primary-muted)}.metal-block.silver .metal-name{color:var(--color-text-darker)}.price-main{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-1)}.price{font-size:var(--text-lg);font-weight:900;color:var(--color-price);letter-spacing:.5px}.unit{font-size:10px;color:var(--color-text-muted)}.price-change{font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-1)}.price-change.positive{color:var(--color-positive)}.price-change.negative{color:var(--color-negative)}.change-value{font-size:var(--text-xs)}.previous-price{font-size:10px;color:var(--color-primary-muted);border-top:1px dashed var(--color-gold);padding-top:var(--space-1);width:100%;font-weight:600}@media (min-width: 768px){.price-card{padding:var(--space-3) var(--space-3) var(--space-3)}.price-card-header .headline,.price{font-size:var(--text-lg)}.metal-name{font-size:var(--text-sm)}}.trending-videos--horizontal{background:var(--color-bg-raised);border-radius:0;padding:var(--space-5) 0;box-shadow:var(--shadow-card);margin-bottom:var(--space-5);overflow:hidden}.trending-videos-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);margin-bottom:var(--space-4)}.trending-videos-title{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--color-primary)}.trending-videos-nav{display:flex;gap:var(--space-2)}.tv-scroll-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-border-medium);border-radius:50%;background:var(--color-bg-raised);color:var(--color-text);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);padding:0}.tv-scroll-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#d4af370f}.trending-videos-scroll-wrap{position:relative}.trending-videos-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/2);gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--space-3);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:var(--space-1) var(--space-3) var(--space-3) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-medium) transparent}.trending-videos-scroll::-webkit-scrollbar{height:6px}.trending-videos-scroll::-webkit-scrollbar-track{background:transparent}.trending-videos-scroll::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:3px}.trending-videos-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-gray-light)}.tv-card{min-width:0;scroll-snap-align:start;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-muted);text-decoration:none;color:var(--color-text);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.tv-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.tv-card-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-text)}.tv-card-thumb{width:100%;height:100%;object-fit:cover;display:block}.tv-card-thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl);color:#fff6;background:linear-gradient(135deg,var(--color-dark-card),var(--color-dark-card-alt))}.tv-play-icon{position:absolute;bottom:var(--space-2);right:var(--space-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;color:var(--color-text-inverse);font-size:var(--text-xs);border-radius:50%;opacity:0;transition:opacity var(--transition-base)}.tv-card:hover .tv-play-icon{opacity:1}.tv-card-body{padding:var(--space-2) var(--space-3);flex:1}.tv-card-title{font-size:var(--text-sm);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tv-card--skeleton{pointer-events:none}.tv-card--skeleton .tv-card-thumb{background:var(--color-bg-skeleton);aspect-ratio:16 / 9}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-bg-skeleton)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.trending-videos--compact{background:var(--color-bg-raised);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);box-shadow:var(--shadow-md)}.trending-videos--compact .trending-videos-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.trending-video-item{margin:0}.trending-video-link{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);transition:background-color var(--transition-base);font-size:var(--text-sm)}.trending-video-link:hover{background-color:#00000008;color:var(--color-primary)}.trending-video-thumb{width:64px;height:36px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.trending-video-text{flex:1;line-height:1.4}@media (min-width: 768px){.trending-videos--horizontal{border-radius:var(--radius-2xl);margin-left:0;margin-right:0}.trending-videos-header{padding:0 var(--space-5)}.trending-videos-scroll{padding:var(--space-1) var(--space-4) var(--space-3) var(--space-4);gap:var(--space-4);grid-auto-columns:calc((100% - 48px)/4);scroll-padding-left:var(--space-4)}.trending-videos--compact{padding:var(--space-5)}.trending-video-link{font-size:var(--text-base)}.trending-video-thumb{width:80px;height:45px}}.gold-rate-section{width:100%;background:var(--color-bg-raised);border-radius:var(--radius-2xl);padding:var(--space-3);box-shadow:var(--shadow-card);height:100%;box-sizing:border-box}.gold-rate-title{font-size:15px;margin-bottom:var(--space-3);text-align:left;color:var(--color-primary);font-weight:700}.gold-rate-update{font-size:var(--text-sm);color:var(--color-text-mid);margin-bottom:var(--space-3)}.gold-rate-update-label{font-weight:600}.gold-rate-update-time{margin-left:var(--space-1)}.gold-rate-table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.gold-rate-table{width:100%;font-size:var(--text-sm);border-collapse:collapse}.gold-rate-table th,.gold-rate-table td{padding:var(--space-2);border-bottom:1px solid var(--color-border-subtle);text-align:left}.gold-rate-table th{border-bottom:2px solid var(--color-border-light);background:var(--color-bg-subtle);font-weight:600;white-space:nowrap;font-size:var(--text-sm)}.gold-rate-name{font-weight:600}@media (min-width: 480px){.gold-rate-section{padding:var(--space-4)}.gold-rate-table{font-size:var(--text-base)}.gold-rate-table th,.gold-rate-table td{padding:var(--space-2) var(--space-3)}}.price-change-table{background:var(--color-bg-raised);border-radius:0;padding:var(--space-2);margin-bottom:var(--space-4);box-shadow:none;width:100%;max-width:100%;overflow-x:auto}.section-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0 0 var(--space-3)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%}.change-table{width:100%;border-collapse:collapse;background:var(--color-bg-raised);border-radius:var(--radius-md);overflow:hidden;min-width:240px}.change-table thead{background:var(--color-exchange-stripe);border-bottom:2px solid var(--color-border)}.change-table th{padding:var(--space-2) var(--space-1);text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--color-text);white-space:nowrap;min-width:50px}.change-table td{padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text);min-width:50px;word-break:break-word}.change-table tbody tr:hover{background-color:var(--color-bg-subtle)}.change-table tbody tr:last-child td{border-bottom:none}.change-table .name-col{font-weight:600}.change-table .change-positive{color:var(--color-positive);font-weight:500}.change-table .change-negative{color:var(--color-negative);font-weight:500}@media (min-width: 480px){.price-change-table{padding:var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.section-title{font-size:var(--text-xl)}.change-table{min-width:320px}.change-table th,.change-table td{padding:var(--space-3) var(--space-2);font-size:var(--text-sm);min-width:60px}}@media (min-width: 768px){.price-change-table{padding:var(--space-6);margin-bottom:var(--space-7);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.section-title{font-size:var(--text-2xl);margin:0 0 var(--space-5)}.change-table{min-width:400px}.change-table th,.change-table td{padding:var(--space-3);font-size:var(--text-sm);min-width:80px}}.city-price-section{width:100%;background:var(--color-bg-raised);border-radius:var(--radius-2xl);padding:var(--space-3);box-shadow:var(--shadow-card);height:100%;box-sizing:border-box}.city-price-title{font-size:15px;margin-bottom:var(--space-1);text-align:left;font-weight:700;color:var(--color-primary)}.city-price-update{font-size:var(--text-sm);color:var(--color-text-mid);margin-bottom:var(--space-3)}.city-price-update-label{font-weight:600}.city-price-update-time{margin-left:var(--space-1)}.city-price-table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.city-price-table{width:100%;min-width:320px;font-size:var(--text-sm);border-collapse:collapse}.city-price-table th{padding:var(--space-2);border-bottom:2px solid var(--color-border-light);background:var(--color-bg-subtle);font-weight:600;text-align:left;white-space:nowrap;font-size:var(--text-sm)}.city-price-table td{padding:var(--space-2);border-bottom:1px solid var(--color-border-subtle);font-variant-numeric:tabular-nums}.city-price-name{font-weight:600}.more-cities-wrap{display:flex;justify-content:center;margin-top:var(--space-3)}.more-cities-btn{padding:var(--space-3) var(--space-5);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);background:transparent;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-base),color var(--transition-base);min-height:44px}.more-cities-btn:hover{background:var(--color-primary);color:var(--color-text-inverse)}.city-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:flex-end;z-index:var(--z-modal);padding:0}.city-modal{position:relative;width:100%;max-width:100%;background:var(--color-bg-raised);border-radius:var(--radius-section) var(--radius-section) 0 0;padding:var(--space-4) var(--space-3) var(--space-5);overflow:hidden}.city-modal:before{content:"";display:block;width:40px;height:4px;background:var(--color-border-medium);border-radius:var(--radius-xs);margin:0 auto var(--space-3)}.city-modal-body{overflow-y:auto;max-height:calc(90vh - 80px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.city-modal-close{position:absolute;top:var(--space-2);right:var(--space-3);border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--color-text-secondary);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.city-modal-close:hover{color:var(--color-text)}.city-modal-title{font-size:var(--text-base);font-weight:700;color:var(--color-primary);margin:0 var(--space-6) var(--space-3) 0}@media (min-width: 480px){.city-price-section{padding:var(--space-4)}.city-price-table{font-size:var(--text-base)}.city-price-table th,.city-price-table td{padding:var(--space-2) var(--space-3)}}@media (min-width: 768px){.city-modal-backdrop{align-items:center;padding:var(--space-4)}.city-modal{max-width:560px;border-radius:var(--radius-xl);padding:var(--space-5)}.city-modal:before{display:none}.city-modal-body{max-height:calc(85vh - 80px)}.city-modal-title{font-size:15px;margin:0 var(--space-6) var(--space-3) 0}}.exchange-rate-section{background:var(--color-bg-raised);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-3);margin-bottom:var(--space-6);box-shadow:var(--shadow-card)}.exchange-rate-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.exchange-rate-table-wrap{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.exchange-rate-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.exchange-rate-table th{padding:var(--space-3);border:1px solid var(--color-border-light);text-align:left;background:var(--color-exchange-stripe);font-weight:600;white-space:nowrap}.exchange-rate-table td{padding:var(--space-3);border:1px solid var(--color-border-light)}.exchange-rate-name{font-weight:600}.exchange-rate-price{color:var(--color-positive-alt);font-weight:600}.exchange-rate-change-positive{color:var(--color-positive-alt)}.exchange-rate-updated{font-size:var(--text-sm);color:var(--color-text-muted)}.exchange-rate-cards{display:flex;flex-direction:column;gap:var(--space-3)}.exchange-rate-card{background:var(--color-bg-muted);border-radius:var(--radius-xl);padding:var(--space-3);border:1px solid var(--color-border-light)}.exchange-rate-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.exchange-rate-card-name{font-weight:700;font-size:var(--text-base);color:var(--color-text)}.exchange-rate-card-price{font-weight:700;font-size:var(--text-lg);color:var(--color-positive-alt)}.exchange-rate-card-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.exchange-rate-card-stat{display:flex;flex-direction:column;gap:2px}.exchange-rate-card-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.exchange-rate-card-value{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.exchange-rate-card-value.positive{color:var(--color-positive-alt)}@media (min-width: 768px){.exchange-rate-section{padding:var(--space-5);flex:1;margin-bottom:0}.exchange-rate-title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.exchange-rate-table-wrap{display:block}.exchange-rate-cards{display:none}}.stay-connected{background:var(--color-bg-raised);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-md)}.stay-connected-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-5)}.stay-connected-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.stay-connected-card{background:linear-gradient(135deg,#d4af371a,#c0a0300d);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.stay-connected-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.stay-connected-icon{font-size:var(--text-4xl);flex-shrink:0}.stay-connected-content{flex:1}.stay-connected-label{font-size:var(--text-lg);font-weight:700;margin:0;text-transform:capitalize}.stay-connected-label-youtube{color:var(--color-youtube)}.stay-connected-label-facebook{color:var(--color-facebook)}.stay-connected-label-instagram{color:var(--color-instagram)}.stay-connected-value{font-size:var(--text-lg);font-weight:700;color:var(--color-primary);margin:5px 0 0}@media (min-width: 768px){.stay-connected{padding:var(--space-6);margin-bottom:var(--space-7)}.stay-connected-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5)}.stay-connected-value{font-size:var(--text-xl)}.stay-connected-label{font-size:var(--text-lg)}}.holiday-calendar{background:var(--color-bg-raised);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-md)}.holiday-calendar .section-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-5)}.holidays-container{display:flex;flex-direction:column;gap:var(--space-3)}.holiday-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-muted);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);transition:all var(--transition-slow)}.holiday-item:hover{background:var(--color-border-subtle);box-shadow:0 2px 6px #00000014}.holiday-date{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);min-width:auto;flex-shrink:0}.holiday-info{flex:1}.holiday-name{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0 0 var(--space-1)}.holiday-type{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.holidays-table-wrapper{overflow-x:auto;overscroll-behavior-x:contain}.holidays-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:transparent}.holidays-table th,.holidays-table td{padding:5px var(--space-2);text-align:left}.holidays-table th{background:var(--color-calendar-header-bg);color:var(--color-calendar-header-text);font-weight:700;font-size:var(--text-sm)}.holidays-table tr{border-bottom:1px solid var(--color-gray-hover)}.holidays-table tr:last-child{border-bottom:none}.holidays-table td{color:var(--color-text-darker);font-size:var(--text-sm)}.holidays-table td:last-child{color:var(--color-text-muted)}@media (min-width: 768px){.holiday-calendar{padding:var(--space-6);margin-bottom:var(--space-7)}.holiday-item{flex-direction:row;gap:var(--space-4)}.holiday-date{min-width:110px}}.footer{background:var(--gradient-footer);color:var(--color-text-inverse);padding:var(--space-6) var(--space-4) var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-bottom));margin-top:var(--space-7)}.footer-content{max-width:1200px;margin:0 auto var(--space-5);display:grid;grid-template-columns:1fr;gap:var(--space-5)}.footer-section{display:flex;flex-direction:column;gap:var(--space-3)}.footer-heading{font-size:var(--text-base);font-weight:700;color:var(--color-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{color:var(--color-border-medium);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-base),padding-left var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px}.footer-links a:before{content:"→";opacity:0;transform:translate(-5px);transition:opacity var(--transition-base),transform var(--transition-base)}.footer-links a:hover{color:var(--color-primary);padding-left:var(--space-2)}.footer-links a:hover:before{opacity:1;transform:translate(0)}.footer-text{font-size:var(--text-sm);color:var(--color-gray-light);line-height:1.6;margin:0}.footer-about-link{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;text-decoration:none}.footer-about-link:hover{color:var(--color-gold)}.footer-contact{display:flex;flex-direction:column;gap:var(--space-3)}.footer-contact-block{display:flex;flex-direction:column;gap:var(--space-2)}.footer-contact-role{font-size:var(--text-sm);font-weight:700;color:var(--color-text-inverse);margin:0}.footer-contact-link{color:var(--color-border-medium);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-base);min-height:44px;display:inline-flex;align-items:center}.footer-contact-link:hover{color:var(--color-primary)}.footer-social-links a:before{opacity:1;transform:translate(0)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}@media (min-width: 768px){.footer{padding:var(--space-7) var(--space-5) var(--space-5);padding-bottom:calc(var(--space-5) + var(--safe-bottom));margin-top:60px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.footer-heading{font-size:var(--text-lg)}.footer-links a,.footer-contact-link{min-height:auto}}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:600;z-index:var(--z-toast);border-radius:0 0 var(--radius-md) 0}.skip-link:focus{left:0;color:var(--color-text-inverse)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.container{max-width:1280px;width:100%;margin:0 auto;padding:var(--space-2) var(--space-2)}.home-layout{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.top-section,.bottom-section{display:flex;flex-direction:column;gap:var(--space-5)}.prices-column,.mid-table-column,.city-table-column,.exchange-table-column{display:flex;flex-direction:column;width:100%}.trending-column{display:flex;flex-direction:column;width:100%;min-width:0}.prices-grid-compact{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0 var(--space-2) 0;width:100%}.prices-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin:var(--space-4) 0}.loading{text-align:center;font-size:var(--text-lg);color:var(--color-primary);padding:var(--space-7);font-weight:500}.last-updated{text-align:center;color:var(--color-text-tertiary);font-size:var(--text-xs);margin-top:var(--space-2);font-style:italic}@media (min-width: 480px){.container{padding:var(--space-2) var(--space-3)}}@media (min-width: 768px){.container{padding:var(--space-4) var(--space-4)}.prices-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}}@media (min-width: 1024px){.container{padding:25px var(--space-5)}.top-section,.bottom-section{flex-direction:row;gap:var(--space-5);align-items:stretch}.prices-column{flex:0 0 320px}.exchange-table-column,.mid-table-column{flex:1 1 0;min-width:0}.trending-column{flex:1;min-width:0}.city-table-column{flex:0 0 360px}}:root{--color-primary: #c89f2b;--color-primary-hover: #c0a030;--color-primary-dark: #7b5d0f;--color-primary-muted: #b47c00;--color-accent: #4a90e2;--color-gold: #f5b041;--color-gold-display: #d4af37;--color-positive: #27ae60;--color-positive-alt: #388e3c;--color-positive-text: #0b7d3b;--color-negative: #e74c3c;--color-negative-alt: #f44336;--color-negative-text: #b42318;--color-price: #222;--color-bg: #ffffff;--color-bg-page: #f7fafc;--color-bg-soft: #e3f0ff;--color-bg-raised: #ffffff;--color-bg-muted: #f9f9f9;--color-bg-subtle: #fafafa;--color-bg-input: #ffffff;--color-bg-warm: #fffbe6;--color-bg-warm-end: #fff9e2;--color-bg-cool: #f5f6fa;--color-bg-cool-end: #e0e0e0;--color-bg-hover: #f5f5f5;--color-bg-skeleton: #e8e8e8;--color-bg-skeleton-shine: #f5f5f5;--color-text: #222;--color-text-light: #5a6a85;--color-text-muted: #888;--color-text-secondary: #666;--color-text-tertiary: #999;--color-text-inverse: #ffffff;--color-text-dark: #333;--color-text-darker: #444;--color-text-mid: #555;--color-border: #e0e0e0;--color-border-light: #eee;--color-border-subtle: #f0f0f0;--color-border-warm: #f1e6c7;--color-border-medium: #ddd;--color-border-dark: #ccc;--color-border-input: #ddd;--color-dark: #111111;--color-dark-bg: #1a1a1a;--color-dark-bg-alt: #2d2d2d;--color-dark-hero: #1a1a2e;--color-dark-hero-alt: #16213e;--color-dark-card: #333;--color-dark-card-alt: #555;--color-secondary: #bdbdbd;--color-light: #ffffff;--color-gray-light: #bbb;--color-gray-hover: #e6e6e6;--color-youtube: #FF0000;--color-facebook: #1877F2;--color-instagram: #DD2A7B;--toast-error-bg: #fef2f2;--toast-error-border: #e74c3c;--toast-error-text: #991b1b;--toast-success-bg: #f0fdf4;--toast-success-border: #27ae60;--toast-success-text: #166534;--toast-info-bg: #eff6ff;--toast-info-border: #4a90e2;--toast-info-text: #1e40af;--feedback-success-bg: #d4edda;--feedback-success-text: #155724;--feedback-error-bg: #f8d7da;--feedback-error-text: #721c24;--color-hero-positive: #4ade80;--color-hero-negative: #f87171;--color-ticker-live: #ff4444;--color-ticker-dark: #080808;--color-ticker-cyan: #2193b0;--color-ticker-navy: #0d3b4f;--color-ticker-navy-alt: #1a5276;--color-exchange-stripe: #f5f5f5;--color-article-border: #e5e7eb;--color-article-bg: #f3f4f6;--color-article-meta: #4b5563;--color-article-nav-bg: #fffaf0;--color-article-sidebar-bg: #fbfbfb;--color-article-timestamp: #8b8b8b;--color-magazine-meta: #777;--color-magazine-gray: #6c757d;--color-magazine-gray-hover: #5a6268;--color-calendar-header-bg: #e3eaf2;--color-calendar-header-text: #2d3a4a;--color-about-bg: #fffdf7;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(44, 62, 80, .1);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .12);--shadow-toast: 0 4px 20px rgba(0, 0, 0, .15);--shadow-card-section: 0 2px 12px 0 rgba(44, 62, 80, .06);--shadow-card-section-sm: 0 1px 6px 0 rgba(44, 62, 80, .04);--shadow-gold: 0 4px 12px rgba(212, 175, 55, .15);--shadow-gold-hover: 0 4px 16px rgba(212, 175, 55, .35);--shadow-header: 0 4px 6px rgba(0, 0, 0, .1);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 14px;--radius-card: 14px;--radius-section: 16px;--radius-round: 20px;--radius-modal: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-main: "Inter", "Segoe UI", "Roboto", Arial, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-xs: clamp(11px, .6vw + 8px, 12px);--text-sm: clamp(12px, .8vw + 9px, 13px);--text-base: clamp(13px, .8vw + 10px, 14px);--text-body: clamp(15px, 1vw + 12px, 17px);--text-lg: clamp(16px, 1.2vw + 12px, 18px);--text-xl: clamp(18px, 1.2vw + 12px, 20px);--text-2xl: clamp(20px, 1.5vw + 14px, 24px);--text-3xl: clamp(22px, 2vw + 14px, 28px);--text-4xl: clamp(24px, 2vw + 16px, 32px);--text-5xl: clamp(32px, 3vw + 16px, 48px);--z-ticker: 10;--z-nav: 100;--z-nav-drawer: 105;--z-hamburger: 110;--z-modal: 1000;--z-header: 1000;--z-pdf-viewer: 2000;--z-toast: 9999;--gradient-header: linear-gradient(135deg, var(--color-primary) 0%, #f0d999 100%);--gradient-footer: linear-gradient(135deg, var(--color-dark) 0%, #2d2d2d 100%);--gradient-hero: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--gradient-ticker: linear-gradient(90deg, #1a1a2e 0%, #16213e 50%, #1a1a2e 100%);--gradient-gold-block: linear-gradient(120deg, #fffbe6 0%, #fff9e2 100%);--gradient-silver-block: linear-gradient(135deg, #f5f6fa 0%, #e0e0e0 100%);--gradient-btn-primary: linear-gradient(135deg, var(--color-primary) 0%, #c0a030 100%);--gradient-skeleton: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--color-bg: #121212;--color-bg-page: #0e0e0e;--color-bg-soft: #1e2a3a;--color-bg-raised: #1e1e1e;--color-bg-muted: #252525;--color-bg-subtle: #1a1a1a;--color-bg-input: #2a2a2a;--color-bg-warm: #2a2310;--color-bg-warm-end: #252010;--color-bg-cool: #1a1a22;--color-bg-cool-end: #252530;--color-bg-hover: #2a2a2a;--color-bg-skeleton: #2a2a2a;--color-bg-skeleton-shine: #333333;--color-text: #e8e8e8;--color-text-light: #a8b8cc;--color-text-muted: #999;--color-text-secondary: #b0b0b0;--color-text-tertiary: #888;--color-text-inverse: #ffffff;--color-text-dark: #d0d0d0;--color-text-darker: #c0c0c0;--color-text-mid: #b0b0b0;--color-primary: #d4ab35;--color-primary-hover: #dab840;--color-primary-muted: #c89020;--color-gold: #f5b848;--color-gold-display: #e0c050;--color-accent: #6aacf0;--color-positive: #34c770;--color-positive-alt: #45b870;--color-positive-text: #40d080;--color-negative: #f06050;--color-negative-alt: #f55a4a;--color-negative-text: #f07060;--color-price: #e8e8e8;--color-border: #333;--color-border-light: #2a2a2a;--color-border-subtle: #222;--color-border-warm: #3a3020;--color-border-medium: #aaa;--color-border-dark: #444;--color-border-input: #444;--color-secondary: #666;--color-light: #1e1e1e;--color-gray-light: #aaa;--color-gray-hover: #3a3a3a;--color-dark: #0a0a0a;--color-dark-bg: #111;--color-dark-bg-alt: #1a1a1a;--color-dark-hero: #0e0e1e;--color-dark-hero-alt: #0c1528;--color-dark-card: #252525;--color-dark-card-alt: #404040;--toast-error-bg: #3b1515;--toast-error-text: #f0a0a0;--toast-success-bg: #0f2f1a;--toast-success-text: #70d090;--toast-info-bg: #0f1a30;--toast-info-text: #80b0f0;--feedback-success-bg: #1a3a25;--feedback-success-text: #70d090;--feedback-error-bg: #3a1a1a;--feedback-error-text: #f0a0a0;--color-hero-positive: #50e890;--color-hero-negative: #f88080;--color-exchange-stripe: #1e1e1e;--color-article-border: #333;--color-article-bg: #1e1e1e;--color-article-meta: #a0a0a0;--color-article-nav-bg: #1e1810;--color-article-sidebar-bg: #1a1a1a;--color-article-timestamp: #888;--color-magazine-meta: #999;--color-magazine-gray: #888;--color-magazine-gray-hover: #aaa;--color-calendar-header-bg: #1a2430;--color-calendar-header-text: #c0d0e0;--color-about-bg: #161410;--color-ticker-dark: #e0e0e0;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-card: 0 2px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);--shadow-toast: 0 4px 20px rgba(0, 0, 0, .4);--shadow-card-section: 0 2px 12px 0 rgba(0, 0, 0, .2);--shadow-card-section-sm: 0 1px 6px 0 rgba(0, 0, 0, .15);--shadow-gold: 0 4px 12px rgba(212, 175, 55, .1);--shadow-gold-hover: 0 4px 16px rgba(212, 175, 55, .2);--shadow-header: 0 4px 6px rgba(0, 0, 0, .3);--gradient-header: linear-gradient(135deg, var(--color-primary) 0%, #a08020 100%);--gradient-gold-block: linear-gradient(120deg, #2a2310 0%, #252010 100%);--gradient-silver-block: linear-gradient(135deg, #1a1a22 0%, #252530 100%);--gradient-btn-primary: linear-gradient(135deg, var(--color-primary) 0%, #b09030 100%);--gradient-skeleton: linear-gradient(90deg, #2a2a2a 25%, #333 50%, #2a2a2a 75%)}html{touch-action:manipulation}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);font-size:15px;letter-spacing:.01em;line-height:1.6;min-height:100vh;overflow-x:hidden}html,body,#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-family:var(--font-main);font-weight:700;letter-spacing:.01em}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-gold)}table{background:transparent;border-radius:var(--radius-lg);overflow:hidden}th,td{font-family:var(--font-main)}.overscroll-contain{overscroll-behavior:contain}@media (pointer: coarse){button,[role=button],select,input,textarea{min-height:44px}}.price-card,.holiday-calendar.compact,.trending-ticker,.magazine-ticker,.stay-connected,.other-news{background:var(--color-bg-soft);border-radius:var(--radius-md);box-shadow:none;width:100%;max-width:100%;padding:var(--space-1)}table{font-size:var(--text-sm)}@media (min-width: 480px){.price-card,.holiday-calendar.compact,.trending-ticker,.magazine-ticker,.stay-connected,.other-news{border-radius:var(--radius-xl);box-shadow:var(--shadow-card-section-sm);padding:0}table{font-size:inherit}}@media (min-width: 768px){.price-card,.holiday-calendar.compact,.trending-ticker,.magazine-ticker,.stay-connected,.other-news{border-radius:var(--radius-card);box-shadow:var(--shadow-card-section)}}