*{box-sizing:border-box}html{--bg:#0c1115;--panel:#131c24;--ink:#eff3f5;--muted:#91a1ac;--line:#ffffff16;--accent:#e5c785;--soft:#e4bd6b0f;--buy:#edf0f3;--sell:#f3d595;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;color-scheme:dark}html[data-screen-theme=light]{--bg:#f7f5ef;--panel:#fff;--ink:#233c37;--muted:#75827b;--line:#233c371c;--accent:#86602b;--soft:#b69b5110;--buy:#29463e;--sell:#87662e;color-scheme:light}body{margin:0}.price-screen{padding:clamp(18px,2.2vw,44px);min-height:100vh;display:flex;flex-direction:column;gap:18px}.screen-top{display:flex;align-items:center;gap:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.screen-brand{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.brand-gem{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border:1px solid #c6a86966;border-radius:18px;color:var(--accent);font-size:44px;background:var(--soft)}.screen-brand small{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.2em}.screen-brand h1{font-family:Georgia,serif;font-size:clamp(27px,2.8vw,54px);margin:6px 0;line-height:1.05;font-weight:500;letter-spacing:.04em;overflow-wrap:anywhere}.screen-brand p{color:var(--muted);letter-spacing:.15em;font-size:11px;margin:8px 0 0}.screen-clock{text-align:right;display:flex;flex-direction:column;gap:4px}.screen-clock time{color:var(--accent);font-size:clamp(23px,2.3vw,40px);font-variant-numeric:tabular-nums;font-weight:700}.screen-clock small{color:var(--muted);font-size:10px}.screen-controls{display:flex;gap:8px;transition:opacity .3s}.screen-controls button{border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:10px;width:42px;height:42px;font-size:23px;cursor:pointer}.screen-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}body:not(.screen-active) .screen-controls{opacity:0}body:not(.screen-active) .screen-controls:focus-within{opacity:1}.screen-statusbar{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}.screen-statusbar>span:first-child{color:var(--accent);font-size:11px;letter-spacing:.12em;font-weight:700}.screen-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--soft);margin-right:7px}.price-panels{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;align-items:start;flex:1}.price-panel{background:linear-gradient(135deg,var(--panel),var(--bg));border:1px solid var(--line);border-radius:22px;padding:22px;overflow:hidden}.price-panel.group-gold{grid-row:span 3}.price-panel>header{display:flex;gap:14px;align-items:center;margin-bottom:18px}.panel-symbol{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:var(--soft);border:1px solid var(--line);border-radius:13px;color:var(--accent);font-size:26px}.price-panel h2{font-size:clamp(17px,1.5vw,28px);letter-spacing:.1em;margin:0 0 5px}.price-panel header p{font-size:11px;color:var(--muted);margin:0}.price-columns,.price-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center}.price-columns{font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--muted);padding:0 8px 12px}.price-columns span:not(:first-child){text-align:right}.price-row{min-height:61px;border-top:1px solid var(--line);padding:13px 8px}.price-row>div{min-width:0}.price-row strong{font-size:clamp(11px,1vw,19px);display:block;line-height:1.25}.price-row small{font-size:10px;color:var(--muted);display:block;margin-top:5px;line-height:1.25}.price-row .row-status:empty{display:none}.price-row .row-status{color:var(--accent)}.price-buy,.price-sell{font-size:clamp(19px,2.1vw,40px);font-weight:700;letter-spacing:-.025em;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.price-buy{color:var(--buy)}.price-sell{color:var(--sell)}.group-silver .price-buy,.group-silver .price-sell,.group-forex .price-buy,.group-forex .price-sell,.group-other .price-buy,.group-other .price-sell{font-size:clamp(18px,1.8vw,34px)}.price-row:first-of-type{background:var(--soft);border-radius:10px}.price-row.stale{opacity:.8}.connection-warning{color:var(--accent)!important}.screen-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px;font-size:10px;color:var(--muted);margin-top:4px}.screen-footer strong{font-family:Georgia,serif;color:var(--accent);font-size:14px;letter-spacing:.1em}.screen-footer p{margin:0;text-align:center}.screen-footer small{font-size:9px}.screen-empty-state{text-align:center;display:grid;place-content:center;min-height:55vh;color:var(--muted)}.screen-empty-state>span{font-size:80px;color:var(--accent)}.screen-empty-state h1,.screen-empty-state h2{font-family:Georgia,serif;color:var(--ink);font-weight:400}.screen-empty-state p{font-size:14px}.price-changed{animation:price-update 1.2s ease-out}@keyframes price-update{0%{background:#d1b67e33;border-radius:4px}100%{background:transparent}}.advertising-screen{overflow:hidden;width:100vw;height:100vh;height:100dvh;background:var(--bg)}.ad-stage{position:absolute;inset:0;display:grid;place-items:center}.ad-media{width:100%;height:100%;min-height:0;min-width:0;animation:ad-in .5s ease}.ad-controls{position:fixed;top:20px;right:20px;z-index:10}.advertising-screen .screen-empty-state{height:100%;position:relative;pointer-events:none}.ad-connection{position:fixed;bottom:12px;right:16px;font-size:10px;color:var(--muted)}@keyframes ad-in{from{opacity:0}to{opacity:1}}[hidden]{display:none!important}
html[data-screen-orientation=portrait] .price-panels{grid-template-columns:1fr}html[data-screen-orientation=portrait] .price-panel.group-gold{grid-row:auto}html[data-screen-orientation=portrait] .price-screen{max-width:1200px;margin:auto}html[data-screen-orientation=portrait] .screen-footer small{display:none}
@media(max-aspect-ratio:4/5){html[data-screen-orientation=auto] .price-panels{grid-template-columns:1fr}html[data-screen-orientation=auto] .price-panel.group-gold{grid-row:auto}.price-buy,.price-sell{font-size:clamp(22px,4vw,46px)}.group-silver .price-buy,.group-silver .price-sell,.group-forex .price-buy,.group-forex .price-sell{font-size:clamp(21px,3.5vw,40px)}.screen-footer small{display:none}}
@media(max-width:700px){.price-screen{padding:16px;gap:14px}.screen-top{gap:10px;flex-wrap:wrap}.screen-brand{gap:12px}.brand-gem{width:44px;height:44px;font-size:32px;border-radius:12px}.screen-brand h1{font-size:26px}.screen-brand small{font-size:8px}.screen-brand p{font-size:8px}.screen-clock time{font-size:23px}.screen-clock small{font-size:8px}.screen-controls{position:fixed;right:12px;top:12px;z-index:10}.screen-controls button{width:34px;height:34px;font-size:20px}.screen-statusbar{gap:8px;flex-wrap:wrap}.screen-statusbar>span:first-child{font-size:9px}.screen-statusbar>span:last-child{display:none}.price-panels{grid-template-columns:1fr!important;gap:14px}.price-panel.group-gold{grid-row:auto}.price-panel{padding:16px;border-radius:17px}.price-columns,.price-row{gap:8px;grid-template-columns:1.25fr 1fr 1fr}.price-row strong{font-size:12px}.price-row small{font-size:9px}.price-buy,.price-sell,.group-silver .price-buy,.group-silver .price-sell,.group-forex .price-buy,.group-forex .price-sell{font-size:clamp(15px,4.6vw,27px)}.screen-footer{font-size:9px}.screen-footer strong{font-size:11px}.screen-footer small{display:none}}
@media(prefers-reduced-motion:reduce){.price-changed,.ad-media{animation:none}}
.price-panels{align-content:start}
html[data-screen-autofit=true] .price-screen{height:100vh;height:100dvh}
html[data-screen-autofit=true] .screen-top,html[data-screen-autofit=true] .screen-statusbar,html[data-screen-autofit=true] .screen-footer{flex-shrink:0}
html[data-screen-autofit=true] .price-panels{min-height:0;align-items:stretch;align-content:stretch}
html[data-screen-autofit=true] .price-panel{display:flex;flex-direction:column;min-width:0}
html[data-screen-autofit=true] .price-panel>header,html[data-screen-autofit=true] .price-columns{flex-shrink:0}
html[data-screen-autofit=true] .price-row{flex:1 0 auto}
html[data-screen-autofit=true] .price-panels[data-measuring]{flex:none;align-content:start;align-items:start;grid-template-rows:none!important}
html[data-screen-overflow=true] .price-screen{height:auto}
@media(min-width:701px) and (max-height:900px){.price-screen{padding:20px;gap:12px}.screen-top{padding-bottom:14px}.brand-gem{width:52px;height:52px;font-size:36px}.screen-brand h1{font-size:32px}.price-panel{padding:16px}.price-panel>header{margin-bottom:12px}.price-row{min-height:48px;padding:9px 6px}.price-columns{padding-bottom:9px}.screen-footer{padding-top:12px}}
.price-panels{--screen-fit-scale:1;--screen-panel-pad:22px;--screen-row-pad:13px;--screen-row-min:61px;--screen-header-gap:18px;--screen-columns-pad:12px}
html[data-screen-autofit=true] .price-panel{padding:calc(var(--screen-panel-pad)*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-panel>header{gap:calc(14px*var(--screen-fit-scale));margin-bottom:calc(var(--screen-header-gap)*var(--screen-fit-scale))}
html[data-screen-autofit=true] .panel-symbol{width:calc(42px*var(--screen-fit-scale));height:calc(42px*var(--screen-fit-scale));font-size:calc(26px*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-panel h2{font-size:calc(clamp(17px,1.5vw,28px)*var(--screen-fit-scale));margin-bottom:calc(5px*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-panel header p{font-size:calc(11px*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-columns{font-size:calc(9px*var(--screen-fit-scale));padding-bottom:calc(var(--screen-columns-pad)*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-row{min-height:calc(var(--screen-row-min)*var(--screen-fit-scale));padding:calc(var(--screen-row-pad)*var(--screen-fit-scale)) calc(8px*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-row strong{font-size:calc(clamp(11px,1vw,19px)*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-row small{font-size:calc(10px*var(--screen-fit-scale));margin-top:calc(5px*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-buy,html[data-screen-autofit=true] .price-sell{font-size:calc(clamp(19px,2.1vw,40px)*var(--screen-fit-scale))}
html[data-screen-autofit=true] .group-silver .price-buy,html[data-screen-autofit=true] .group-silver .price-sell,html[data-screen-autofit=true] .group-forex .price-buy,html[data-screen-autofit=true] .group-forex .price-sell,html[data-screen-autofit=true] .group-other .price-buy,html[data-screen-autofit=true] .group-other .price-sell{font-size:calc(clamp(18px,1.8vw,34px)*var(--screen-fit-scale))}
@media(min-width:701px) and (max-height:900px){.price-panels{--screen-panel-pad:16px;--screen-row-pad:9px;--screen-row-min:48px;--screen-header-gap:12px;--screen-columns-pad:9px}}
@media(max-aspect-ratio:4/5){html[data-screen-autofit=true] .price-buy,html[data-screen-autofit=true] .price-sell{font-size:calc(clamp(22px,4vw,46px)*var(--screen-fit-scale))}html[data-screen-autofit=true] .group-silver .price-buy,html[data-screen-autofit=true] .group-silver .price-sell,html[data-screen-autofit=true] .group-forex .price-buy,html[data-screen-autofit=true] .group-forex .price-sell,html[data-screen-autofit=true] .group-other .price-buy,html[data-screen-autofit=true] .group-other .price-sell{font-size:calc(clamp(21px,3.5vw,40px)*var(--screen-fit-scale))}}
@media(max-width:700px){.price-panels{--screen-panel-pad:16px;--screen-row-pad:9px;--screen-row-min:48px;--screen-header-gap:12px;--screen-columns-pad:9px}html[data-screen-autofit=true] .price-row strong{font-size:calc(12px*var(--screen-fit-scale))}html[data-screen-autofit=true] .price-buy,html[data-screen-autofit=true] .price-sell,html[data-screen-autofit=true] .group-silver .price-buy,html[data-screen-autofit=true] .group-silver .price-sell,html[data-screen-autofit=true] .group-forex .price-buy,html[data-screen-autofit=true] .group-forex .price-sell,html[data-screen-autofit=true] .group-other .price-buy,html[data-screen-autofit=true] .group-other .price-sell{font-size:calc(clamp(15px,4.6vw,27px)*var(--screen-fit-scale))}}
.ad-stage{overflow:hidden}.ad-media{position:absolute;inset:0;animation:none;will-change:opacity,filter,transform}
.ad-enter,.ad-leave{animation-duration:var(--ad-transition-ms,900ms);animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}
.ad-enter[data-transition=mist]{animation-name:ad-mist-in}.ad-leave[data-transition=mist]{animation-name:ad-mist-out}
.ad-enter[data-transition=fade]{animation-name:ad-fade-in}.ad-leave[data-transition=fade]{animation-name:ad-fade-out}
.ad-enter[data-transition=slide]{animation-name:ad-slide-in}.ad-leave[data-transition=slide]{animation-name:ad-slide-out}
.ad-enter[data-transition=zoom]{animation-name:ad-zoom-in}.ad-leave[data-transition=zoom]{animation-name:ad-zoom-out}
@keyframes ad-mist-in{from{opacity:0;filter:blur(18px);transform:scale(1.045)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes ad-mist-out{from{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(18px);transform:scale(.975)}}
@keyframes ad-fade-in{from{opacity:0}to{opacity:1}}@keyframes ad-fade-out{from{opacity:1}to{opacity:0}}
@keyframes ad-slide-in{from{opacity:.4;transform:translateX(12%)}to{opacity:1;transform:translateX(0)}}@keyframes ad-slide-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-8%)}}
@keyframes ad-zoom-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ad-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}
html[data-screen-autofit=true] .price-row strong{font-size:max(12px,calc(clamp(14px,1.2vw,22px)*var(--screen-fit-scale)))}
html[data-screen-autofit=true] .price-row small{font-size:max(9px,calc(11px*var(--screen-fit-scale)))}
@media(prefers-reduced-motion:reduce){.ad-enter,.ad-leave{animation:none!important}}
html[data-screen-autofit=true] .price-row strong{font-size:max(14px,calc(clamp(16px,1.4vw,24px)*var(--screen-fit-scale)))}
html[data-screen-autofit=true] .price-panel h2{font-size:max(17px,calc(clamp(18px,1.5vw,28px)*var(--screen-fit-scale)))}
html[data-screen-autofit=true] .price-panels{gap:calc(18px*var(--screen-fit-scale))}
html[data-screen-autofit=true] .price-panels[data-compact=true] .price-panel header p{display:none}
html[data-screen-autofit=true] .price-columns{font-size:max(8px,calc(9px*var(--screen-fit-scale)))}
html{--screen-tv-x:3vw;--screen-tv-y:3vh}
.price-screen{min-height:100vh;min-height:100dvh;padding:32px;padding:max(20px,var(--screen-tv-y),env(safe-area-inset-top,0px)) max(20px,var(--screen-tv-x),env(safe-area-inset-right,0px)) max(24px,var(--screen-tv-y),env(safe-area-inset-bottom,0px)) max(20px,var(--screen-tv-x),env(safe-area-inset-left,0px))}
html[data-screen-autofit=true] .price-screen{min-height:0}
.price-screen .screen-footer{flex-shrink:0;min-width:0;flex-wrap:wrap;font-size:clamp(11px,.85vw,16px);line-height:1.4;padding-top:14px}
.price-screen .screen-footer strong{font-size:clamp(14px,1.15vw,22px)}
.price-screen .screen-footer small{font-size:clamp(10px,.75vw,14px)}
.price-screen .screen-footer p{min-width:0;overflow-wrap:anywhere}
.price-buy,.price-sell{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:0;line-height:1.1}
.price-number{display:block}
.price-row .price-change{margin:0!important;font:600 clamp(10px,.8vw,15px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--muted)}
html[data-screen-autofit=true] .price-row .price-change{font-size:max(9px,calc(12px*var(--screen-fit-scale)))}
.price-row .price-change[data-direction=up]{color:#66d6a0}
.price-row .price-change[data-direction=down]{color:#ff929b}
html[data-screen-theme=light] .price-row .price-change[data-direction=up]{color:#14753f}
html[data-screen-theme=light] .price-row .price-change[data-direction=down]{color:#b3263a}