.stk-observation-media{margin-top:14px;border:1px solid rgba(101,200,255,.22);border-radius:18px;background:rgba(5,23,37,.72);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18)}.stk-observation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.stk-observation-heading strong{font-size:14px}.stk-observation-heading span{font-size:11px;color:var(--blue,#65c8ff);padding:5px 8px;border-radius:999px;background:rgba(101,200,255,.08)}.stk-observation-frame{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#0b3148,#071725)}.stk-observation-frame img{display:block;width:100%;height:100%;object-fit:cover}.stk-observation-marker{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.18),0 0 18px rgba(0,0,0,.8)}.stk-observation-marker:before,.stk-observation-marker:after{content:"";position:absolute;background:#fff}.stk-observation-marker:before{width:2px;height:40px;left:11px;top:-8px}.stk-observation-marker:after{height:2px;width:40px;left:-8px;top:11px}.stk-observation-marker i{position:absolute;inset:8px;border-radius:50%;background:#ffcf6e}.stk-observation-meta{display:flex;justify-content:space-between;gap:12px;padding:10px 14px 0;color:var(--muted,#9ab7c5);font-size:12px}.stk-observation-note{margin:8px 14px;color:var(--muted,#9ab7c5);font-size:12px;line-height:1.45}.stk-observation-full{display:inline-block;margin:8px 14px 13px;color:var(--blue,#65c8ff);font-size:12px;font-weight:800;text-decoration:none}.stk-observation-full:hover,.stk-observation-full:focus-visible{text-decoration:underline}.stk-observation-media.is-compact .stk-observation-heading{padding:9px 11px}.stk-observation-media.is-compact .stk-observation-full{margin:7px 11px 10px}.stk-observation-media.is-compact .stk-observation-meta{padding:8px 11px 0}.stk-observation-fallback{padding-bottom:12px}.stk-observation-fallback p{margin:9px 14px 0;color:var(--muted,#9ab7c5);font-size:12px}.stk-observation-fallback-visual{position:relative;height:92px;margin:0 14px;border-radius:13px;overflow:hidden;background:linear-gradient(rgba(101,200,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(101,200,255,.04) 1px,transparent 1px),radial-gradient(circle at center,rgba(101,200,255,.16),rgba(5,23,37,.92));background-size:22px 22px,22px 22px,auto}.stk-observation-fallback-visual span{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid #ffcf6e;border-radius:50%;box-shadow:0 0 0 6px rgba(255,207,110,.12)}.stk-observation-placeholder{aspect-ratio:16/9;border-radius:16px;background:linear-gradient(110deg,rgba(255,255,255,.035) 8%,rgba(255,255,255,.09) 18%,rgba(255,255,255,.035) 33%);background-size:200% 100%;animation:stk-media-shimmer 1.4s linear infinite}.stk-home-alert-media{grid-column:1/-1;min-width:0}.alert-card .stk-home-alert-media .stk-observation-media{margin-top:0}.official-alert-item .stk-observation-media{margin-top:12px}@keyframes stk-media-shimmer{to{background-position-x:-200%}}@media(max-width:640px){.stk-observation-heading{align-items:flex-start;flex-direction:column;gap:7px}.stk-observation-meta{flex-direction:column;gap:4px}.stk-observation-marker{width:24px;height:24px}.stk-observation-marker:before{height:34px;left:9px;top:-7px}.stk-observation-marker:after{width:34px;left:-7px;top:9px}}@media(prefers-reduced-motion:reduce){.stk-observation-placeholder{animation:none}}
.stk-observation-lightbox[hidden]{display:none}.stk-observation-lightbox{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}.stk-observation-lightbox img{display:block;max-width:min(96vw,1600px);max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.55)}.stk-observation-lightbox-close{position:fixed;top:14px;right:18px;z-index:10051;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(5,23,37,.85);color:#fff;font-size:30px;line-height:1;cursor:pointer}.stk-observation-lightbox-open{overflow:hidden}@media(max-width:640px){.stk-observation-lightbox{padding:10px}.stk-observation-lightbox img{max-width:100%;max-height:88vh}.stk-observation-lightbox-close{top:8px;right:8px}}.stk-observation-frame:focus-visible{outline:3px solid var(--blue,#65c8ff);outline-offset:3px}.stk-observation-lightbox-close:focus-visible{outline:3px solid #ffcf6e;outline-offset:3px}