:root{--line:rgba(255,255,255,.22);--text:rgba(255,255,255,.96);--muted:rgba(255,255,255,.74);--shadow:0 24px 80px rgba(0,0,0,.42);--pad-x:clamp(22px,4vw,78px);--pad-y:clamp(18px,3.2vh,54px);--display-weight:650;--blue:#53B9FF;--green:#42E59E;--red:#FF6B7A}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;color:var(--text);background:#0d4f93}.stock-screen{position:relative;width:100vw;height:100vh;min-height:620px;overflow:hidden;isolation:isolate}.video-bg,.video-bg video{position:absolute;inset:0;width:100%;height:100%}.video-bg{z-index:-10;background:#0d4f93;overflow:hidden}.video-bg video{object-fit:cover;object-position:center center;border:0;opacity:0;transition:opacity 900ms ease;background:#0d4f93}.video-bg video.ready{opacity:1}.video-overlay{position:absolute;inset:0;z-index:-9;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.10),transparent 34%),linear-gradient(180deg,rgba(5,18,35,.18),rgba(5,18,35,.50))}.stock-fallback{position:absolute;inset:0;z-index:-11;background:linear-gradient(180deg,#0e5aa2 0%,#236fae 45%,#7fb9df 100%)}.stock-fallback:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 22% 24%,rgba(255,255,255,.18),transparent 19%),radial-gradient(circle at 75% 48%,rgba(255,255,255,.14),transparent 22%),radial-gradient(circle at 50% 88%,rgba(255,255,255,.20),transparent 24%);filter:blur(18px)}.topbar{position:absolute;top:var(--pad-y);left:var(--pad-x);right:var(--pad-x);display:flex;justify-content:space-between;align-items:center;font-size:clamp(18px,2vw,30px);font-weight:700;text-shadow:0 3px 14px rgba(0,0,0,.40);z-index:2}.topbar .center{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.topbar .brand{width:193px;height:36px;display:flex;align-items:center}.topbar .brand img{display:block;width:100%;height:100%;object-fit:contain}.topbar .right-brand{justify-content:flex-end}.topbar .left-brand{justify-content:flex-start}.brand-fallback{display:none;color:#fff;font-size:clamp(34px,3.5vw,58px);font-weight:650;line-height:1;letter-spacing:-.05em}.brand-fallback.unite{font-size:clamp(30px,3.2vw,52px);letter-spacing:-.03em}.stock-panel{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(78vw,760px);border-radius:34px;background:linear-gradient(180deg,rgba(9,33,62,.70),rgba(7,24,46,.55));backdrop-filter:blur(18px) saturate(132%);-webkit-backdrop-filter:blur(18px) saturate(132%);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.16)}.current-row{display:grid;grid-template-columns:1fr;grid-template-areas:"price" "chart" "clock";justify-items:center;text-align:center;gap:clamp(20px,3vh,38px);padding:38px 42px 25px;border-bottom:1px solid var(--line)}.price-block{grid-area:price;text-align:center}.price-main{font-size:clamp(58px,7.5vw,115px);line-height:.9;font-weight:var(--display-weight);letter-spacing:-5px;white-space:nowrap}.price-change{margin-top:14px;color:var(--muted);font-size:clamp(18px,2vw,27px);font-weight:650}.price-change.positive,.value.positive{color:var(--green)}.price-change.negative,.value.negative{color:var(--red)}.chart-wrap{grid-area:chart;width:100%;max-width:640px;min-width:0}.chart-title{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:clamp(13px,1.4vw,19px);padding:0 3px 6px}.stock-chart{display:block;width:100%;height:clamp(145px,18vh,250px);overflow:visible}.clock-block{grid-area:clock;text-align:center}.clock{font-size:clamp(70px,9vw,135px);line-height:.9;font-family:inherit;font-weight:var(--display-weight);letter-spacing:-6px}.market-state{margin-top:16px;color:var(--blue);font-weight:700;font-size:clamp(16px,1.8vw,24px)}.date{margin-top:8px;color:var(--muted);font-size:clamp(16px,1.8vw,24px)}.metrics{padding:25px 34px 34px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric{text-align:center;color:var(--muted);min-width:0}.metric .ico{width:clamp(23px,2.6vw,35px);height:clamp(23px,2.6vw,35px);display:block;margin:0 auto 8px;background:linear-gradient(180deg,#83D4FF,#3096FF);filter:drop-shadow(0 5px 12px rgba(42,146,255,.35));mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.metric .label{font-size:clamp(12px,1.25vw,17px);white-space:normal;line-height:1.15}.metric .value{color:var(--text);font-size:clamp(16px,1.75vw,25px);margin-top:6px;font-weight:700;white-space:nowrap}.icon-open{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v3H4V4Zm2 5h12v11H6V9Zm3 2v7h2v-5h2v5h2v-7H9Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v3H4V4Zm2 5h12v11H6V9Zm3 2v7h2v-5h2v5h2v-7H9Z'/%3E%3C/svg%3E")}.icon-high{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m4 17 6-6 4 4 6-8v6h-2V9.8l-3.8 5.1L10 10.7 5.4 15.4 4 17Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m4 17 6-6 4 4 6-8v6h-2V9.8l-3.8 5.1L10 10.7 5.4 15.4 4 17Z'/%3E%3C/svg%3E")}.icon-low{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m4 7 6 6 4-4 6 8v-6h-2v3.2l-3.8-5.1L10 13.3 5.4 8.6 4 7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m4 7 6 6 4-4 6 8v-6h-2v3.2l-3.8-5.1L10 13.3 5.4 8.6 4 7Z'/%3E%3C/svg%3E")}.icon-prev{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2Zm13 8H4v10h16V10Zm-8 2h6v2h-6v-2Zm0 4h4v2h-4v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2Zm13 8H4v10h16V10Zm-8 2h6v2h-6v-2Zm0 4h4v2h-4v-2Z'/%3E%3C/svg%3E")}.icon-change{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 19h14v2H3V5h2v14Zm2-3 4-5 3 3 5-8 1.7 1.1-6.3 10.1-3.2-3.2-2.7 3.4L7 16Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 19h14v2H3V5h2v14Zm2-3 4-5 3 3 5-8 1.7 1.1-6.3 10.1-3.2-3.2-2.7 3.4L7 16Z'/%3E%3C/svg%3E")}.bottom-ranges{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(8,25,43,.10),rgba(6,18,33,.84));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.18);padding:18px max(18px,4vw) 22px}.range-items{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:end}.ritem{text-align:center;min-width:0;text-shadow:0 2px 8px rgba(0,0,0,.34)}.ritem .period{font-size:clamp(15px,1.6vw,23px);font-weight:800;color:var(--text);white-space:nowrap}.ritem .range-icon{width:clamp(30px,3.6vw,52px);height:clamp(30px,3.6vw,52px);margin:0 auto 6px;border-radius:16px;background:radial-gradient(circle at 35% 30%,#9BE2FF,#53B9FF 48%,#1B6ED6 100%);box-shadow:0 10px 26px rgba(42,146,255,.32);position:relative}.ritem .range-icon:after{content:"";position:absolute;left:22%;right:18%;top:52%;height:3px;background:#fff;border-radius:99px;transform:rotate(-18deg);box-shadow:10px -7px 0 -1px #fff}.ritem .range-line{font-size:clamp(13px,1.35vw,19px);color:var(--muted);line-height:1.25}.ritem strong{color:#fff}.error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80vw,680px);padding:24px;border-radius:22px;background:rgba(0,0,0,.55);text-align:center;display:none;z-index:5}@media (orientation:landscape){.stock-panel{top:48%;width:min(92vw,1600px)}.current-row{grid-template-columns:minmax(240px,.72fr) minmax(460px,1.28fr) minmax(260px,.72fr);grid-template-areas:"price chart clock";align-items:center;justify-items:center;text-align:center;gap:clamp(24px,3.2vw,58px);padding:clamp(30px,4vw,58px) clamp(40px,5vw,86px) clamp(26px,3vw,42px)}.price-main{font-size:clamp(58px,7.5vw,115px)}.stock-chart{height:clamp(150px,18vh,260px)}.clock{font-size:clamp(70px,9vw,135px)}.metrics{padding:clamp(22px,2.7vw,42px) clamp(40px,5vw,86px) clamp(24px,3vw,44px)}.bottom-ranges{padding-bottom:16px}}@media (orientation:portrait){.stock-panel{width:min(78vw,760px);top:46%}.current-row{grid-template-columns:1fr;grid-template-areas:"price" "chart" "clock";justify-items:center;text-align:center}.chart-wrap{max-width:min(100%,600px)}.stock-chart{height:clamp(145px,18vh,230px)}}@media (max-width:620px){.topbar .brand{width:145px;height:29px}.topbar .center{font-size:15px;max-width:42vw;overflow:hidden;text-overflow:ellipsis}.stock-panel{width:88vw;border-radius:28px}.current-row{padding:26px 24px 20px}.metrics{grid-template-columns:repeat(5,1fr);padding:18px 12px 26px;gap:6px}.metric .label{font-size:10px}.metric .value{font-size:13px}.bottom-ranges{padding-left:12px;padding-right:12px}.range-items{gap:6px}.ritem .range-line{font-size:11px}.ritem .period{font-size:12px}}


/* Final chart/range adjustments */
#lastUpdate{display:none!important}.range-svg{display:block;width:clamp(30px,3.6vw,52px);height:clamp(30px,3.6vw,52px);object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 10px 22px rgba(42,146,255,.32))}.ritem .period{display:none!important}@media (max-width:620px){.range-svg{width:clamp(26px,8vw,42px);height:clamp(26px,8vw,42px);margin-bottom:5px}}

/* Local chart version: remove lower range bar and use the space for the main dashboard */
.bottom-ranges{display:none!important}.stock-panel{top:52%!important}.chart-wrap{max-width:760px!important}.stock-chart{height:clamp(185px,24vh,330px)!important}.current-row{padding-top:clamp(44px,5vw,70px)!important;padding-bottom:clamp(34px,4vw,56px)!important}@media (orientation:landscape){.stock-panel{top:52%!important;width:min(92vw,1660px)!important}.current-row{grid-template-columns:minmax(270px,.74fr) minmax(560px,1.35fr) minmax(285px,.74fr)!important}.stock-chart{height:clamp(190px,25vh,340px)!important}}@media (max-width:620px){.stock-panel{top:52%!important}.stock-chart{height:170px!important}}