/* vanilla-extract-css-ns:src/css/reset.css.ts.vanilla.css?source=Lmlla2JjYzAgewogIGJvcmRlcjogMDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGZvbnQtc2l6ZTogMTAwJTsKICBsaW5lLWhlaWdodDogbm9ybWFsOwogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwogIHRleHQtYWxpZ246IGxlZnQ7CiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmlla2JjYzEgewogIGxpc3Qtc3R5bGU6IG5vbmU7Cn0KLmlla2JjYzIgewogIHF1b3Rlczogbm9uZTsKfQouaWVrYmNjMjpiZWZvcmUsIC5pZWtiY2MyOmFmdGVyIHsKICBjb250ZW50OiAnJzsKfQouaWVrYmNjMyB7CiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKICBib3JkZXItc3BhY2luZzogMDsKfQouaWVrYmNjNCB7CiAgYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjNSB7CiAgb3V0bGluZTogbm9uZTsKfQouaWVrYmNjNTo6cGxhY2Vob2xkZXIgewogIG9wYWNpdHk6IDE7Cn0KLmlla2JjYzYgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGNvbG9yOiBpbmhlcml0Owp9Ci5pZWtiY2M3OmRpc2FibGVkIHsKICBvcGFjaXR5OiAxOwp9Ci5pZWtiY2M3OjotbXMtZXhwYW5kIHsKICBkaXNwbGF5OiBub25lOwp9Ci5pZWtiY2M4OjotbXMtY2xlYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLmlla2JjYzg6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24gewogIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjOSB7CiAgYmFja2dyb3VuZDogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdGV4dC1hbGlnbjogbGVmdDsKfQouaWVrYmNjYSB7CiAgY29sb3I6IGluaGVyaXQ7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwp9 */
[data-rk] .iekbcc0 {
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent;
}
[data-rk] .iekbcc1 {
  list-style: none;
}
[data-rk] .iekbcc2 {
  quotes: none;
}
[data-rk] .iekbcc2:before,
[data-rk] .iekbcc2:after {
  content: "";
}
[data-rk] .iekbcc3 {
  border-collapse: collapse;
  border-spacing: 0;
}
[data-rk] .iekbcc4 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[data-rk] .iekbcc5 {
  outline: none;
}
[data-rk] .iekbcc5::-moz-placeholder {
  opacity: 1;
}
[data-rk] .iekbcc5::placeholder {
  opacity: 1;
}
[data-rk] .iekbcc6 {
  background-color: transparent;
  color: inherit;
}
[data-rk] .iekbcc7:disabled {
  opacity: 1;
}
[data-rk] .iekbcc7::-ms-expand {
  display: none;
}
[data-rk] .iekbcc8::-ms-clear {
  display: none;
}
[data-rk] .iekbcc8::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
[data-rk] .iekbcc9 {
  background: none;
  cursor: pointer;
  text-align: left;
}
[data-rk] .iekbcca {
  color: inherit;
  text-decoration: none;
}

/* vanilla-extract-css-ns:src/css/sprinkles.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6Vdy67rxhHc-yu0CWAvZOhJPbJJrp0gBhJkEQNZU-SQ4hFF6pDU6wT-90DiebCre2aavDtbXV3TNdMcFTm8Rz-_nOfB6jIZ_e-H0SjMs7QYZ4051ttRkpvbuG7CqvnzD3_88HOLm1lwpog7qAVHRaZoTNXBBE9MnNWnPLxvR0VZmE50TaO7vIwOnXBIw48SOtGIRrMizwi56ZRXmzyxaE1kGJWaMhBTun9CdmF0SKvyXMTjOnsz21FUXggsa2FlFZtqXIVxdq63o-mpK-xFggQEchBZJgSTi5g5wRwlzCWsfhyPq8Pzg2wcRk1WFt_OTVMWP3VyC0VuVBaFiRqeXCqSj6Y488yTJrOMw7yb9KpN-le5y3LTTa2k1NnyTx1ILUE2m82GzHXTRdXNPTfbUV3mWbfPzl3MNYub_XZEV_UiIGj7XAXEjCBuAmJBEPcnIjpXdVltR6cyg2Z_I3G4qqftNvOeNTYXUzQ1R01FVJjnXVC7Ex2zYrw3WbpvtqM1KXQ6Z4AFlTJtt6nnRR1nlXl283ZUldcuaCmCojI_H4surt3PkrJoxkl4zPJ7p40en9bjXRnfu_0zXX2ltFvC9Lkao9Fjv_qsegq61ixrrsjasKyFIitkWYGQNaONON2xrLWUBasRYVZL68mKWZY0GzN6wU3NV9b1ozkmky4i4YglRaQcEVDEniNWFJFxxJoi2i0_DU_bEfn88PU5vcin-VeEXtzT41eEbvbT4isC81t-RZY0cvqK0K-g6etXBPqp6lQNTVN3QlB30wlBeedOCKq4dEJQxrUzRVDGrROCse6dEBC-dWaWFj-bdEK0wtm0M-t0rNmsM7kQmn-FxnTpZ-2G9nkx0-CSBKHKgARhxBUJUumzNR0TeDd0UDrZs5BGYdgdjcK4EYnOgTmmUajK0CiMm9AoLFpKZwrG3dMoMGc0CopeSHQJuQcSDWDcHOYZwke6SJNJ16TMChI9hreHO2tMQYx_uxG8nOsmS-4fANtdwskBpv559ipDmYueVTKwPoWRGe9MczWm-4U8q1348OnEu_B2k2nMrRk_3fx2lJuEiDozBC_ywjBZsTdVRoja7ecYVmlWjHdl05RHurvPbhICrue7hIFGf5MwdO-fTyQMbb75VMLQ74P5TMLQi2c-lzD0MpgvRO20oedLEUTVzwMRBNJWIgjqXosgKHwjLggUHoogqGkngmC4SFxbmIJYBIE6I3YA1JSIywugVALBt9R83wU9LjLa_POMx4HhhSNA94EjoO1zjgAxR46Ali84Aqa25AhYxpOgFnrmVYCA3kqAgJxagEC1jQCBcs_C1EO5FwECtVwFCAx0E1YQRN8FCCh6E1aZ1rKYCIsIkCmHQFMvyO5Xtd-k3a5ezAUAcCwECJW8WAoQ2tiLQICAnpUAoa29WAsQOreLjQChi7gIJdG0XRY7CQOyIwkDomIJAyUbCQM1J9IqQM2phIF69hIGxsqk5QTtLxIGdB2kNYd6cmlFAXMUMNjpZNNrSrgxXZQsDPknBgDBrwwAHV4xAMioGQC6u2EAmNAzA8DKXbhM6JErR4DQG0eAkDtHQKFvHEErXU74fNNKl1OOoHUsZxwBo8z5olG1ywVHUC3LJV9XqCPg6waIFUNA_y4_drab_JB0ucE46AgxDhXsMA4zFbHxYYCYFQDrZRgASkgYAGpIEQD3z8s9A0CRGQNADS8MAKt9YPMINeQMAEMcGQBkFgiAm-pliQC4r16e-FoA4pUtJ727XlYIkG-wl--bVlZY-rLBOKzIGeOg9YJxmKwrGx8GuLECYCruDAAlvDEArSGYIAD6MpgyAC0ymDEArSGYMwDty2DB5hFqWDIADBEwAMhcIQD6MlgjAPoy2PC1AETIlpP2ZbBDgNyXQbtfPQ4rk7y8bkf7LI7Jk5ag3bBOYRxnRSo-0AiMCKEdHiQiCBY4FUHUIQR7EQSTnIkg6hSCFxEELXMQQbDouTwFsGxHGQWTUMgoEFjKKCj-JKOg-ld5baD6SkZBXbWMghEbeaFhJs4yCjRe5H6Auq7yWgPqJqLAZQR3guJPOYI3AUA5VhMBQuWvpgKEXgurmQChklZzAUKvg9VCgNBJXi0FCF3TVSCJpj20WkkYkL2WMCBqI2Gg5FDCQM07aRWg5kjCQD2xhIGxjLScoD2RMKArldYc6tlLKwqYTMBAp6_oDik8-lgdJASw5BIGlB8lDHR7IWFAVSlhoN9PEgZm-VXCwIpWonZon1oEgfpGBIG0swiCui8iCAq_igsChd9EENR0F0Ew3Ju4tnQK1hMRRNWtp2IH0JrWM3F5ATSXQND-a7oxsuch6yWPA0PAEaB7xRG07ddrjgAxG46gLb8OOQKmdscRdBnXkaCW9sw6FiCg1wgQkJMIEKg2FSBQ7l6Yeig3EyBQy4sAgYEOwgqC6FyAgKKjsMpQSyEsIkBKDsGmft_9yjprX3cKd3WZnxvyhuYrYJLsZronqusKAJXJwya7EJJ25xtfze6QNeNz_XgBzuQmavgboe3-J3y_rN8PZquw-Bhq8vN0tqxHJqwJxYUBn_-dlNXRltJug87C2k1QvGlf37sxWPC3boyu0WbSjdFe2kzJeJR0MyMD0l7ezEkQhlyQIIy57AbhpnwTkCAUtCJBGHNNgrTbNxsyPzBmSIJAuyNBkBJ1g3DjvYm7Qbjp3hg6txBNyLLQm-1N2g3KN9qbr_eE46o8jZMsb0zVeYtwl5-run0Z9d8XU-UheZtwk32mt68ZdzKjMi-rehxGjxcWfnn8D8l82e4ft_eD8w_bx5vA769VDyHI-2T-vaxMCyMcx_4iLEzFADkWqlLB8fUO9bfne7eE4KRW5aR51Uty8gwphL84vakHqxLImuHaBLZzL5r_mKgs4rC6f_tMIGyXAUJ9nNchen2kNy9blJe14S_db-5Kibb8N60cC0E46ZMpyw-n_UVYmGYD5Fio5n6O7j-isLAstNIUXEu1OAVZMJTlb1VFvz_C1fdp5ITr7xTKGTf9qH4rClNZJi4cotZFuBuk1sUY9aP63dwakh8PkchYzCBdjCbpn8_XPx2qiFPtB8viXH7T-E6SPRY8zqKwAQatefTxqE2kj8hvJuPyWuRlGH97Prv_JaxiSxtrPaWaUG0t1Yx-h_lB9Xt5cvBojaaOTe03dXT-sgzrbK3H5JlqQ8lT_e4xNYWpwpx761DrFe0Mamdop_D7QJL7a3Yk6Voz6CRRO0IXy85vCx__ivS3xhzlpttpPaGHRm0IPTx-N_h8MvDt_fEBydV6QDuD2vnZKfx-7zNXkK-1eC4OtatzkfiNXJvNrq2d1rfZ8tU2zUbgd2XPTDRAO60bk7PVLkxO97uvzzzcArSey0qgdlpWBr-_-kz9vEUnBFp75aFRuysPj99cnaoyyXLz16dDI7laN2VnUNsnO4XfL5HcfzwqJgRao-ShUTskD4-6EPkJ5U5rk9wsasvkpvHbp_YMxsT_Pj2fbfE9TuuivERqM-Vl8nuqugmLeEevNK2VknLVDkpIjt6NU_s3IJ449YP8iHimQQzULg2imPfLlXsxWgyRYuFaDhJlIQtULK7H-NGqhzYn0bqPMCfTZhAFf4Afhd-hTaDbfY9CgS_qSeR5cB_Fg-T6WM0w1T7aRMFnecwfpWqhNoa9XpSNIuuXa5mGlyFSLFyHQaIsZLmGxf9oPzrqBSrYih4SFXTlcB72_DQ6fa9STvn63XI5Z-8CHQ_3o3qYZhdlM1Czi_PclwxvPaPLMKGM5zpQHSO6DWHg3XAfrouTvX2HOMYWa8yn5wAg1ptQH1MPM-qj0phS7UP_WO9N1ZQ9LKqaU-NUVQcAsd6w6vh6-FYdoca-suOCWO9VeW4PY8qTNS7UekgQ6z2nnaOHw7STaPyk65Ag1ptKJ00PZ-nk0dhL9zFBrPeWHqIextLDpHGV1mODWO8l7Rw9HKSdROMbHQcHsd4qulh6uEMXjb4MftXp_Z-NoYfds1Fo3J14oBDrXZ2c38PNyQQaF2c7UIj13s1K0cOx2TiMxqe5jxKM3qZ5iHq4NA-TxqRZjxaM3pXZOXrYMDuJxne5jxWM3nB5iHo4LQ-TxmI5jxeM3m65eXpYLzeRxob5jheM3o15qXqYMi-XxpsJxw9Gb8mk7B5OTEr_MGC3cb0P48dfO_jMaj-Am1iSTK3XIAowXYM4cn9ynIV5mZKso7Z4IbdQVy0kl_6s94voV9OEWV4LG95JW7yX6VUtxUulKIdeRCS71kpycDRqMQ6Ssz77v2GeG-J1zKWvDIHj2luGQHLzZ1-fWf8s05Jk3rUSLPlv6vJlgqT1WpZdzHIImnTdVc9U4qd65s6VSfIXYrLoVbWFZNmvfgtL4E53HWYmK40MJ8NapcFJsemXy88qk3CIDIFnN0iMQBRpGTwHkUncT5mPzvQU6ONLXESWs8kk9Wuype4V9dtyM2WSRepLr6otJId-9VtYcme6_2QxOSq0KGgKjRoFTzmAgJ3IJKfBojjX63BlnExfkuOUMKl7ynNxNX3lucjOahZ8wJRcempiBNe-QhjDrVcqX9z7AAmc5W2IDkaTOg2Y5-AvVRgxH4XGkPk4nMZMe6KXKvyZmktj09RkTremOsJLFaZNR6Txbjomp4Vjp3qpwq_xJI0541lOJ2Y9sEsVvsuerHFZ9mynp3KdyqUKY-XM17grJ4HTYrkP31KFv_IwaMyVh8LprKwnbqnCT9mTNS7Knu30To6DtVRhl1zpGofkylcMzC8NhQeypWosjy3X6XDEo7NU4WzkRI2jkTOdTsZ2PpYq_Is1V-NabMl7p1dxH3_tFVbFw6BxKh4Kp1GxnnntFc7EnqyxIvZsp_dwH2rtFabDw6BxGx4Kp81wnmDtFZbDTaCxH24GpxXxHVPtFY7Ey6ExJl4Spz8Rzqr2ClsipWncSDfvL0cTZ-GojipjilFYxKMfO38zfBWsT7efnlzvA7R_nc7xW9Kj0R9f6LkV_fyZOIJdStiPn2AjyNU7En5dmmA2iHn_jWkC2iGo_aVpgokR8_F70w_UH_8HNiLX2mB7AAA */
[data-rk] .ju367v0 {
  align-items: flex-start;
}
[data-rk] .ju367v2 {
  align-items: flex-end;
}
[data-rk] .ju367v4 {
  align-items: center;
}
[data-rk] .ju367v6 {
  display: none;
}
[data-rk] .ju367v8 {
  display: block;
}
[data-rk] .ju367va {
  display: flex;
}
[data-rk] .ju367vc {
  display: inline;
}
[data-rk] .ju367ve {
  align-self: flex-start;
}
[data-rk] .ju367vf {
  align-self: flex-end;
}
[data-rk] .ju367vg {
  align-self: center;
}
[data-rk] .ju367vh {
  background-size: cover;
}
[data-rk] .ju367vi {
  border-radius: 1px;
}
[data-rk] .ju367vj {
  border-radius: 6px;
}
[data-rk] .ju367vk {
  border-radius: 10px;
}
[data-rk] .ju367vl {
  border-radius: 13px;
}
[data-rk] .ju367vm {
  border-radius: var(--rk-radii-actionButton);
}
[data-rk] .ju367vn {
  border-radius: var(--rk-radii-connectButton);
}
[data-rk] .ju367vo {
  border-radius: var(--rk-radii-menuButton);
}
[data-rk] .ju367vp {
  border-radius: var(--rk-radii-modal);
}
[data-rk] .ju367vq {
  border-radius: var(--rk-radii-modalMobile);
}
[data-rk] .ju367vr {
  border-radius: 25%;
}
[data-rk] .ju367vs {
  border-radius: 9999px;
}
[data-rk] .ju367vt {
  border-style: solid;
}
[data-rk] .ju367vu {
  border-width: 0px;
}
[data-rk] .ju367vv {
  border-width: 1px;
}
[data-rk] .ju367vw {
  border-width: 2px;
}
[data-rk] .ju367vx {
  border-width: 4px;
}
[data-rk] .ju367vy {
  cursor: pointer;
}
[data-rk] .ju367vz {
  cursor: none;
}
[data-rk] .ju367v10 {
  pointer-events: none;
}
[data-rk] .ju367v11 {
  pointer-events: all;
}
[data-rk] .ju367v12 {
  min-height: 8px;
}
[data-rk] .ju367v13 {
  min-height: 44px;
}
[data-rk] .ju367v14 {
  flex-direction: row;
}
[data-rk] .ju367v15 {
  flex-direction: column;
}
[data-rk] .ju367v16 {
  font-family: var(--rk-fonts-body);
}
[data-rk] .ju367v17 {
  font-size: 12px;
  line-height: 18px;
}
[data-rk] .ju367v18 {
  font-size: 13px;
  line-height: 18px;
}
[data-rk] .ju367v19 {
  font-size: 14px;
  line-height: 18px;
}
[data-rk] .ju367v1a {
  font-size: 16px;
  line-height: 20px;
}
[data-rk] .ju367v1b {
  font-size: 18px;
  line-height: 24px;
}
[data-rk] .ju367v1c {
  font-size: 20px;
  line-height: 24px;
}
[data-rk] .ju367v1d {
  font-size: 23px;
  line-height: 29px;
}
[data-rk] .ju367v1e {
  font-weight: 400;
}
[data-rk] .ju367v1f {
  font-weight: 500;
}
[data-rk] .ju367v1g {
  font-weight: 600;
}
[data-rk] .ju367v1h {
  font-weight: 700;
}
[data-rk] .ju367v1i {
  font-weight: 800;
}
[data-rk] .ju367v1j {
  gap: 0;
}
[data-rk] .ju367v1k {
  gap: 1px;
}
[data-rk] .ju367v1l {
  gap: 2px;
}
[data-rk] .ju367v1m {
  gap: 3px;
}
[data-rk] .ju367v1n {
  gap: 4px;
}
[data-rk] .ju367v1o {
  gap: 5px;
}
[data-rk] .ju367v1p {
  gap: 6px;
}
[data-rk] .ju367v1q {
  gap: 8px;
}
[data-rk] .ju367v1r {
  gap: 10px;
}
[data-rk] .ju367v1s {
  gap: 12px;
}
[data-rk] .ju367v1t {
  gap: 14px;
}
[data-rk] .ju367v1u {
  gap: 16px;
}
[data-rk] .ju367v1v {
  gap: 18px;
}
[data-rk] .ju367v1w {
  gap: 20px;
}
[data-rk] .ju367v1x {
  gap: 24px;
}
[data-rk] .ju367v1y {
  gap: 28px;
}
[data-rk] .ju367v1z {
  gap: 32px;
}
[data-rk] .ju367v20 {
  gap: 36px;
}
[data-rk] .ju367v21 {
  gap: 44px;
}
[data-rk] .ju367v22 {
  gap: 64px;
}
[data-rk] .ju367v23 {
  gap: -1px;
}
[data-rk] .ju367v24 {
  height: 1px;
}
[data-rk] .ju367v25 {
  height: 2px;
}
[data-rk] .ju367v26 {
  height: 4px;
}
[data-rk] .ju367v27 {
  height: 8px;
}
[data-rk] .ju367v28 {
  height: 12px;
}
[data-rk] .ju367v29 {
  height: 20px;
}
[data-rk] .ju367v2a {
  height: 24px;
}
[data-rk] .ju367v2b {
  height: 28px;
}
[data-rk] .ju367v2c {
  height: 30px;
}
[data-rk] .ju367v2d {
  height: 32px;
}
[data-rk] .ju367v2e {
  height: 34px;
}
[data-rk] .ju367v2f {
  height: 36px;
}
[data-rk] .ju367v2g {
  height: 40px;
}
[data-rk] .ju367v2h {
  height: 44px;
}
[data-rk] .ju367v2i {
  height: 48px;
}
[data-rk] .ju367v2j {
  height: 54px;
}
[data-rk] .ju367v2k {
  height: 60px;
}
[data-rk] .ju367v2l {
  height: 200px;
}
[data-rk] .ju367v2m {
  height: 100%;
}
[data-rk] .ju367v2n {
  height: -moz-max-content;
  height: max-content;
}
[data-rk] .ju367v2o {
  justify-content: flex-start;
}
[data-rk] .ju367v2p {
  justify-content: flex-end;
}
[data-rk] .ju367v2q {
  justify-content: center;
}
[data-rk] .ju367v2r {
  justify-content: space-between;
}
[data-rk] .ju367v2s {
  justify-content: space-around;
}
[data-rk] .ju367v2t {
  text-align: left;
}
[data-rk] .ju367v2u {
  text-align: center;
}
[data-rk] .ju367v2v {
  text-align: inherit;
}
[data-rk] .ju367v2w {
  margin-bottom: 0;
}
[data-rk] .ju367v2x {
  margin-bottom: 1px;
}
[data-rk] .ju367v2y {
  margin-bottom: 2px;
}
[data-rk] .ju367v2z {
  margin-bottom: 3px;
}
[data-rk] .ju367v30 {
  margin-bottom: 4px;
}
[data-rk] .ju367v31 {
  margin-bottom: 5px;
}
[data-rk] .ju367v32 {
  margin-bottom: 6px;
}
[data-rk] .ju367v33 {
  margin-bottom: 8px;
}
[data-rk] .ju367v34 {
  margin-bottom: 10px;
}
[data-rk] .ju367v35 {
  margin-bottom: 12px;
}
[data-rk] .ju367v36 {
  margin-bottom: 14px;
}
[data-rk] .ju367v37 {
  margin-bottom: 16px;
}
[data-rk] .ju367v38 {
  margin-bottom: 18px;
}
[data-rk] .ju367v39 {
  margin-bottom: 20px;
}
[data-rk] .ju367v3a {
  margin-bottom: 24px;
}
[data-rk] .ju367v3b {
  margin-bottom: 28px;
}
[data-rk] .ju367v3c {
  margin-bottom: 32px;
}
[data-rk] .ju367v3d {
  margin-bottom: 36px;
}
[data-rk] .ju367v3e {
  margin-bottom: 44px;
}
[data-rk] .ju367v3f {
  margin-bottom: 64px;
}
[data-rk] .ju367v3g {
  margin-bottom: -1px;
}
[data-rk] .ju367v3h {
  margin-left: 0;
}
[data-rk] .ju367v3i {
  margin-left: 1px;
}
[data-rk] .ju367v3j {
  margin-left: 2px;
}
[data-rk] .ju367v3k {
  margin-left: 3px;
}
[data-rk] .ju367v3l {
  margin-left: 4px;
}
[data-rk] .ju367v3m {
  margin-left: 5px;
}
[data-rk] .ju367v3n {
  margin-left: 6px;
}
[data-rk] .ju367v3o {
  margin-left: 8px;
}
[data-rk] .ju367v3p {
  margin-left: 10px;
}
[data-rk] .ju367v3q {
  margin-left: 12px;
}
[data-rk] .ju367v3r {
  margin-left: 14px;
}
[data-rk] .ju367v3s {
  margin-left: 16px;
}
[data-rk] .ju367v3t {
  margin-left: 18px;
}
[data-rk] .ju367v3u {
  margin-left: 20px;
}
[data-rk] .ju367v3v {
  margin-left: 24px;
}
[data-rk] .ju367v3w {
  margin-left: 28px;
}
[data-rk] .ju367v3x {
  margin-left: 32px;
}
[data-rk] .ju367v3y {
  margin-left: 36px;
}
[data-rk] .ju367v3z {
  margin-left: 44px;
}
[data-rk] .ju367v40 {
  margin-left: 64px;
}
[data-rk] .ju367v41 {
  margin-left: -1px;
}
[data-rk] .ju367v42 {
  margin-right: 0;
}
[data-rk] .ju367v43 {
  margin-right: 1px;
}
[data-rk] .ju367v44 {
  margin-right: 2px;
}
[data-rk] .ju367v45 {
  margin-right: 3px;
}
[data-rk] .ju367v46 {
  margin-right: 4px;
}
[data-rk] .ju367v47 {
  margin-right: 5px;
}
[data-rk] .ju367v48 {
  margin-right: 6px;
}
[data-rk] .ju367v49 {
  margin-right: 8px;
}
[data-rk] .ju367v4a {
  margin-right: 10px;
}
[data-rk] .ju367v4b {
  margin-right: 12px;
}
[data-rk] .ju367v4c {
  margin-right: 14px;
}
[data-rk] .ju367v4d {
  margin-right: 16px;
}
[data-rk] .ju367v4e {
  margin-right: 18px;
}
[data-rk] .ju367v4f {
  margin-right: 20px;
}
[data-rk] .ju367v4g {
  margin-right: 24px;
}
[data-rk] .ju367v4h {
  margin-right: 28px;
}
[data-rk] .ju367v4i {
  margin-right: 32px;
}
[data-rk] .ju367v4j {
  margin-right: 36px;
}
[data-rk] .ju367v4k {
  margin-right: 44px;
}
[data-rk] .ju367v4l {
  margin-right: 64px;
}
[data-rk] .ju367v4m {
  margin-right: -1px;
}
[data-rk] .ju367v4n {
  margin-top: 0;
}
[data-rk] .ju367v4o {
  margin-top: 1px;
}
[data-rk] .ju367v4p {
  margin-top: 2px;
}
[data-rk] .ju367v4q {
  margin-top: 3px;
}
[data-rk] .ju367v4r {
  margin-top: 4px;
}
[data-rk] .ju367v4s {
  margin-top: 5px;
}
[data-rk] .ju367v4t {
  margin-top: 6px;
}
[data-rk] .ju367v4u {
  margin-top: 8px;
}
[data-rk] .ju367v4v {
  margin-top: 10px;
}
[data-rk] .ju367v4w {
  margin-top: 12px;
}
[data-rk] .ju367v4x {
  margin-top: 14px;
}
[data-rk] .ju367v4y {
  margin-top: 16px;
}
[data-rk] .ju367v4z {
  margin-top: 18px;
}
[data-rk] .ju367v50 {
  margin-top: 20px;
}
[data-rk] .ju367v51 {
  margin-top: 24px;
}
[data-rk] .ju367v52 {
  margin-top: 28px;
}
[data-rk] .ju367v53 {
  margin-top: 32px;
}
[data-rk] .ju367v54 {
  margin-top: 36px;
}
[data-rk] .ju367v55 {
  margin-top: 44px;
}
[data-rk] .ju367v56 {
  margin-top: 64px;
}
[data-rk] .ju367v57 {
  margin-top: -1px;
}
[data-rk] .ju367v58 {
  max-width: 1px;
}
[data-rk] .ju367v59 {
  max-width: 2px;
}
[data-rk] .ju367v5a {
  max-width: 4px;
}
[data-rk] .ju367v5b {
  max-width: 8px;
}
[data-rk] .ju367v5c {
  max-width: 12px;
}
[data-rk] .ju367v5d {
  max-width: 20px;
}
[data-rk] .ju367v5e {
  max-width: 24px;
}
[data-rk] .ju367v5f {
  max-width: 28px;
}
[data-rk] .ju367v5g {
  max-width: 30px;
}
[data-rk] .ju367v5h {
  max-width: 32px;
}
[data-rk] .ju367v5i {
  max-width: 34px;
}
[data-rk] .ju367v5j {
  max-width: 36px;
}
[data-rk] .ju367v5k {
  max-width: 40px;
}
[data-rk] .ju367v5l {
  max-width: 44px;
}
[data-rk] .ju367v5m {
  max-width: 48px;
}
[data-rk] .ju367v5n {
  max-width: 54px;
}
[data-rk] .ju367v5o {
  max-width: 60px;
}
[data-rk] .ju367v5p {
  max-width: 200px;
}
[data-rk] .ju367v5q {
  max-width: 100%;
}
[data-rk] .ju367v5r {
  max-width: -moz-max-content;
  max-width: max-content;
}
[data-rk] .ju367v5s {
  min-width: 1px;
}
[data-rk] .ju367v5t {
  min-width: 2px;
}
[data-rk] .ju367v5u {
  min-width: 4px;
}
[data-rk] .ju367v5v {
  min-width: 8px;
}
[data-rk] .ju367v5w {
  min-width: 12px;
}
[data-rk] .ju367v5x {
  min-width: 20px;
}
[data-rk] .ju367v5y {
  min-width: 24px;
}
[data-rk] .ju367v5z {
  min-width: 28px;
}
[data-rk] .ju367v60 {
  min-width: 30px;
}
[data-rk] .ju367v61 {
  min-width: 32px;
}
[data-rk] .ju367v62 {
  min-width: 34px;
}
[data-rk] .ju367v63 {
  min-width: 36px;
}
[data-rk] .ju367v64 {
  min-width: 40px;
}
[data-rk] .ju367v65 {
  min-width: 44px;
}
[data-rk] .ju367v66 {
  min-width: 48px;
}
[data-rk] .ju367v67 {
  min-width: 54px;
}
[data-rk] .ju367v68 {
  min-width: 60px;
}
[data-rk] .ju367v69 {
  min-width: 200px;
}
[data-rk] .ju367v6a {
  min-width: 100%;
}
[data-rk] .ju367v6b {
  min-width: -moz-max-content;
  min-width: max-content;
}
[data-rk] .ju367v6c {
  overflow: hidden;
}
[data-rk] .ju367v6d {
  padding-bottom: 0;
}
[data-rk] .ju367v6e {
  padding-bottom: 1px;
}
[data-rk] .ju367v6f {
  padding-bottom: 2px;
}
[data-rk] .ju367v6g {
  padding-bottom: 3px;
}
[data-rk] .ju367v6h {
  padding-bottom: 4px;
}
[data-rk] .ju367v6i {
  padding-bottom: 5px;
}
[data-rk] .ju367v6j {
  padding-bottom: 6px;
}
[data-rk] .ju367v6k {
  padding-bottom: 8px;
}
[data-rk] .ju367v6l {
  padding-bottom: 10px;
}
[data-rk] .ju367v6m {
  padding-bottom: 12px;
}
[data-rk] .ju367v6n {
  padding-bottom: 14px;
}
[data-rk] .ju367v6o {
  padding-bottom: 16px;
}
[data-rk] .ju367v6p {
  padding-bottom: 18px;
}
[data-rk] .ju367v6q {
  padding-bottom: 20px;
}
[data-rk] .ju367v6r {
  padding-bottom: 24px;
}
[data-rk] .ju367v6s {
  padding-bottom: 28px;
}
[data-rk] .ju367v6t {
  padding-bottom: 32px;
}
[data-rk] .ju367v6u {
  padding-bottom: 36px;
}
[data-rk] .ju367v6v {
  padding-bottom: 44px;
}
[data-rk] .ju367v6w {
  padding-bottom: 64px;
}
[data-rk] .ju367v6x {
  padding-bottom: -1px;
}
[data-rk] .ju367v6y {
  padding-left: 0;
}
[data-rk] .ju367v6z {
  padding-left: 1px;
}
[data-rk] .ju367v70 {
  padding-left: 2px;
}
[data-rk] .ju367v71 {
  padding-left: 3px;
}
[data-rk] .ju367v72 {
  padding-left: 4px;
}
[data-rk] .ju367v73 {
  padding-left: 5px;
}
[data-rk] .ju367v74 {
  padding-left: 6px;
}
[data-rk] .ju367v75 {
  padding-left: 8px;
}
[data-rk] .ju367v76 {
  padding-left: 10px;
}
[data-rk] .ju367v77 {
  padding-left: 12px;
}
[data-rk] .ju367v78 {
  padding-left: 14px;
}
[data-rk] .ju367v79 {
  padding-left: 16px;
}
[data-rk] .ju367v7a {
  padding-left: 18px;
}
[data-rk] .ju367v7b {
  padding-left: 20px;
}
[data-rk] .ju367v7c {
  padding-left: 24px;
}
[data-rk] .ju367v7d {
  padding-left: 28px;
}
[data-rk] .ju367v7e {
  padding-left: 32px;
}
[data-rk] .ju367v7f {
  padding-left: 36px;
}
[data-rk] .ju367v7g {
  padding-left: 44px;
}
[data-rk] .ju367v7h {
  padding-left: 64px;
}
[data-rk] .ju367v7i {
  padding-left: -1px;
}
[data-rk] .ju367v7j {
  padding-right: 0;
}
[data-rk] .ju367v7k {
  padding-right: 1px;
}
[data-rk] .ju367v7l {
  padding-right: 2px;
}
[data-rk] .ju367v7m {
  padding-right: 3px;
}
[data-rk] .ju367v7n {
  padding-right: 4px;
}
[data-rk] .ju367v7o {
  padding-right: 5px;
}
[data-rk] .ju367v7p {
  padding-right: 6px;
}
[data-rk] .ju367v7q {
  padding-right: 8px;
}
[data-rk] .ju367v7r {
  padding-right: 10px;
}
[data-rk] .ju367v7s {
  padding-right: 12px;
}
[data-rk] .ju367v7t {
  padding-right: 14px;
}
[data-rk] .ju367v7u {
  padding-right: 16px;
}
[data-rk] .ju367v7v {
  padding-right: 18px;
}
[data-rk] .ju367v7w {
  padding-right: 20px;
}
[data-rk] .ju367v7x {
  padding-right: 24px;
}
[data-rk] .ju367v7y {
  padding-right: 28px;
}
[data-rk] .ju367v7z {
  padding-right: 32px;
}
[data-rk] .ju367v80 {
  padding-right: 36px;
}
[data-rk] .ju367v81 {
  padding-right: 44px;
}
[data-rk] .ju367v82 {
  padding-right: 64px;
}
[data-rk] .ju367v83 {
  padding-right: -1px;
}
[data-rk] .ju367v84 {
  padding-top: 0;
}
[data-rk] .ju367v85 {
  padding-top: 1px;
}
[data-rk] .ju367v86 {
  padding-top: 2px;
}
[data-rk] .ju367v87 {
  padding-top: 3px;
}
[data-rk] .ju367v88 {
  padding-top: 4px;
}
[data-rk] .ju367v89 {
  padding-top: 5px;
}
[data-rk] .ju367v8a {
  padding-top: 6px;
}
[data-rk] .ju367v8b {
  padding-top: 8px;
}
[data-rk] .ju367v8c {
  padding-top: 10px;
}
[data-rk] .ju367v8d {
  padding-top: 12px;
}
[data-rk] .ju367v8e {
  padding-top: 14px;
}
[data-rk] .ju367v8f {
  padding-top: 16px;
}
[data-rk] .ju367v8g {
  padding-top: 18px;
}
[data-rk] .ju367v8h {
  padding-top: 20px;
}
[data-rk] .ju367v8i {
  padding-top: 24px;
}
[data-rk] .ju367v8j {
  padding-top: 28px;
}
[data-rk] .ju367v8k {
  padding-top: 32px;
}
[data-rk] .ju367v8l {
  padding-top: 36px;
}
[data-rk] .ju367v8m {
  padding-top: 44px;
}
[data-rk] .ju367v8n {
  padding-top: 64px;
}
[data-rk] .ju367v8o {
  padding-top: -1px;
}
[data-rk] .ju367v8p {
  position: absolute;
}
[data-rk] .ju367v8q {
  position: fixed;
}
[data-rk] .ju367v8r {
  position: relative;
}
[data-rk] .ju367v8s {
  -webkit-user-select: none;
}
[data-rk] .ju367v8t {
  right: 0;
}
[data-rk] .ju367v8u {
  transition: 0.125s ease;
}
[data-rk] .ju367v8v {
  transition: transform 0.125s ease;
}
[data-rk] .ju367v8w {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-rk] .ju367v8x {
  width: 1px;
}
[data-rk] .ju367v8y {
  width: 2px;
}
[data-rk] .ju367v8z {
  width: 4px;
}
[data-rk] .ju367v90 {
  width: 8px;
}
[data-rk] .ju367v91 {
  width: 12px;
}
[data-rk] .ju367v92 {
  width: 20px;
}
[data-rk] .ju367v93 {
  width: 24px;
}
[data-rk] .ju367v94 {
  width: 28px;
}
[data-rk] .ju367v95 {
  width: 30px;
}
[data-rk] .ju367v96 {
  width: 32px;
}
[data-rk] .ju367v97 {
  width: 34px;
}
[data-rk] .ju367v98 {
  width: 36px;
}
[data-rk] .ju367v99 {
  width: 40px;
}
[data-rk] .ju367v9a {
  width: 44px;
}
[data-rk] .ju367v9b {
  width: 48px;
}
[data-rk] .ju367v9c {
  width: 54px;
}
[data-rk] .ju367v9d {
  width: 60px;
}
[data-rk] .ju367v9e {
  width: 200px;
}
[data-rk] .ju367v9f {
  width: 100%;
}
[data-rk] .ju367v9g {
  width: -moz-max-content;
  width: max-content;
}
[data-rk] .ju367v9h {
  backdrop-filter: var(--rk-blurs-modalOverlay);
}
[data-rk] .ju367v9i {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9j:hover {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9k:active {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9l {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9m:hover {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9n:active {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9o {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9p:hover {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9q:active {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9r {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9s:hover {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9t:active {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9u {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9v:hover {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9w:active {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9x {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9y:hover {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9z:active {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367va0 {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va1:hover {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va2:active {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va3 {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va4:hover {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va5:active {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va6 {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va7:hover {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va8:active {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va9 {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vaa:hover {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vab:active {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vac {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vad:hover {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vae:active {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vaf {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vag:hover {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vah:active {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vai {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vaj:hover {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vak:active {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367val {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vam:hover {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367van:active {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vao {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vap:hover {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vaq:active {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367var {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vas:hover {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vat:active {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vau {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vav:hover {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vaw:active {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vax {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vay:hover {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vaz:active {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vb0 {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb1:hover {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb2:active {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb3 {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb4:hover {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb5:active {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb6 {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb7:hover {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb8:active {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb9 {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vba:hover {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vbb:active {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vbc {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbd:hover {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbe:active {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbf {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbg:hover {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbh:active {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbi {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbj:hover {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbk:active {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbl {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbm:hover {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbn:active {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbo {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbp:hover {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbq:active {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbr {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbs:hover {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbt:active {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbu {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbv:hover {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbw:active {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbx {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vby:hover {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vbz:active {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vc0 {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc1:hover {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc2:active {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc3 {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc4:hover {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc5:active {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc6 {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc7:hover {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc8:active {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc9 {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vca:hover {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vcb:active {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vcc {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vcd:hover {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vce:active {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vcf {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vcg:hover {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vch:active {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vci {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcj:hover {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vck:active {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcl {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vcm:hover {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vcn:active {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vco {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcp:hover {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcq:active {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcr {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcs:hover {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vct:active {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcu {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcv:hover {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcw:active {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcx {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vcy:hover {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vcz:active {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vd0 {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd1:hover {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd2:active {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd3 {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd4:hover {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd5:active {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd6 {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd7:hover {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd8:active {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd9 {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vda:hover {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vdb:active {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vdc {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vdd:hover {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vde:active {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vdf {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdg:hover {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdh:active {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdi {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdj:hover {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdk:active {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdl {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdm:hover {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdn:active {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdo {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdp:hover {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdq:active {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdr {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vds:hover {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdt:active {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdu {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdv:hover {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdw:active {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdx {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vdy:hover {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vdz:active {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367ve0 {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve1:hover {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve2:active {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve3 {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve4:hover {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve5:active {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve6 {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve7:hover {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve8:active {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve9 {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vea:hover {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367veb:active {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vec {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367ved:hover {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vee:active {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vef {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367veg:hover {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367veh:active {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367vei {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vej:hover {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vek:active {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vel {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367vem:hover {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367ven:active {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367veo {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367vep:hover {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367veq:active {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367ver {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367ves:hover {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367vet:active {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367veu {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vev:hover {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vew:active {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vex {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vey:hover {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vez:active {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vf0 {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf1:hover {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf2:active {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf3 {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf4:hover {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf5:active {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf6 {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf7:hover {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf8:active {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf9 {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfa:hover {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfb:active {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfc {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vfd:hover {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vfe:active {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vff {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfg:hover {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfh:active {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfi {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfj:hover {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfk:active {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfl {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfm:hover {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfn:active {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfo {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfp:hover {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfq:active {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfr {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfs:hover {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vft:active {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfu {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfv:hover {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfw:active {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfx {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vfy:hover {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vfz:active {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vg0 {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg1:hover {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg2:active {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg3 {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg4:hover {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg5:active {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg6 {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg7:hover {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg8:active {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg9 {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vga:hover {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vgb:active {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vgc {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vgd:hover {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vge:active {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vgf {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgg:hover {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgh:active {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgi {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgj:hover {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgk:active {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgl {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgm:hover {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgn:active {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgo {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgp:hover {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgq:active {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgr {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgs:hover {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgt:active {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgu {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgv:hover {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgw:active {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgx {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgy:hover {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgz:active {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vh0 {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh1:hover {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh2:active {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh3 {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh4:hover {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh5:active {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh6 {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh7:hover {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh8:active {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh9 {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vha:hover {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vhb:active {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vhc {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhd:hover {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhe:active {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhf {
  color: var(--rk-colors-standby);
}
[data-rk] .ju367vhg:hover {
  color: var(--rk-colors-standby);
}
[data-rk] .ju367vhh:active {
  color: var(--rk-colors-standby);
}
@media screen and (min-width: 768px) {
  [data-rk] .ju367v1 {
    align-items: flex-start;
  }
  [data-rk] .ju367v3 {
    align-items: flex-end;
  }
  [data-rk] .ju367v5 {
    align-items: center;
  }
  [data-rk] .ju367v7 {
    display: none;
  }
  [data-rk] .ju367v9 {
    display: block;
  }
  [data-rk] .ju367vb {
    display: flex;
  }
  [data-rk] .ju367vd {
    display: inline;
  }
}

/* vanilla-extract-css-ns:src/css/touchableStyles.css.ts.vanilla.css?source=Ll8xMmNibzhpMywuXzEyY2JvOGkzOjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDE7CiAgLS1fMTJjYm84aTE6IDE7Cn0KLl8xMmNibzhpMzpob3ZlciB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTApKTsKfQouXzEyY2JvOGkzOmFjdGl2ZSB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTEpKTsKfQouXzEyY2JvOGkzOmFjdGl2ZTo6YWZ0ZXIgewogIGNvbnRlbnQ6ICIiOwogIGJvdHRvbTogLTFweDsKICBkaXNwbGF5OiBibG9jazsKICBsZWZ0OiAtMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICByaWdodDogLTFweDsKICB0b3A6IC0xcHg7CiAgdHJhbnNmb3JtOiBzY2FsZShjYWxjKCgxIC8gdmFyKC0tXzEyY2JvOGkxKSkgKiB2YXIoLS1fMTJjYm84aTApKSk7Cn0KLl8xMmNibzhpNCwuXzEyY2JvOGk0OjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDEuMDI1Owp9Ci5fMTJjYm84aTUsLl8xMmNibzhpNTo6YWZ0ZXIgewogIC0tXzEyY2JvOGkwOiAxLjE7Cn0KLl8xMmNibzhpNiwuXzEyY2JvOGk2OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTU7Cn0KLl8xMmNibzhpNywuXzEyY2JvOGk3OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTsKfQ */
[data-rk] ._12cbo8i3,
[data-rk] ._12cbo8i3::after {
  --_12cbo8i0: 1;
  --_12cbo8i1: 1;
}
[data-rk] ._12cbo8i3:hover {
  transform: scale(var(--_12cbo8i0));
}
[data-rk] ._12cbo8i3:active {
  transform: scale(var(--_12cbo8i1));
}
[data-rk] ._12cbo8i3:active::after {
  content: "";
  bottom: -1px;
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)));
}
[data-rk] ._12cbo8i4,
[data-rk] ._12cbo8i4::after {
  --_12cbo8i0: 1.025;
}
[data-rk] ._12cbo8i5,
[data-rk] ._12cbo8i5::after {
  --_12cbo8i0: 1.1;
}
[data-rk] ._12cbo8i6,
[data-rk] ._12cbo8i6::after {
  --_12cbo8i1: 0.95;
}
[data-rk] ._12cbo8i7,
[data-rk] ._12cbo8i7::after {
  --_12cbo8i1: 0.9;
}

/* vanilla-extract-css-ns:src/components/Icons/Icons.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWx1dWxlNDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9Ci5fMWx1dWxlNDIgewogIGFuaW1hdGlvbjogXzFsdXVsZTQxIDNzIGluZmluaXRlIGxpbmVhcjsKfQouXzFsdXVsZTQzIHsKICBiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChmcm9tIDE4MGRlZyBhdCA1MCUgNTAlLCByZ2JhKDcyLCAxNDYsIDI1NCwgMCkgMGRlZywgY3VycmVudENvbG9yIDI4Mi4wNGRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDMxOS44NmRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDM2MGRlZyk7CiAgaGVpZ2h0OiAyMXB4OwogIHdpZHRoOiAyMXB4Owp9 */
@keyframes _1luule41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
[data-rk] ._1luule42 {
  animation: _1luule41 3s infinite linear;
}
[data-rk] ._1luule43 {
  background:
    conic-gradient(
      from 180deg at 50% 50%,
      rgba(72, 146, 254, 0) 0deg,
      currentColor 282.04deg,
      rgba(72, 146, 254, 0) 319.86deg,
      rgba(72, 146, 254, 0) 360deg);
  height: 21px;
  width: 21px;
}

/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfOXBtNGtpMCB7CiAgMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICB9Cn0KQGtleWZyYW1lcyBfOXBtNGtpMSB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KfQouXzlwbTRraTMgewogIGFuaW1hdGlvbjogXzlwbTRraTEgMTUwbXMgZWFzZTsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogMjE0NzQ4MzY0NjsKfQouXzlwbTRraTUgewogIGFuaW1hdGlvbjogXzlwbTRraTAgMzUwbXMgY3ViaWMtYmV6aWVyKC4xNSwxLjE1LDAuNiwxLjAwKSwgXzlwbTRraTEgMTUwbXMgZWFzZTsKICBtYXgtd2lkdGg6IDEwMHZ3Owp9 */
@keyframes _9pm4ki0 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes _9pm4ki1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-rk] ._9pm4ki3 {
  animation: _9pm4ki1 150ms ease;
  bottom: -200px;
  left: -200px;
  padding: 200px;
  right: -200px;
  top: -200px;
  transform: translateZ(0);
  z-index: 2147483646;
}
[data-rk] ._9pm4ki5 {
  animation: _9pm4ki0 350ms cubic-bezier(.15, 1.15, 0.6, 1.00), _9pm4ki1 150ms ease;
  max-width: 100vw;
}

/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=Ll8xY2tqcG9rMSB7CiAgYm94LXNpemluZzogY29udGVudC1ib3g7CiAgbWF4LXdpZHRoOiAxMDB2dzsKICB3aWR0aDogMzYwcHg7Cn0KLl8xY2tqcG9rMiB7CiAgd2lkdGg6IDEwMHZ3Owp9Ci5fMWNranBvazMgewogIG1pbi13aWR0aDogNzIwcHg7CiAgd2lkdGg6IDcyMHB4Owp9Ci5fMWNranBvazQgewogIG1pbi13aWR0aDogMzY4cHg7CiAgd2lkdGg6IDM2OHB4Owp9Ci5fMWNranBvazYgewogIGJvcmRlci13aWR0aDogMHB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgd2lkdGg6IDEwMHZ3Owp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7CiAgLl8xY2tqcG9rMSB7CiAgICB3aWR0aDogMzYwcHg7CiAgfQogIC5fMWNranBvazIgewogICAgd2lkdGg6IDQ4MHB4OwogIH0KICAuXzFja2pwb2s0IHsKICAgIG1pbi13aWR0aDogMzY4cHg7CiAgICB3aWR0aDogMzY4cHg7CiAgfQp9CkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7CiAgLl8xY2tqcG9rNyB7CiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwOwogICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7CiAgICBtYXJnaW4tdG9wOiAtMjAwcHg7CiAgICBwYWRkaW5nLWJvdHRvbTogMjAwcHg7CiAgICB0b3A6IDIwMHB4OwogIH0KfQ */
[data-rk] ._1ckjpok1 {
  box-sizing: content-box;
  max-width: 100vw;
  width: 360px;
}
[data-rk] ._1ckjpok2 {
  width: 100vw;
}
[data-rk] ._1ckjpok3 {
  min-width: 720px;
  width: 720px;
}
[data-rk] ._1ckjpok4 {
  min-width: 368px;
  width: 368px;
}
[data-rk] ._1ckjpok6 {
  border-width: 0px;
  box-sizing: border-box;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  [data-rk] ._1ckjpok1 {
    width: 360px;
  }
  [data-rk] ._1ckjpok2 {
    width: 480px;
  }
  [data-rk] ._1ckjpok4 {
    min-width: 368px;
    width: 368px;
  }
}
@media screen and (max-width: 767px) {
  [data-rk] ._1ckjpok7 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: -200px;
    padding-bottom: 200px;
    top: 200px;
  }
}

/* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=LnY5aG9yYjA6aG92ZXIgewogIGJhY2tncm91bmQ6IHVuc2V0Owp9 */
[data-rk] .v9horb0:hover {
  background: unset;
}

/* vanilla-extract-css-ns:src/components/ChainModal/ChainModal.css.ts.vanilla.css?source=Ll8xOGRxdzl4MCB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xOGRxdzl4MSB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOwp9Ci5fMThkcXc5eDE6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9 */
[data-rk] ._18dqw9x0 {
  max-height: 456px;
  overflow-y: auto;
  overflow-x: hidden;
}
[data-rk] ._18dqw9x1 {
  max-height: 456px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
[data-rk] ._18dqw9x1::-webkit-scrollbar {
  display: none;
}

/* vanilla-extract-css-ns:src/components/ModalSelection/ModalSelection.css.ts.vanilla.css?source=Lmc1a2wwbDAgewogIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0 */
[data-rk] .g5kl0l0 {
  border-color: transparent;
}

/* vanilla-extract-css-ns:src/components/ConnectOptions/DesktopOptions.css.ts.vanilla.css?source=Ll8xdnd0MGNnMCB7CiAgYmFja2dyb3VuZDogd2hpdGU7CiAgY29sb3I6IGJsYWNrOwp9Ci5fMXZ3dDBjZzIgewogIG1heC1oZWlnaHQ6IDQ1NHB4OwogIG92ZXJmbG93LXk6IGF1dG87Cn0KLl8xdnd0MGNnMyB7CiAgbWluLXdpZHRoOiAyODdweDsKfQouXzF2d3QwY2c0IHsKICBtaW4td2lkdGg6IDEwMCU7Cn0 */
[data-rk] ._1vwt0cg0 {
  background: white;
  color: black;
}
[data-rk] ._1vwt0cg2 {
  max-height: 454px;
  overflow-y: auto;
}
[data-rk] ._1vwt0cg3 {
  min-width: 287px;
}
[data-rk] ._1vwt0cg4 {
  min-width: 100%;
}

/* vanilla-extract-css-ns:src/components/ConnectOptions/MobileOptions.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWFtMTQ0MTEgewogIDAlIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogIH0KICAxMDAlIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAtMjgzOwogIH0KfQouXzFhbTE0NDEwIHsKICBvdmVyZmxvdzogYXV0bzsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApOwp9Ci5fMWFtMTQ0MTA6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9Ci5fMWFtMTQ0MTIgewogIGFuaW1hdGlvbjogXzFhbTE0NDExIDFzIGxpbmVhciBpbmZpbml0ZTsKICBzdHJva2UtZGFzaGFycmF5OiA5OCAxOTY7CiAgZmlsbDogbm9uZTsKICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgc3Ryb2tlLXdpZHRoOiA0Owp9Ci5fMWFtMTQ0MTMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKfQ */
@keyframes _1am14411 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -283;
  }
}
[data-rk] ._1am14410 {
  overflow: auto;
  scrollbar-width: none;
  transform: translateZ(0);
}
[data-rk] ._1am14410::-webkit-scrollbar {
  display: none;
}
[data-rk] ._1am14412 {
  animation: _1am14411 1s linear infinite;
  stroke-dasharray: 98 196;
  fill: none;
  stroke-linecap: round;
  stroke-width: 4;
}
[data-rk] ._1am14413 {
  position: absolute;
}

/* vanilla-extract-css-ns:src/components/WalletButton/WalletButton.css.ts.vanilla.css?source=Ll8xeTJsbmZpMCB7CiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgxNiwgMjEsIDMxLCAwLjA2KTsKfQouXzF5MmxuZmkxIHsKICBtYXgtd2lkdGg6IGZpdC1jb250ZW50Owp9 */
[data-rk] ._1y2lnfi0 {
  border: 1px solid rgba(16, 21, 31, 0.06);
}
[data-rk] ._1y2lnfi1 {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.dh-podcast-panel {
  position: absolute;
  left: 50%;
  bottom: 82px;
  z-index: 34;
  width: min(680px,calc(100vw - 620px));
  transform: translateX(-50%);
  display: grid;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(103,232,249,.26);
  border-radius: 6px;
  background: rgba(2,10,20,.92);
  color: #e2e8f0;
}

.dh-podcast-panel > span,
.dh-podcast-panel > small {
  color: #94a3b8;
  font-size: 10px;
}

.dh-podcast-panel header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.dh-podcast-panel header span {
  color: #67e8f9;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-podcast-panel header > b {
  color: #bef264;
  font-size: 9px;
}

.dh-podcast-speaker {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  border: 1px solid rgba(190,242,100,.32);
  border-radius: 999px;
  background: rgba(15,23,42,.86);
  color: #ecfccb;
  cursor: pointer;
  padding: 4px 9px 4px 7px;
}

.dh-podcast-speaker::before {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(190,242,100,.28);
  border-radius: 999px;
  opacity: .32;
  animation: dh-podcast-ring 1.8s ease-in-out infinite;
}

.dh-podcast-speaker i {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: linear-gradient(135deg, #67e8f9, #bef264);
  box-shadow: 0 0 18px rgba(103,232,249,.42);
}

.dh-podcast-speaker i::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 5px;
  height: 8px;
  border-radius: 2px;
  background: #020617;
}

.dh-podcast-speaker i::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 4px;
  width: 7px;
  height: 10px;
  border: 2px solid #020617;
  border-left: 0;
  border-radius: 0 12px 12px 0;
}

.dh-podcast-speaker b {
  position: relative;
  color: #ecfccb;
  font-size: 9px;
  font-weight: 900;
}

.dh-podcast-speaker.playing,
.dh-podcast-panel.special-moment .dh-podcast-speaker {
  border-color: rgba(103,232,249,.74);
  box-shadow: 0 0 24px rgba(103,232,249,.24);
}

.dh-podcast-panel.special-moment {
  border-color: rgba(190,242,100,.52);
  box-shadow: 0 0 34px rgba(103,232,249,.18), 0 0 28px rgba(190,242,100,.12);
}

.dh-podcast-status {
  padding: 5px 7px;
  border-left: 2px solid #67e8f9;
  background: rgba(8,145,178,.12);
  color: #cffafe;
  font-size: 9px;
}

.dh-podcast-list {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
}

.dh-podcast-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  grid-template-rows: auto auto;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 5px;
  background: rgba(15,23,42,.72);
}

.dh-podcast-list article.playing {
  border-color: #67e8f9;
}

.dh-podcast-list img,
.dh-podcast-art {
  grid-row: 1 / 3;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  object-fit: cover;
}

.dh-podcast-art {
  display: grid;
  place-items: center;
  background: #164e63;
  color: #cffafe;
  font-size: 9px;
  font-weight: 900;
}

.dh-podcast-list article > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.dh-podcast-list article > div b,
.dh-podcast-list article > div span,
.dh-podcast-list article > div small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-podcast-list article > div b { font-size: 10px; }
.dh-podcast-list article > div span { color: #bae6fd; font-size: 9px; }
.dh-podcast-list article > div small { color: #94a3b8; font-size: 8px; }

.dh-podcast-list button,
.dh-podcast-list a {
  padding: 5px 6px;
  border: 1px solid rgba(103,232,249,.25);
  border-radius: 4px;
  background: rgba(8,145,178,.18);
  color: #e0f2fe;
  font-size: 8px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

@keyframes dh-podcast-ring {
  0%, 100% {
    transform: scale(.94);
    opacity: .18;
  }

  48% {
    transform: scale(1.12);
    opacity: .72;
  }
}

@media (max-width: 900px) {
  .dh-podcast-panel {
    left: 132px;
    right: 190px;
    bottom: 12px;
    width: auto;
    transform: none;
  }

  .dh-podcast-list {
    grid-template-columns: 1fr;
    max-height: 150px;
    overflow-y: auto;
  }
}
html,
body,
#root {
  background:
    radial-gradient(circle at 22% 18%, rgba(103,232,249,.16), transparent 34%),
    radial-gradient(circle at 82% 72%, rgba(190,242,100,.1), transparent 34%),
    linear-gradient(135deg, #07111f, #0f172a 48%, #082f49) !important;
}

/* Latest observatory reset: clean theme background, live transparent construction, and podcast feature interrupt. */
body:has(.dh-youtube-story-renderer) .dh-youtube-story-renderer {
  position: relative;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage::before,
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background-image: none !important;
  animation: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-video-sketch-ring,
body:has(.dh-youtube-story-renderer) .dh-floor-sketch-layer {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers {
  position: absolute;
  pointer-events: none;
  overflow: hidden;
  mix-blend-mode: screen;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer {
  inset: 4px 8px auto 8px;
  height: 104px;
  z-index: 7;
  opacity: .84;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span {
  position: absolute;
  left: var(--piece-x);
  top: var(--piece-y);
  width: 52px;
  height: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 15px;
  align-items: center;
  gap: 4px;
  padding: 0 5px;
  border: 1px solid rgba(103, 232, 249, .28);
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(2, 6, 23, .08), rgba(103, 232, 249, .12));
  box-shadow: 0 0 16px rgba(103, 232, 249, .08);
  opacity: 0;
  transform: translate3d(-18px, 16px, 0) rotateX(58deg) rotateZ(-7deg);
  animation: dhUpperPieceBuild calc(12.6s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--piece-order, 0) * -.48s);
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span b {
  min-width: 0;
  color: rgba(236, 254, 255, .86);
  font-size: 7px;
  font-weight: 900;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span i {
  width: 13px;
  height: 13px;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: rgba(190, 242, 100, .7);
  box-shadow: inset 0 0 9px currentColor, 0 0 12px currentColor;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer .tone-podcast i {
  color: rgba(250, 204, 21, .78);
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer .tone-glb i,
body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer .tone-views i {
  color: rgba(103, 232, 249, .76);
}

body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers {
  inset: 0;
  z-index: 8;
  opacity: .58;
}

body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers span {
  position: absolute;
  left: -220px;
  top: var(--flight-y);
  width: min(var(--flight-span), 34vw);
  min-width: 150px;
  height: 22px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(38px, auto);
  align-items: center;
  gap: 6px;
  padding: 0 7px;
  border: 1px solid rgba(226, 232, 240, .13);
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(15, 23, 42, .08), rgba(103, 232, 249, .12), rgba(190, 242, 100, .08));
  box-shadow: 0 0 22px rgba(103, 232, 249, .08);
  opacity: 0;
  transform: translate3d(0, 0, 0) skewX(-14deg);
  animation: dhCrossAnalyticFly calc(16s / var(--stream-pace, 1)) linear infinite;
  animation-delay: calc(var(--flight-order, 0) * -1.35s);
}

body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers b,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  line-height: 1;
}

body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers b {
  color: #fef08a;
  font-size: 8px;
  font-weight: 900;
}

body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers em {
  color: rgba(224, 242, 254, .78);
  font-size: 7px;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers i {
  height: 1px;
  background: linear-gradient(90deg, rgba(103, 232, 249, .9), rgba(190, 242, 100, .7), transparent);
  box-shadow: 0 0 10px rgba(103, 232, 249, .4);
}

body:has(.dh-youtube-story-renderer) .dh-object-open-panel {
  grid-column: 2;
  justify-self: start;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid rgba(190, 242, 100, .36);
  border-radius: 4px;
  background: rgba(8, 47, 73, .5);
  color: #ecfeff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  cursor: pointer;
}

body:has(.dh-youtube-story-renderer) .dh-object-open-panel:hover {
  border-color: rgba(250, 204, 21, .68);
  background: rgba(22, 78, 99, .62);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-renderer.podcast-feature-open .dh-youtube-frame {
  filter: saturate(.74) brightness(.62);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-renderer.podcast-feature-open .dh-youtube-frame::after {
  content: "Podcast feature interrupt";
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 5;
  padding: 5px 8px;
  border: 1px solid rgba(250, 204, 21, .46);
  border-radius: 4px;
  background: rgba(2, 6, 23, .72);
  color: #fef08a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-popup {
  position: absolute;
  right: 18px;
  top: 82px;
  z-index: 34;
  width: min(430px, calc(100% - 36px));
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(250, 204, 21, .46);
  border-radius: 8px;
  background:
    radial-gradient(circle at 15% 26%, rgba(250, 204, 21, .18), transparent 38%),
    linear-gradient(135deg, rgba(2, 6, 23, .92), rgba(8, 47, 73, .82));
  box-shadow: 0 24px 70px rgba(2, 6, 23, .42), inset 0 0 26px rgba(250, 204, 21, .08);
  backdrop-filter: blur(16px);
  animation: dhPodcastFeatureEnter .34s ease-out both;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-popup.is-closed {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px) scale(.96);
  animation: none;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-popup.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  animation: dhPodcastFeatureEnter .34s ease-out both;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-close {
  position: absolute;
  right: 10px;
  top: 10px;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid rgba(226, 232, 240, .18);
  border-radius: 4px;
  background: rgba(2, 6, 23, .62);
  color: #e0f2fe;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-speaker {
  min-width: 0;
  display: grid;
  place-items: center;
  gap: 5px;
  padding-top: 14px;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-speaker b,
body:has(.dh-youtube-story-renderer) .dh-podcast-feature-speaker small,
body:has(.dh-youtube-story-renderer) .dh-podcast-feature-copy span,
body:has(.dh-youtube-story-renderer) .dh-podcast-feature-copy b,
body:has(.dh-youtube-story-renderer) .dh-podcast-feature-copy p,
body:has(.dh-youtube-story-renderer) .dh-podcast-feature-lanes b,
body:has(.dh-youtube-story-renderer) .dh-podcast-feature-lanes small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-speaker b,
body:has(.dh-youtube-story-renderer) .dh-podcast-feature-copy span {
  color: #fef08a;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-speaker small {
  color: #bae6fd;
  font-size: 8px;
  text-align: center;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding-right: 54px;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-copy b {
  color: #ecfeff;
  font-size: clamp(14px, 1.4vw, 18px);
  line-height: 1.12;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-copy p {
  margin: 0;
  color: rgba(224, 242, 254, .78);
  font-size: 10px;
  line-height: 1.35;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-lanes {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-source-hold {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(103, 232, 249, .28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(6, 182, 212, .14), rgba(250, 204, 21, .08)),
    rgba(2, 6, 23, .78);
  box-shadow: 0 0 26px rgba(6, 182, 212, .12);
  animation: dhPodcastAudioBuild .78s ease-out both;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-source-hold img {
  width: 56px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid rgba(103, 232, 249, .24);
}

body:has(.dh-youtube-story-renderer) .dh-podcast-source-hold div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-source-hold span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-source-hold b {
  min-width: 0;
  overflow: hidden;
  color: #ecfeff;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-source-hold small {
  color: rgba(224, 242, 254, .72);
  font-size: 9px;
  line-height: 1.3;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-source-hold a {
  justify-self: end;
  padding: 8px 10px;
  border: 1px solid rgba(250, 204, 21, .32);
  border-radius: 6px;
  color: #fef08a;
  font-size: 8px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(250, 204, 21, .08);
}

body:has(.dh-youtube-story-renderer) .dh-podcast-audio-clip {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(250, 204, 21, .34);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(250, 204, 21, .14), rgba(6, 182, 212, .12)),
    rgba(2, 6, 23, .78);
  box-shadow: 0 0 30px rgba(250, 204, 21, .13);
  animation: dhPodcastAudioBuild .78s ease-out both;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-audio-clip img {
  width: 72px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid rgba(254, 240, 138, .32);
  box-shadow: 0 0 22px rgba(250, 204, 21, .16);
}

body:has(.dh-youtube-story-renderer) .dh-podcast-audio-clip div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-audio-clip span {
  color: #fef08a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-audio-clip b {
  min-width: 0;
  overflow: hidden;
  color: #ecfeff;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-audio-clip small {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  color: rgba(224, 242, 254, .72);
  font-size: 9px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-audio-clip audio {
  width: 100%;
  min-height: 30px;
  accent-color: #facc15;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-lanes span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 7px;
  border: 1px solid rgba(103, 232, 249, .18);
  border-radius: 5px;
  background: rgba(15, 23, 42, .56);
  transform: translateY(8px);
  opacity: 0;
  animation: dhPodcastLaneEnter .58s ease-out forwards;
  animation-delay: calc(var(--lane-order, 0) * .08s);
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-lanes small {
  color: #67e8f9;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-lanes b {
  color: #e2e8f0;
  font-size: 9px;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-feature-resume {
  grid-column: 1 / -1;
  min-height: 34px;
  border: 1px solid rgba(190, 242, 100, .4);
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(20, 184, 166, .28), rgba(250, 204, 21, .16));
  color: #ecfeff;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

@keyframes dhUpperPieceBuild {
  0%, 9% { opacity: 0; transform: translate3d(-18px, 16px, 0) rotateX(58deg) rotateZ(-7deg) scale(.72); }
  18%, 45% { opacity: .82; transform: translate3d(0, 0, 0) rotateX(46deg) rotateZ(0deg) scale(1); }
  62% { opacity: .48; transform: translate3d(12px, -8px, 0) rotateX(38deg) rotateZ(5deg) scale(.96); }
  82%, 100% { opacity: 0; transform: translate3d(28px, -18px, 0) rotateX(32deg) rotateZ(9deg) scale(.7); }
}

@keyframes dhCrossAnalyticFly {
  0% { opacity: 0; transform: translate3d(-120px, 0, 0) skewX(-14deg); }
  9% { opacity: .54; }
  52% { opacity: .38; }
  86% { opacity: .5; }
  100% { opacity: 0; transform: translate3d(calc(100vw + 260px), -18px, 0) skewX(-14deg); }
}

@keyframes dhPodcastFeatureEnter {
  from { opacity: 0; transform: translate3d(16px, -12px, 0) scale(.96); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes dhPodcastLaneEnter {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes dhPodcastAudioBuild {
  from {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    filter: brightness(1.28) saturate(1.22);
  }
  to {
    opacity: 1;
    clip-path: inset(0);
    filter: brightness(1) saturate(1);
  }
}

@media (max-width: 760px) {
  body:has(.dh-youtube-story-renderer) .dh-podcast-feature-popup {
    left: 12px;
    right: 12px;
    top: 72px;
    width: auto;
    grid-template-columns: 70px minmax(0, 1fr);
  }

  body:has(.dh-youtube-story-renderer) .dh-podcast-feature-lanes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.dh-observatory {
  width: 100%;
  height: 100dvh;
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 24% 18%, rgba(103,232,249,.28), transparent 34%),
    radial-gradient(circle at 78% 28%, rgba(190,242,100,.18), transparent 30%),
    radial-gradient(circle at 54% 78%, rgba(250,204,21,.1), transparent 36%),
    linear-gradient(135deg, #082f49, #0f172a 46%, #083344);
  color: #fff;
  font-family: Arial, sans-serif;
}

.dh-stage {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  contain: layout paint style;
  background:
    radial-gradient(circle at 18% 24%, rgba(103,232,249,.18), transparent 34%),
    radial-gradient(circle at 88% 72%, rgba(190,242,100,.12), transparent 38%),
    linear-gradient(135deg, rgba(8,47,73,.62), rgba(15,23,42,.7)),
    radial-gradient(circle at 50% 12%, rgba(103,232,249,.18), transparent 42%);
}

.dh-renderer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 38% 36%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 31%),
    radial-gradient(circle at 76% 18%, rgba(250,204,21,.1), transparent 28%),
    linear-gradient(135deg, #07111f, #082f49 46%, #0f172a);
}

.dh-motion-sky,
.dh-vignette,
.dh-stars,
.dh-visual-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dh-renderer-stock {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  filter: saturate(1.05) contrast(1.08);
  transform: scale(1.02);
  transition: opacity .42s ease, filter .42s ease;
  z-index: 0;
}

.dh-renderer-stock.is-ready {
  opacity: .58;
}

.dh-stage:has(.dh-youtube-story-renderer) .dh-renderer-stock.is-ready {
  opacity: .16;
  filter: saturate(.92) contrast(.96) brightness(.72) blur(.4px);
}

.dh-stage:has(.dh-youtube-story-renderer) .dh-info,
.dh-stage:has(.dh-youtube-story-renderer) .dh-big-share-link,
.dh-stage:has(.dh-youtube-story-renderer) .dh-contained-guide,
.dh-stage:has(.dh-youtube-story-renderer) .dh-followup-notes {
  opacity: 0 !important;
  pointer-events: none !important;
}

.dh-ai-load-indicator {
  position: absolute;
  right: 18px;
  top: 18px;
  z-index: 8;
  min-width: 190px;
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(103,232,249,.46);
  border-radius: 8px;
  background: rgba(2,6,23,.76);
  color: #e0f2fe;
  box-shadow: 0 0 28px rgba(34,211,238,.16);
  backdrop-filter: blur(10px);
}

.dh-ai-load-indicator span {
  width: 100%;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148,163,184,.18);
}

.dh-ai-load-indicator span::after {
  content: "";
  display: block;
  width: 44%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22d3ee, #facc15);
  animation: dhLoad 1.05s ease-in-out infinite;
}

.dh-ai-load-indicator b {
  font-size: 11px;
  text-transform: uppercase;
}

.dh-ai-load-indicator small {
  overflow: hidden;
  color: #93c5fd;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-renderer.model-mode .dh-renderer-stock.is-ready {
  opacity: .16;
  filter: saturate(.72) contrast(.86);
}

.dh-observatory.is-loading .dh-renderer-stock.is-ready {
  opacity: .42;
  filter: saturate(.92) contrast(1.02);
}

.dh-motion-sky {
  background: linear-gradient(120deg, rgba(14,165,233,.13), transparent 32%, rgba(168,85,247,.16) 66%, transparent);
  filter: blur(2px);
  z-index: 1;
}

.dh-vignette {
  background:
    radial-gradient(circle at 42% 42%, transparent 0, rgba(0,0,0,.04) 42%, rgba(0,0,0,.72) 100%),
    linear-gradient(90deg, rgba(0,0,0,.66), transparent 20%, transparent 70%, rgba(0,0,0,.72));
}

.dh-stars span {
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 60%, white);
  box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 70%, transparent);
  opacity: .85;
}

.dh-stars,
.dh-orbit,
.dh-orbit-two,
.dh-sweep,
.dh-skyline,
.dh-core-glow,
.dh-visual-label,
.dh-model-status,
.dh-api-loading {
  z-index: 3;
}

.dh-model {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .9;
  pointer-events: auto;
  background: transparent;
  transition: opacity .28s ease;
  z-index: 5;
}

.dh-model.is-loading {
  opacity: .72;
}

.dh-model.is-ready {
  opacity: 1;
  pointer-events: auto;
}

.dh-model-shell {
  position: absolute;
  left: 50%;
  top: 51%;
  width: min(72vw, 820px);
  height: min(58vh, 560px);
  min-width: 320px;
  min-height: 260px;
  transform: translate(-50%, -50%);
  z-index: 4;
  border: 1px solid color-mix(in srgb, var(--accent) 44%, rgba(255,255,255,.22));
  border-radius: 10px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 42%, rgba(15,23,42,.48), rgba(2,6,23,.7));
  box-shadow: 0 24px 80px rgba(0,0,0,.42);
}

.dh-model-shell .dh-model {
  inset: 0;
  width: 100%;
  height: 100%;
}

.dh-model-loader {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: grid;
  place-items: center;
  gap: 6px;
  align-content: center;
  text-align: center;
  background: linear-gradient(135deg, rgba(2,6,23,.64), rgba(15,23,42,.38));
  color: #e5f8ff;
  pointer-events: none;
}

.dh-model-loader b {
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dh-model-loader span {
  max-width: 80%;
  font-size: 12px;
  color: #bae6fd;
}

.dh-scene-object {
  position: absolute;
  left: 29%;
  top: 22%;
  width: min(39vw, 590px);
  height: min(35vw, 500px);
  min-width: 300px;
  min-height: 250px;
  transform: perspective(900px) rotateX(56deg) rotateZ(-10deg);
  transform-origin: 50% 62%;
  animation: dhFloat 7s ease-in-out infinite;
  z-index: 2;
}

.dh-scene-object.compact {
  inset: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  transform: perspective(180px) rotateX(50deg) rotateZ(-12deg);
  animation: none;
}

.dh-scene-halo {
  position: absolute;
  inset: 5% 10%;
  border: 3px solid color-mix(in srgb, var(--accent) 72%, white);
  border-radius: 50%;
  box-shadow: 0 0 70px color-mix(in srgb, var(--accent) 28%, transparent);
}

.compact .dh-scene-halo {
  inset: 10% 14%;
  border-width: 2px;
  animation: dhPulse 2.8s ease-in-out infinite;
}

.dh-scene-disc {
  position: absolute;
  width: 34%;
  aspect-ratio: 1;
  left: 33%;
  top: 19%;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 28%, #fff, var(--accent) 24%, #0f172a 70%);
  box-shadow: 0 0 80px color-mix(in srgb, var(--accent) 38%, transparent);
}

.compact .dh-scene-disc {
  width: 35%;
  left: 32%;
  top: 22%;
  box-shadow: 0 0 26px color-mix(in srgb, var(--accent) 45%, transparent);
}

.dh-scene-blocks {
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: 13%;
  height: 54%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 12px;
}

.dh-scene-blocks span {
  display: block;
  width: 26px;
  min-height: 34px;
  border-radius: 14px 14px 4px 4px;
  background: color-mix(in srgb, var(--accent) 72%, white);
  box-shadow: 0 0 32px color-mix(in srgb, var(--accent) 48%, transparent);
  opacity: .96;
}

.compact .dh-scene-blocks {
  left: 9px;
  right: 9px;
  bottom: 10px;
  height: 42px;
  gap: 5px;
}

.compact .dh-scene-blocks span {
  width: 8px;
  min-height: 12px;
  border-radius: 5px 5px 2px 2px;
  box-shadow: 0 0 16px color-mix(in srgb, var(--accent) 58%, transparent);
}

.dh-scene-base {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 10%;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
}

.compact .dh-scene-base {
  left: 9px;
  right: 9px;
  bottom: 7px;
  height: 3px;
}

.dh-scene-code {
  position: absolute;
  right: 16%;
  top: 15%;
  color: var(--accent);
  font-size: clamp(28px, 4vw, 54px);
  font-weight: 900;
  text-shadow: 0 0 24px rgba(0,0,0,.75);
  transform: rotateZ(10deg);
}

.compact .dh-scene-code {
  right: 7px;
  top: 6px;
  font-size: 12px;
}

.dh-orbit,
.dh-orbit-two {
  position: absolute;
  border-style: solid;
  border-color: color-mix(in srgb, var(--accent) 60%, white);
  border-radius: 50%;
  opacity: .7;
  pointer-events: none;
}

.dh-orbit {
  width: min(78vw, 900px);
  aspect-ratio: 1;
  left: 18%;
  top: -14%;
  border-width: 1px;
  animation: dhFloat 10s ease-in-out infinite;
}

.dh-orbit-two {
  width: min(46vw, 540px);
  aspect-ratio: 1;
  right: 17%;
  top: 18%;
  border-width: 2px;
  animation: dhFloat 8s ease-in-out infinite reverse;
}

.dh-renderer.guided .dh-orbit {
  animation: dhDrift 18s linear infinite;
}

.dh-renderer.guided .dh-orbit-two {
  animation: dhDrift 11s linear infinite reverse;
}

.dh-sweep {
  position: absolute;
  width: 140%;
  height: 18%;
  left: -20%;
  top: 38%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
  filter: blur(14px);
  animation: dhSweep 8s ease-in-out infinite;
}

.dh-skyline {
  position: absolute;
  left: 11%;
  right: 34%;
  bottom: 8%;
  height: 42%;
  display: flex;
  align-items: end;
  gap: 9px;
  transform: perspective(720px) rotateX(48deg);
  transform-origin: 50% 100%;
  opacity: .72;
}

.dh-skyline span {
  width: 13px;
  border-radius: 12px 12px 2px 2px;
  background: color-mix(in srgb, var(--accent) 68%, white);
}

.dh-visual-grid,
.dh-grid-layer {
  background-image:
    linear-gradient(rgba(103,232,249,.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(103,232,249,.15) 1px, transparent 1px);
  background-size: 52px 52px;
  mix-blend-mode: screen;
}

.dh-grid-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .55;
}

.dh-core-glow {
  position: absolute;
  left: 30%;
  top: 28%;
  width: 28vw;
  height: 28vw;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.28), transparent 62%);
  filter: blur(4px);
}

.dh-visual-label {
  position: absolute;
  left: 24px;
  top: 88px;
  color: rgba(255,255,255,.16);
  font-size: clamp(42px, 9vw, 140px);
  font-weight: 900;
  line-height: .9;
  text-transform: uppercase;
}

.dh-model-status {
  position: absolute;
  left: 132px;
  top: 130px;
  padding: 8px 10px;
  border: 1px solid rgba(250,204,21,.45);
  border-radius: 8px;
  background: rgba(2,6,23,.62);
  color: #f8fafc;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}

.dh-model-status.ready {
  border-color: color-mix(in srgb, var(--accent) 70%, white);
}

.dh-director-panel {
  position: absolute;
  left: 14px;
  right: auto;
  top: 142px;
  width: min(318px, 27vw);
  max-height: calc(100vh - 254px);
  overflow: hidden;
  z-index: 16;
  padding: 12px;
  border: 1px solid rgba(125, 211, 252, .34);
  border-radius: 10px;
  background: rgba(2, 6, 23, .78);
  color: #e0f2fe;
  box-shadow: 0 18px 50px rgba(0,0,0,.32);
  backdrop-filter: blur(12px);
}

.dh-director-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}

.dh-director-head span,
.dh-director-panel small {
  color: #93c5fd;
  font-size: 11px;
}

.dh-director-asset-source {
  display: block;
  margin-top: 5px;
  color: #bef264 !important;
}

.dh-director-panel strong {
  display: block;
  font-size: 14px;
  color: #ffffff;
}

.dh-director-panel p {
  margin: 5px 0;
  color: #bae6fd;
  font-size: 12px;
  line-height: 1.35;
}

.dh-director-panel ol {
  display: grid;
  gap: 4px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.dh-director-panel li {
  position: relative;
  padding-left: 14px;
  color: rgba(226,232,240,.72);
  font-size: 11px;
}

.dh-director-panel li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(148,163,184,.42);
}

.dh-director-panel li.active {
  color: #ffffff;
}

.dh-director-panel li.active::before {
  background: #22d3ee;
  box-shadow: 0 0 14px rgba(34,211,238,.72);
}

.dh-director-chat {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.dh-director-history {
  display: grid;
  gap: 6px;
  max-height: min(150px, 22vh);
  overflow-y: auto;
  padding-right: 2px;
}

.dh-director-message {
  display: grid;
  gap: 3px;
  padding: 7px;
  border: 1px solid rgba(226,232,240,.12);
  border-radius: 8px;
  background: rgba(15,23,42,.56);
}

.dh-director-message.from-user {
  border-color: rgba(250,204,21,.28);
  background: rgba(113,63,18,.28);
}

.dh-director-message b {
  color: #f8fafc;
  font-size: 11px;
}

.dh-director-message span {
  color: #dbeafe;
  font-size: 11px;
  line-height: 1.3;
}

.dh-director-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
}

.dh-director-command input {
  min-width: 0;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 7px;
  background: rgba(0,0,0,.42);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  outline: none;
  padding: 8px 9px;
}

.dh-director-command button,
.dh-director-tools button {
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 7px;
  background: rgba(8,145,178,.22);
  color: #ecfeff;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  padding: 8px 9px;
}

.dh-director-tools {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 6px;
}

.dh-observatory.low-power .dh-renderer {
  background: linear-gradient(135deg, #030712, #07111f 52%, #020617);
}

.dh-observatory.low-power .dh-renderer-stock {
  filter: none;
  transform: none;
  transition: opacity .16s ease;
}

.dh-observatory.low-power .dh-renderer-stock.is-ready {
  opacity: .34;
}

.dh-observatory.low-power .dh-vignette {
  background: linear-gradient(90deg, rgba(0,0,0,.52), transparent 30%, rgba(0,0,0,.62));
}

.dh-observatory.low-power .dh-category-icon i,
.dh-observatory.low-power .dh-tour-visual span,
.dh-observatory.low-power .dh-mini-scan {
  display: none;
}

.dh-observatory.low-power .dh-tour-visual,
.dh-observatory.low-power .dh-mini-visual,
.dh-observatory.low-power .dh-category-icon {
  background: rgba(15,23,42,.72);
}

.dh-observatory.low-power .dh-top,
.dh-observatory.low-power .dh-category-dock,
.dh-observatory.low-power .dh-quick-section,
.dh-observatory.low-power .dh-media,
.dh-observatory.low-power .dh-utility,
.dh-observatory.low-power .dh-layer-dock > .dh-btn,
.dh-observatory.low-power .dh-director-panel,
.dh-observatory.low-power .dh-ai-command,
.dh-observatory.low-power .dh-live-stage,
.dh-observatory.low-power .dh-presentation-feature,
.dh-observatory.low-power .dh-smart-notes {
  backdrop-filter: none;
  box-shadow: none;
}

.dh-observatory.low-power .dh-title,
.dh-observatory.low-power .dh-note,
.dh-observatory.low-power .dh-category-card small {
  text-shadow: none;
}

.dh-observatory.max-power {
  --dh-motion-scale: 1.25;
}

.dh-observatory.max-power .dh-renderer {
  background:
    linear-gradient(135deg, rgba(2,6,23,.96), rgba(8,47,73,.78) 44%, rgba(15,23,42,.96)),
    linear-gradient(90deg, rgba(103,232,249,.08), rgba(190,242,100,.05));
}

.dh-observatory.max-power .dh-renderer-stock.is-ready {
  opacity: .48;
  filter: saturate(1.18) contrast(1.08);
  transform: scale(1.018);
}

.dh-observatory.max-power .dh-vignette {
  background:
    linear-gradient(90deg, rgba(0,0,0,.62), transparent 34%, rgba(0,0,0,.68)),
    radial-gradient(circle at 50% 58%, transparent 0 28%, rgba(2,6,23,.44) 72%);
}

.dh-observatory.max-power .dh-sweep,
.dh-observatory.max-power .dh-core-glow,
.dh-observatory.max-power .dh-mini-scan {
  animation-duration: calc(1s / var(--dh-motion-scale, 1.25));
}

.dh-observatory.max-power.system-pulse .dh-renderer,
.dh-observatory.max-power.ai-operating .dh-renderer {
  box-shadow:
    inset 0 0 0 1px rgba(103,232,249,.18),
    inset 0 0 80px rgba(103,232,249,.09),
    0 0 58px rgba(8,145,178,.22);
}

.dh-observatory.max-power .dh-live-metrics span,
.dh-observatory.max-power .dh-live-metrics b,
.dh-observatory.max-power .dh-ai-operator-readout,
.dh-observatory.max-power .dh-mechanic-readouts section {
  box-shadow: 0 0 18px rgba(103,232,249,.13);
}

.dh-observatory.max-power .dh-live-metrics b {
  animation: dh-analytics-pulse 2.2s ease-in-out infinite;
}

.dh-observatory.max-power .dh-live-metrics b:nth-child(3) {
  animation-delay: .18s;
}

.dh-observatory.max-power .dh-live-metrics b:nth-child(4) {
  animation-delay: .36s;
}

@keyframes dh-analytics-pulse {
  0%, 100% {
    transform: translateY(0);
    border-color: rgba(103,232,249,.2);
  }

  50% {
    transform: translateY(-2px);
    border-color: rgba(190,242,100,.45);
  }
}

.dh-top,
.dh-category-dock,
.dh-quick-rail,
.dh-info,
.dh-media,
.dh-utility,
.dh-layer-dock {
  position: absolute;
  transition: opacity .22s ease;
}

.dh-observatory.is-loading .dh-category-dock,
.dh-observatory.is-loading .dh-quick-rail,
.dh-observatory.is-loading .dh-info {
  filter: saturate(.9);
}

.dh-top {
  top: 14px;
  left: 14px;
  right: 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.dh-search {
  display: flex;
  gap: 7px;
  align-items: center;
  max-width: min(720px, 52vw);
  padding: 6px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.54);
  backdrop-filter: blur(12px);
}

.dh-search input,
.dh-entry-input {
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 7px;
  background: rgba(0,0,0,.46);
  color: #fff;
  font-weight: 800;
  outline: none;
}

.dh-search input {
  width: min(260px, 22vw);
  min-width: 120px;
  padding: 10px 12px;
}

.dh-search-intent-radar {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  max-width: min(390px, 28vw);
  padding: 6px;
  border: 1px solid rgba(190,242,100,.2);
  border-radius: 8px;
  background:
    radial-gradient(circle at 8% 22%, rgba(190,242,100,.1), transparent 36%),
    rgba(2,6,23,.5);
  backdrop-filter: blur(12px);
  overflow: hidden;
}

.dh-search-intent-radar b {
  flex: 0 0 auto;
  color: #bef264;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

.dh-search-intent-radar button {
  min-width: 0;
  max-width: 96px;
  padding: 7px 8px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 7px;
  background: rgba(8,47,73,.56);
  color: #e0f2fe;
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .dh-search {
    max-width: min(100%, 68vw);
  }

  .dh-search-intent-radar {
    max-width: min(100%, 30vw);
  }

  .dh-search-intent-radar b {
    display: none;
  }

  .dh-search-intent-radar button {
    max-width: 82px;
  }
}

@media (max-width: 700px) {
  .dh-top {
    align-items: flex-start;
  }

  .dh-search-intent-radar {
    position: absolute;
    top: 54px;
    left: 14px;
    max-width: min(360px, calc(100vw - 28px));
  }
}

.dh-btn {
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 7px;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  background: rgba(255,255,255,.07);
}

.dh-btn.hot,
.dh-btn.mode.active {
  border-color: rgba(103,232,249,.56);
  background: rgba(103,232,249,.18);
  color: #ecfeff;
}

.dh-btn.mode,
.dh-btn.hot,
.dh-account {
  padding: 10px 11px;
}

.dh-account {
  border-color: rgba(250,204,21,.36);
  background: rgba(113,63,18,.62);
  color: #fef3c7;
  text-transform: capitalize;
}

.dh-account-cluster {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dh-backend-top {
  border-color: rgba(56,189,248,.62);
  background: rgba(14,116,144,.78);
  color: #ecfeff;
  letter-spacing: 0;
}

.dh-category-dock {
  left: 132px;
  right: min(456px, 36vw);
  top: 74px;
  bottom: auto;
  width: auto;
  height: 62px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(108px, 1fr);
  gap: 7px;
  align-content: start;
  padding: 7px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.42);
  backdrop-filter: blur(12px);
  overflow-x: auto;
  overflow-y: hidden;
  z-index: 24;
  pointer-events: auto;
}

.dh-category-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 46px;
  padding: 5px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.05);
  color: #fff;
  cursor: pointer;
  text-align: left;
  font-weight: 900;
}

.dh-category-card.active {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 16%, rgba(255,255,255,.06));
}

.dh-category-icon {
  width: 36px;
  height: 31px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  font-size: 11px;
  font-weight: 900;
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  color: var(--accent);
}

.dh-category-icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .86;
}

.dh-category-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,6,23,.05), rgba(2,6,23,.74));
}

.dh-category-icon i {
  position: relative;
  z-index: 2;
  width: 20px;
  height: 14px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(255,255,255,.28), color-mix(in srgb, var(--accent) 55%, transparent));
  box-shadow: 0 8px 16px rgba(0,0,0,.38), 0 0 16px color-mix(in srgb, var(--accent) 35%, transparent);
  transform: perspective(80px) rotateX(52deg) rotateZ(-14deg);
}

.dh-category-card small {
  color: #f8fafc;
  font-size: 10px;
  line-height: 1.05;
  white-space: normal;
  text-shadow: 0 1px 10px rgba(0,0,0,.85);
}

.dh-quick-rail {
  top: 82px;
  right: 14px;
  bottom: 82px;
  width: min(430px, 34vw);
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1.3fr);
  gap: 10px;
}

.dh-quick-section {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.46);
  backdrop-filter: blur(14px);
}

.dh-rail-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #cffafe;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-tour-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dh-tour-card {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 5px;
  place-items: center;
  padding: 7px;
}

.dh-tour-card.active,
.dh-feed-card.active {
  border-color: rgba(103,232,249,.66);
  background: rgba(8,145,178,.24);
  box-shadow: 0 0 28px rgba(103,232,249,.16);
}

.dh-tour-visual {
  position: relative;
  width: 100%;
  min-height: 56px;
  border: 1px solid rgba(226,232,240,.2);
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--accent) 24%, transparent), rgba(15,23,42,.94) 68%);
}

.dh-tour-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .82;
}

.dh-tour-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.74));
}

.dh-tour-visual span:first-child {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 40%, transparent);
  filter: blur(1px);
  animation: dhPulse 2.4s ease-in-out infinite;
  z-index: 1;
}

.dh-tour-visual span:nth-child(2) {
  position: absolute;
  width: 62%;
  height: 2px;
  background: var(--accent);
  box-shadow: 0 0 18px var(--accent);
  transform: rotate(-24deg);
  z-index: 1;
}

.dh-tour-visual b {
  position: relative;
  color: #fff;
  z-index: 2;
}

.dh-feed-grid {
  min-height: 0;
  display: grid;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dh-feed-card {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 8px;
  padding: 7px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(15,23,42,.62);
  color: #fff;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}

.dh-mini-visual {
  position: relative;
  min-height: 78px;
  border: 1px solid rgba(226,232,240,.2);
  border-radius: 7px;
  overflow: hidden;
  background: radial-gradient(circle at 44% 28%, color-mix(in srgb, var(--accent) 30%, transparent), #020617 68%);
}

.dh-mini-scan {
  position: absolute;
  left: 0;
  right: 0;
  top: 48%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  animation: dhMini 2.5s ease-in-out infinite;
}

.dh-card-text {
  display: grid;
  gap: 5px;
  align-content: center;
  min-width: 0;
}

.dh-card-text b,
.dh-card-text small,
.dh-tour-card small,
.dh-category-card small {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dh-info {
  left: 132px;
  bottom: 96px;
  width: min(620px, 46vw);
  display: grid;
  gap: 7px;
}

.dh-stage:has(.dh-renderer.model-mode) .dh-info {
  opacity: .06 !important;
  pointer-events: none;
}

.dh-eyebrow {
  margin: 0;
  color: #67e8f9;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dh-title {
  margin: 0;
  font-size: clamp(34px, 6vw, 78px);
  line-height: .92;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-shadow: 0 12px 40px rgba(0,0,0,.9);
}

.dh-note {
  margin: 0;
  max-width: 560px;
  color: #dbeafe;
  font-size: 15px;
  line-height: 1.45;
  text-shadow: 0 8px 24px rgba(0,0,0,.85);
}

.dh-state-badges {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.dh-state-badges span {
  padding: 6px 8px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 999px;
  background: rgba(2,6,23,.48);
  color: #e2e8f0;
  font-size: 12px;
  font-weight: 900;
}

.dh-media {
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  display: flex;
  gap: 7px;
  padding: 7px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.54);
  backdrop-filter: blur(14px);
  z-index: 24;
}

.dh-media .dh-btn {
  padding: 10px 12px;
  white-space: nowrap;
}

.dh-media .dh-btn.active {
  border-color: rgba(250,204,21,.58);
  background: rgba(113,63,18,.56);
  color: #fef3c7;
}

.dh-media.dh-movie-controls {
  width: min(920px, calc(100vw - 28px));
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  top: 84px;
  bottom: 18px;
  max-height: calc(100dvh - 102px);
  overflow-y: auto;
  box-shadow: 0 18px 60px rgba(0,0,0,.42), 0 0 38px rgba(56,189,248,.12);
}

.dh-movie-head,
.dh-movie-buttons,
.dh-movie-slider,
.dh-movie-ticks {
  display: flex;
  align-items: center;
  gap: 7px;
}

.dh-movie-head {
  justify-content: space-between;
  color: #e2e8f0;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
}

.dh-movie-head span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-movie-head b {
  color: #fde68a;
  white-space: nowrap;
}

.dh-live-build-stamp {
  flex: 0 0 auto;
  padding: 4px 7px;
  border: 1px solid rgba(190,242,100,.32);
  border-radius: 999px;
  background: rgba(63,98,18,.28);
  color: #ecfccb;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}

.dh-movie-buttons {
  overflow-x: auto;
  scrollbar-width: thin;
}

.dh-movie-slider {
  width: 100%;
  color: #bae6fd;
  font-size: 11px;
  font-weight: 900;
}

.dh-movie-slider input {
  width: 100%;
  accent-color: #38bdf8;
}

.dh-movie-ticks {
  justify-content: space-between;
  overflow-x: auto;
}

.dh-movie-ticks button {
  border: 0;
  border-bottom: 2px solid rgba(148,163,184,.22);
  background: transparent;
  color: rgba(226,232,240,.72);
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
  cursor: pointer;
}

.dh-movie-ticks button.active {
  border-color: rgba(56,189,248,.86);
  color: #f8fafc;
  text-shadow: 0 0 12px rgba(56,189,248,.72);
}

.dh-movie-caption {
  margin: 0;
  color: rgba(226,232,240,.82);
  font-size: 11px;
  line-height: 1.35;
}

.dh-speed-control {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid rgba(103,232,249,.22);
  border-radius: 7px;
  background: rgba(8,145,178,.14);
  color: #cffafe;
  font-size: 11px;
  font-weight: 900;
}

.dh-speed-control select {
  min-height: 26px;
  border: 1px solid rgba(226,232,240,.18);
  border-radius: 6px;
  background: rgba(2,6,23,.72);
  color: #ecfeff;
  font-size: 11px;
  font-weight: 900;
}

.dh-utility {
  right: 14px;
  bottom: 18px;
  display: flex;
  gap: 5px;
  padding: 6px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.54);
  backdrop-filter: blur(14px);
}

.dh-utility .dh-btn {
  padding: 8px;
  font-size: 11px;
}

.dh-layer-dock {
  left: 132px;
  top: 82px;
}

.dh-layer-dock > .dh-btn {
  padding: 10px 12px;
  border-color: rgba(20,184,166,.44);
  background: rgba(20,184,166,.16);
  color: #dffdf8;
}

.dh-layer-dock > .dh-btn.locked {
  border-color: rgba(250,204,21,.36);
  background: rgba(113,63,18,.62);
  color: #fef3c7;
}

.dh-layer-menu {
  margin-top: 8px;
  display: grid;
  gap: 5px;
  min-width: 190px;
  padding: 8px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.88);
  backdrop-filter: blur(14px);
}

.dh-layer-menu .dh-btn {
  padding: 9px 10px;
  text-align: left;
}

.dh-layer-menu .dh-btn.active {
  border-color: rgba(103,232,249,.56);
  background: rgba(103,232,249,.16);
}

.dh-ai-space,
.dh-ai-command,
.dh-live-stage,
.dh-presentation-feature,
.dh-smart-notes {
  position: absolute;
  z-index: 18;
}

.dh-ai-space {
  width: 168px;
  min-height: 58px;
  display: grid;
  gap: 3px;
  align-content: center;
  padding: 10px 14px;
  border: 1px solid rgba(103,232,249,.42);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(103,232,249,.08)),
    radial-gradient(circle at 20% 20%, rgba(103,232,249,.28), transparent 44%),
    rgba(2,6,23,.46);
  color: #ecfeff;
  text-align: left;
  box-shadow: 0 0 34px rgba(103,232,249,.22), 0 18px 70px rgba(0,0,0,.46);
  backdrop-filter: blur(16px);
  cursor: pointer;
  transition: left .44s ease, right .44s ease, top .44s ease, bottom .44s ease, transform .44s ease, box-shadow .28s ease;
  animation: dhAiSpaceFloat 5.2s ease-in-out infinite;
}

.dh-ai-space span {
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  color: #67e8f9;
}

.dh-ai-space b {
  font-size: 17px;
  line-height: 1;
}

.dh-ai-space.dock-idle,
.dh-ai-space.dock-guided {
  right: 20px;
  top: 49%;
}

.dh-ai-space.dock-stage-current,
.dh-ai-space.dock-stage-angle {
  left: 17%;
  bottom: 12%;
}

.dh-ai-space.dock-stage-similar {
  left: 48%;
  bottom: 12%;
}

.dh-ai-space.dock-stage-stats,
.dh-ai-space.dock-command,
.dh-ai-space.dock-notes {
  right: 20px;
  top: 96px;
}

.dh-ai-space.listening {
  border-color: rgba(250,204,21,.62);
  box-shadow: 0 0 52px rgba(250,204,21,.62), 0 18px 70px rgba(0,0,0,.46);
}

.dh-ai-command,
.dh-live-stage,
.dh-presentation-feature,
.dh-smart-notes {
  right: 92px;
  top: 92px;
  width: min(390px, calc(100vw - 130px));
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 8px;
  background: rgba(2,6,23,.78);
  color: #e0f2fe;
  box-shadow: 0 22px 70px rgba(0,0,0,.42);
  backdrop-filter: blur(14px);
}

.dh-presentation-entry {
  border-color: rgba(250,204,21,.38);
  background: rgba(113,63,18,.22);
}

.dh-smart-notes {
  top: 238px;
  width: min(560px, calc(100vw - 130px));
}

.dh-presentation-feature {
  top: 168px;
  width: min(580px, calc(100vw - 130px));
  border-color: rgba(250,204,21,.42);
  background: rgba(15,23,42,.9);
}

.dh-live-stage {
  top: 188px;
  width: min(520px, calc(100vw - 130px));
  border-color: rgba(34,211,238,.4);
  background: rgba(2,6,23,.84);
}

.dh-ai-command div,
.dh-live-stage div,
.dh-presentation-feature div,
.dh-smart-notes div,
.dh-ai-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dh-note-tools {
  display: grid !important;
  grid-template-columns: 1.2fr .7fr .9fr 34px auto;
}

.dh-note-tools select,
.dh-note-tools input {
  min-width: 0;
  border: 1px solid rgba(226,232,240,.18);
  border-radius: 7px;
  background: rgba(0,0,0,.38);
  color: #fff;
  padding: 7px;
  font-weight: 800;
}

.dh-ai-command input,
.dh-live-stage input,
.dh-live-stage textarea,
.dh-presentation-feature input,
.dh-presentation-feature textarea,
.dh-smart-notes textarea {
  width: 100%;
  border: 1px solid rgba(226,232,240,.18);
  border-radius: 7px;
  background: rgba(0,0,0,.38);
  color: #fff;
  padding: 10px;
  font-weight: 800;
}

.dh-smart-notes textarea {
  min-height: 150px;
  resize: vertical;
  background: rgba(255,255,255,.94);
  color: #0f172a;
}

.dh-presentation-feature label {
  color: #fde68a;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-presentation-feature textarea {
  min-height: 84px;
  resize: vertical;
}

.dh-presentation-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
}

.dh-presentation-edits {
  display: grid !important;
  gap: 7px !important;
  max-height: 150px;
  overflow: auto;
}

.dh-presentation-edits article {
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(250,204,21,.2);
  border-radius: 8px;
  background: rgba(113,63,18,.2);
}

.dh-presentation-edits span,
.dh-presentation-edits small {
  color: #e0f2fe;
  font-size: 11px;
}

.dh-live-stage label {
  color: #67e8f9;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-big-share-link {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(250,204,21,.56);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(14,116,144,.58), rgba(113,63,18,.48));
  color: #fefce8;
  text-decoration: none;
  box-shadow: 0 0 32px rgba(250,204,21,.16);
}

.dh-big-share-link span,
.dh-big-share-link small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-big-share-link span {
  color: #cffafe;
  font-size: 11px;
}

.dh-big-share-link small {
  color: #fde68a;
  font-size: 10px;
  text-transform: uppercase;
}

.dh-live-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px !important;
}

.dh-youtube-story-renderer {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: 8px;
  margin-top: 9px;
  padding: 8px;
  border: 1px solid rgba(248,113,113,.32);
  border-radius: 8px;
  background:
    radial-gradient(circle at 16% 18%, rgba(103,232,249,.24), transparent 30%),
    radial-gradient(circle at 88% 62%, rgba(190,242,100,.16), transparent 32%),
    linear-gradient(135deg, rgba(8,47,73,.7), rgba(69,10,10,.24) 48%, rgba(14,116,144,.58)),
    repeating-linear-gradient(90deg, rgba(103,232,249,.09) 0 1px, transparent 1px 20px);
  background-size: auto, 44px 44px;
  box-shadow: 0 0 34px rgba(103,232,249,.18), inset 0 0 34px rgba(103,232,249,.12);
  overflow: hidden;
  animation: dhStoryGridFlow calc(4.8s / var(--stream-pace, 1)) linear infinite;
}

.dh-youtube-story-renderer::before,
.dh-youtube-story-renderer::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dh-youtube-story-renderer::before {
  z-index: -2;
  background-image:
    linear-gradient(135deg, rgba(8,47,73,.18), rgba(2,6,23,.2) 46%, rgba(14,116,144,.22)),
    var(--story-hero-image);
  background-position: center;
  background-size: cover;
  opacity: min(max(var(--story-hero-opacity, .18), .14), .36);
  filter: saturate(1.12) contrast(.98) brightness(1.22);
  transform: scale(1.08);
  transition: opacity .65s ease, filter .65s ease;
  animation: dhStoryHeroPan calc(22s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-youtube-story-renderer::after {
  z-index: -1;
  background:
    radial-gradient(circle at 18% 18%, rgba(103,232,249,.24), transparent 28%),
    radial-gradient(circle at 82% 32%, rgba(190,242,100,.18), transparent 30%),
    linear-gradient(180deg, rgba(8,47,73,.12), rgba(2,6,23,.36));
  opacity: .62;
}

.dh-youtube-story-renderer.is-constructing::before {
  opacity: min(max(var(--story-hero-opacity, .24), .18), .42);
  filter: saturate(1.28) contrast(1.06) brightness(1.18);
}

.dh-youtube-story-renderer > * {
  position: relative;
  z-index: 1;
}

.dh-youtube-story-renderer header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dh-youtube-story-renderer header div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.dh-youtube-story-renderer header span {
  color: #fecaca;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-youtube-story-renderer header b {
  min-width: 0;
  color: #fff7ed;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-youtube-story-renderer header a {
  flex: 0 0 auto;
  padding: 7px 9px;
  border: 1px solid rgba(248,113,113,.34);
  border-radius: 999px;
  background: rgba(127,29,29,.36);
  color: #fee2e2;
  font-size: 9px;
  font-weight: 900;
  text-decoration: none;
}

.dh-youtube-story-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, .95fr) minmax(0, 1.05fr);
  gap: 8px;
}

.dh-stage-reaction-tree {
  position: absolute;
  inset: -6px -4px 56px -4px;
  z-index: 7;
  pointer-events: none;
  overflow: visible;
  opacity: .98;
}

.dh-stage-tree-lines {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.dh-stage-tree-lines path {
  fill: none;
  stroke: rgba(103,232,249,.66);
  stroke-width: .62;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 7px rgba(103,232,249,.28));
  animation: dhStageBranchConstruct calc(11.5s / var(--scene-tempo, var(--stream-pace, 1))) cubic-bezier(.18,.8,.2,1) infinite;
  animation-delay: calc(var(--branch-order, 0) * .52s);
}

.dh-stage-tree-lines .dh-stage-route path {
  animation-delay: calc(var(--branch-order, 0) * .82s);
}

.dh-stage-tree-packet {
  fill: rgba(254,249,195,.88);
  filter: drop-shadow(0 0 7px rgba(250,204,21,.42));
  opacity: .84;
}

.dh-stage-tree-lines .dh-stage-trunk {
  stroke-width: .9;
  stroke: rgba(236,254,255,.62);
  animation-duration: calc(14s / var(--scene-tempo, var(--stream-pace, 1)));
}

.dh-stage-tree-lines .tone-light,
.dh-stage-tree-lines .tone-light path {
  stroke: rgba(254,249,195, calc(.46 + (var(--scene-light, .55) * .38)));
}

.dh-stage-tree-lines .tone-source,
.dh-stage-tree-lines .source-link,
.dh-stage-tree-lines .tone-source path,
.dh-stage-tree-lines .source-link path {
  stroke: rgba(250,204,21,.7);
}

.dh-stage-tree-lines .tone-glb,
.dh-stage-tree-lines .tone-glb path {
  stroke: rgba(190,242,100,.76);
}

.dh-stage-tree-lines .tone-podcast,
.dh-stage-tree-lines .tone-podcast path {
  stroke: rgba(251,191,36,.82);
}

.dh-stage-tree-core,
.dh-stage-tree-node,
.dh-stage-tree-source-links a {
  position: absolute;
  z-index: 3;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(103,232,249,.22);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(103,232,249,.16) var(--node-fill, var(--core-fill, 0%)), rgba(2,6,23,.66) var(--node-fill, var(--core-fill, 0%))),
    rgba(2,6,23,.58);
  box-shadow:
    0 0 calc(10px + (var(--scene-light, .55) * 18px)) rgba(103,232,249,.13),
    inset 0 0 16px rgba(2,6,23,.44);
  backdrop-filter: blur(7px);
  pointer-events: auto;
}

.dh-stage-tree-core {
  left: 63%;
  top: 30%;
  width: clamp(150px, 18vw, 220px);
  display: grid;
  gap: 3px;
  padding: 10px;
  text-align: center;
  transform: translate(-50%, -50%) scale(.96);
  animation: dhStageCoreLoad calc(7.5s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
}

.dh-stage-tree-core code,
.dh-stage-tree-node code,
.dh-stage-tree-source-links code {
  min-width: 0;
  color: #67e8f9;
  font-family: "Consolas", "SFMono-Regular", monospace;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-stage-tree-core b,
.dh-stage-tree-node b,
.dh-stage-tree-source-links b {
  min-width: 0;
  color: #ecfeff;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-stage-tree-core span,
.dh-stage-tree-node span,
.dh-stage-tree-source-links span {
  min-width: 0;
  color: #bae6fd;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-stage-tree-node {
  left: var(--node-x);
  top: var(--node-y);
  width: clamp(104px, 13vw, 170px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 6px;
  padding: 7px;
  opacity: 0;
  transform: translate(-50%, -50%) translateY(18px) scale(.72);
  animation:
    dhStageNodeLoad calc(5.8s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards,
    dhStageNodeDrift calc(8.2s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
  animation-delay: calc(var(--node-order, 0) * .72s), calc(var(--node-order, 0) * -.41s);
}

.dh-stage-tree-node span,
.dh-stage-tree-node small,
.dh-stage-tree-node i {
  grid-column: 1 / -1;
}

.dh-stage-tree-node small {
  min-width: 0;
  color: #fef9c3;
  font-size: 7px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dh-stage-tree-node i {
  position: relative;
  height: 2px;
  border-radius: 999px;
  background: rgba(15,23,42,.8);
}

.dh-stage-tree-node i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--node-fill, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #bef264);
  box-shadow: 0 0 10px rgba(103,232,249,.36);
}

.dh-stage-tree-node.tone-light {
  border-color: rgba(254,249,195, calc(.3 + (var(--scene-light, .55) * .36)));
}

.dh-stage-tree-node.tone-source,
.dh-stage-tree-source-links a {
  border-color: rgba(250,204,21,.38);
}

.dh-stage-tree-node.tone-glb {
  border-color: rgba(190,242,100,.48);
  box-shadow: 0 0 22px rgba(190,242,100,.16), inset 0 0 16px rgba(2,6,23,.44);
}

.dh-stage-tree-node.tone-podcast {
  border-color: rgba(251,191,36,.52);
  box-shadow: 0 0 24px rgba(251,191,36,.16), inset 0 0 16px rgba(2,6,23,.44);
}

.dh-stage-tree-source-links {
  position: absolute;
  right: 6%;
  bottom: 5%;
  z-index: 4;
  display: grid;
  gap: 6px;
  width: min(260px, 24vw);
  pointer-events: auto;
}

.dh-stage-tree-source-links a {
  position: relative;
  display: grid;
  gap: 2px;
  padding: 7px;
  text-decoration: none;
  opacity: 0;
  transform: translateX(16px) scale(.88);
  animation: dhStageSourcePreviewLoad calc(5s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards;
  animation-delay: calc(var(--source-order, 0) * .72s);
}

.dh-stage-reaction-tree.is-rebuilding .dh-stage-tree-lines path,
.dh-stage-reaction-tree.is-rebuilding .dh-stage-tree-node,
.dh-stage-reaction-tree.is-rebuilding .dh-stage-tree-source-links a {
  animation-duration: calc(4.8s / var(--scene-tempo, var(--stream-pace, 1)));
  filter: brightness(1.18) saturate(1.22);
}

.dh-stage-reaction-tree.is-rebuilding .dh-stage-tree-core {
  border-color: rgba(250,204,21,.48);
}

.dh-youtube-story-grid > .dh-youtube-stage {
  grid-column: 1;
  grid-row: 1;
}

.dh-youtube-story-grid > .dh-story-control {
  grid-column: 2;
  grid-row: 1;
}

.dh-youtube-story-grid > .dh-observatory-transport {
  grid-column: 1 / -1;
  grid-row: 2;
}

.dh-youtube-stage {
  position: relative;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(248,113,113,.18);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 50%, rgba(248,113,113,.12), transparent 58%),
    linear-gradient(135deg, rgba(2,6,23,.72), rgba(15,23,42,.48));
  overflow: visible;
}

.dh-youtube-stage::before,
.dh-youtube-stage::after {
  display: none;
}

.dh-youtube-stage::after {
  inset: 21px;
  border-color: rgba(190,242,100,.16);
  animation-delay: calc(var(--signal-beat, 1s) * -.5);
}

.dh-youtube-stage.ad-reset {
  border-color: rgba(251,191,36,.46);
  box-shadow: inset 0 0 26px rgba(251,191,36,.12), 0 0 28px rgba(251,191,36,.12);
}

.dh-youtube-stage.podcast-signal {
  border-color: rgba(190,242,100,.5);
  box-shadow: inset 0 0 28px rgba(190,242,100,.12), 0 0 26px rgba(190,242,100,.12);
}

.dh-video-system-shell {
  position: relative;
  z-index: 2;
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  grid-template-rows: minmax(78px, auto) auto minmax(58px, auto);
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 9px;
  background:
    radial-gradient(circle at 18% 12%, rgba(103,232,249,.16), transparent 34%),
    radial-gradient(circle at 83% 72%, rgba(190,242,100,.1), transparent 32%),
    linear-gradient(135deg, rgba(2,6,23,.84), rgba(8,47,73,.38));
  box-shadow: inset 0 0 28px rgba(103,232,249,.06), 0 0 22px rgba(103,232,249,.08);
  overflow: hidden;
  perspective: 760px;
}

.dh-video-top-content-reader {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 7px;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, .65fr);
  gap: 3px 8px;
  padding: 7px 8px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(2,6,23,.88), rgba(8,47,73,.5));
  box-shadow: inset 0 0 18px rgba(103,232,249,.06);
}

.dh-video-top-content-reader span,
.dh-video-top-content-reader b,
.dh-video-top-content-reader small,
.dh-video-top-content-reader em {
  position: static !important;
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-video-top-content-reader span {
  grid-column: 1 / -1;
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-video-top-content-reader b {
  color: #f8fafc;
  font-size: 10px;
}

.dh-video-top-content-reader small,
.dh-video-top-content-reader em {
  color: rgba(224,242,254,.72);
  font-size: 8px;
  font-style: normal;
}

.dh-video-system-shell::before,
.dh-video-system-shell::after {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(103,232,249,.14);
  border-radius: 8px;
  transform: translateZ(0) scale(calc(.985 + (var(--construction-progress, 0%) * .0008)));
  animation: dhVideoShellLayer calc(8s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-video-system-shell::after {
  inset: 15px;
  border-color: rgba(190,242,100,.12);
  animation-delay: -3s;
}

.dh-video-system-shell.mode-ad {
  border-color: rgba(250,204,21,.34);
  box-shadow: inset 0 0 30px rgba(250,204,21,.08), 0 0 26px rgba(250,204,21,.1);
}

.dh-video-system-shell.mode-podcast {
  border-color: rgba(250,204,21,.38);
  background:
    radial-gradient(circle at 50% 50%, rgba(250,204,21,.12), transparent 45%),
    linear-gradient(135deg, rgba(2,6,23,.8), rgba(8,47,73,.46));
}

.dh-video-system-shell.mode-glb {
  border-color: rgba(190,242,100,.38);
  box-shadow: inset 0 0 32px rgba(190,242,100,.08), 0 0 28px rgba(190,242,100,.1);
}

.dh-video-system-shell.is-waiting {
  border-color: rgba(103,232,249,.08);
  background: rgba(2,6,23,.62);
  box-shadow: none;
}

.dh-video-system-shell.is-waiting::before,
.dh-video-system-shell.is-waiting::after {
  opacity: 0;
}

.dh-video-creative-layer {
  position: absolute;
  inset: 8px;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  opacity: .92;
}

.dh-video-system-shell.is-waiting .dh-video-creative-layer {
  display: none;
}

.dh-video-creative-layer span {
  position: absolute;
  display: block;
  width: clamp(38px, 8vw, 86px);
  height: clamp(18px, 4vw, 44px);
  border: 0;
  border-radius: 50% 28% 44% 22%;
  background:
    conic-gradient(from 140deg, rgba(103,232,249,.34), transparent 32%, rgba(190,242,100,.24), transparent 72%, rgba(250,204,21,.2)),
    radial-gradient(circle at 35% 42%, rgba(236,254,255,.18), transparent 44%);
  box-shadow: 0 0 18px rgba(103,232,249,.12);
  transform: translate3d(0, 14px, 0) scale(.72);
  opacity: 0;
  clip-path: polygon(10% 12%, 74% 0, 100% 44%, 70% 100%, 18% 84%, 0 40%);
  animation: dhCreativeConstruct calc(13.4s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--creative-order, 0) * -.26s);
}

.dh-video-creative-layer span:nth-child(1) { left: 7%; top: 5%; }
.dh-video-creative-layer span:nth-child(2) { left: 33%; top: 3%; }
.dh-video-creative-layer span:nth-child(3) { right: 8%; top: 7%; }
.dh-video-creative-layer span:nth-child(4) { left: 2%; top: 40%; }
.dh-video-creative-layer span:nth-child(5) { right: 3%; top: 34%; }
.dh-video-creative-layer span:nth-child(6) { left: 10%; bottom: 5%; }
.dh-video-creative-layer span:nth-child(7) { left: 42%; bottom: 3%; }
.dh-video-creative-layer span:nth-child(8) { right: 10%; bottom: 6%; }
.dh-video-creative-layer span:nth-child(9) { left: 21%; top: 17%; }
.dh-video-creative-layer span:nth-child(10) { right: 22%; bottom: 16%; }

.dh-video-creative-layer span em,
.dh-video-creative-layer span i {
  position: absolute;
  display: block;
  pointer-events: none;
}

.dh-video-creative-layer span em {
  inset: 5px;
  border: 1px solid rgba(190,242,100,.14);
  border-radius: inherit;
  background:
    radial-gradient(circle at 42% 46%, rgba(103,232,249,.24), transparent 42%),
    conic-gradient(from 45deg, transparent, rgba(190,242,100,.18), transparent 62%);
}

.dh-video-creative-layer span i {
  left: 7px;
  right: auto;
  bottom: 6px;
  width: var(--creative-fill, 12%);
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(190,242,100,.82), rgba(103,232,249,.62), transparent);
  transform-origin: left center;
  animation: dhCreativeTrace calc(6.6s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-video-creative-layer.visual-funnel span {
  clip-path: polygon(10% 0, 100% 0, 84% 100%, 0 100%);
}

.dh-video-creative-layer.visual-table span em,
.dh-matrix-build-field.visual-table .dh-cell-visual {
  background:
    repeating-linear-gradient(90deg, rgba(103,232,249,.22) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(0deg, rgba(190,242,100,.16) 0 1px, transparent 1px 8px),
    rgba(15,23,42,.36);
}

.dh-video-creative-layer.visual-orbit span,
.dh-video-creative-layer.visual-pulse span {
  border-radius: 999px;
}

.dh-video-creative-layer.visual-orbit span em,
.dh-video-creative-layer.visual-pulse span em {
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(103,232,249,.26), transparent 42%);
  animation: dhCreativeOrbit calc(9.4s / var(--stream-pace, 1)) linear infinite;
}

.dh-video-creative-layer.visual-source span,
.dh-source-preview-card.live {
  border-color: rgba(250,204,21,.34);
}

.dh-video-creative-layer.visual-source span em {
  background:
    linear-gradient(90deg, rgba(250,204,21,.22), transparent 38%),
    repeating-linear-gradient(0deg, rgba(103,232,249,.18) 0 1px, transparent 1px 7px);
}

.dh-video-creative-layer.visual-cube span,
.dh-video-creative-layer.visual-reset span {
  transform: rotateX(56deg) rotateZ(40deg) scale(.72);
}

.dh-video-creative-layer.visual-cube span em {
  transform: translateY(-4px) translateX(4px);
  border-color: rgba(190,242,100,.3);
  box-shadow: -6px 6px 0 rgba(190,242,100,.08);
}

.dh-video-creative-layer.visual-reset span,
.dh-video-creative-layer.visual-pulse span {
  border-color: rgba(250,204,21,.36);
  box-shadow: 0 0 24px rgba(250,204,21,.14);
}

.dh-video-sketch-ring {
  position: absolute;
  inset: 7px;
  z-index: 1;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  pointer-events: none;
  opacity: .86;
  mix-blend-mode: screen;
}

.dh-video-sketch-ring path,
.dh-top-design-draft path,
.dh-side-screen-draft path,
.dh-artist-drafting-layer path,
.dh-floor-sketch-layer path {
  fill: none;
  stroke: rgba(103,232,249,.76);
  stroke-width: .75;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 5px rgba(103,232,249,.36));
  animation: dhArtistDraw calc(13.8s / var(--stream-pace, 1)) cubic-bezier(.19, .8, .2, 1) infinite;
  animation-delay: calc(var(--draft-order, 0) * .48s);
}

.dh-video-sketch-ring path.kind-turn,
.dh-top-design-draft path.kind-turn,
.dh-side-screen-draft path.kind-turn,
.dh-artist-drafting-layer path.kind-turn,
.dh-floor-sketch-layer path.kind-turn {
  stroke: rgba(190,242,100,.8);
  stroke-width: .9;
  stroke-linejoin: miter;
}

.dh-video-sketch-ring path.kind-fold,
.dh-top-design-draft path.kind-fold,
.dh-side-screen-draft path.kind-fold,
.dh-artist-drafting-layer path.kind-fold,
.dh-floor-sketch-layer path.kind-fold {
  stroke: rgba(250,204,21,.72);
}

.dh-video-sketch-ring path.kind-orbit,
.dh-top-design-draft path.kind-orbit,
.dh-side-screen-draft path.kind-orbit,
.dh-artist-drafting-layer path.kind-orbit,
.dh-floor-sketch-layer path.kind-orbit {
  stroke: rgba(125,211,252,.58);
  stroke-width: .58;
  animation-duration: calc(15.6s / var(--stream-pace, 1));
}

.dh-top-design-renderer {
  position: relative;
  min-height: 82px;
  overflow: hidden;
  border: 1px solid rgba(103,232,249,.16);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 35%, rgba(103,232,249,.14), transparent 30%),
    radial-gradient(circle at 84% 60%, rgba(250,204,21,.1), transparent 34%),
    linear-gradient(100deg, rgba(2,6,23,.58), rgba(8,47,73,.28), rgba(2,6,23,.5));
  box-shadow: inset 0 0 22px rgba(103,232,249,.06);
}

.dh-top-design-draft,
.dh-side-screen-draft {
  position: absolute;
  inset: 4px;
  z-index: 1;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  pointer-events: none;
  overflow: visible;
  mix-blend-mode: screen;
}

.dh-top-design-pieces,
.dh-video-side-screen {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.dh-top-design-pieces {
  position: absolute;
  inset: 8px 10px;
}

.dh-top-design-pieces span,
.dh-video-side-screen span {
  position: absolute;
  display: block;
  width: clamp(34px, 8vw, 86px);
  height: clamp(12px, 2.8vw, 28px);
  border-radius: 999px 42% 999px 38%;
  background:
    linear-gradient(90deg, rgba(103,232,249,.24) var(--design-fill, 0%), transparent var(--design-fill, 0%)),
    radial-gradient(circle at 34% 52%, rgba(236,254,255,.22), transparent 44%);
  clip-path: polygon(0 50%, 18% 8%, 78% 0, 100% 50%, 76% 100%, 18% 90%);
  opacity: 0;
  transform: translate3d(0, 16px, 0) rotateZ(-4deg) scale(.64);
  filter: drop-shadow(0 0 10px rgba(103,232,249,.2));
  animation: dhDesignPieceBuild calc(12.8s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--design-order, 0) * -.34s);
}

.dh-top-design-pieces span:nth-child(1) { left: 5%; top: 7%; }
.dh-top-design-pieces span:nth-child(2) { left: 28%; top: 48%; }
.dh-top-design-pieces span:nth-child(3) { left: 49%; top: 10%; }
.dh-top-design-pieces span:nth-child(4) { right: 8%; top: 42%; }
.dh-top-design-pieces span:nth-child(5) { right: 30%; bottom: 8%; }

.dh-top-design-pieces span i,
.dh-top-design-pieces span em,
.dh-video-side-screen span i,
.dh-video-side-screen span em {
  position: absolute;
  display: block;
  pointer-events: none;
}

.dh-top-design-pieces span i,
.dh-video-side-screen span i {
  inset: 4px 8px;
  border-radius: inherit;
  border: 1px solid rgba(190,242,100,.18);
}

.dh-top-design-pieces span em,
.dh-video-side-screen span em {
  left: 18%;
  right: 18%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(190,242,100,.76), transparent);
  transform-origin: left center;
  animation: dhVisualTrace calc(9.4s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-video-side-screen {
  grid-column: 1 / -1;
  grid-row: 1;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(103,232,249,.13);
  border-radius: 8px;
  background:
    radial-gradient(circle at 28% 45%, rgba(103,232,249,.13), transparent 36%),
    linear-gradient(90deg, rgba(2,6,23,.34), rgba(8,47,73,.24), rgba(2,6,23,.22));
}

.dh-video-side-screen span {
  width: clamp(28px, 6vw, 72px);
  height: clamp(10px, 2vw, 22px);
}

.dh-video-side-screen span:nth-of-type(1) { left: 7%; top: 28%; }
.dh-video-side-screen span:nth-of-type(2) { left: 31%; top: 50%; }
.dh-video-side-screen span:nth-of-type(3) { left: 57%; top: 22%; }
.dh-video-side-screen span:nth-of-type(4) { right: 6%; top: 48%; }

.dh-youtube-story-renderer.is-constructing::before {
  filter: brightness(calc(.68 + (var(--scene-light, .55) * .72))) saturate(calc(1 + (var(--scene-light, .55) * .42)));
}

.dh-top-design-renderer,
.dh-video-side-screen,
.dh-observatory-visual-lab {
  box-shadow:
    inset 0 0 calc(18px + (var(--scene-light, .55) * 26px)) rgba(125,211,252, calc(.06 + (var(--scene-light, .55) * .09))),
    0 0 calc(14px + (var(--scene-light, .55) * 22px)) rgba(103,232,249, calc(.04 + (var(--scene-light, .55) * .06)));
  animation: dhSceneLightBreath calc(4.2s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
}

.dh-readable-stat-row {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 7px;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  pointer-events: none;
}

.dh-readable-stat-row span,
.dh-side-stat-readout b,
.dh-visual-stat-stack article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 7px;
  background:
    linear-gradient(90deg, rgba(103,232,249,.14) var(--stat-fill, 0%), rgba(2,6,23,.48) var(--stat-fill, 0%)),
    rgba(2,6,23,.46);
  box-shadow: 0 0 14px rgba(103,232,249,.08);
  opacity: 0;
  transform: translateY(8px) scale(.94);
  animation:
    dhReadableStatResolve calc(3.8s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards,
    dhReadableStatPulse calc(3.8s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
  animation-delay: calc(var(--stat-order, 0) * .72s), calc(var(--stat-order, 0) * -.32s);
}

.dh-readable-stat-row span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 7px;
  padding: 7px 8px;
}

.dh-readable-stat-row code,
.dh-side-stat-readout code,
.dh-visual-stat-stack code {
  min-width: 0;
  color: #67e8f9;
  font-family: "Consolas", "SFMono-Regular", monospace;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-readable-stat-row b,
.dh-side-stat-readout span,
.dh-visual-stat-stack b {
  color: #ecfeff;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}

.dh-readable-stat-row small,
.dh-visual-stat-stack span,
.dh-visual-stat-stack small {
  min-width: 0;
  color: #bae6fd;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-readable-stat-row small {
  grid-column: 1 / -1;
}

.dh-side-stat-readout {
  position: absolute;
  right: 8px;
  top: 5px;
  z-index: 5;
  display: flex;
  gap: 6px;
  pointer-events: none;
}

.dh-side-stat-readout b {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  min-width: 118px;
  padding: 5px 7px;
}

.dh-visual-stat-stack {
  position: absolute;
  left: auto;
  right: 10px;
  top: 10px;
  bottom: auto;
  z-index: 6;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  width: min(172px, 34%);
  pointer-events: none;
}

.dh-observatory-visual-lab .dh-visual-stat-stack {
  display: none;
}

.dh-visual-stat-stack article {
  display: grid;
  gap: 3px;
  padding: 6px;
  opacity: .82;
  transform-origin: right center;
}

.dh-visual-stat-stack header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.dh-visual-stat-stack i {
  position: relative;
  display: block;
  height: 2px;
  border-radius: 999px;
  background: rgba(15,23,42,.7);
}

.dh-visual-stat-stack i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--stat-fill, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #bef264);
  box-shadow: 0 0 10px rgba(103,232,249,.28);
}

.dh-readable-stat-row .tone-light,
.dh-side-stat-readout .tone-light,
.dh-visual-stat-stack .tone-light {
  border-color: rgba(254,249,195, calc(.22 + (var(--scene-light, .55) * .28)));
  background:
    linear-gradient(90deg, rgba(254,249,195,.2) var(--stat-fill, 0%), rgba(2,6,23,.42) var(--stat-fill, 0%)),
    rgba(2,6,23,.46);
}

.dh-readable-stat-row .tone-source,
.dh-side-stat-readout .tone-source,
.dh-visual-stat-stack .tone-source {
  border-color: rgba(250,204,21,.32);
}

.dh-readable-stat-row .tone-glb,
.dh-side-stat-readout .tone-glb,
.dh-visual-stat-stack .tone-glb {
  border-color: rgba(190,242,100,.34);
}

.dh-readable-stat-row .tone-podcast,
.dh-side-stat-readout .tone-podcast,
.dh-visual-stat-stack .tone-podcast {
  border-color: rgba(251,191,36,.42);
  box-shadow: 0 0 16px rgba(251,191,36,.12);
}

.dh-reactive-system-map {
  position: absolute;
  inset: 8px 8px 42px;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
  border: 1px solid rgba(103,232,249,.14);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 50%, rgba(103,232,249,.28), transparent 18%),
    radial-gradient(circle at 18% 24%, rgba(250,204,21,.18), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(190,242,100,.2), transparent 31%),
    rgba(8,47,73,.24);
  box-shadow:
    inset 0 0 calc(20px + (var(--scene-light, .55) * 28px)) rgba(103,232,249,.1),
    0 0 24px rgba(103,232,249,.12);
  transform-style: preserve-3d;
  animation: dhMapSceneReact calc(5.6s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
}

.dh-structured-intel-map {
  background:
    radial-gradient(circle at var(--read-x, 50%) var(--read-y, 50%), rgba(250,204,21,.3), transparent 18%),
    linear-gradient(90deg, rgba(103,232,249,.16) 1px, transparent 1px),
    linear-gradient(0deg, rgba(103,232,249,.12) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(103,232,249,.28), transparent 20%),
    radial-gradient(circle at 18% 24%, rgba(250,204,21,.18), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(190,242,100,.2), transparent 31%),
    rgba(8,47,73,.26);
  background-size: auto, 24px 24px, 24px 24px, auto, auto, auto, auto;
}

.dh-structured-intel-map::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0 46%, rgba(103,232,249,.16) 50%, transparent 54% 100%),
    linear-gradient(0deg, transparent 0 46%, rgba(190,242,100,.1) 50%, transparent 54% 100%);
  transform:
    translateX(calc((var(--read-step, 0) - 2) * 10%))
    translateY(calc((var(--read-step, 0) - 2) * 5%));
  opacity: .52;
  mix-blend-mode: screen;
  animation: dhIntelGridBreathe calc(4.8s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
}

.dh-reactive-branch-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.dh-map-layer {
  fill: none;
  stroke-width: .55;
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - (var(--stat-resolve, 0%) / 100));
  vector-effect: non-scaling-stroke;
  transform-origin: 50% 50%;
  animation: dhMapLayerTurn calc(14s / var(--scene-tempo, var(--stream-pace, 1))) linear infinite;
}

.dh-intel-map-field,
.dh-intel-map-loop,
.dh-intel-map-route {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.dh-intel-map-field {
  stroke: rgba(103,232,249,.2);
  stroke-width: .62;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 8px rgba(103,232,249,.16));
  animation: dhIntelFieldBuild calc(8.8s / var(--scene-tempo, var(--stream-pace, 1))) cubic-bezier(.2,.82,.22,1) forwards;
  animation-delay: calc(var(--field-order, 0) * .72s);
}

.dh-intel-map-field.is-read {
  stroke: rgba(190,242,100,.38);
}

.dh-intel-map-loop {
  stroke: rgba(250,204,21,.28);
  stroke-width: .54;
  stroke-dasharray: .08 .06;
  transform-origin: 50% 50%;
  animation:
    dhIntelLoopBuild calc(9.4s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards,
    dhMapLayerTurn calc(18s / var(--scene-tempo, var(--stream-pace, 1))) linear infinite;
  animation-delay: calc(var(--loop-order, 0) * .85s), calc(var(--loop-order, 0) * -1.2s);
}

.dh-intel-map-loop.is-reading {
  stroke: rgba(254,249,195,.62);
  filter: drop-shadow(0 0 12px rgba(250,204,21,.34));
}

.dh-intel-map-route {
  stroke: rgba(103,232,249,.58);
  stroke-width: 1.05;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 8px rgba(103,232,249,.22));
  animation: dhIntelRouteProduce calc(8.2s / var(--scene-tempo, var(--stream-pace, 1))) cubic-bezier(.18,.8,.2,1) forwards;
  animation-delay: calc(var(--branch-order, 0) * .74s);
}

.dh-intel-map-route.is-waiting {
  opacity: .32;
}

.dh-intel-map-route.was-read {
  opacity: .68;
  stroke-dashoffset: 0;
}

.dh-intel-map-route.is-reading {
  opacity: 1;
  stroke-width: 1.55;
  stroke: rgba(254,249,195,.82);
  filter: drop-shadow(0 0 14px rgba(250,204,21,.38));
  animation:
    dhIntelRouteProduce calc(3.9s / var(--scene-tempo, var(--stream-pace, 1))) cubic-bezier(.18,.8,.2,1) forwards,
    dhIntelRoutePulse calc(2.2s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
}

.dh-intel-map-route.tone-source.is-reading {
  stroke: rgba(250,204,21,.88);
}

.dh-intel-map-route.tone-glb.is-reading {
  stroke: rgba(190,242,100,.88);
}

.dh-intel-map-route.tone-podcast.is-reading {
  stroke: rgba(251,191,36,.9);
}

.dh-map-layer.layer-one {
  stroke: rgba(236,254,255,.44);
}

.dh-map-layer.layer-two {
  stroke: rgba(103,232,249,.34);
  animation-direction: reverse;
}

.dh-map-layer.layer-three {
  stroke: rgba(190,242,100,.26);
}

.dh-reactive-branch-layer path {
  fill: none;
  stroke: rgba(103,232,249,.62);
  stroke-width: .9;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 8px rgba(103,232,249,.28));
  animation: dhReactiveBranchBuild calc(9.6s / var(--scene-tempo, var(--stream-pace, 1))) cubic-bezier(.2,.82,.22,1) infinite;
  animation-delay: calc(var(--branch-order, 0) * .58s);
}

.dh-reactive-branch-layer path.tone-light {
  stroke: rgba(254,249,195, calc(.44 + (var(--scene-light, .55) * .34)));
}

.dh-reactive-branch-layer path.tone-source {
  stroke: rgba(250,204,21,.68);
}

.dh-reactive-branch-layer path.tone-glb {
  stroke: rgba(190,242,100,.7);
}

.dh-reactive-branch-layer path.tone-podcast {
  stroke: rgba(251,191,36,.76);
}

.dh-reactive-map-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  gap: 2px;
  width: clamp(112px, 24%, 168px);
  min-height: 74px;
  padding: 10px;
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 8px;
  background:
    conic-gradient(from calc(var(--scene-shift, 0) * 20deg), rgba(103,232,249,.26), rgba(190,242,100,.16), rgba(250,204,21,.12), rgba(103,232,249,.26)),
    rgba(2,6,23,.7);
  box-shadow:
    0 0 calc(18px + (var(--scene-light, .55) * 28px)) rgba(103,232,249,.22),
    inset 0 0 28px rgba(2,6,23,.54);
  text-align: center;
  transform: translate(-50%, -50%) rotateX(10deg) translateZ(24px);
  animation: dhReactiveCorePulse calc(3.6s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
}

.dh-structured-intel-map .dh-reactive-map-core {
  top: 46%;
  width: clamp(210px, 30%, 330px);
  min-height: 112px;
  place-items: start center;
  background:
    linear-gradient(90deg, rgba(103,232,249,.16) var(--core-fill, 0%), rgba(2,6,23,.82) var(--core-fill, 0%)),
    conic-gradient(from calc(var(--scene-shift, 0) * 20deg), rgba(103,232,249,.18), rgba(190,242,100,.12), rgba(250,204,21,.12), rgba(103,232,249,.18)),
    rgba(2,6,23,.82);
}

.dh-reactive-map-core code,
.dh-reactive-node code {
  min-width: 0;
  color: #67e8f9;
  font-family: "Consolas", "SFMono-Regular", monospace;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-reactive-map-core b {
  color: #ecfeff;
  font-size: 15px;
  text-transform: uppercase;
}

.dh-reactive-map-core span {
  max-width: 100%;
  color: #bae6fd;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-reactive-map-core small {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 2px;
  padding-top: 4px;
  border-top: 1px solid rgba(103,232,249,.16);
  color: #fef9c3;
  font-size: 8px;
  line-height: 1.25;
  text-align: left;
}

.dh-intel-read-head {
  position: absolute;
  left: var(--read-x, 50%);
  top: var(--read-y, 50%);
  z-index: 4;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(254,249,195,.78);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(254,249,195,.96) 0 16%, rgba(250,204,21,.34) 18% 48%, transparent 52%);
  box-shadow:
    0 0 18px rgba(250,204,21,.42),
    0 0 32px rgba(103,232,249,.22);
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: left .7s ease, top .7s ease;
  animation: dhIntelReadHead calc(1.8s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
}

.dh-intel-entity-ribbon {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 8px;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  pointer-events: auto;
}

.dh-intel-entity-ribbon span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  min-width: 0;
  padding: 5px 6px;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 6px;
  background: rgba(2,6,23,.72);
  opacity: 0;
  overflow: hidden;
  animation: dhStructuredBarProduce calc(4s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards;
  animation-delay: calc(var(--entity-order, 0) * .42s);
}

.dh-intel-entity-ribbon b,
.dh-intel-entity-ribbon i {
  min-width: 0;
  color: #bae6fd;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dh-intel-entity-ribbon b {
  color: #67e8f9;
}

.dh-structured-map-node {
  position: absolute;
  left: var(--node-x);
  top: var(--node-y);
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 7px;
  width: clamp(132px, 19%, 210px);
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(103,232,249,.15) var(--node-fill, 0%), rgba(2,6,23,.72) var(--node-fill, 0%)),
    rgba(2,6,23,.7);
  box-shadow: 0 0 18px rgba(103,232,249,.1), inset 0 0 16px rgba(2,6,23,.44);
  pointer-events: auto;
  opacity: 0;
  overflow: hidden;
  transform: translate(-50%, -50%) translateY(14px) scale(.78);
  animation: dhStructuredNodeProduce calc(5.9s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards;
  animation-delay: calc(var(--node-order, 0) * .72s);
}

.dh-structured-map-node.is-waiting {
  opacity: .56;
  filter: saturate(.72);
}

.dh-structured-map-node.was-read {
  opacity: .78;
}

.dh-structured-map-node.is-reading {
  z-index: 5;
  border-color: rgba(254,249,195,.58);
  box-shadow:
    0 0 24px rgba(250,204,21,.2),
    0 0 34px rgba(103,232,249,.12),
    inset 0 0 18px rgba(250,204,21,.06);
  transform: translate(-50%, -50%) scale(1.03);
}

.dh-structured-map-node code {
  min-width: 0;
  color: #67e8f9;
  font-family: "Consolas", "SFMono-Regular", monospace;
  font-size: 8px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-structured-map-node b {
  min-width: 0;
  color: #ecfeff;
  font-size: 11px;
  line-height: 1;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-structured-map-node span,
.dh-structured-map-node small,
.dh-structured-map-node i {
  grid-column: 1 / -1;
}

.dh-structured-map-node span {
  color: #bae6fd;
  font-size: 8px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dh-structured-map-node small {
  display: -webkit-box;
  min-width: 0;
  color: #dbeafe;
  font-size: 8px;
  line-height: 1.2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dh-structured-map-node i {
  position: relative;
  height: 2px;
  border-radius: 999px;
  background: rgba(15,23,42,.82);
}

.dh-structured-map-node i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--node-fill, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #fef08a);
  box-shadow: 0 0 12px rgba(103,232,249,.34);
}

.dh-structured-map-node.tone-source {
  border-color: rgba(250,204,21,.34);
}

.dh-structured-map-node.tone-glb {
  border-color: rgba(190,242,100,.4);
}

.dh-structured-map-node.tone-podcast {
  border-color: rgba(251,191,36,.42);
}

.dh-intel-evidence-table,
.dh-intel-comparison-matrix {
  position: absolute;
  top: 52px;
  z-index: 5;
  display: grid;
  gap: 4px;
  width: min(250px, 29%);
  max-height: calc(100% - 140px);
  padding: 7px;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 8px;
  background: rgba(2,6,23,.74);
  box-shadow: inset 0 0 22px rgba(103,232,249,.06), 0 0 22px rgba(0,0,0,.2);
  overflow: hidden;
  pointer-events: auto;
}

.dh-intel-evidence-table {
  left: 10px;
}

.dh-intel-comparison-matrix {
  right: 10px;
  border-color: rgba(190,242,100,.2);
}

.dh-intel-evidence-table header,
.dh-intel-comparison-matrix header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(103,232,249,.14);
}

.dh-intel-evidence-table header b,
.dh-intel-comparison-matrix header b {
  color: #ecfeff;
  font-size: 9px;
  text-transform: uppercase;
}

.dh-intel-evidence-table header span,
.dh-intel-comparison-matrix header span {
  min-width: 0;
  color: #bae6fd;
  font-size: 8px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-intel-evidence-table article,
.dh-intel-comparison-matrix article {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 3px 6px;
  min-width: 0;
  padding: 5px;
  border: 1px solid rgba(103,232,249,.12);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(103,232,249,.08), transparent),
    rgba(15,23,42,.56);
  opacity: 0;
  overflow: hidden;
  animation: dhStructuredLoopProduce calc(4.6s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards;
  animation-delay: calc(var(--row-order, 0) * .44s);
}

.dh-intel-comparison-matrix article {
  border-color: rgba(190,242,100,.12);
}

.dh-intel-evidence-table code,
.dh-intel-comparison-matrix code {
  color: #67e8f9;
  font-family: "Consolas", "SFMono-Regular", monospace;
  font-size: 7px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dh-intel-evidence-table b,
.dh-intel-comparison-matrix b {
  min-width: 0;
  color: #ecfeff;
  font-size: 8px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-intel-evidence-table article span,
.dh-intel-comparison-matrix article span {
  grid-column: 1 / -1;
  min-width: 0;
  color: #bae6fd;
  font-size: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-structured-map-bars {
  position: absolute;
  right: 10px;
  bottom: 9px;
  z-index: 4;
  display: grid;
  gap: 4px;
  width: min(210px, 38%);
  pointer-events: auto;
}

.dh-structured-map-bars span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
  align-items: center;
  min-width: 0;
  padding: 5px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 6px;
  background: rgba(2,6,23,.64);
  opacity: 0;
  overflow: hidden;
  animation: dhStructuredBarProduce calc(4.2s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards;
  animation-delay: calc(var(--bar-order, 0) * .58s);
}

.dh-structured-map-bars b,
.dh-structured-map-bars i {
  min-width: 0;
  color: #bae6fd;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dh-structured-map-bars em {
  grid-column: 1 / -1;
  position: relative;
  height: 3px;
  border-radius: 999px;
  background: rgba(15,23,42,.82);
}

.dh-structured-map-bars em::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--bar-fill, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #bef264, #fef08a);
}

.dh-structured-map-loops {
  position: absolute;
  left: 10px;
  bottom: 9px;
  z-index: 4;
  display: grid;
  gap: 4px;
  width: min(230px, 40%);
  pointer-events: auto;
}

.dh-structured-map-loops small {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  min-width: 0;
  padding: 5px;
  border: 1px solid rgba(190,242,100,.16);
  border-radius: 6px;
  background: rgba(2,6,23,.6);
  opacity: 0;
  overflow: hidden;
  animation: dhStructuredLoopProduce calc(4.8s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards;
  animation-delay: calc(var(--loop-order, 0) * .62s);
}

.dh-structured-map-loops small.is-reading {
  border-color: rgba(250,204,21,.44);
  box-shadow: 0 0 18px rgba(250,204,21,.12);
}

.dh-structured-map-loops b,
.dh-structured-map-loops span {
  min-width: 0;
  color: #ecfeff;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-structured-map-loops b {
  color: #fef08a;
  text-transform: uppercase;
}

.dh-reactive-node {
  position: absolute;
  left: var(--node-x);
  top: var(--node-y);
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 7px;
  width: clamp(84px, 16%, 128px);
  padding: 6px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(103,232,249,.18) var(--node-fill, 0%), rgba(2,6,23,.7) var(--node-fill, 0%)),
    rgba(2,6,23,.62);
  box-shadow: 0 0 16px rgba(103,232,249,.1);
  opacity: 0;
  transform: translate(-50%, -50%) translateY(12px) scale(.8);
  animation:
    dhReactiveNodeAppear calc(4.4s / var(--scene-tempo, var(--stream-pace, 1))) ease-out forwards,
    dhReactiveNodeFloat calc(7.2s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
  animation-delay: calc(var(--node-order, 0) * .76s), calc(var(--node-order, 0) * -.3s);
}

.dh-reactive-node b {
  color: #ecfeff;
  font-size: 12px;
  line-height: 1;
}

.dh-reactive-node span {
  grid-column: 1 / -1;
  min-width: 0;
  color: #bae6fd;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-reactive-node i {
  grid-column: 1 / -1;
  position: relative;
  height: 2px;
  border-radius: 999px;
  background: rgba(15,23,42,.78);
}

.dh-reactive-node i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--node-fill, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #bef264);
  box-shadow: 0 0 10px rgba(103,232,249,.32);
}

.dh-reactive-node.tone-light {
  border-color: rgba(254,249,195, calc(.3 + (var(--scene-light, .55) * .34)));
  background:
    linear-gradient(90deg, rgba(254,249,195,.2) var(--node-fill, 0%), rgba(2,6,23,.66) var(--node-fill, 0%)),
    rgba(2,6,23,.62);
}

.dh-reactive-node.tone-source {
  border-color: rgba(250,204,21,.36);
}

.dh-reactive-node.tone-glb {
  border-color: rgba(190,242,100,.38);
}

.dh-reactive-node.tone-podcast {
  border-color: rgba(251,191,36,.44);
}

.dh-video-rail {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.dh-video-rail.rail-top,
.dh-video-rail.rail-bottom {
  grid-column: 1 / -1;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.dh-video-rail.rail-top {
  grid-row: 1;
}

.dh-video-rail.rail-bottom {
  grid-row: 3;
}

.dh-video-rail.rail-left,
.dh-video-rail.rail-right {
  grid-row: 2;
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.dh-video-rail.rail-left {
  grid-column: 1;
}

.dh-video-rail.rail-right {
  grid-column: 3;
}

.dh-video-rail i {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(103,232,249,.14);
  border-radius: 5px;
  background:
    linear-gradient(90deg, rgba(103,232,249,.18) var(--rail-fill, 12%), rgba(15,23,42,.34) var(--rail-fill, 12%)),
    radial-gradient(circle at 38% 50%, rgba(190,242,100,.12), transparent 55%);
  opacity: .38;
  overflow: hidden;
  animation: dhRailConstruct calc(11.2s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--rail-order, 0) * -.18s);
}

.dh-video-rail.rail-left i,
.dh-video-rail.rail-right i {
  background:
    linear-gradient(0deg, rgba(103,232,249,.18) var(--rail-fill, 12%), rgba(15,23,42,.34) var(--rail-fill, 12%)),
    radial-gradient(circle at 50% 38%, rgba(190,242,100,.12), transparent 55%);
}

.dh-video-rail i::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0 36%, rgba(103,232,249,.28) 50%, transparent 64% 100%);
  transform: translateX(-120%);
  animation: dhLaneSweep calc(10.8s / var(--stream-pace, 1)) linear infinite;
  animation-delay: calc(var(--rail-order, 0) * .22s);
}

.dh-video-rail i.building {
  opacity: .72;
  border-color: rgba(103,232,249,.26);
}

.dh-video-rail i.live {
  opacity: .94;
  border-color: rgba(190,242,100,.36);
  box-shadow: 0 0 12px rgba(103,232,249,.1);
}

.dh-youtube-frame {
  position: relative;
  z-index: 2;
  grid-column: 2;
  grid-row: 2;
  overflow: hidden;
  height: clamp(210px, 38dvh, 360px);
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(248,113,113,.24);
  border-radius: 8px;
  background: #020617;
  justify-self: stretch;
}

.dh-youtube-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  background: #020617;
  pointer-events: none !important;
}

.dh-video-research-readout {
  position: relative;
  z-index: 4;
  grid-column: 2;
  grid-row: 3;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, .95fr) auto;
  gap: 3px 10px;
  align-content: center;
  padding: 7px 9px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(2,6,23,.88), rgba(8,47,73,.48));
  box-shadow: inset 0 0 16px rgba(103,232,249,.07), 0 10px 24px rgba(2,6,23,.18);
}

.dh-video-research-readout span,
.dh-video-research-readout b,
.dh-video-research-readout small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-video-research-readout span {
  grid-column: 1 / -1;
  color: rgba(103,232,249,.92);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dh-video-research-readout b {
  color: #ecfeff;
  font-size: 10px;
  line-height: 1.15;
}

.dh-video-research-readout small {
  color: rgba(250,204,21,.76);
  font-size: 8px;
  text-align: right;
}

.dh-youtube-story-renderer.meaning-hook {
  border-color: rgba(103,232,249,.38);
}

.dh-youtube-story-renderer.meaning-context {
  border-color: rgba(96,165,250,.38);
}

.dh-youtube-story-renderer.meaning-three-d {
  border-color: rgba(190,242,100,.46);
}

.dh-youtube-story-renderer.meaning-podcast {
  border-color: rgba(250,204,21,.5);
}

.dh-youtube-story-renderer.meaning-backlinks {
  border-color: rgba(248,113,113,.48);
}

.dh-digitalhut-presents {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(103,232,249,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.5);
  overflow: hidden;
}

.dh-digitalhut-presents span,
.dh-digitalhut-presents b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-digitalhut-presents span {
  color: #ecfeff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dh-digitalhut-presents b {
  color: #94a3b8;
  font-size: 9px;
  text-align: right;
}

.dh-digitalhut-presents i {
  position: relative;
  grid-column: 1 / -1;
  height: 3px;
  border-radius: 999px;
  background: rgba(15,23,42,.72);
  overflow: hidden;
}

.dh-digitalhut-presents i::before {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--construction-progress, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(103,232,249,.84), rgba(190,242,100,.76), rgba(250,204,21,.62));
  transition: width .35s ease;
}

.dh-digitalhut-presents.is-waiting {
  border-color: rgba(103,232,249,.08);
  background: rgba(2,6,23,.34);
  opacity: .72;
}

.dh-digitalhut-presents.is-waiting i::before {
  width: 0;
}

.dh-digitalhut-presents.is-building {
  border-color: rgba(103,232,249,.28);
  box-shadow: inset 0 0 20px rgba(103,232,249,.06), 0 0 18px rgba(103,232,249,.08);
  animation: dhPresentsBuild calc(7.8s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-digitalhut-presents.is-building::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0 36%, rgba(103,232,249,.16) 49%, transparent 62% 100%),
    repeating-linear-gradient(90deg, rgba(103,232,249,.05) 0 1px, transparent 1px 18px);
  transform: translateX(-120%);
  animation: dhLaneSweep calc(9.5s / var(--stream-pace, 1)) linear infinite;
}

.dh-construction-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px;
  border: 1px solid rgba(103,232,249,.22);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(103,232,249,.12), rgba(190,242,100,.08)),
    linear-gradient(90deg, rgba(103,232,249,.2) var(--construction-progress, 0%), transparent var(--construction-progress, 0%));
  background-size: auto, 100% 100%;
}

.dh-youtube-story-renderer.ad-cycle-reset .dh-construction-status {
  border-color: rgba(250,204,21,.4);
  background:
    linear-gradient(90deg, rgba(250,204,21,.16), rgba(248,113,113,.1)),
    linear-gradient(90deg, rgba(250,204,21,.26) var(--construction-progress, 0%), transparent var(--construction-progress, 0%));
}

.dh-youtube-story-renderer.matrix-ad .dh-build-module::after {
  background:
    linear-gradient(110deg, transparent 0 30%, rgba(250,204,21,.18) 44%, rgba(248,113,113,.14) 52%, transparent 66% 100%),
    repeating-linear-gradient(90deg, rgba(250,204,21,.06) 0 1px, transparent 1px 12px);
}

.dh-youtube-story-renderer.matrix-podcast .dh-build-module::after {
  background:
    radial-gradient(circle at 20% 50%, rgba(250,204,21,.14), transparent 28%),
    linear-gradient(110deg, transparent 0 38%, rgba(250,204,21,.18) 48%, transparent 58% 100%);
}

.dh-youtube-story-renderer.matrix-glb .dh-build-module::after {
  background:
    linear-gradient(110deg, transparent 0 36%, rgba(190,242,100,.16) 48%, transparent 62% 100%),
    repeating-linear-gradient(45deg, rgba(190,242,100,.05) 0 1px, transparent 1px 13px);
}

.dh-matrix-build-field {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  padding: 7px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(103,232,249,.08), transparent 42%, rgba(190,242,100,.06)),
    repeating-linear-gradient(90deg, rgba(103,232,249,.08) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(0deg, rgba(190,242,100,.05) 0 1px, transparent 1px 14px);
  background-position:
    calc(var(--scene-shift, 0) * 9px) 0,
    calc(var(--scene-shift, 0) * -7px) 0,
    0 calc(var(--scene-shift, 0) * 5px);
  overflow: hidden;
  animation: dhMatrixField calc(9.5s / var(--stream-pace, 1)) linear infinite;
}

.dh-matrix-build-field.mode-ad {
  border-color: rgba(250,204,21,.34);
  background:
    linear-gradient(90deg, rgba(250,204,21,.12), rgba(248,113,113,.08)),
    repeating-linear-gradient(90deg, rgba(250,204,21,.1) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(0deg, rgba(248,113,113,.08) 0 1px, transparent 1px 12px);
}

.dh-matrix-build-field.mode-podcast {
  border-color: rgba(250,204,21,.4);
  box-shadow: 0 0 24px rgba(250,204,21,.1);
}

.dh-matrix-build-field.mode-glb {
  border-color: rgba(190,242,100,.36);
  box-shadow: 0 0 24px rgba(190,242,100,.1);
}

.dh-matrix-build-field span {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(34px, 1fr) auto auto;
  gap: 2px;
  min-height: 70px;
  padding: 5px;
  border: 1px solid rgba(103,232,249,.14);
  border-radius: 6px;
  background: rgba(2,6,23,.5);
  overflow: hidden;
  animation: dhMatrixCell calc(7s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--cell-order, 0) * -.22s);
}

.dh-matrix-build-field span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: var(--cell-fill, 18%);
  background: linear-gradient(90deg, rgba(103,232,249,.2), rgba(190,242,100,.78));
}

.dh-matrix-build-field span::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 34%, rgba(103,232,249,.16) 47%, transparent 60% 100%);
  transform: translateX(-120%);
  animation: dhLaneSweep calc(7.5s / var(--stream-pace, 1)) linear infinite;
  animation-delay: calc(var(--cell-order, 0) * .26s);
}

.dh-matrix-build-field span.queued {
  opacity: .32;
  filter: blur(.35px);
}

.dh-matrix-build-field span.building {
  opacity: .72;
  border-color: rgba(103,232,249,.28);
}

.dh-matrix-build-field span.live {
  opacity: .94;
  border-color: rgba(190,242,100,.32);
  box-shadow: 0 0 14px rgba(103,232,249,.08);
}

.dh-matrix-build-field b,
.dh-matrix-build-field i {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-matrix-build-field b {
  color: #67e8f9;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-matrix-build-field i {
  width: 100%;
  color: #ecfeff;
  font-family: "Consolas", "SFMono-Regular", monospace;
  font-size: 6px;
  font-style: normal;
  opacity: .5;
}

.dh-cell-visual {
  position: relative;
  z-index: 1;
  min-height: 36px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: end;
  gap: 2px;
  padding: 4px;
  border: 1px solid rgba(103,232,249,.12);
  border-radius: 5px;
  background:
    radial-gradient(circle at 50% 45%, rgba(103,232,249,.16), transparent 44%),
    rgba(15,23,42,.4);
  overflow: hidden;
}

.dh-cell-visual::before,
.dh-cell-visual::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.dh-cell-visual::before {
  inset: 5px 14px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 999px;
  transform: rotateX(58deg);
  animation: dhMiniVisualOrbit calc(8.5s / var(--stream-pace, 1)) linear infinite;
}

.dh-cell-visual::after {
  left: 8px;
  right: 8px;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(190,242,100,.46), transparent);
  animation: dhVisualTrace calc(6.8s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-cell-visual small {
  position: relative;
  z-index: 1;
  height: var(--bar-height, 30%);
  min-height: 4px;
  border-radius: 999px 999px 3px 3px;
  background: linear-gradient(180deg, rgba(190,242,100,.85), rgba(103,232,249,.38));
  box-shadow: 0 0 10px rgba(103,232,249,.18);
  animation: dhVisualBarBuild calc(6.2s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--cell-order, 0) * -.08s);
}

.dh-matrix-build-field .type-ad .dh-cell-visual small {
  background: linear-gradient(180deg, rgba(250,204,21,.9), rgba(248,113,113,.42));
}

.dh-matrix-build-field .type-podcast .dh-cell-visual {
  background:
    radial-gradient(circle at 50% 52%, rgba(250,204,21,.22), transparent 46%),
    rgba(15,23,42,.4);
}

.dh-matrix-build-field .type-podcast .dh-cell-visual small {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(250,204,21,.9), rgba(103,232,249,.32));
}

.dh-matrix-build-field .type-glb .dh-cell-visual {
  background:
    linear-gradient(45deg, rgba(190,242,100,.12), transparent),
    rgba(15,23,42,.4);
}

.dh-matrix-build-field .type-glb .dh-cell-visual small {
  border-radius: 3px;
  background: linear-gradient(180deg, rgba(190,242,100,.85), rgba(34,197,94,.32));
}

.dh-matrix-build-field .type-ad.live,
.dh-matrix-build-field .type-ad.building {
  border-color: rgba(250,204,21,.4);
}

.dh-matrix-build-field .type-podcast.live,
.dh-matrix-build-field .type-podcast.building {
  border-color: rgba(250,204,21,.46);
  box-shadow: 0 0 16px rgba(250,204,21,.12);
}

.dh-matrix-build-field .type-glb.live,
.dh-matrix-build-field .type-glb.building {
  border-color: rgba(190,242,100,.42);
  box-shadow: 0 0 16px rgba(190,242,100,.12);
}

.dh-source-preview-card {
  --module-max: 92px;
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 74px;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid rgba(250,204,21,.22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 86% 50%, rgba(250,204,21,.18), transparent 32%),
    linear-gradient(135deg, rgba(113,63,18,.28), rgba(8,47,73,.46));
  color: #e2e8f0;
  text-decoration: none;
  overflow: hidden;
}

.dh-source-preview-card::before,
.dh-youtube-stage .dh-corner-glb-dock::before,
.dh-special-guest-signal::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid rgba(103,232,249,.52);
  background: rgba(2,6,23,.9);
  box-shadow: 0 0 14px rgba(103,232,249,.35);
  pointer-events: none;
  animation: dhAttachmentPulse calc(3.6s / var(--scene-tempo, var(--stream-pace, 1))) ease-in-out infinite;
}

.dh-source-preview-card::before {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-color: rgba(250,204,21,.6);
  box-shadow: 0 0 14px rgba(250,204,21,.34);
}

.dh-source-preview-card span,
.dh-source-preview-card b,
.dh-source-preview-card small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-source-preview-card span {
  color: #fef08a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-source-preview-card b {
  color: #ecfeff;
  font-size: 10px;
}

.dh-source-preview-card small {
  color: #bae6fd;
  font-size: 8px;
}

.dh-source-preview-card > i {
  position: relative;
  min-height: 48px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 5px;
  border: 1px solid rgba(250,204,21,.16);
  border-radius: 6px;
  background: rgba(2,6,23,.4);
  overflow: hidden;
}

.dh-source-preview-card > i em {
  display: block;
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(250,204,21,.8), rgba(103,232,249,.32));
  animation: dhSourcePreviewBuild calc(5.8s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-source-preview-card > i em:nth-child(2) {
  animation-delay: -.9s;
}

.dh-source-preview-card > i em:nth-child(3) {
  animation-delay: -1.6s;
}

.dh-youtube-stage {
  display: grid;
  grid-template-columns: minmax(300px, .86fr) minmax(330px, 1.14fr);
  grid-template-areas:
    "video lab"
    "floor floor"
    "lens episode"
    "caption caption";
  gap: 10px;
  align-items: stretch;
}

.dh-youtube-stage > .dh-video-signal {
  display: none;
}

.dh-youtube-stage .dh-video-system-shell {
  grid-area: video;
  align-self: start;
}

.dh-youtube-stage .dh-observatory-visual-lab {
  grid-area: lab;
}

.dh-youtube-stage .dh-bottom-construction-floor {
  grid-area: floor;
}

.dh-youtube-stage .dh-live-meaning-lens {
  grid-area: lens;
}

.dh-youtube-stage .dh-live-episode-visual {
  grid-area: episode;
}

.dh-youtube-stage .dh-youtube-signal-caption {
  grid-area: caption;
}

.dh-observatory-visual-lab {
  --module-max: 520px;
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  grid-template-rows: minmax(150px, 1fr) minmax(96px, auto);
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 20%, rgba(103,232,249,.3), transparent 32%),
    radial-gradient(circle at 82% 72%, rgba(190,242,100,.2), transparent 34%),
    linear-gradient(135deg, rgba(8,47,73,.66), rgba(15,23,42,.44));
  box-shadow: inset 0 0 34px rgba(103,232,249,.15), 0 14px 36px rgba(0,0,0,.14);
  overflow: hidden;
  perspective: 860px;
}

.dh-observatory-visual-lab > :not(.dh-artist-drafting-layer) {
  position: relative;
  z-index: 2;
}

.dh-observatory-visual-lab > .dh-reactive-system-map {
  position: absolute;
  z-index: 3;
}

.dh-artist-drafting-layer {
  position: absolute;
  inset: 6px;
  z-index: 1;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  pointer-events: none;
  opacity: .95;
  overflow: visible;
  mix-blend-mode: screen;
}

.dh-artist-drafting-layer path {
  stroke-width: 1.05;
}

.dh-draft-plate {
  opacity: 0;
  filter: drop-shadow(0 0 8px rgba(103,232,249,.24));
  animation: dhPlateConstruct calc(12.4s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--draft-order, 0) * .42s);
}

.dh-draft-plate polygon {
  fill:
    color-mix(in srgb, rgba(103,232,249,.18) var(--plate-fill, 20%), rgba(2,6,23,.06));
  stroke: rgba(103,232,249,.6);
  stroke-width: .7;
  vector-effect: non-scaling-stroke;
}

.dh-draft-plate polyline {
  fill: none;
  stroke: rgba(190,242,100,.58);
  stroke-width: .55;
  vector-effect: non-scaling-stroke;
}

.dh-draft-plate circle {
  fill: rgba(250,204,21,.78);
  stroke: rgba(254,249,195,.72);
  stroke-width: .35;
  vector-effect: non-scaling-stroke;
}

.dh-layered-map-3d,
.dh-data-constellation,
.dh-popout-analytics-map,
.dh-bottom-construction-floor,
.dh-node-timeline,
.dh-bottom-layered-map,
.dh-source-node-strip {
  min-width: 0;
}

.dh-layered-map-3d {
  position: relative;
  min-height: 168px;
  grid-row: 1 / 3;
  border: 1px solid rgba(190,242,100,.18);
  border-radius: 8px;
  background:
    radial-gradient(circle at 54% 36%, rgba(190,242,100,.22), transparent 34%),
    radial-gradient(circle at 18% 78%, rgba(103,232,249,.2), transparent 30%),
    linear-gradient(145deg, rgba(15,23,42,.54), rgba(8,47,73,.38));
  overflow: hidden;
  transform-style: preserve-3d;
}

.dh-layered-map-3d::before {
  content: "";
  position: absolute;
  inset: 14% 10%;
  border: 1px solid rgba(103,232,249,.24);
  clip-path: inset(calc(100% - var(--visual-build, 0%)) 0 0 0);
  transform: rotateX(62deg) rotateZ(-15deg);
  background:
    radial-gradient(circle at 24% 36%, rgba(103,232,249,.18), transparent 28%),
    radial-gradient(circle at 76% 62%, rgba(190,242,100,.14), transparent 32%),
    linear-gradient(90deg, rgba(103,232,249,.12), rgba(190,242,100,.08));
  box-shadow: 0 28px 46px rgba(0,0,0,.18);
  animation: dhLayeredMapFloat calc(10s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-layered-map-3d span {
  position: absolute;
  left: calc(12% + (var(--map-order, 0) % 4) * 18%);
  top: calc(14% + (var(--map-order, 0) % 5) * 12%);
  width: clamp(34px, 7vw, 82px);
  height: clamp(22px, 4vw, 48px);
  border: 0;
  border-radius: 48% 22% 44% 24%;
  background:
    conic-gradient(from 215deg, rgba(103,232,249,.32), transparent 26%, rgba(190,242,100,.3), transparent 67%, rgba(250,204,21,.24)),
    linear-gradient(90deg, rgba(190,242,100,.42) var(--map-fill, 0%), transparent var(--map-fill, 0%));
  clip-path: polygon(8% 18%, 70% 0, 100% 38%, 72% 100%, 15% 84%, 0 46%);
  transform: rotateX(58deg) rotateZ(-18deg) translateZ(calc(var(--map-order, 0) * 8px));
  opacity: .26;
  animation: dhMapNodeConstruct calc(12.2s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--map-order, 0) * -.18s);
}

.dh-layered-map-3d span.building,
.dh-layered-map-3d span.live {
  opacity: .92;
}

.dh-layered-map-3d span i,
.dh-layered-map-3d span em {
  position: absolute;
  display: block;
  pointer-events: none;
}

.dh-layered-map-3d span i {
  inset: 5px;
  border: 1px solid rgba(190,242,100,.2);
  border-radius: inherit;
  transform: rotateZ(12deg) scale(.78);
}

.dh-layered-map-3d span em {
  left: 50%;
  bottom: -36px;
  width: 1px;
  height: 36px;
  background: linear-gradient(180deg, rgba(103,232,249,.7), transparent);
}

.dh-data-constellation {
  position: relative;
  min-height: 154px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 8px;
  background:
    radial-gradient(circle at 20% 20%, rgba(103,232,249,.16), transparent 28%),
    radial-gradient(circle at 78% 62%, rgba(250,204,21,.13), transparent 30%),
    rgba(2,6,23,.42);
  overflow: hidden;
}

.dh-data-constellation::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px dashed rgba(103,232,249,.16);
  border-radius: 50%;
  clip-path: inset(0 calc(100% - var(--visual-build, 0%)) 0 0);
  transform: rotate(calc(var(--scene-shift, 0) * 12deg));
  animation: dhConstellationTurn calc(16s / var(--stream-pace, 1)) linear infinite;
}

.dh-data-constellation span {
  position: absolute;
  left: var(--star-x);
  top: var(--star-y);
  display: grid;
  place-items: center;
  gap: 2px;
  transform: translate(-50%, -50%);
  color: #bae6fd;
  font-size: 6px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  animation: dhStarPop calc(6.4s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--star-order, 0) * -.2s);
}

.dh-data-constellation span i {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: color-mix(in srgb, #67e8f9 var(--star-heat, 70%), #facc15);
  box-shadow: 0 0 18px color-mix(in srgb, #67e8f9 calc(var(--star-heat, 70%) * .5), transparent);
}

.dh-data-constellation span b {
  max-width: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-popout-analytics-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.dh-popout-analytics-map span {
  position: relative;
  min-height: 76px;
  display: grid;
  align-content: end;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(2,6,23,.58)),
    linear-gradient(0deg, rgba(103,232,249,.28) var(--popout-fill, 0%), transparent var(--popout-fill, 0%));
  box-shadow: 0 14px 30px rgba(0,0,0,.2), inset 0 0 18px rgba(103,232,249,.05);
  overflow: hidden;
  transform: translateY(7px) scale(.96);
  animation: dhPopoutConstruct calc(7.2s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--popout-order, 0) * -.28s);
}

.dh-popout-analytics-map span.hot {
  border-color: rgba(250,204,21,.36);
  box-shadow: 0 18px 36px rgba(0,0,0,.24), 0 0 22px rgba(250,204,21,.12);
}

.dh-popout-analytics-map b,
.dh-popout-analytics-map i {
  position: relative;
  z-index: 2;
}

.dh-popout-analytics-map b {
  color: #ecfeff;
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
}

.dh-popout-analytics-map i {
  color: #bef264;
  font-size: 15px;
  font-style: normal;
  font-weight: 950;
}

.dh-popout-analytics-map em {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 12px;
  height: 20px;
  border: 1px solid rgba(103,232,249,.14);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(103,232,249,.18) var(--popout-fill, 0%), transparent var(--popout-fill, 0%));
}

.dh-bottom-construction-floor {
  --module-max: 330px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .9fr);
  gap: 9px;
  padding: 9px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(2,6,23,.72), rgba(8,47,73,.42)),
    repeating-linear-gradient(90deg, rgba(103,232,249,.04) 0 1px, transparent 1px 24px);
  box-shadow: inset 0 0 24px rgba(103,232,249,.05);
  overflow: hidden;
}

.dh-node-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: center;
  gap: 5px;
}

.dh-node-timeline::before {
  content: "";
  position: absolute;
  left: 6%;
  right: auto;
  top: 24px;
  width: var(--floor-build, 0%);
  max-width: 88%;
  height: 2px;
  background: linear-gradient(90deg, rgba(103,232,249,.2), rgba(190,242,100,.52), rgba(250,204,21,.22));
}

.dh-node-timeline span {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 0;
  color: #94a3b8;
  font-size: 6px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  opacity: .36;
  animation: dhTimelineNodeBuild calc(8.5s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--node-order, 0) * -.16s);
}

.dh-node-timeline span.complete,
.dh-node-timeline span.active {
  opacity: .96;
  color: #ecfeff;
}

.dh-node-timeline span i {
  width: 18px;
  height: 18px;
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 999px;
  background: rgba(2,6,23,.8);
  box-shadow: 0 0 14px rgba(103,232,249,.1);
}

.dh-node-timeline span.active i {
  border-color: rgba(250,204,21,.52);
  background: radial-gradient(circle, rgba(250,204,21,.74), rgba(103,232,249,.28) 45%, rgba(2,6,23,.78) 70%);
  box-shadow: 0 0 24px rgba(250,204,21,.22);
}

.dh-node-timeline span b {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-bottom-layered-map {
  position: relative;
  min-height: 78px;
  border: 1px solid rgba(190,242,100,.16);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(15,23,42,.6), rgba(2,6,23,.42)),
    repeating-linear-gradient(90deg, rgba(190,242,100,.08) 0 1px, transparent 1px 15px);
  overflow: hidden;
}

.dh-floor-sketch-layer {
  position: absolute;
  inset: 4px;
  z-index: 1;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  pointer-events: none;
  opacity: .9;
  mix-blend-mode: screen;
}

.dh-bottom-layered-map > span {
  z-index: 2;
}

.dh-bottom-layered-map span {
  position: absolute;
  left: calc(5% + (var(--floor-order, 0) % 5) * 18%);
  top: calc(16% + (var(--floor-order, 0) % 3) * 22%);
  width: 48px;
  height: 18px;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(190,242,100,.55) var(--floor-fill, 0%), rgba(15,23,42,.52) var(--floor-fill, 0%));
  transform: skewX(-18deg) translateY(10px);
  opacity: .24;
  animation: dhFloorMapBuild calc(7.2s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--floor-order, 0) * -.2s);
}

.dh-bottom-layered-map span.building,
.dh-bottom-layered-map span.live {
  opacity: .9;
}

.dh-source-node-strip {
  display: grid;
  gap: 6px;
}

.dh-source-node-strip a {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid rgba(250,204,21,.18);
  border-radius: 7px;
  background: rgba(2,6,23,.46);
  color: #e2e8f0;
  text-decoration: none;
  transform: translateX(12px);
  opacity: .36;
  animation: dhSourceNodePop calc(8.2s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--source-order, 0) * -.28s);
}

.dh-source-node-strip span,
.dh-source-node-strip b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-source-node-strip span {
  color: #fef08a;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-source-node-strip b {
  color: #ecfeff;
  font-size: 8px;
}

.dh-construction-status span,
.dh-construction-status b,
.dh-construction-status strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-construction-status span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-construction-status b {
  color: #ecfeff;
  font-size: 10px;
}

.dh-construction-status strong {
  color: #bef264;
  font-size: 11px;
  text-align: right;
}

.dh-live-meaning-lens {
  --module-max: 118px;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 5;
  display: grid;
  gap: 4px;
  padding: 7px;
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 7px;
  background: rgba(2,6,23,.78);
  box-shadow: 0 12px 34px rgba(0,0,0,.34), 0 0 22px rgba(103,232,249,.12);
  backdrop-filter: blur(14px);
  pointer-events: auto;
  animation: dhMeaningLensPulse calc(1.05s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-live-meaning-lens.meaning-three-d {
  border-color: rgba(190,242,100,.42);
  box-shadow: 0 12px 34px rgba(0,0,0,.34), 0 0 24px rgba(190,242,100,.14);
}

.dh-live-meaning-lens.meaning-podcast {
  border-color: rgba(250,204,21,.46);
  box-shadow: 0 12px 34px rgba(0,0,0,.34), 0 0 24px rgba(250,204,21,.16);
}

.dh-live-meaning-lens.meaning-backlinks {
  border-color: rgba(248,113,113,.44);
  box-shadow: 0 12px 34px rgba(0,0,0,.34), 0 0 24px rgba(248,113,113,.14);
}

.dh-live-meaning-lens header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
}

.dh-live-meaning-lens header span,
.dh-live-meaning-lens header b,
.dh-live-meaning-lens header strong,
.dh-live-meaning-lens p,
.dh-live-meaning-lens small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-live-meaning-lens header span,
.dh-live-meaning-lens header strong {
  padding: 3px 5px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 999px;
  color: #cffafe;
  font-size: 8px;
  font-weight: 900;
}

.dh-live-meaning-lens header b {
  color: #ecfeff;
  font-size: 10px;
}

.dh-live-meaning-lens p {
  margin: 0;
  color: #dbeafe;
  font-size: 9px;
  line-height: 1.35;
}

.dh-live-meaning-lens p i {
  display: inline-block;
  width: 5px;
  height: 10px;
  margin-left: 3px;
  background: #67e8f9;
  vertical-align: -1px;
  animation: dhWriteCursor .62s steps(1) infinite;
}

.dh-live-meaning-lens div {
  display: flex;
  gap: 5px;
  overflow: hidden;
}

.dh-live-meaning-lens small {
  flex: 0 1 auto;
  padding: 3px 5px;
  border: 1px solid rgba(190,242,100,.22);
  border-radius: 999px;
  color: #ecfccb;
  font-size: 7px;
  font-weight: 900;
}

.dh-live-episode-visual {
  --module-max: 300px;
  position: relative;
  right: auto;
  top: auto;
  z-index: 5;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(88px, .7fr) minmax(110px, 1fr);
  gap: 6px;
  padding: 7px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 8px;
  background: rgba(2,6,23,.72);
  box-shadow: 0 14px 34px rgba(0,0,0,.34), 0 0 22px rgba(103,232,249,.11);
  backdrop-filter: blur(14px);
  pointer-events: auto;
}

.dh-episode-orbit {
  position: relative;
  min-height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 7px;
  background: radial-gradient(circle at 50% 50%, rgba(103,232,249,.16), transparent 58%);
  overflow: hidden;
  perspective: 420px;
}

.dh-episode-orbit i,
.dh-episode-orbit span {
  position: absolute;
  inset: 11px 42px;
  border: 1px solid rgba(190,242,100,.42);
  border-radius: 999px;
  transform: rotateX(58deg) rotateZ(calc(var(--orbit-progress, 0%) * 3.6));
  animation: dhEpisodeOrbit calc(6.2s / var(--stream-pace, 1)) linear infinite;
}

.dh-episode-orbit span {
  inset: 18px 54px;
  border-color: rgba(248,113,113,.34);
  animation-direction: reverse;
}

.dh-episode-orbit::after {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid rgba(190,242,100,.7);
  border-radius: 5px;
  background: rgba(190,242,100,.18);
  box-shadow: 0 0 20px rgba(190,242,100,.34);
  transform: rotateX(58deg) rotateZ(45deg);
  animation: dhMiniCube calc(1.4s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-episode-orbit b {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 5px;
  overflow: hidden;
  color: #ecfeff;
  font-size: 8px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-self-building-hologram {
  position: relative;
  min-height: 86px;
  display: grid;
  gap: 5px;
  padding: 6px;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 7px;
  background:
    linear-gradient(180deg, rgba(2,6,23,.52), rgba(8,47,73,.42)),
    radial-gradient(circle at 50% 42%, rgba(103,232,249,.18), transparent 58%);
  overflow: hidden;
  transform-style: preserve-3d;
}

.dh-self-building-hologram::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--build-progress, 40%);
  background: linear-gradient(0deg, rgba(103,232,249,.18), rgba(190,242,100,.18));
  opacity: .82;
  animation: dhHologramFill calc(7.2s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-self-building-hologram.moment-sponsored {
  border-color: rgba(250,204,21,.48);
  background:
    linear-gradient(180deg, rgba(113,63,18,.52), rgba(8,47,73,.42)),
    radial-gradient(circle at 50% 42%, rgba(250,204,21,.22), transparent 58%);
  box-shadow: inset 0 0 26px rgba(250,204,21,.1), 0 0 20px rgba(250,204,21,.14);
}

.dh-self-building-hologram strong {
  position: relative;
  z-index: 2;
  color: #fef9c3;
  font-size: 8px;
  text-align: center;
  text-transform: uppercase;
}

.dh-hologram-core {
  position: relative;
  z-index: 2;
  min-height: 42px;
  display: grid;
  place-items: center;
  perspective: 320px;
}

.dh-hologram-core i,
.dh-hologram-core span,
.dh-hologram-core em {
  position: absolute;
  display: block;
}

.dh-hologram-core i {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(190,242,100,.72);
  border-radius: 7px;
  background: rgba(190,242,100,.12);
  box-shadow: 0 0 22px rgba(190,242,100,.24);
  transform: rotateX(58deg) rotateZ(45deg);
  animation: dhBuildCube calc(7.8s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-hologram-core span {
  width: 74px;
  height: 18px;
  border: 1px solid rgba(103,232,249,.42);
  border-radius: 999px;
  transform: rotateX(68deg);
  animation: dhEpisodeOrbit calc(9.4s / var(--stream-pace, 1)) linear infinite;
}

.dh-hologram-core em {
  width: 46px;
  height: 46px;
  border-left: 1px solid rgba(250,204,21,.44);
  border-right: 1px solid rgba(250,204,21,.2);
  transform: rotateZ(45deg) scaleY(var(--build-scale, .8));
  animation: dhScaffoldPulse calc(3s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-hologram-blocks {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 2px;
}

.dh-hologram-blocks small {
  min-width: 0;
  padding: 3px 2px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 4px;
  background: rgba(15,23,42,.66);
  color: #94a3b8;
  font-size: 5px;
  font-weight: 900;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  animation: dhHologramBlock calc(2.9s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--block-index, 0) * -.08s);
}

.dh-hologram-blocks small:not(.complete):not(.active) {
  opacity: .2;
  transform: scale(.92);
}

.dh-hologram-blocks small.complete {
  border-color: rgba(103,232,249,.34);
  color: #bae6fd;
}

.dh-hologram-blocks small.active {
  border-color: rgba(250,204,21,.58);
  background: rgba(113,63,18,.34);
  color: #fef08a;
  box-shadow: 0 0 16px rgba(250,204,21,.16);
}

.dh-episode-graph {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  align-items: end;
  min-height: 50px;
}

.dh-episode-graph span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.dh-episode-graph b {
  overflow: hidden;
  color: #bae6fd;
  font-size: 7px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-episode-graph i {
  display: block;
  height: 34px;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 999px 999px 4px 4px;
  background:
    linear-gradient(180deg, rgba(190,242,100,.9), rgba(103,232,249,.26)) bottom / 100% var(--bar, 50%) no-repeat,
    rgba(15,23,42,.72);
  animation: dhBarPulse calc(5.6s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-episode-funnel {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 3px;
}

.dh-episode-funnel span {
  min-width: 0;
  padding: 4px 3px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 5px;
  background: rgba(15,23,42,.58);
  color: #94a3b8;
  font-size: 6px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-episode-funnel span.complete {
  border-color: rgba(103,232,249,.34);
  color: #bae6fd;
}

.dh-episode-funnel span.active {
  border-color: rgba(190,242,100,.56);
  background: rgba(63,98,18,.3);
  color: #ecfccb;
  box-shadow: 0 0 16px rgba(190,242,100,.18);
}

.dh-video-click-lock {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: end center;
  padding: 8px;
  pointer-events: auto;
  background: linear-gradient(180deg, transparent 0 62%, rgba(2,6,23,.34));
  cursor: default;
  touch-action: none;
}

.dh-video-click-lock span {
  padding: 4px 7px;
  border: 1px solid rgba(103,232,249,.26);
  border-radius: 999px;
  background: rgba(2,6,23,.72);
  color: #bae6fd;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-video-signal {
  position: absolute;
  z-index: 4;
  display: none;
  max-width: 42%;
  gap: 2px;
  padding: 5px 7px;
  border: 1px solid color-mix(in srgb, #67e8f9 var(--heat, 70%), rgba(148,163,184,.22));
  border-radius: 6px;
  background: rgba(2,6,23,.82);
  box-shadow: 0 0 18px color-mix(in srgb, #67e8f9 calc(var(--heat, 70%) * .18), transparent);
  animation: dhSignalPacket var(--signal-beat, 1s) ease-in-out infinite;
  animation-delay: var(--signal-delay, 0s);
  will-change: transform, opacity, box-shadow;
}

.dh-video-signal b,
.dh-video-signal small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-video-signal b {
  color: #ecfeff;
  font-size: 8px;
  text-transform: uppercase;
}

.dh-video-signal small {
  color: #bae6fd;
  font-size: 8px;
}

.dh-video-signal.signal-top {
  left: 12%;
  top: 5px;
}

.dh-video-signal.signal-right {
  right: 4px;
  top: 32%;
}

.dh-video-signal.signal-bottom {
  left: 18%;
  bottom: 5px;
}

.dh-video-signal.signal-left {
  left: 4px;
  top: 45%;
}

.dh-video-signal:nth-of-type(2n) {
  animation-delay: calc(var(--signal-delay, 0s) + (var(--signal-beat, 1s) * -.35));
}

.dh-video-signal:nth-of-type(3n) {
  animation-delay: calc(var(--signal-delay, 0s) + (var(--signal-beat, 1s) * -.65));
}

.dh-youtube-signal-caption {
  --module-max: 70px;
  z-index: 2;
  display: grid;
  gap: 2px;
  padding: 6px 7px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 7px;
  background: rgba(2,6,23,.58);
}

.dh-youtube-signal-caption b,
.dh-youtube-signal-caption small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-youtube-signal-caption b {
  color: #ecfccb;
  font-size: 9px;
}

.dh-youtube-signal-caption small {
  color: #bae6fd;
  font-size: 8px;
}

.dh-story-control {
  --module-max: 430px;
  min-width: 0;
  display: grid;
  gap: 7px;
  max-height: clamp(260px, 44dvh, 430px);
  overflow: auto;
  scrollbar-width: thin;
}

.dh-build-module {
  position: relative;
  transform-origin: top;
  transition:
    opacity .28s ease,
    max-height .34s ease,
    padding .28s ease,
    transform .34s ease,
    filter .34s ease,
    border-color .28s ease;
}

.dh-build-module::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0 38%, rgba(103,232,249,.12) 48%, transparent 58% 100%),
    repeating-linear-gradient(90deg, rgba(103,232,249,.04) 0 1px, transparent 1px 16px);
  opacity: 0;
  transform: translateX(-120%);
}

.dh-build-module.queued {
  max-height: 0 !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-color: transparent !important;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(14px) scale(.96);
  filter: blur(4px);
}

.dh-build-module.queued::after {
  opacity: 0;
}

.dh-build-module.building {
  max-height: var(--module-max, 620px);
  opacity: .68;
  overflow: hidden;
  pointer-events: auto;
  transform: translateY(6px) scale(.985);
  filter: saturate(1.25);
  animation: dhModuleAssemble calc(4.8s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-build-module.building::after {
  opacity: .75;
  animation: dhLaneSweep calc(8.2s / var(--stream-pace, 1)) linear infinite;
}

.dh-build-module.live {
  max-height: var(--module-max, 760px);
  opacity: 1;
  overflow: hidden;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  filter: saturate(1);
  animation: dhModuleSettle calc(8.4s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-build-module.live::after {
  opacity: .42;
  animation: dhLaneSweep calc(11s / var(--stream-pace, 1)) linear infinite;
}

.dh-build-module.building::before {
  animation-duration: calc(1.8s / var(--stream-pace, 1));
}

.dh-special-guest-signal {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 72px;
  padding: 8px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 7px;
  background:
    radial-gradient(circle at 29px 34px, rgba(250,204,21,.18), transparent 42%),
    linear-gradient(135deg, rgba(15,23,42,.72), rgba(8,47,73,.56));
  overflow: hidden;
}

.dh-special-guest-signal::before {
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  border-color: rgba(251,191,36,.62);
  box-shadow: 0 0 16px rgba(251,191,36,.34);
}

.dh-special-guest-signal.live,
.dh-special-guest-signal.playing {
  border-color: rgba(250,204,21,.54);
  box-shadow: inset 0 0 22px rgba(250,204,21,.08), 0 0 24px rgba(250,204,21,.14);
}

.dh-special-guest-signal div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.dh-special-guest-signal span,
.dh-special-guest-signal b,
.dh-special-guest-signal small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-special-guest-signal div span {
  color: #fef08a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-special-guest-signal b {
  color: #ecfeff;
  font-size: 10px;
}

.dh-special-guest-signal small {
  color: #bae6fd;
  font-size: 8px;
}

.dh-podcast-speaker-visual {
  position: relative;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(250,204,21,.38);
  border-radius: 999px;
  background: rgba(113,63,18,.26);
}

.dh-podcast-speaker-visual i,
.dh-podcast-speaker-visual em,
.dh-podcast-speaker-visual strong {
  position: absolute;
  display: block;
}

.dh-podcast-speaker-visual i {
  width: 15px;
  height: 20px;
  border: 2px solid #fef08a;
  border-radius: 8px 8px 10px 10px;
  background: rgba(250,204,21,.16);
}

.dh-podcast-speaker-visual em {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(250,204,21,.34);
  border-radius: 999px;
  animation: dhGuestPulse calc(1.5s / var(--stream-pace, 1)) ease-out infinite;
}

.dh-podcast-speaker-visual strong {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(103,232,249,.22);
  border-radius: 999px;
  animation: dhGuestPulse calc(2.2s / var(--stream-pace, 1)) ease-out infinite;
  animation-delay: -.45s;
}

.dh-special-guest-signal:not(.live):not(.playing) .dh-podcast-speaker-visual em,
.dh-special-guest-signal:not(.live):not(.playing) .dh-podcast-speaker-visual strong {
  animation-duration: calc(3.4s / var(--stream-pace, 1));
  opacity: .34;
}

.dh-story-clips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.dh-story-clips article,
.dh-cutscene-tracker article {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 6px;
  background: rgba(2,6,23,.46);
  animation: dhAnalyticsCardPulse calc(3.8s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-story-clips article.analyzing,
.dh-story-clips article.live,
.dh-cutscene-tracker article.active {
  border-color: rgba(190,242,100,.45);
  background: rgba(63,98,18,.18);
  box-shadow: 0 0 20px rgba(190,242,100,.1);
}

.dh-story-clips span,
.dh-story-clips b,
.dh-story-clips small,
.dh-cutscene-tracker span,
.dh-cutscene-tracker b,
.dh-cutscene-tracker small,
.dh-story-analytics span,
.dh-story-analytics b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-story-clips span,
.dh-cutscene-tracker span,
.dh-story-analytics span {
  color: #fecaca;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-story-clips b,
.dh-cutscene-tracker b,
.dh-story-analytics b {
  color: #e0f2fe;
  font-size: 9px;
}

.dh-story-clips small,
.dh-cutscene-tracker small {
  color: #bae6fd;
  font-size: 8px;
}

.dh-corner-glb-dock {
  display: grid;
  gap: 6px;
  padding: 7px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 8px;
  background: rgba(2,6,23,.5);
  animation: dhGlbDockBreathe calc(1.4s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-corner-glb-dock header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dh-corner-glb-dock header div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.dh-corner-glb-dock header span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-corner-glb-dock header b {
  min-width: 0;
  color: #e0f2fe;
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-corner-glb-dock header button {
  flex: 0 0 auto;
  min-height: 28px;
  padding: 5px 8px;
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 999px;
  background: rgba(8,47,73,.48);
  color: #e0f2fe;
  font-size: 8px;
  font-weight: 900;
}

.dh-corner-glb-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.dh-corner-glb-grid button {
  min-width: 0;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-height: 62px;
  padding: 5px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 7px;
  background: rgba(15,23,42,.58);
  color: #e2e8f0;
  text-align: left;
}

.dh-corner-glb-grid button.active {
  border-color: rgba(190,242,100,.45);
  background: rgba(63,98,18,.18);
  box-shadow: 0 0 20px rgba(190,242,100,.1);
}

.dh-corner-glb-grid .dh-mini-visual {
  width: 50px;
  height: 50px;
}

.dh-corner-glb-grid span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.dh-corner-glb-grid b,
.dh-corner-glb-grid small,
.dh-corner-glb-grid em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-corner-glb-grid b {
  color: #ecfeff;
  font-size: 9px;
}

.dh-corner-glb-grid small {
  color: #bae6fd;
  font-size: 8px;
}

.dh-corner-glb-grid em {
  color: #bbf7d0;
  font-size: 8px;
  font-style: normal;
}

.dh-corner-glb-dock.expanded .dh-corner-glb-grid {
  grid-template-columns: repeat(3, minmax(120px, 1fr));
}

.dh-corner-glb-dock.expanded .dh-corner-glb-grid button {
  grid-template-columns: 74px minmax(0, 1fr);
  min-height: 86px;
}

.dh-corner-glb-dock.expanded .dh-corner-glb-grid .dh-mini-visual {
  width: 74px;
  height: 74px;
}

.dh-youtube-stage .dh-corner-glb-dock {
  position: relative;
  right: auto;
  bottom: auto;
  z-index: 6;
  width: 100%;
  max-width: 100%;
  background: rgba(2,6,23,.78);
  box-shadow: 0 12px 34px rgba(0,0,0,.34), 0 0 26px rgba(103,232,249,.12);
  backdrop-filter: blur(14px);
}

.dh-youtube-stage .dh-corner-glb-dock::before {
  right: -5px;
  top: 34px;
  border-color: rgba(190,242,100,.62);
  box-shadow: 0 0 16px rgba(190,242,100,.34);
}

.dh-youtube-stage .dh-corner-glb-dock header b {
  max-width: 150px;
}

.dh-youtube-stage .dh-corner-glb-grid {
  grid-template-columns: 1fr;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: max-height .24s ease, opacity .2s ease;
}

.dh-youtube-stage .dh-corner-glb-dock.expanded {
  width: 100%;
}

.dh-youtube-stage .dh-corner-glb-dock.expanded .dh-corner-glb-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-height: 190px;
  overflow: auto;
  opacity: 1;
  pointer-events: auto;
}

.dh-cutscene-tracker {
  --module-max: 92px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
}

.dh-story-analytics {
  --module-max: 64px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  padding: 6px;
  border-top: 1px solid rgba(248,113,113,.18);
  background: linear-gradient(90deg, rgba(103,232,249,.08), rgba(190,242,100,.12), rgba(248,113,113,.08));
  background-size: 220% 100%;
  animation: dhStoryAnalyticsFlow calc(1.6s / var(--stream-pace, 1)) linear infinite;
}

.dh-backlink-radar {
  --module-max: 360px;
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(250,204,21,.24);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(113,63,18,.38), rgba(8,47,73,.48)),
    repeating-linear-gradient(90deg, rgba(250,204,21,.08) 0 1px, transparent 1px 26px);
  background-size: auto, 52px 52px;
  animation: dhStoryGridFlow calc(5.8s / var(--stream-pace, 1)) linear infinite;
}

.dh-backlink-radar header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.dh-backlink-radar header span,
.dh-backlink-radar header b,
.dh-backlink-radar header strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-backlink-radar header span {
  color: #fde68a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-backlink-radar header b {
  color: #fef9c3;
  font-size: 10px;
}

.dh-backlink-radar header strong {
  min-width: 44px;
  padding: 4px 6px;
  border: 1px solid rgba(250,204,21,.32);
  border-radius: 6px;
  background: rgba(113,63,18,.42);
  color: #fef08a;
  font-size: 12px;
  text-align: center;
}

.dh-episode-preview-dock {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 40;
  width: min(420px, calc(100vw - 28px));
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(2,6,23,.9), rgba(8,47,73,.84)),
    repeating-linear-gradient(90deg, rgba(103,232,249,.06) 0 1px, transparent 1px 24px);
  box-shadow: 0 18px 42px rgba(0,0,0,.42), 0 0 24px rgba(103,232,249,.14);
  backdrop-filter: blur(16px);
}

.dh-episode-preview-dock header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
}

.dh-episode-preview-dock header span,
.dh-episode-preview-dock header b,
.dh-episode-preview-dock header strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-episode-preview-dock header span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-episode-preview-dock header b {
  color: #ecfeff;
  font-size: 12px;
}

.dh-episode-preview-dock header strong {
  padding: 3px 6px;
  border: 1px solid rgba(190,242,100,.24);
  border-radius: 999px;
  color: #bef264;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-featured-category-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.dh-featured-category-row button {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 7px 6px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 7px;
  background: rgba(15,23,42,.78);
  color: #e0f2fe;
  text-align: left;
  cursor: pointer;
}

.dh-featured-category-row button.active {
  border-color: rgba(190,242,100,.44);
  background: linear-gradient(135deg, rgba(63,98,18,.38), rgba(8,47,73,.72));
  box-shadow: 0 0 18px rgba(190,242,100,.12);
}

.dh-featured-category-row span,
.dh-featured-category-row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-featured-category-row span {
  font-size: 10px;
  font-weight: 900;
}

.dh-featured-category-row small {
  color: #bae6fd;
  font-size: 7px;
  text-transform: uppercase;
}

.dh-episode-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.dh-episode-proof-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.dh-episode-proof-rail a {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid rgba(190, 242, 100, .22);
  border-radius: 7px;
  background:
    linear-gradient(135deg, rgba(22, 101, 52, .25), rgba(15, 23, 42, .72)),
    radial-gradient(circle at 80% 20%, rgba(103, 232, 249, .12), transparent 42%);
  color: #ecfeff;
  text-decoration: none;
}

.dh-episode-proof-rail a:is(:hover, :focus-visible) {
  border-color: rgba(190, 242, 100, .48);
  box-shadow: 0 0 16px rgba(190, 242, 100, .14);
}

.dh-episode-proof-rail span,
.dh-episode-proof-rail b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-episode-proof-rail span {
  color: #67e8f9;
  font-size: 7px;
  font-weight: 950;
  text-transform: uppercase;
}

.dh-episode-proof-rail b {
  color: #f8fafc;
  font-size: 8px;
  font-weight: 900;
}

.dh-platform-cadence-rail {
  display: grid;
  gap: 5px;
  padding: 6px;
  border: 1px solid rgba(103, 232, 249, .2);
  border-radius: 7px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .76), rgba(8, 47, 73, .34)),
    radial-gradient(circle at 10% 10%, rgba(190, 242, 100, .12), transparent 42%);
}

.dh-platform-cadence-rail header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 5px;
  align-items: center;
}

.dh-platform-cadence-rail header span,
.dh-platform-cadence-rail header b,
.dh-platform-cadence-rail header strong,
.dh-platform-cadence-rail button span,
.dh-platform-cadence-rail button b,
.dh-platform-cadence-rail button small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-platform-cadence-rail header span {
  color: #bef264;
  font-size: 7px;
  font-weight: 950;
  text-transform: uppercase;
}

.dh-platform-cadence-rail header b {
  color: #ecfeff;
  font-size: 9px;
  font-weight: 900;
}

.dh-platform-cadence-rail header strong {
  padding: 2px 5px;
  border: 1px solid rgba(103, 232, 249, .22);
  border-radius: 999px;
  color: #67e8f9;
  font-size: 7px;
  font-weight: 950;
  text-transform: uppercase;
}

.dh-platform-cadence-rail > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}

.dh-platform-cadence-rail button {
  min-width: 0;
  display: grid;
  gap: 1px;
  padding: 5px 4px;
  border: 1px solid rgba(226, 232, 240, .12);
  border-radius: 6px;
  background: rgba(2, 6, 23, .48);
  color: #e2e8f0;
  text-align: left;
  cursor: pointer;
}

.dh-platform-cadence-rail button:is(:hover, :focus-visible) {
  border-color: rgba(103, 232, 249, .42);
  box-shadow: 0 0 14px rgba(103, 232, 249, .12);
}

.dh-platform-cadence-rail button span {
  color: #bae6fd;
  font-size: 6px;
  font-weight: 950;
  text-transform: uppercase;
}

.dh-platform-cadence-rail button b {
  color: #f8fafc;
  font-size: 7px;
  font-weight: 900;
}

.dh-platform-cadence-rail button small {
  color: #94a3b8;
  font-size: 6px;
}

.dh-episode-preview-grid button {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  gap: 2px 6px;
  min-height: 66px;
  padding: 5px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 7px;
  background: rgba(2,6,23,.62);
  color: #e2e8f0;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  animation: dhScaffoldPulse calc(3.2s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-episode-preview-grid button.live {
  border-color: rgba(250,204,21,.46);
  box-shadow: 0 0 18px rgba(250,204,21,.13);
}

.dh-episode-preview-grid button::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 42%, rgba(103,232,249,.15) 50%, transparent 58% 100%);
  transform: translateX(-120%);
  animation: dhLaneSweep calc(6.8s / var(--stream-pace, 1)) linear infinite;
}

.dh-episode-preview-grid button::before {
  content: attr(data-fit);
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 2;
  max-width: calc(100% - 10px);
  overflow: hidden;
  padding: 2px 5px;
  border: 1px solid rgba(190,242,100,.28);
  border-radius: 999px;
  color: #fef9c3;
  background: rgba(2,6,23,.78);
  font-size: 6px;
  font-weight: 900;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
}

.dh-episode-preview-grid img {
  grid-row: 1 / 4;
  width: 58px;
  height: 56px;
  object-fit: cover;
  border: 1px solid rgba(103,232,249,.16);
  border-radius: 6px;
  background: #020617;
}

.dh-episode-preview-grid span,
.dh-episode-preview-grid b,
.dh-episode-preview-grid small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-episode-preview-grid span {
  color: #67e8f9;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-episode-preview-grid b {
  color: #ecfeff;
  font-size: 9px;
}

.dh-episode-preview-grid small {
  color: #bae6fd;
  font-size: 7px;
}

.dh-pickup-lanes,
.dh-backlink-grid,
.dh-episode-table {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.dh-backlink-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dh-pickup-lanes article,
.dh-backlink-grid a,
.dh-episode-table article {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid rgba(250,204,21,.18);
  border-radius: 6px;
  background: rgba(2,6,23,.46);
  color: #e2e8f0;
  text-decoration: none;
  overflow: hidden;
  animation: dhAnalyticsCardPulse calc(4.2s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--reveal-order, 0) * .28s);
}

.dh-pickup-lanes article::before,
.dh-backlink-grid a::before {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  height: 2px;
  width: var(--pickup-strength, 64%);
  background: linear-gradient(90deg, rgba(250,204,21,.22), rgba(103,232,249,.8));
}

.dh-pickup-lanes article::after,
.dh-episode-table article::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 38%, rgba(103,232,249,.16) 48%, transparent 60% 100%);
  transform: translateX(-120%);
  animation: dhLaneSweep calc(6.2s / var(--stream-pace, 1)) linear infinite;
  animation-delay: calc(var(--reveal-order, 0) * .35s);
}

.dh-pickup-lanes article.queued,
.dh-episode-table article.queued {
  opacity: .36;
  border-color: rgba(148,163,184,.16);
  background:
    repeating-linear-gradient(90deg, rgba(148,163,184,.08) 0 1px, transparent 1px 14px),
    rgba(2,6,23,.36);
  animation: dhScaffoldPulse calc(3s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-pickup-lanes article.queued::before {
  width: 18%;
  background: linear-gradient(90deg, rgba(148,163,184,.18), rgba(148,163,184,.46));
}

.dh-pickup-lanes article.queued::after,
.dh-episode-table article.queued::after {
  opacity: .35;
  animation-duration: calc(4.2s / var(--stream-pace, 1));
}

.dh-pickup-lanes article.building,
.dh-episode-table article.building {
  opacity: .78;
  border-color: rgba(103,232,249,.18);
}

.dh-pickup-lanes article.active,
.dh-episode-table article.active {
  opacity: 1;
  border-color: rgba(190,242,100,.36);
  box-shadow: 0 0 16px rgba(190,242,100,.12);
}

.dh-backlink-grid a::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 34%, rgba(250,204,21,.2) 45%, transparent 56% 100%);
  transform: translateX(-120%);
  animation: dhLaneSweep calc(6s / var(--stream-pace, 1)) linear infinite;
  animation-delay: calc(var(--reveal-order, 0) * .45s);
}

.dh-pickup-lanes span,
.dh-pickup-lanes b,
.dh-pickup-lanes small,
.dh-backlink-grid span,
.dh-backlink-grid b,
.dh-backlink-grid small,
.dh-episode-table span,
.dh-episode-table b,
.dh-episode-table small,
.dh-episode-table strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-pickup-lanes span,
.dh-backlink-grid span,
.dh-episode-table span {
  color: #fde68a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-pickup-lanes b,
.dh-backlink-grid b,
.dh-episode-table b {
  color: #ecfeff;
  font-size: 9px;
}

.dh-pickup-lanes small,
.dh-backlink-grid small,
.dh-episode-table small {
  color: #bae6fd;
  font-size: 8px;
}

.dh-episode-table article {
  grid-template-columns: .7fr minmax(0, 1.25fr) auto auto;
  align-items: center;
}

.dh-episode-table strong {
  color: #bef264;
  font-size: 10px;
  text-align: right;
}

.dh-observatory-transport {
  position: relative;
  bottom: auto;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, minmax(92px, auto)) minmax(160px, 1fr);
  gap: 6px;
  align-items: center;
  padding: 7px;
  border: 1px solid rgba(190,242,100,.22);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(20,83,45,.42), rgba(8,47,73,.42)),
    repeating-linear-gradient(90deg, rgba(190,242,100,.08) 0 1px, transparent 1px 24px);
  box-shadow: inset 0 0 22px rgba(190,242,100,.07);
}

.dh-observatory-transport button {
  min-height: 30px;
  padding: 6px 8px;
  border: 1px solid rgba(190,242,100,.26);
  border-radius: 999px;
  background: rgba(2,6,23,.58);
  color: #ecfccb;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}

.dh-observatory-transport button.active {
  background: rgba(63,98,18,.48);
  box-shadow: 0 0 16px rgba(190,242,100,.12);
}

.dh-observatory-transport label {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.dh-observatory-transport label span {
  color: #bae6fd;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}

.dh-observatory-transport input[type="range"] {
  width: 100%;
  accent-color: #bef264;
}

.dh-youtube-story-renderer.podcast-pulse {
  border-color: rgba(190,242,100,.62);
  box-shadow: 0 0 32px rgba(190,242,100,.14), 0 0 28px rgba(248,113,113,.12);
}

.dh-main-live-analyzer {
  position: relative;
  display: grid;
  gap: 7px;
  margin-top: 8px;
  padding: 8px;
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(2,6,23,.86), rgba(8,47,73,.78), rgba(20,83,45,.5)),
    repeating-linear-gradient(90deg, rgba(103,232,249,.08) 0 1px, transparent 1px 22px);
  box-shadow: 0 0 28px rgba(14,165,233,.16), inset 0 0 24px rgba(103,232,249,.08);
  overflow: hidden;
}

.dh-main-live-analyzer::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 var(--motion-progress, 0%);
  width: 2px;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(190,242,100,.94), transparent);
  box-shadow: 0 0 18px rgba(190,242,100,.55);
  animation: dhAnalyzerScanPulse calc(.72s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-main-live-analyzer header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto;
  gap: 8px;
  align-items: center;
}

.dh-main-live-analyzer header span {
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-main-live-analyzer header b {
  min-width: 0;
  color: #e0f2fe;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-main-live-analyzer header strong {
  min-width: 46px;
  padding: 5px 7px;
  border: 1px solid rgba(190,242,100,.42);
  border-radius: 6px;
  background: rgba(63,98,18,.24);
  color: #ecfccb;
  font-size: 14px;
  text-align: center;
}

.dh-main-analyzer-lanes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.dh-main-analyzer-lanes article {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 6px;
  background: rgba(15,23,42,.62);
  overflow: hidden;
  animation: dhAnalyticsCardPulse calc(4.2s / var(--stream-pace, 1)) ease-in-out infinite;
}

.dh-main-analyzer-lanes article::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 34%, rgba(103,232,249,.22) 45%, transparent 56% 100%);
  transform: translateX(-120%);
  animation: dhLaneSweep calc(5.6s / var(--stream-pace, 1)) linear infinite;
}

.dh-main-analyzer-lanes span,
.dh-main-analyzer-lanes b,
.dh-main-analyzer-lanes small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-main-analyzer-lanes span {
  color: #fde68a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-main-analyzer-lanes b {
  color: #dbeafe;
  font-size: 9px;
}

.dh-main-analyzer-lanes small {
  color: #bef264;
  font-size: 8px;
}

.dh-main-analyzer-stream {
  display: flex;
  overflow: hidden;
  border-top: 1px solid rgba(103,232,249,.16);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.dh-main-analyzer-stream div {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-width: max-content;
  padding-top: 6px;
  animation: dh-main-analyzer-stream calc(11s / var(--stream-pace, 1)) linear infinite;
}

.dh-main-analyzer-stream span,
.dh-main-analyzer-stream b {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 999px;
  padding: 0 8px;
  color: #cffafe;
  font-size: 8px;
  font-weight: 900;
  white-space: nowrap;
}

.dh-main-analyzer-stream b {
  border-color: rgba(190,242,100,.32);
  color: #ecfccb;
  background: rgba(63,98,18,.16);
}

.dh-main-live-analyzer.guest-moment {
  border-color: rgba(190,242,100,.62);
  box-shadow: 0 0 30px rgba(190,242,100,.16), 0 0 28px rgba(103,232,249,.14);
}

.dh-ai-observatory-analyzer {
  display: grid;
  gap: 8px;
  overflow: hidden;
  padding: 9px;
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(8,47,73,.74), rgba(2,10,20,.86) 46%, rgba(20,83,45,.56)),
    repeating-linear-gradient(90deg, rgba(125,211,252,.08) 0 1px, transparent 1px 26px);
  box-shadow: inset 0 0 30px rgba(103,232,249,.08), 0 0 26px rgba(14,165,233,.12);
}

.dh-ai-observatory-analyzer header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dh-ai-observatory-analyzer header div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.dh-ai-observatory-analyzer header span {
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-ai-observatory-analyzer header b,
.dh-ai-observatory-analyzer > small {
  min-width: 0;
  color: #e0f2fe;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-ai-observatory-analyzer header strong {
  display: grid;
  place-items: center;
  width: 52px;
  height: 36px;
  border: 1px solid rgba(190,242,100,.36);
  border-radius: 6px;
  background: rgba(22,101,52,.26);
  color: #ecfccb;
  font-size: 16px;
}

.dh-analyzer-core {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 9px;
  align-items: stretch;
}

.dh-analyzer-orbit {
  position: relative;
  min-height: 116px;
  display: grid;
  place-items: center;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 8px;
  background: rgba(2,6,23,.56);
  text-align: center;
}

.dh-analyzer-orbit::before {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 50%;
  background: conic-gradient(#bef264 var(--analysis-score), rgba(15,23,42,.4) 0);
  filter: drop-shadow(0 0 14px rgba(190,242,100,.2));
  animation: dh-analyzer-spin calc(6s / var(--stream-pace, 1)) linear infinite;
}

.dh-analyzer-orbit::after {
  content: "";
  position: absolute;
  inset: 22px;
  border-radius: 50%;
  background: rgba(2,10,20,.9);
  border: 1px solid rgba(103,232,249,.18);
}

.dh-analyzer-orbit i,
.dh-analyzer-orbit b,
.dh-analyzer-orbit span {
  position: relative;
  z-index: 1;
}

.dh-analyzer-orbit i {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: radial-gradient(circle, #e0f2fe, #67e8f9 42%, #14532d 68%, transparent 70%);
  box-shadow: 0 0 18px rgba(103,232,249,.46);
}

.dh-analyzer-orbit b {
  color: #ecfccb;
  font-size: 9px;
  text-transform: uppercase;
}

.dh-analyzer-orbit span {
  max-width: 80px;
  color: #bae6fd;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-analyzer-lanes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.dh-analyzer-lanes article {
  min-width: 0;
  display: grid;
  align-content: space-between;
  gap: 6px;
  min-height: 116px;
  padding: 7px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 7px;
  background: rgba(15,23,42,.64);
}

.dh-analyzer-lanes article div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.dh-analyzer-lanes b,
.dh-analyzer-lanes span,
.dh-analyzer-lanes small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-analyzer-lanes b {
  color: #fef3c7;
  font-size: 10px;
}

.dh-analyzer-lanes span,
.dh-analyzer-lanes small {
  color: #bae6fd;
  font-size: 8px;
}

.dh-analyzer-lanes meter {
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
}

.dh-analyzer-lanes meter::-webkit-meter-bar {
  border: 0;
  border-radius: 999px;
  background: rgba(15,23,42,.92);
}

.dh-analyzer-lanes meter::-webkit-meter-optimum-value {
  border-radius: 999px;
  background: linear-gradient(90deg, #67e8f9, #bef264);
}

.dh-analyzer-ribbon {
  display: flex;
  overflow: hidden;
  border-top: 1px solid rgba(103,232,249,.16);
  border-bottom: 1px solid rgba(103,232,249,.16);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.dh-analyzer-ribbon div {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
  min-width: max-content;
  padding: 5px 7px;
  animation: dh-analyzer-ribbon-move calc(12s / var(--stream-pace, 1)) linear infinite;
}

.dh-analyzer-ribbon span {
  color: #cffafe;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.dh-ai-observatory-analyzer.guest-moment {
  border-color: rgba(190,242,100,.62);
  box-shadow: 0 0 34px rgba(190,242,100,.16), 0 0 28px rgba(103,232,249,.16);
}

.dh-ai-observatory-analyzer.guest-moment .lane-podcast {
  border-color: rgba(190,242,100,.64);
  background: rgba(63,98,18,.22);
}

.dh-seo-revenue-map {
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(251,191,36,.25);
  border-radius: 8px;
  background: rgba(15,23,42,.76);
}

.dh-seo-revenue-map header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dh-seo-revenue-map header span {
  color: #facc15;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-seo-revenue-map header b {
  min-width: 0;
  color: #e0f2fe;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-seo-revenue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.dh-seo-revenue-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 7px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 7px;
  background: rgba(2,6,23,.44);
}

.dh-seo-revenue-grid span {
  color: #fde68a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-seo-revenue-grid b {
  color: #dbeafe;
  font-size: 9px;
  line-height: 1.35;
}

.dh-seo-keyword-strip {
  display: flex;
  overflow: hidden;
  border-top: 1px solid rgba(251,191,36,.18);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.dh-seo-keyword-strip div {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
  min-width: max-content;
  padding-top: 6px;
  animation: dh-seo-keywords-move calc(16s / var(--stream-pace, 1)) linear infinite;
}

.dh-seo-keyword-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border: 1px solid rgba(251,191,36,.22);
  border-radius: 999px;
  padding: 0 9px;
  color: #fef3c7;
  font-size: 8px;
  font-weight: 900;
  white-space: nowrap;
}

.dh-observatory.max-power .dh-ai-observatory-analyzer {
  box-shadow: inset 0 0 36px rgba(103,232,249,.12), 0 0 36px rgba(14,165,233,.18);
}

.dh-observatory.max-power .dh-analyzer-ribbon div {
  animation-duration: calc(7s / var(--stream-pace, 1.4));
}

.dh-observatory.max-power .dh-seo-keyword-strip div {
  animation-duration: calc(9s / var(--stream-pace, 1.35));
}

.dh-observatory.low-power .dh-analyzer-ribbon div,
.dh-observatory.low-power .dh-analyzer-orbit::before {
  animation-duration: calc(20s / var(--stream-pace, .75));
}

.dh-stream-analytics {
  display: grid;
  gap: 6px;
  overflow: hidden;
  padding: 8px;
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 8px;
  background: rgba(2,10,20,.7);
}

.dh-stream-lane {
  display: flex;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.dh-stream-track {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  min-width: max-content;
  padding-right: 8px;
  animation: dh-stream-analytics-move calc(18s / var(--stream-pace, 1)) linear infinite;
}

.dh-stream-track span,
.dh-stream-track b {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 999px;
  padding: 0 10px;
  color: #dbeafe;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.dh-stream-track b {
  border-color: rgba(190,242,100,.34);
  color: #ecfccb;
  background: rgba(63,98,18,.16);
}

.dh-stream-analytics small {
  color: #bae6fd;
  font-size: 9px;
}

.dh-stream-analytics.podcast-moment {
  border-color: rgba(190,242,100,.62);
  box-shadow: 0 0 28px rgba(190,242,100,.14), 0 0 24px rgba(103,232,249,.14);
}

.dh-observatory.max-power .dh-stream-track {
  animation-duration: calc(10s / var(--stream-pace, 1.25));
}

.dh-observatory.low-power .dh-stream-track {
  animation-duration: calc(28s / var(--stream-pace, .72));
}

@keyframes dh-stream-analytics-move {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes dh-main-analyzer-stream {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes dhStoryGridFlow {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 0 0, 44px 0;
  }
}

@keyframes dhStoryAnalyticsFlow {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 220% 0;
  }
}

@keyframes dhAnalyticsCardPulse {
  0%, 100% {
    border-color: rgba(148,163,184,.18);
    box-shadow: 0 0 0 rgba(103,232,249,0);
    transform: translateY(0);
  }

  50% {
    border-color: rgba(103,232,249,.38);
    box-shadow: 0 0 18px rgba(103,232,249,.12);
    transform: translateY(-1px);
  }
}

@keyframes dhAnalyzerScanPulse {
  0%, 100% {
    opacity: .35;
    transform: scaleY(.76);
  }

  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes dhLaneSweep {
  from {
    transform: translateX(-120%);
  }

  to {
    transform: translateX(120%);
  }
}

@keyframes dhModuleAssemble {
  0%, 100% {
    opacity: .58;
    transform: translateY(7px) scale(.982);
    filter: saturate(1.25) brightness(.92);
  }

  50% {
    opacity: .86;
    transform: translateY(2px) scale(.996);
    filter: saturate(1.45) brightness(1.08);
  }
}

@keyframes dhModuleSettle {
  0%, 100% {
    box-shadow: 0 0 0 rgba(103,232,249,0);
  }

  50% {
    box-shadow: 0 0 22px rgba(103,232,249,.08);
  }
}

@keyframes dhMatrixField {
  from {
    background-position:
      calc(var(--scene-shift, 0) * 9px) 0,
      calc(var(--scene-shift, 0) * -7px) 0,
      0 calc(var(--scene-shift, 0) * 5px);
  }

  to {
    background-position:
      calc((var(--scene-shift, 0) * 9px) + 64px) 0,
      calc((var(--scene-shift, 0) * -7px) - 54px) 0,
      0 calc((var(--scene-shift, 0) * 5px) + 44px);
  }
}

@keyframes dhMatrixCell {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(.9);
  }

  50% {
    transform: translateY(-1px);
    filter: brightness(1.18);
  }
}

@keyframes dhMiniVisualOrbit {
  from {
    transform: rotateX(58deg) rotateZ(0deg);
  }

  to {
    transform: rotateX(58deg) rotateZ(360deg);
  }
}

@keyframes dhVisualTrace {
  0%, 100% {
    opacity: .24;
    transform: translateY(-8px) scaleX(.58);
  }

  50% {
    opacity: .9;
    transform: translateY(8px) scaleX(1);
  }
}

@keyframes dhVisualBarBuild {
  0%, 100% {
    filter: brightness(.85);
    transform: scaleY(.72);
  }

  50% {
    filter: brightness(1.25);
    transform: scaleY(1);
  }
}

@keyframes dhSourcePreviewBuild {
  0%, 100% {
    min-height: 22%;
    opacity: .42;
    transform: translateY(8px);
  }

  50% {
    min-height: 82%;
    opacity: .95;
    transform: translateY(0);
  }
}

@keyframes dhVideoShellLayer {
  0%, 100% {
    opacity: .32;
    transform: rotateX(0deg) scale(.986);
  }

  50% {
    opacity: .82;
    transform: rotateX(1.8deg) scale(1.004);
  }
}

@keyframes dhRailConstruct {
  0%, 100% {
    filter: brightness(.85);
    transform: translateZ(0) scale(.98);
  }

  50% {
    filter: brightness(1.22);
    transform: translateZ(0) scale(1.01);
  }
}

@keyframes dhPresentsBuild {
  0%, 100% {
    filter: brightness(.92);
    transform: translateY(0);
  }

  50% {
    filter: brightness(1.14);
    transform: translateY(-1px);
  }
}

@keyframes dhCreativeConstruct {
  0% {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(.62);
    filter: blur(3px) brightness(.7);
  }

  26% {
    opacity: .76;
    transform: translate3d(0, 2px, 0) scale(.92);
    filter: blur(.6px) brightness(1.08);
  }

  62% {
    opacity: .98;
    transform: translate3d(0, -2px, 0) scale(1);
    filter: blur(0) brightness(1.18);
  }

  100% {
    opacity: .42;
    transform: translate3d(0, 8px, 0) scale(.86);
    filter: blur(1px) brightness(.86);
  }
}

@keyframes dhCreativeTrace {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.12);
  }

  50% {
    opacity: .95;
    transform: scaleX(1);
  }
}

@keyframes dhCreativeOrbit {
  from {
    transform: rotate(0deg) scale(.86);
  }

  to {
    transform: rotate(360deg) scale(1.04);
  }
}

@keyframes dhStoryHeroPan {
  0%, 100% {
    background-position: 50% 50%;
    transform: scale(1.08) translate3d(0, 0, 0);
  }

  35% {
    background-position: 42% 46%;
    transform: scale(1.14) translate3d(1.5%, -1%, 0);
  }

  70% {
    background-position: 58% 54%;
    transform: scale(1.12) translate3d(-1.5%, 1%, 0);
  }
}

@keyframes dhArtistDraw {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
    filter: drop-shadow(0 0 0 rgba(103,232,249,0));
  }

  16% {
    opacity: .42;
    stroke-dashoffset: .84;
    filter: drop-shadow(0 0 4px rgba(103,232,249,.18));
  }

  42% {
    opacity: .9;
    stroke-dashoffset: .36;
    filter: drop-shadow(0 0 8px rgba(103,232,249,.38));
  }

  74% {
    opacity: 1;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 12px rgba(190,242,100,.32));
  }

  100% {
    opacity: .28;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 6px rgba(103,232,249,.22));
  }
}

@keyframes dhPlateConstruct {
  0% {
    opacity: 0;
    filter: blur(3px) drop-shadow(0 0 0 rgba(103,232,249,0));
    transform: translateY(14px) scale(.58) rotate(-10deg);
  }

  24% {
    opacity: .32;
    filter: blur(1.5px) drop-shadow(0 0 7px rgba(103,232,249,.2));
    transform: translateY(8px) scale(.74) rotate(-5deg);
  }

  58% {
    opacity: .9;
    filter: blur(.2px) drop-shadow(0 0 13px rgba(103,232,249,.34));
    transform: translateY(1px) scale(.96) rotate(0);
  }

  82% {
    opacity: .98;
    filter: blur(0) drop-shadow(0 0 16px rgba(190,242,100,.28));
    transform: translateY(-1px) scale(1.05) rotate(2deg);
  }

  100% {
    opacity: .35;
    filter: blur(0) drop-shadow(0 0 8px rgba(190,242,100,.18));
    transform: translateY(0) scale(.92) rotate(0);
  }
}

@keyframes dhDesignPieceBuild {
  0% {
    opacity: 0;
    transform: translate3d(0, 16px, 0) rotateZ(-12deg) scale(.48);
    filter: blur(4px) drop-shadow(0 0 0 rgba(103,232,249,0));
  }

  22% {
    opacity: .38;
    transform: translate3d(0, 8px, 0) rotateZ(-8deg) scale(.68);
    filter: blur(1.8px) drop-shadow(0 0 7px rgba(103,232,249,.18));
  }

  58% {
    opacity: .88;
    transform: translate3d(0, 0, 0) rotateZ(-2deg) scale(.96);
    filter: blur(.3px) drop-shadow(0 0 13px rgba(103,232,249,.28));
  }

  82% {
    opacity: 1;
    transform: translate3d(0, -2px, 0) rotateZ(3deg) scale(1.06);
    filter: blur(0) drop-shadow(0 0 16px rgba(190,242,100,.24));
  }

  100% {
    opacity: .24;
    transform: translate3d(0, 5px, 0) rotateZ(8deg) scale(.78);
    filter: blur(1px) drop-shadow(0 0 6px rgba(103,232,249,.16));
  }
}

@keyframes dhReadableStatResolve {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(.92);
    filter: blur(3px) brightness(.7);
  }

  58% {
    opacity: .92;
    transform: translateY(0) scale(1.02);
    filter: blur(.2px) brightness(1.12);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0) brightness(1);
  }
}

@keyframes dhReadableStatPulse {
  0%, 100% {
    filter: brightness(calc(.92 + (var(--scene-light, .55) * .12)));
  }

  50% {
    filter: brightness(calc(1.04 + (var(--scene-light, .55) * .28)));
  }
}

@keyframes dhSceneLightBreath {
  0%, 100% {
    filter: brightness(calc(.9 + (var(--scene-light, .55) * .12))) saturate(calc(.96 + (var(--scene-light, .55) * .14)));
  }

  50% {
    filter: brightness(calc(1 + (var(--scene-light, .55) * .22))) saturate(calc(1 + (var(--scene-light, .55) * .24)));
  }
}

@keyframes dhMapSceneReact {
  0%, 100% {
    filter: brightness(calc(.9 + (var(--scene-light, .55) * .1))) saturate(1);
    transform: rotateX(0deg) translateZ(0);
  }

  50% {
    filter: brightness(calc(1 + (var(--scene-light, .55) * .24))) saturate(calc(1 + (var(--scene-light, .55) * .18)));
    transform: rotateX(2deg) translateZ(8px);
  }
}

@keyframes dhMapLayerTurn {
  from {
    transform: rotate(0deg) scale(.96);
    opacity: .48;
  }

  50% {
    opacity: .92;
  }

  to {
    transform: rotate(360deg) scale(1.02);
    opacity: .54;
  }
}

@keyframes dhReactiveBranchBuild {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
    filter: drop-shadow(0 0 0 rgba(103,232,249,0));
  }

  36% {
    opacity: .82;
    stroke-dashoffset: .42;
    filter: drop-shadow(0 0 8px rgba(103,232,249,.28));
  }

  70% {
    opacity: 1;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 13px rgba(190,242,100,.24));
  }

  100% {
    opacity: .46;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 7px rgba(103,232,249,.2));
  }
}

@keyframes dhReactiveCorePulse {
  0%, 100% {
    transform: translate(-50%, -50%) rotateX(10deg) translateZ(18px) scale(.98);
    filter: brightness(calc(.94 + (var(--scene-light, .55) * .1)));
  }

  50% {
    transform: translate(-50%, -50%) rotateX(13deg) translateZ(30px) scale(1.03);
    filter: brightness(calc(1.04 + (var(--scene-light, .55) * .2)));
  }
}

@keyframes dhReactiveNodeAppear {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(18px) scale(.62);
    filter: blur(4px) brightness(.68);
  }

  44% {
    opacity: .56;
    transform: translate(-50%, -50%) translateY(8px) scale(.84);
    filter: blur(1.5px) brightness(.94);
  }

  78% {
    opacity: .94;
    transform: translate(-50%, -50%) translateY(0) scale(1.03);
    filter: blur(.2px) brightness(1.12);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0) scale(1);
    filter: blur(0) brightness(1);
  }
}

@keyframes dhReactiveNodeFloat {
  0%, 100% {
    margin-top: 0;
  }

  50% {
    margin-top: -4px;
  }
}

@keyframes dhIntelGridBreathe {
  0%, 100% {
    opacity: .34;
    filter: brightness(.9);
  }

  50% {
    opacity: .68;
    filter: brightness(1.18);
  }
}

@keyframes dhIntelFieldBuild {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
  }

  72% {
    opacity: .82;
    stroke-dashoffset: .08;
  }

  100% {
    opacity: .64;
    stroke-dashoffset: 0;
  }
}

@keyframes dhIntelLoopBuild {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
    transform: rotate(-18deg) scale(.84);
  }

  100% {
    opacity: .72;
    stroke-dashoffset: 0;
    transform: rotate(0deg) scale(1);
  }
}

@keyframes dhIntelRouteProduce {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
  }

  70% {
    opacity: 1;
    stroke-dashoffset: .05;
  }

  100% {
    opacity: .72;
    stroke-dashoffset: 0;
  }
}

@keyframes dhIntelRoutePulse {
  0%, 100% {
    filter: drop-shadow(0 0 8px rgba(250,204,21,.22));
  }

  50% {
    filter: drop-shadow(0 0 18px rgba(250,204,21,.5));
  }
}

@keyframes dhIntelReadHead {
  0%, 100% {
    opacity: .72;
    transform: translate(-50%, -50%) scale(.86);
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.18);
  }
}

@keyframes dhStructuredNodeProduce {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(18px) scale(.7);
    filter: blur(5px) brightness(.7);
  }

  58% {
    opacity: .7;
    transform: translate(-50%, -50%) translateY(5px) scale(.92);
    filter: blur(1.4px) brightness(.98);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0) scale(1);
    filter: blur(0) brightness(1);
  }
}

@keyframes dhStructuredBarProduce {
  0% {
    opacity: 0;
    transform: translateX(14px) scaleX(.78);
    filter: blur(3px);
  }

  100% {
    opacity: 1;
    transform: translateX(0) scaleX(1);
    filter: blur(0);
  }
}

@keyframes dhStructuredLoopProduce {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(.86);
    filter: blur(3px);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes dhStageBranchConstruct {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
    filter: drop-shadow(0 0 0 rgba(103,232,249,0));
  }

  30% {
    opacity: .62;
    stroke-dashoffset: .62;
    filter: drop-shadow(0 0 6px rgba(103,232,249,.22));
  }

  68% {
    opacity: 1;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 13px rgba(103,232,249,.34));
  }

  100% {
    opacity: .42;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 6px rgba(103,232,249,.2));
  }
}

@keyframes dhStageCoreLoad {
  0%, 100% {
    transform: translate(-50%, -50%) scale(.96);
    filter: brightness(calc(.94 + (var(--scene-light, .55) * .12)));
  }

  50% {
    transform: translate(-50%, -50%) scale(1.02);
    filter: brightness(calc(1.04 + (var(--scene-light, .55) * .22)));
  }
}

@keyframes dhStageNodeLoad {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(18px) scale(.72);
    filter: blur(4px) brightness(.68);
  }

  45% {
    opacity: .58;
    transform: translate(-50%, -50%) translateY(7px) scale(.88);
    filter: blur(1.4px) brightness(.92);
  }

  82% {
    opacity: .96;
    transform: translate(-50%, -50%) translateY(0) scale(1.04);
    filter: blur(.2px) brightness(1.12);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0) scale(1);
    filter: blur(0) brightness(1);
  }
}

@keyframes dhStageNodeDrift {
  0%, 100% {
    margin-top: 0;
  }

  50% {
    margin-top: -3px;
  }
}

@keyframes dhStageSourcePreviewLoad {
  0% {
    opacity: 0;
    transform: translateX(16px) scale(.88);
    filter: blur(3px) brightness(.7);
  }

  70% {
    opacity: .94;
    transform: translateX(0) scale(1.02);
    filter: blur(.2px) brightness(1.12);
  }

  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
    filter: blur(0) brightness(1);
  }
}

@keyframes dhAttachmentPulse {
  0%, 100% {
    transform: translateY(-50%) scale(.86);
    opacity: .62;
  }

  50% {
    transform: translateY(-50%) scale(1.14);
    opacity: 1;
  }
}

@keyframes dhLayeredMapFloat {
  0%, 100% {
    transform: rotateX(62deg) rotateZ(-15deg) translateY(8px) scale(.96);
    opacity: .48;
  }

  50% {
    transform: rotateX(62deg) rotateZ(-15deg) translateY(-2px) scale(1.02);
    opacity: .9;
  }
}

@keyframes dhMapNodeConstruct {
  0% {
    opacity: 0;
    filter: blur(4px) brightness(.72);
    transform: rotateX(58deg) rotateZ(-18deg) translateY(22px) translateZ(0) scale(.72);
  }

  44% {
    opacity: .9;
    filter: blur(.4px) brightness(1.2);
  }

  100% {
    opacity: .62;
    filter: blur(0) brightness(.96);
    transform: rotateX(58deg) rotateZ(-18deg) translateY(0) translateZ(calc(var(--map-order, 0) * 8px)) scale(1);
  }
}

@keyframes dhConstellationTurn {
  from {
    transform: rotate(calc(var(--scene-shift, 0) * 12deg));
  }

  to {
    transform: rotate(calc((var(--scene-shift, 0) * 12deg) + 360deg));
  }
}

@keyframes dhStarPop {
  0%, 100% {
    opacity: .42;
    filter: brightness(.86);
    transform: translate(-50%, -50%) scale(.82);
  }

  50% {
    opacity: 1;
    filter: brightness(1.24);
    transform: translate(-50%, -50%) scale(1.12);
  }
}

@keyframes dhPopoutConstruct {
  0%, 100% {
    transform: translateY(8px) scale(.95);
    filter: brightness(.86);
  }

  48% {
    transform: translateY(-5px) scale(1.03);
    filter: brightness(1.2);
  }
}

@keyframes dhTimelineNodeBuild {
  0%, 100% {
    transform: translateY(5px);
    filter: brightness(.8);
  }

  50% {
    transform: translateY(-3px);
    filter: brightness(1.18);
  }
}

@keyframes dhFloorMapBuild {
  0% {
    opacity: 0;
    transform: skewX(-18deg) translateY(18px) scaleX(.45);
  }

  48% {
    opacity: .95;
    transform: skewX(-18deg) translateY(0) scaleX(1);
  }

  100% {
    opacity: .58;
    transform: skewX(-18deg) translateY(5px) scaleX(.92);
  }
}

@keyframes dhSourceNodePop {
  0%, 100% {
    opacity: .4;
    transform: translateX(10px) translateY(3px) scale(.96);
  }

  50% {
    opacity: .98;
    transform: translateX(0) translateY(-2px) scale(1.02);
  }
}

@keyframes dhGuestPulse {
  0% {
    opacity: .78;
    transform: scale(.72);
  }

  70% {
    opacity: .18;
    transform: scale(1.35);
  }

  100% {
    opacity: 0;
    transform: scale(1.55);
  }
}

@keyframes dhGlbDockBreathe {
  0%, 100% {
    box-shadow: 0 12px 34px rgba(0,0,0,.34), 0 0 20px rgba(103,232,249,.08);
    transform: translateY(0);
  }

  50% {
    box-shadow: 0 14px 38px rgba(0,0,0,.38), 0 0 28px rgba(190,242,100,.16);
    transform: translateY(-1px);
  }
}

@keyframes dhMeaningLensPulse {
  0%, 100% {
    opacity: .88;
    transform: translateY(0) scale(1);
  }

  50% {
    opacity: 1;
    transform: translateY(-1px) scale(1.01);
  }
}

@keyframes dhWriteCursor {
  0%, 49% {
    opacity: 1;
  }

  50%, 100% {
    opacity: 0;
  }
}

@keyframes dhEpisodeOrbit {
  from {
    transform: rotateX(58deg) rotateZ(0deg);
  }

  to {
    transform: rotateX(58deg) rotateZ(360deg);
  }
}

@keyframes dhMiniCube {
  0%, 100% {
    transform: rotateX(58deg) rotateZ(45deg) scale(.92);
  }

  50% {
    transform: rotateX(58deg) rotateZ(225deg) scale(1.08);
  }
}

@keyframes dhBarPulse {
  0%, 100% {
    filter: brightness(.9);
    transform: scaleY(.96);
  }

  50% {
    filter: brightness(1.16);
    transform: scaleY(1);
  }
}

@keyframes dhHologramFill {
  0%, 100% {
    opacity: .52;
  }

  50% {
    opacity: .86;
  }
}

@keyframes dhBuildCube {
  0%, 100% {
    opacity: .68;
    transform: rotateX(58deg) rotateZ(35deg) scale(.9);
  }

  45% {
    opacity: 1;
    transform: rotateX(58deg) rotateZ(145deg) scale(1);
  }

  70% {
    opacity: .9;
    transform: rotateX(58deg) rotateZ(205deg) scale(.96);
  }
}

@keyframes dhScaffoldPulse {
  0%, 100% {
    opacity: .34;
  }

  50% {
    opacity: .78;
  }
}

@keyframes dhHologramBlock {
  0%, 100% {
    filter: brightness(.86);
  }

  50% {
    filter: brightness(1.15);
  }
}

@keyframes dh-analyzer-ribbon-move {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes dh-analyzer-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes dh-seo-keywords-move {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes dhSignalRing {
  0% {
    opacity: .14;
    transform: scale(.96);
  }

  45% {
    opacity: .58;
  }

  100% {
    opacity: .16;
    transform: scale(1.03);
  }
}

@keyframes dhSignalPacket {
  0%, 100% {
    opacity: .68;
    transform: translate3d(calc(var(--signal-x, 0px) * -.35), calc(var(--signal-y, 0px) * -.35), 0) scale(.98);
  }

  50% {
    opacity: 1;
    transform: translate3d(var(--signal-x, 0px), var(--signal-y, -2px), 0) scale(1.02);
  }
}

@media (max-width: 980px) {
  .dh-youtube-story-grid {
    grid-template-columns: 1fr;
  }

  .dh-youtube-story-grid > .dh-youtube-stage,
  .dh-youtube-story-grid > .dh-story-control,
  .dh-youtube-story-grid > .dh-observatory-transport {
    grid-column: 1;
    grid-row: auto;
  }

  .dh-youtube-stage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "video"
      "lab"
      "floor"
      "lens"
      "episode"
      "caption";
    min-height: 0;
    padding: 10px;
  }

  .dh-youtube-stage .dh-observatory-visual-lab {
    min-height: clamp(440px, 64dvh, 620px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(330px, 1fr) auto auto auto;
  }

  .dh-youtube-stage .dh-reactive-system-map {
    inset: 8px 8px 74px;
  }

  .dh-youtube-stage .dh-structured-map-node {
    width: clamp(118px, 26vw, 210px);
  }

  .dh-youtube-stage .dh-reactive-map-core {
    width: min(300px, 48%);
  }

  .dh-youtube-stage .dh-structured-map-bars,
  .dh-youtube-stage .dh-structured-map-loops {
    width: min(250px, 44%);
  }

  .dh-youtube-frame {
    height: clamp(170px, 30dvh, 260px);
  }

  .dh-video-system-shell {
    grid-template-columns: 24px minmax(0, 1fr) 24px;
    grid-template-rows: 22px auto 22px;
    gap: 4px;
    padding: 4px;
  }

  .dh-matrix-build-field {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dh-live-meaning-lens {
    left: auto;
    right: auto;
    bottom: auto;
  }

  .dh-live-episode-visual {
    top: auto;
    right: auto;
    width: 100%;
    grid-template-columns: 1fr;
  }

  .dh-story-control {
    max-height: 150px;
  }

  .dh-youtube-stage .dh-corner-glb-dock {
    right: auto;
    bottom: auto;
    width: 100%;
  }

  .dh-youtube-stage .dh-corner-glb-dock.expanded {
    width: 100%;
  }

  .dh-youtube-stage .dh-corner-glb-dock.expanded .dh-corner-glb-grid {
    grid-template-columns: 1fr;
    max-height: 140px;
  }

  .dh-story-clips,
  .dh-cutscene-tracker,
  .dh-story-analytics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dh-episode-preview-dock {
    position: static;
    width: auto;
    margin-top: 8px;
  }

  .dh-featured-category-row,
  .dh-episode-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dh-pickup-lanes,
  .dh-backlink-grid,
  .dh-episode-table {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dh-corner-glb-grid,
  .dh-corner-glb-dock.expanded .dh-corner-glb-grid {
    grid-template-columns: 1fr;
  }

  .dh-observatory-transport {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dh-observatory-transport label {
    grid-column: 1 / -1;
  }

  .dh-analyzer-core {
    grid-template-columns: 1fr;
  }

  .dh-analyzer-orbit {
    min-height: 92px;
  }

  .dh-analyzer-lanes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dh-analyzer-lanes article {
    min-height: 84px;
  }

  .dh-seo-revenue-grid {
    grid-template-columns: 1fr;
  }
}

.dh-live-metrics span,
.dh-live-metrics b {
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(103,232,249,.18);
  border-radius: 7px;
  background: rgba(8,145,178,.14);
  color: #e0f2fe;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-live-metrics span {
  color: #fde68a;
  text-transform: uppercase;
}

.dh-live-metrics.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dh-live-stage textarea {
  min-height: 76px;
  resize: vertical;
}

.dh-live-model,
.dh-note-attachment {
  display: grid !important;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 8px;
  background: rgba(8,145,178,.12);
}

.dh-live-model span,
.dh-live-model small,
.dh-note-attachment span,
.dh-note-attachment small {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dh-live-model small,
.dh-note-attachment small {
  color: #94a3b8;
}

.dh-live-feed {
  display: grid !important;
  gap: 7px !important;
  max-height: 180px;
  overflow: auto;
}

.dh-live-feed article {
  display: grid;
  gap: 5px;
  padding: 8px;
  border: 1px solid rgba(226,232,240,.14);
  border-radius: 8px;
  background: rgba(15,23,42,.56);
}

.dh-live-feed article p {
  margin: 0;
  color: #e0f2fe;
  font-size: 12px;
  line-height: 1.35;
}

.dh-live-feed article small {
  color: #fef3c7;
  font-size: 11px;
}

.dh-ai-command button,
.dh-live-stage button,
.dh-live-stage a,
.dh-presentation-feature button,
.dh-smart-notes button,
.dh-smart-notes a {
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 7px;
  background: rgba(8,145,178,.2);
  color: #ecfeff;
  font-size: 11px;
  font-weight: 900;
  padding: 7px 9px;
  text-decoration: none;
  cursor: pointer;
}

@keyframes dhAiSpaceFloat {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(0, -7px, 0) scale(1.015); }
}

.dh-architect,
.dh-props {
  position: absolute;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  backdrop-filter: blur(10px);
  font-weight: 900;
}

.dh-architect {
  left: 22px;
  top: 106px;
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  background: rgba(8,13,24,.72);
}

.dh-props {
  right: 344px;
  top: 106px;
  padding: 9px 11px;
  background: rgba(250,204,21,.16);
  color: #fef3c7;
}

.dh-entry {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 18px;
  background: radial-gradient(circle at 50% 40%, rgba(229,9,20,.20), rgba(0,0,0,.92) 58%, #000 100%);
  backdrop-filter: blur(12px);
}

.dh-entry-panel {
  width: min(520px, 92vw);
  display: grid;
  gap: 14px;
  padding: 24px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.72);
  box-shadow: 0 30px 90px rgba(0,0,0,.7);
  text-align: center;
}

.dh-logo {
  font-size: clamp(38px, 8vw, 66px);
  font-weight: 900;
}

.dh-load {
  height: 3px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.14);
}

.dh-load span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: 999px;
  background: #e50914;
  animation: dhLoad 1.05s ease-in-out infinite;
}

.dh-research-note-brief {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(192,132,252,.34);
  border-radius: 8px;
  background: rgba(30, 27, 75, .44);
  color: #ede9fe;
}

.dh-research-note-brief b {
  color: #f5d0fe;
  font-size: 12px;
}

.dh-research-note-brief span,
.dh-research-note-brief small {
  color: #ddd6fe;
  font-size: 11px;
  line-height: 1.35;
}

.dh-welcome {
  margin: 0;
  font-size: clamp(36px, 7vw, 60px);
  line-height: 1;
}

.dh-entry-input {
  width: 100%;
  padding: 13px 14px;
  font-weight: 900;
}

.dh-account-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dh-account-grid .dh-btn {
  min-height: 48px;
}

.dh-account-grid .dh-btn.active {
  border-color: rgba(103,232,249,.66);
  background: rgba(103,232,249,.16);
}

.dh-wallet {
  display: grid;
  justify-content: center;
}

.dh-entry-small {
  margin: 0;
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.45;
}

@keyframes dhLoad {
  0% { transform: translateX(-80%); opacity: .35; }
  55% { opacity: 1; }
  100% { transform: translateX(180%); opacity: .25; }
}

@media (max-width: 920px) {
  .dh-ai-space,
  .dh-ai-space.dock-idle,
  .dh-ai-space.dock-guided,
  .dh-ai-space.dock-stage-current,
  .dh-ai-space.dock-stage-angle,
  .dh-ai-space.dock-stage-similar,
  .dh-ai-space.dock-stage-stats,
  .dh-ai-space.dock-command,
  .dh-ai-space.dock-notes {
    left: 12px;
    right: auto;
    top: auto;
    bottom: 18px;
    width: min(172px, 44vw);
  }

  .dh-ai-command,
  .dh-live-stage,
  .dh-presentation-feature,
  .dh-smart-notes {
    left: 12px;
    right: 12px;
    width: auto;
  }
}

@keyframes dhDrift {
  to { transform: rotate(360deg); }
}

@keyframes dhSweep {
  0%, 100% { opacity: .14; transform: translateX(-24%) rotate(14deg); }
  50% { opacity: .74; transform: translateX(24%) rotate(14deg); }
}

@keyframes dhFloat {
  0%, 100% { transform: translate3d(0,0,0) rotate(0deg); }
  50% { transform: translate3d(0,-14px,0) rotate(4deg); }
}

@keyframes dhMini {
  0% { transform: translateX(-70%); opacity: .28; }
  50% { opacity: 1; }
  100% { transform: translateX(150%); opacity: .28; }
}

@keyframes dhPulse {
  0%, 100% { opacity: .42; transform: scale(.94); }
  50% { opacity: 1; transform: scale(1.05); }
}

@media (max-width: 920px) {
  .dh-category-dock {
    top: 70px;
    left: 10px;
    right: 10px;
    bottom: auto;
    height: 58px;
    width: auto;
    grid-auto-flow: column;
    grid-auto-columns: minmax(96px, 1fr);
  }

  .dh-quick-rail {
    right: 10px;
    top: 136px;
    width: min(360px, 46vw);
  }

  .dh-director-panel {
    left: 10px;
    right: auto;
    top: 136px;
    width: min(300px, 42vw);
    max-height: calc(100vh - 260px);
  }

  .dh-info {
    left: 18px;
    width: min(520px, 48vw);
  }

  .dh-media.dh-movie-controls {
    top: 76px;
    bottom: 10px;
    width: calc(100vw - 18px);
    max-height: calc(100dvh - 86px);
    overflow-y: auto;
  }

  .dh-movie-head {
    font-size: 11px;
  }

  .dh-movie-buttons .dh-btn {
    padding: 8px 10px;
    font-size: 11px;
  }

  .dh-movie-ticks {
    justify-content: flex-start;
  }

  .dh-movie-caption {
    max-height: 30px;
    overflow: hidden;
  }
}

body:has(.dh-youtube-story-renderer) .dh-system-footer,
body:has(.dh-youtube-story-renderer) .dh-system-faq-button,
body:has(.dh-youtube-story-renderer) .dh-system-faq-panel,
body:has(.dh-youtube-story-renderer) .dh-utility {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-media.dh-movie-controls {
  left: clamp(176px, 15vw, 212px);
  right: 12px;
  top: 76px;
  bottom: 10px;
  width: auto;
  max-height: none;
  transform: none;
  overflow: hidden;
  z-index: 88;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-renderer {
  flex: 1 1 auto;
  min-height: 0;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  overflow: hidden;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid {
  min-height: 0;
  height: 100%;
  grid-template-columns: 1fr;
  overflow: hidden;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
  grid-column: 1;
  grid-row: 1;
  height: 100%;
  min-height: 0;
  max-height: calc(100dvh - 282px);
  grid-template-columns: minmax(360px, .78fr) minmax(430px, 1.22fr);
  grid-template-rows: minmax(280px, 1fr) minmax(86px, .28fr);
  grid-template-areas:
    "video lab"
    "floor floor";
  overflow: hidden;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-story-control,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-live-meaning-lens,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-live-episode-visual,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-youtube-signal-caption,
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-observatory-transport {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-video-system-shell,
body:has(.dh-youtube-story-renderer) .dh-observatory-visual-lab {
  height: 100%;
  min-height: 280px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-frame {
  min-height: 260px;
  height: min(38dvh, 340px);
}

body:has(.dh-youtube-story-renderer) .dh-observatory-visual-lab > .dh-reactive-system-map {
  inset: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-bottom-construction-floor {
  min-height: 78px;
  max-height: 112px;
  overflow: hidden;
}

@media (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-media.dh-movie-controls {
    left: 10px;
    right: 10px;
    top: 76px;
  }

  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
    max-height: calc(100dvh - 282px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(230px, .9fr) minmax(260px, 1fr) minmax(76px, auto);
    grid-template-areas:
      "video"
      "lab"
      "floor";
  }

  body:has(.dh-youtube-story-renderer) .dh-youtube-frame {
    min-height: 220px;
    height: 28dvh;
  }
}

/* DigitalHut Observatory board reset: keep only video, GLB, podcast, slider, and controls. */
body:has(.dh-youtube-story-renderer) .dh-movie-head,
body:has(.dh-youtube-story-renderer) .dh-movie-buttons,
body:has(.dh-youtube-story-renderer) .dh-movie-slider,
body:has(.dh-youtube-story-renderer) .dh-movie-ticks,
body:has(.dh-youtube-story-renderer) .dh-movie-caption,
body:has(.dh-youtube-story-renderer) .dh-youtube-story-renderer > header,
body:has(.dh-youtube-story-renderer) .dh-digitalhut-presents,
body:has(.dh-youtube-story-renderer) .dh-construction-status,
body:has(.dh-youtube-story-renderer) .dh-top-design-renderer,
body:has(.dh-youtube-story-renderer) .dh-source-preview-card,
body:has(.dh-youtube-story-renderer) .dh-stage-reaction-tree,
body:has(.dh-youtube-story-renderer) .dh-video-creative-layer,
body:has(.dh-youtube-story-renderer) .dh-video-sketch-ring,
body:has(.dh-youtube-story-renderer) .dh-video-side-screen,
body:has(.dh-youtube-story-renderer) .dh-video-rail,
body:has(.dh-youtube-story-renderer) .dh-observatory-visual-lab,
body:has(.dh-youtube-story-renderer) .dh-bottom-construction-floor,
body:has(.dh-youtube-story-renderer) .dh-live-meaning-lens,
body:has(.dh-youtube-story-renderer) .dh-live-episode-visual,
body:has(.dh-youtube-story-renderer) .dh-youtube-signal-caption,
body:has(.dh-youtube-story-renderer) .dh-story-clips,
body:has(.dh-youtube-story-renderer) .dh-cutscene-tracker,
body:has(.dh-youtube-story-renderer) .dh-story-analytics,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock,
body:has(.dh-youtube-story-renderer) .dh-main-live-analyzer,
body:has(.dh-youtube-story-renderer) .dh-stream-analytics {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-media.dh-movie-controls {
  left: clamp(170px, 14vw, 206px);
  right: 12px;
  top: 72px;
  bottom: 10px;
  width: auto;
  max-height: none;
  padding: 10px;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 12%, rgba(14, 165, 233, .14), transparent 30%),
    radial-gradient(circle at 84% 74%, rgba(190, 242, 100, .1), transparent 34%),
    rgba(2, 6, 23, .58);
  border: 1px solid rgba(226, 232, 240, .14);
  box-shadow: 0 20px 80px rgba(0, 0, 0, .32);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-renderer {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid {
  position: relative;
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(188px, 17vw, 238px);
  grid-template-rows: minmax(0, 1fr);
  gap: 12px;
  overflow: hidden;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  height: 100%;
  min-height: 0;
  max-height: none;
  display: grid;
  grid-template-columns: minmax(300px, .95fr) minmax(260px, .72fr) minmax(198px, .5fr);
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas: "video map glb";
  gap: 18px;
  padding: 18px 18px 138px;
  overflow: hidden;
  isolation: isolate;
  border: 2px solid rgba(226, 232, 240, .18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 34% 24%, rgba(103, 232, 249, .08), transparent 36%),
    linear-gradient(145deg, rgba(15, 23, 42, .45), rgba(8, 13, 27, .2));
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage::before,
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 0;
  display: block;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: .88;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage::before {
  filter: drop-shadow(0 0 8px rgba(103, 232, 249, .18));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 640'%3E%3Cg fill='none' stroke='%23e2e8f0' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' opacity='.42'%3E%3Cpath d='M34 37 C248 24 744 18 958 48 C982 184 974 435 936 595 C706 625 246 626 46 592 C22 432 15 188 34 37Z'/%3E%3Cpath d='M82 86 C274 60 587 68 867 88 C918 192 915 352 886 520 C680 570 294 571 103 526 C66 383 51 221 82 86Z'/%3E%3Cpath d='M395 104 C542 121 676 180 770 292 C681 405 545 481 358 506'/%3E%3Cpath d='M325 136 C538 154 633 240 705 345'/%3E%3Cpath d='M129 480 C223 455 294 456 358 509'/%3E%3C/g%3E%3Cg fill='none' stroke='%2367e8f9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.62'%3E%3Cpath d='M214 159 L273 118 L318 154 L300 214 L237 226 Z'/%3E%3Cpath d='M468 218 L533 181 L608 211 L627 284 L545 319 L477 281 Z'/%3E%3Cpath d='M694 251 L756 215 L825 246 L817 315 L736 325 Z'/%3E%3Cpath d='M531 396 C606 378 670 381 735 410'/%3E%3Cpath d='M747 410 L790 391 L780 440 Z'/%3E%3C/g%3E%3C/svg%3E");
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage::after {
  inset: 22px;
  opacity: .66;
  animation: dhWhiteboardPulse 5.4s ease-in-out infinite;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 640'%3E%3Cg fill='none' stroke='%23bef264' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' opacity='.58'%3E%3Cpath d='M170 350 C240 307 310 304 378 350 S518 444 606 382 S743 312 850 361' stroke-dasharray='13 17'/%3E%3Cpath d='M340 516 C407 452 491 432 570 456'/%3E%3Cpath d='M582 456 L621 439 L610 482 Z'/%3E%3Cpath d='M182 132 C234 190 271 228 334 237'/%3E%3Cpath d='M335 237 L298 250 L314 214 Z'/%3E%3Cpath d='M676 128 C725 160 768 192 808 232'/%3E%3Cpath d='M808 232 L766 222 L799 194 Z'/%3E%3C/g%3E%3Cg fill='%23f8fafc' stroke='%23e2e8f0' stroke-width='4' opacity='.52'%3E%3Ccircle cx='178' cy='353' r='18'/%3E%3Ccircle cx='385' cy='352' r='16'/%3E%3Ccircle cx='608' cy='381' r='17'/%3E%3Ccircle cx='851' cy='360' r='14'/%3E%3C/g%3E%3C/svg%3E");
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-video-system-shell {
  grid-area: video;
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .22);
  border-radius: 10px;
  background: rgba(2, 6, 23, .78);
  box-shadow: 0 18px 54px rgba(0, 0, 0, .32);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-video-system-shell::before,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-video-system-shell::after {
  opacity: .28;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-frame {
  width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-command-intel-map {
  grid-area: map;
  position: relative;
  z-index: 3;
  min-width: 0;
  height: 100%;
  pointer-events: none;
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, .26));
}

body:has(.dh-youtube-story-renderer) .dh-command-route-layer {
  position: absolute;
  inset: -7px -5px;
  width: calc(100% + 10px);
  height: calc(100% + 14px);
  overflow: visible;
}

body:has(.dh-youtube-story-renderer) .dh-command-route-layer path {
  fill: none;
  stroke: rgba(226, 232, 240, .48);
  stroke-width: .78;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: .06 .035;
  animation: dhCommandRoute calc(7s / max(.7, var(--stream-pace, 1))) linear infinite;
}

body:has(.dh-youtube-story-renderer) .dh-command-route-layer path:nth-of-type(2) {
  stroke: rgba(103, 232, 249, .64);
  animation-delay: -1.2s;
}

body:has(.dh-youtube-story-renderer) .dh-command-route-layer path:nth-of-type(3) {
  stroke: rgba(250, 204, 21, .58);
  animation-delay: -2.4s;
}

body:has(.dh-youtube-story-renderer) .dh-command-route-layer path:nth-of-type(4) {
  stroke: rgba(190, 242, 100, .62);
  animation-delay: -3.1s;
}

body:has(.dh-youtube-story-renderer) .dh-command-route-layer .packet {
  fill: #f8fafc;
  stroke: rgba(15, 23, 42, .8);
  stroke-width: .35;
  filter: drop-shadow(0 0 5px rgba(103, 232, 249, .8));
}

body:has(.dh-youtube-story-renderer) .dh-command-route-layer .packet-b {
  fill: #67e8f9;
}

body:has(.dh-youtube-story-renderer) .dh-command-route-layer .packet-c {
  fill: #bef264;
}

body:has(.dh-youtube-story-renderer) .dh-command-hub {
  position: absolute;
  left: 50%;
  top: 48%;
  width: min(250px, 98%);
  min-height: 210px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 12px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(226, 232, 240, .28);
  border-radius: 10px;
  background:
    radial-gradient(circle at 22% 18%, rgba(103, 232, 249, .22), transparent 42%),
    rgba(2, 6, 23, .82);
  box-shadow: inset 0 0 0 1px rgba(103, 232, 249, .08), 0 14px 36px rgba(0, 0, 0, .32);
  animation: dhCommandHub 3.8s ease-in-out infinite;
  z-index: 5;
}

body:has(.dh-youtube-story-renderer) .dh-command-hub::after {
  content: "";
  height: 4px;
  width: var(--hub-fill);
  max-width: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #67e8f9, #bef264, #facc15);
  box-shadow: 0 0 12px rgba(103, 232, 249, .28);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-stack-controller {
  border-color: rgba(250, 204, 21, .42);
  background:
    radial-gradient(circle at 22% 18%, rgba(250, 204, 21, .2), transparent 40%),
    radial-gradient(circle at 76% 72%, rgba(103, 232, 249, .16), transparent 44%),
    rgba(2, 6, 23, .86);
  box-shadow: 0 0 26px rgba(250, 204, 21, .12), 0 16px 42px rgba(0, 0, 0, .36);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-stack-controller header {
  display: grid;
  gap: 3px;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack {
  display: grid;
  gap: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack span {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  min-height: 44px;
  padding: 7px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .14);
  border-radius: 8px;
  background: rgba(15, 23, 42, .58);
  opacity: 0;
  transform: translateX(-12px);
  animation: dhSponsorFeedBuild .64s cubic-bezier(.2, .8, .22, 1) forwards;
  animation-delay: calc(.2s + var(--feed-order) * .26s);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--feed-fill);
  max-width: 100%;
  opacity: .2;
  background: linear-gradient(90deg, #facc15, #67e8f9);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack .feed-glb::before {
  background: linear-gradient(90deg, #67e8f9, #a78bfa);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack .feed-podcast::before {
  background: linear-gradient(90deg, #bef264, #facc15);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack b,
body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack small,
body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack em {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack b {
  color: #fefce8;
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack small,
body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack em {
  color: #cbd5e1;
  font-size: 8px;
  font-style: normal;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack i {
  position: relative;
  z-index: 1;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, .13);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-feed-stack i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--feed-fill);
  border-radius: inherit;
  background: linear-gradient(90deg, #facc15, #67e8f9, #bef264);
  animation: dhSponsorFeedSweep 2.7s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-featured-sponsor-vein {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-layer {
  position: absolute;
  inset: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  overflow: visible;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-layer path {
  fill: none;
  stroke: rgba(250, 204, 21, .74);
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: .02 .026;
  filter: drop-shadow(0 0 8px rgba(250, 204, 21, .34));
  animation: dhSponsorVeinDraw calc(5.6s / max(.7, var(--stream-pace, 1))) linear infinite;
  animation-delay: calc(var(--vein-order) * -.62s);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-layer .route-bubble path {
  stroke: rgba(103, 232, 249, .8);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-layer .route-objects path {
  stroke: rgba(167, 139, 250, .78);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-layer .route-source path {
  stroke: rgba(56, 189, 248, .78);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-layer .route-time path {
  stroke: rgba(248, 250, 252, .68);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-layer .route-podcast path {
  stroke: rgba(190, 242, 100, .82);
}

body:has(.dh-youtube-story-renderer) .dh-vein-packet {
  fill: #fefce8;
  stroke: rgba(15, 23, 42, .8);
  stroke-width: .32;
  filter: drop-shadow(0 0 7px rgba(250, 204, 21, .82));
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node {
  position: absolute;
  left: var(--vein-x);
  top: var(--vein-y);
  z-index: 6;
  width: min(136px, 48%);
  min-height: 58px;
  display: grid;
  gap: 2px;
  padding: 8px;
  transform: translate(-50%, -50%) scale(.88);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .2);
  border-radius: 999px;
  background:
    radial-gradient(circle at 20% 18%, rgba(248, 250, 252, .16), transparent 35%),
    rgba(2, 6, 23, .82);
  box-shadow: 0 0 0 1px rgba(103, 232, 249, .08), 0 12px 28px rgba(0, 0, 0, .32);
  opacity: 0;
  pointer-events: auto;
  text-align: center;
  text-decoration: none;
  animation: dhSponsorNodeBloom .66s cubic-bezier(.2, .8, .22, 1) forwards;
  animation-delay: calc(.18s + var(--vein-order) * .18s);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node.node-bubble {
  width: min(156px, 52%);
  min-height: 72px;
  border-color: rgba(103, 232, 249, .42);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node.node-time {
  width: min(168px, 60%);
  min-height: 64px;
  border-radius: 14px;
  border-color: rgba(248, 250, 252, .3);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node.node-objects {
  border-color: rgba(167, 139, 250, .4);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node.node-podcast {
  border-color: rgba(190, 242, 100, .44);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node.node-source {
  border-color: rgba(56, 189, 248, .4);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node b,
body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node b {
  color: #f8fafc;
  font-size: 11px;
  line-height: 1.12;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node small {
  color: #cbd5e1;
  font-size: 8px;
  line-height: 1.15;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node i {
  position: relative;
  display: block;
  height: 3px;
  margin: 2px 12px 0;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, .12);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-vein-node i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--vein-fill);
  border-radius: inherit;
  background: linear-gradient(90deg, #facc15, #67e8f9, #bef264);
  animation: dhSponsorFeedSweep 2.4s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline {
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 3%;
  z-index: 7;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  pointer-events: auto;
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline::before {
  content: "";
  position: absolute;
  left: 3%;
  right: 3%;
  top: 19px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(248, 250, 252, .12), rgba(250, 204, 21, .56), rgba(103, 232, 249, .5), rgba(190, 242, 100, .46));
  box-shadow: 0 0 12px rgba(103, 232, 249, .18);
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline article,
body:has(.dh-youtube-story-renderer) .dh-key-find-timeline a {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 24px 6px 6px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .16);
  border-radius: 8px;
  background: rgba(2, 6, 23, .76);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .28);
  text-decoration: none;
  opacity: 0;
  transform: translateY(10px);
  animation: dhCommandCardBuild .52s ease forwards;
  animation-delay: calc(.2s + var(--find-order) * .14s);
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline code {
  position: absolute;
  left: 50%;
  top: 4px;
  display: grid;
  place-items: center;
  min-width: 27px;
  height: 27px;
  padding: 0 5px;
  transform: translateX(-50%);
  border: 1px solid rgba(250, 204, 21, .42);
  border-radius: 999px;
  background: rgba(2, 6, 23, .92);
  color: #fefce8;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  box-shadow: 0 0 12px rgba(250, 204, 21, .16);
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline b,
body:has(.dh-youtube-story-renderer) .dh-key-find-timeline small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline b {
  color: #f8fafc;
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline small {
  color: #cbd5e1;
  font-size: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline i {
  position: relative;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, .12);
}

body:has(.dh-youtube-story-renderer) .dh-key-find-timeline i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--find-fill);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #bef264, #facc15);
  animation: dhSponsorFeedSweep 2.6s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-command-hub code,
body:has(.dh-youtube-story-renderer) .dh-command-card span,
body:has(.dh-youtube-story-renderer) .dh-command-link-stack span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-command-hub b,
body:has(.dh-youtube-story-renderer) .dh-command-card b,
body:has(.dh-youtube-story-renderer) .dh-command-link-stack b {
  min-width: 0;
  color: #f8fafc;
  font-size: 11px;
  line-height: 1.12;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-command-hub span,
body:has(.dh-youtube-story-renderer) .dh-command-card small,
body:has(.dh-youtube-story-renderer) .dh-command-link-stack small {
  min-width: 0;
  color: #cbd5e1;
  font-size: 9px;
  line-height: 1.22;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-command-card {
  position: absolute;
  z-index: 2;
  width: min(148px, 48%);
  min-height: 62px;
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(226, 232, 240, .2);
  border-radius: 8px;
  background: rgba(2, 6, 23, .74);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .3);
  opacity: 0;
  pointer-events: auto;
  text-decoration: none;
  transform: translateY(12px) scale(.94);
  animation: dhCommandCardBuild .62s cubic-bezier(.2, .8, .22, 1) forwards;
  animation-delay: calc(var(--card-order) * .22s);
}

body:has(.dh-youtube-story-renderer) .dh-command-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  opacity: .7;
  background: linear-gradient(135deg, rgba(103, 232, 249, .22), transparent 42%, rgba(190, 242, 100, .18));
}

body:has(.dh-youtube-story-renderer) .dh-command-card > i {
  position: relative;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, .12);
}

body:has(.dh-youtube-story-renderer) .dh-command-card > i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--card-fill);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #bef264);
  box-shadow: 0 0 10px rgba(103, 232, 249, .28);
}

body:has(.dh-youtube-story-renderer) .dh-command-card.node-episode { left: 0; top: 0; }
body:has(.dh-youtube-story-renderer) .dh-command-card.node-views { right: 0; top: 0; }
body:has(.dh-youtube-story-renderer) .dh-command-card.node-backlinks { left: 0; top: 78%; }
body:has(.dh-youtube-story-renderer) .dh-command-card.node-source { right: 0; top: 78%; }
body:has(.dh-youtube-story-renderer) .dh-command-card.node-sponsor { display: none; }
body:has(.dh-youtube-story-renderer) .dh-command-card.node-podcast { right: 0; top: 39%; width: min(134px, 46%); }

body:has(.dh-youtube-story-renderer) .dh-command-card.tone-sponsor > i::after {
  background: linear-gradient(90deg, #facc15, #fb7185);
}

body:has(.dh-youtube-story-renderer) .dh-command-card.tone-podcast > i::after {
  background: linear-gradient(90deg, #bef264, #67e8f9);
}

body:has(.dh-youtube-story-renderer) .dh-command-card.tone-link > i::after,
body:has(.dh-youtube-story-renderer) .dh-command-card.tone-source > i::after {
  background: linear-gradient(90deg, #38bdf8, #a78bfa);
}

body:has(.dh-youtube-story-renderer) .dh-command-intel-map.podcast-live .dh-command-card.node-podcast,
body:has(.dh-youtube-story-renderer) .dh-command-intel-map.sponsor-live .dh-command-card.node-sponsor {
  border-color: rgba(250, 204, 21, .56);
  box-shadow: 0 0 24px rgba(250, 204, 21, .18), 0 12px 30px rgba(0, 0, 0, .3);
}

body:has(.dh-youtube-story-renderer) .dh-command-link-stack {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -126px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  pointer-events: auto;
}

body:has(.dh-youtube-story-renderer) .dh-command-link-stack a {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 7px;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, .2);
  border-radius: 8px;
  background: rgba(2, 6, 23, .76);
  text-decoration: none;
  opacity: 0;
  transform: translateY(10px);
  animation: dhCommandCardBuild .5s ease forwards;
  animation-delay: calc(.45s + var(--link-order) * .18s);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock {
  grid-area: glb;
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 2;
  width: auto !important;
  min-width: 0;
  height: 100%;
  align-content: start;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, .32);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(8, 47, 73, .72), rgba(2, 6, 23, .72)),
    rgba(2, 6, 23, .64);
  box-shadow: 0 18px 50px rgba(14, 165, 233, .14);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock::before {
  right: auto;
  left: -5px;
  top: 38px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock header {
  gap: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock header b {
  max-width: 100%;
  white-space: normal;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-grid,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.expanded .dh-corner-glb-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  max-height: calc(100dvh - 272px);
  overflow: hidden;
  opacity: 1;
  pointer-events: auto;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-grid button {
  min-height: 88px;
  border-radius: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-story-control {
  position: absolute;
  left: 22px;
  bottom: 22px;
  z-index: 5;
  display: grid !important;
  width: min(430px, calc(100% - 44px));
  max-height: 112px;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:has(.dh-youtube-story-renderer) .dh-special-guest-signal {
  min-height: 104px;
  padding: 12px;
  border: 1px solid rgba(190, 242, 100, .38);
  border-radius: 10px;
  background:
    radial-gradient(circle at 18% 50%, rgba(190, 242, 100, .18), transparent 42%),
    rgba(2, 6, 23, .82);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .35);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-observatory-transport {
  grid-column: 2;
  grid-row: 1;
  z-index: 4;
  display: grid !important;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 8px;
  height: 100%;
  min-height: 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .18);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .72), rgba(2, 6, 23, .72)),
    rgba(2, 6, 23, .64);
  box-shadow: inset 0 0 0 1px rgba(103, 232, 249, .08);
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport button {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 8px;
  white-space: normal;
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport label {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  align-self: end;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(226, 232, 240, .13);
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport label span {
  white-space: normal;
  line-height: 1.25;
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport input[type="range"] {
  width: 100%;
  min-width: 0;
}

@keyframes dhWhiteboardPulse {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .48; }
  50% { transform: translate3d(3px, -2px, 0) scale(1.01); opacity: .78; }
}

@keyframes dhCommandRoute {
  to { stroke-dashoffset: -1; }
}

@keyframes dhCommandHub {
  0%, 100% { transform: translate(-50%, -50%) scale(.985); }
  50% { transform: translate(-50%, -50%) scale(1.02); }
}

@keyframes dhCommandCardBuild {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes dhSponsorFeedBuild {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes dhSponsorFeedSweep {
  0%, 100% { filter: brightness(.85); transform: translateX(-4%); }
  50% { filter: brightness(1.35); transform: translateX(4%); }
}

@keyframes dhSponsorVeinDraw {
  to { stroke-dashoffset: -1; }
}

@keyframes dhSponsorNodeBloom {
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@media (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-media.dh-movie-controls {
    left: 10px;
    right: 10px;
    top: 72px;
  }

  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(220px, .9fr) minmax(220px, .72fr) minmax(150px, .55fr);
    grid-template-areas:
      "video"
      "map"
      "glb";
    padding: 12px 12px 126px;
    gap: 10px;
  }

  body:has(.dh-youtube-story-renderer) .dh-command-intel-map {
    min-height: 210px;
  }

  body:has(.dh-youtube-story-renderer) .dh-command-card {
    width: min(210px, 48%);
  }

  body:has(.dh-youtube-story-renderer) .dh-command-hub {
    width: min(180px, 48%);
  }

  body:has(.dh-youtube-story-renderer) .dh-command-link-stack {
    bottom: -118px;
  }

  body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-grid,
  body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.expanded .dh-corner-glb-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: 92px;
  }

  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-story-control {
    left: 18px;
    right: 18px;
    bottom: 86px;
    width: auto;
  }

  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-observatory-transport {
    grid-column: 1;
    grid-row: 2;
    height: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body:has(.dh-youtube-story-renderer) .dh-observatory-transport label {
    grid-column: 1 / -1;
  }
}

/* Fixed Observatory layout: 3D objects top-left, video center, bubble map right, analytics timeline bottom. */
body:has(.dh-youtube-story-renderer) .dh-command-intel-map,
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-story-control {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
  grid-template-columns: minmax(170px, .46fr) minmax(300px, 1fr) minmax(245px, .76fr);
  grid-template-rows: minmax(244px, 1fr) minmax(118px, .34fr);
  grid-template-areas:
    "objects video bubble"
    "timeline timeline glb";
  gap: 12px;
  padding: 14px;
  max-height: none;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-video-system-shell {
  grid-area: video;
  min-height: 244px;
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone,
body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-map-zone,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone {
  position: relative;
  z-index: 3;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .18);
  border-radius: 10px;
  background:
    radial-gradient(circle at 20% 18%, rgba(103, 232, 249, .16), transparent 38%),
    rgba(2, 6, 23, .72);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .26);
}

body:has(.dh-youtube-story-renderer) .dh-babylon-analytics-engine {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .72;
  mix-blend-mode: screen;
}

body:has(.dh-youtube-story-renderer) .dh-babylon-analytics-engine.mode-map {
  opacity: .86;
}

body:has(.dh-youtube-story-renderer) .dh-babylon-analytics-engine.mode-timeline {
  opacity: .64;
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone > header,
body:has(.dh-youtube-story-renderer) .dh-object-construction-field,
body:has(.dh-youtube-story-renderer) .dh-object-card-stack,
body:has(.dh-youtube-story-renderer) .dh-bubble-map-core,
body:has(.dh-youtube-story-renderer) .dh-bubble-map-node,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone > header,
body:has(.dh-youtube-story-renderer) .dh-timeline-find-track {
  position: relative;
  z-index: 2;
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone {
  grid-area: objects;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 7px;
  padding: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone header,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone header {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone header span,
body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-map-zone span,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone header span,
body:has(.dh-youtube-story-renderer) .dh-timeline-find-track span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone header b,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone header b {
  color: #f8fafc;
  font-size: 11px;
  line-height: 1.12;
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone header small,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone header small {
  color: #cbd5e1;
  font-size: 8px;
  line-height: 1.2;
}

body:has(.dh-youtube-story-renderer) .dh-object-construction-field {
  position: relative;
  min-height: 72px;
}

body:has(.dh-youtube-story-renderer) .dh-object-construction-field span {
  position: absolute;
  width: 48px;
  height: 48px;
  transform-style: preserve-3d;
  opacity: 0;
  animation: dhObjectAssemble 1s cubic-bezier(.2, .8, .22, 1) forwards, dhObjectFloat 4.8s ease-in-out infinite;
  animation-delay: calc(var(--object-order) * .22s), calc(var(--object-order) * -.8s);
}

body:has(.dh-youtube-story-renderer) .dh-object-construction-field .object-0 { left: 6%; top: 8%; }
body:has(.dh-youtube-story-renderer) .dh-object-construction-field .object-1 { right: 9%; top: 15%; }
body:has(.dh-youtube-story-renderer) .dh-object-construction-field .object-2 { left: 38%; bottom: 0; }

body:has(.dh-youtube-story-renderer) .dh-object-construction-field i,
body:has(.dh-youtube-story-renderer) .dh-object-construction-field em {
  position: absolute;
  inset: 8px;
  display: block;
  border: 1px solid rgba(103, 232, 249, .58);
  transform: rotate(35deg) skew(-12deg);
  box-shadow: inset 0 0 14px rgba(103, 232, 249, .12), 0 0 16px rgba(103, 232, 249, .16);
}

body:has(.dh-youtube-story-renderer) .dh-object-construction-field em {
  inset: 15px 4px 3px 15px;
  border-color: rgba(190, 242, 100, .52);
  transform: rotate(-20deg) skew(18deg);
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack {
  display: grid;
  gap: 5px;
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack article {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  padding: 6px;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, .14);
  border-radius: 8px;
  background: rgba(15, 23, 42, .58);
  opacity: 0;
  transform: translateX(-12px);
  animation: dhSponsorFeedBuild .58s cubic-bezier(.2, .8, .22, 1) forwards;
  animation-delay: calc(.2s + var(--object-order) * .16s);
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack article > i {
  grid-column: 1 / -1;
  position: relative;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, .12);
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack article > i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--object-fill);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #a78bfa, #bef264);
}

body:has(.dh-youtube-story-renderer) .dh-object-backlink {
  min-width: 0;
  grid-column: 2;
  justify-self: start;
  max-width: 100%;
  padding: 2px 6px;
  overflow: hidden;
  border: 1px solid rgba(250, 204, 21, .24);
  border-radius: 999px;
  background: rgba(250, 204, 21, .08);
  color: #fef3c7;
  font-size: 6px;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack b,
body:has(.dh-youtube-story-renderer) .dh-object-card-stack small {
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack b {
  color: #f8fafc;
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack small {
  color: #cbd5e1;
  font-size: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-map-zone {
  grid-area: bubble;
  min-height: 244px;
}

body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-lines {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-lines path {
  fill: none;
  stroke: rgba(103, 232, 249, .38);
  stroke-width: .68;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dhSponsorVeinDraw 5.8s linear infinite;
  animation-delay: calc(var(--bubble-order) * -.38s);
}

body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-lines path.tone-link,
body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-lines path.tone-sponsor {
  stroke: rgba(250, 204, 21, .46);
}

body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-lines path.tone-source {
  stroke: rgba(56, 189, 248, .5);
}

body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-lines path.tone-podcast {
  stroke: rgba(167, 139, 250, .46);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-core {
  position: absolute;
  left: 50%;
  top: 52%;
  z-index: 3;
  width: min(150px, 58%);
  min-height: 74px;
  display: grid;
  place-items: center;
  gap: 3px;
  padding: 10px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(250, 204, 21, .42);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 38%, rgba(250, 204, 21, .25), transparent 45%),
    rgba(2, 6, 23, .86);
  text-align: center;
  box-shadow: 0 0 26px rgba(250, 204, 21, .13);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-core code,
body:has(.dh-youtube-story-renderer) .dh-bubble-map-node span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-core b,
body:has(.dh-youtube-story-renderer) .dh-bubble-map-node b {
  min-width: 0;
  color: #f8fafc;
  font-size: 10px;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-core span,
body:has(.dh-youtube-story-renderer) .dh-bubble-map-node small {
  min-width: 0;
  color: #cbd5e1;
  font-size: 7px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node {
  position: absolute;
  left: var(--bubble-x);
  top: var(--bubble-y);
  z-index: 4;
  width: clamp(68px, 34%, 96px);
  min-height: 46px;
  display: grid;
  gap: 2px;
  padding: 6px;
  transform: translate(-50%, -50%) scale(.88);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .18);
  border-radius: 10px;
  background:
    linear-gradient(145deg, rgba(15, 23, 42, .9), rgba(2, 6, 23, .74)),
    rgba(2, 6, 23, .82);
  text-align: left;
  text-decoration: none;
  opacity: 0;
  animation: dhSponsorNodeBloom .58s cubic-bezier(.2, .8, .22, 1) forwards;
  animation-delay: calc(.15s + var(--bubble-order) * .12s);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node.node-sponsor {
  width: clamp(96px, 46%, 128px);
  border-color: rgba(250, 204, 21, .48);
  border-radius: 999px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 35%, rgba(250, 204, 21, .28), transparent 56%),
    rgba(2, 6, 23, .9);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node.node-episode,
body:has(.dh-youtube-story-renderer) .dh-bubble-map-node.node-backlinks {
  border-radius: 12px 999px 999px 12px;
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node.node-views,
body:has(.dh-youtube-story-renderer) .dh-bubble-map-node.node-podcast {
  border-radius: 999px 12px 12px 999px;
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node.node-source {
  border-color: rgba(56, 189, 248, .4);
  box-shadow: 0 0 18px rgba(56, 189, 248, .1);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node i {
  position: relative;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, .12);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--bubble-fill);
  border-radius: inherit;
  background: linear-gradient(90deg, #facc15, #67e8f9, #bef264);
}

body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone {
  grid-area: timeline;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 6px;
  padding: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  min-height: 0;
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track::before {
  content: "";
  position: absolute;
  left: 3%;
  right: 3%;
  top: 16px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(250, 204, 21, .55), rgba(103, 232, 249, .5), rgba(190, 242, 100, .48));
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track article,
body:has(.dh-youtube-story-renderer) .dh-timeline-find-track a {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 22px 6px 5px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .14);
  border-radius: 8px;
  background: rgba(2, 6, 23, .74);
  text-decoration: none;
  opacity: 0;
  transform: translateY(8px);
  animation: dhCommandCardBuild .5s ease forwards;
  animation-delay: calc(.1s + var(--find-order) * .1s);
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track code {
  position: absolute;
  left: 50%;
  top: 2px;
  display: grid;
  place-items: center;
  min-width: 26px;
  height: 24px;
  transform: translateX(-50%);
  border: 1px solid rgba(250, 204, 21, .4);
  border-radius: 999px;
  background: rgba(2, 6, 23, .92);
  color: #fefce8;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track b,
body:has(.dh-youtube-story-renderer) .dh-timeline-find-track small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track b {
  color: #f8fafc;
  font-size: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track small {
  color: #cbd5e1;
  font-size: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track i {
  position: relative;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, .12);
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--find-fill);
  border-radius: inherit;
  background: linear-gradient(90deg, #67e8f9, #bef264, #facc15);
  animation: dhSponsorFeedSweep 2.6s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock {
  grid-area: glb !important;
  height: 100%;
  min-height: 0;
}

@keyframes dhObjectAssemble {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(18deg) rotateY(-24deg);
  }
}

@keyframes dhObjectFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -7px; }
}

@media (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(180px, auto) minmax(220px, auto) minmax(230px, auto) minmax(130px, auto) minmax(130px, auto);
    grid-template-areas:
      "objects"
      "video"
      "bubble"
      "timeline"
      "glb";
  }

  body:has(.dh-youtube-story-renderer) .dh-timeline-find-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Right-side authority stack: GLB -> Sponsored Stack -> Podcast, feeding the analytics veins. */
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid {
  grid-template-columns: minmax(0, 1fr) clamp(156px, 14vw, 204px);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
  grid-template-columns: minmax(150px, .42fr) minmax(280px, .9fr) minmax(220px, .72fr) minmax(150px, .42fr);
  grid-template-rows: minmax(126px, .42fr) minmax(126px, .42fr) minmax(118px, .34fr);
  grid-template-areas:
    "objects video bubble glb"
    "objects video bubble sponsor"
    "timeline timeline timeline podcast";
  gap: 10px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-video-system-shell {
  min-height: 262px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock {
  grid-area: glb !important;
}

body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack,
body:has(.dh-youtube-story-renderer) .dh-podcast-renderer-zone {
  position: relative;
  z-index: 6;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(250, 204, 21, .32);
  border-radius: 10px;
  background:
    radial-gradient(circle at 35% 20%, rgba(250, 204, 21, .2), transparent 44%),
    rgba(2, 6, 23, .82);
  box-shadow: 0 0 28px rgba(250, 204, 21, .13), 0 14px 34px rgba(0, 0, 0, .3);
}

body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack {
  grid-area: sponsor;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 6px;
  padding: 8px;
  animation: dhAuthorityPulse 1.7s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack.is-hot {
  border-color: rgba(250, 204, 21, .72);
  box-shadow: 0 0 36px rgba(250, 204, 21, .22), 0 14px 34px rgba(0, 0, 0, .3);
}

body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack header {
  display: grid;
  gap: 2px;
}

body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack header span,
body:has(.dh-youtube-story-renderer) .dh-podcast-renderer-zone div > span {
  color: #facc15;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack header b,
body:has(.dh-youtube-story-renderer) .dh-podcast-renderer-zone div > b {
  color: #f8fafc;
  font-size: 10px;
  line-height: 1.1;
}

body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack header small,
body:has(.dh-youtube-story-renderer) .dh-podcast-renderer-zone div > small {
  min-width: 0;
  color: #cbd5e1;
  font-size: 7px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 3px;
  align-items: center;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift span {
  min-width: 0;
  display: grid;
  place-items: center;
  gap: 1px;
  min-height: 42px;
  padding: 4px 2px;
  border: 1px solid rgba(226, 232, 240, .16);
  border-radius: 8px;
  background: rgba(15, 23, 42, .62);
  box-shadow: inset 0 0 0 1px rgba(250, 204, 21, .08);
  transform: translateY(7px) scale(.9);
  opacity: 0;
  animation: dhLogoShift .92s cubic-bezier(.2, .8, .22, 1) forwards, dhLogoPulse 1.15s ease-in-out infinite;
  animation-delay: calc(var(--partner-order) * .08s), calc(var(--partner-order) * -.16s);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #020617, #0f172a);
  border: 1px solid rgba(250, 204, 21, .42);
  color: #fefce8;
  font-size: 9px;
  font-style: normal;
  font-weight: 1000;
  box-shadow: 0 0 14px rgba(250, 204, 21, .18);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift b,
body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift small {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift b {
  color: #f8fafc;
  font-size: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift small {
  color: #bae6fd;
  font-size: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-engine-bars {
  display: grid;
  gap: 3px;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-engine-bars span {
  display: grid;
  gap: 2px;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-engine-bars b {
  color: #e0f2fe;
  font-size: 7px;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-engine-bars i {
  position: relative;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, .12);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-engine-bars i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--engine-fill);
  border-radius: inherit;
  background: linear-gradient(90deg, #facc15, #67e8f9, #bef264);
  animation: dhSponsorFeedSweep 1.7s ease-in-out infinite;
  animation-delay: calc(var(--engine-order) * -.2s);
}

body:has(.dh-youtube-story-renderer) .dh-podcast-renderer-zone {
  grid-area: podcast;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 8px;
  border-color: rgba(190, 242, 100, .34);
  background:
    radial-gradient(circle at 24% 50%, rgba(190, 242, 100, .2), transparent 42%),
    rgba(2, 6, 23, .82);
}

body:has(.dh-youtube-story-renderer) .dh-podcast-renderer-zone.is-live {
  border-color: rgba(190, 242, 100, .66);
  box-shadow: 0 0 28px rgba(190, 242, 100, .18), 0 14px 34px rgba(0, 0, 0, .3);
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network {
  position: absolute;
  inset: 10px;
  z-index: 4;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  pointer-events: none;
  overflow: visible;
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network path {
  fill: none;
  stroke: rgba(250, 204, 21, .72);
  stroke-width: .72;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: .035 .025;
  filter: drop-shadow(0 0 6px rgba(250, 204, 21, .38));
  animation: dhSponsorVeinDraw 3.4s linear infinite;
  animation-delay: calc(var(--route-order) * -.3s);
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network .route-bubble path {
  stroke: rgba(103, 232, 249, .82);
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network .route-objects path {
  stroke: rgba(167, 139, 250, .78);
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network .route-timeline path {
  stroke: rgba(190, 242, 100, .76);
}

body:has(.dh-youtube-story-renderer) .dh-authority-packet {
  fill: #fefce8;
  stroke: rgba(15, 23, 42, .85);
  stroke-width: .28;
  filter: drop-shadow(0 0 8px rgba(250, 204, 21, .9));
}

@keyframes dhAuthorityPulse {
  0%, 100% { transform: scale(.985); }
  50% { transform: scale(1.02); }
}

@keyframes dhLogoShift {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes dhLogoPulse {
  0%, 100% { filter: brightness(.88); }
  50% { filter: brightness(1.45); }
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift span {
  position: relative;
  overflow: hidden;
  animation:
    dhLogoShift .58s cubic-bezier(.16, 1, .3, 1) both,
    dhAuthorityBadgePulse .72s ease-in-out infinite;
  animation-delay:
    calc(var(--partner-order) * .08s),
    calc(var(--partner-order) * -.1s);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(250, 204, 21, .94), rgba(103, 232, 249, .84));
  transform: translateY(-50%);
  animation: dhAuthorityFeedPacket .62s linear infinite;
  animation-delay: calc(var(--partner-order) * -.09s);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift b {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .16) inset,
    0 0 14px rgba(250, 204, 21, .26);
  animation: dhLogoPulse .48s ease-in-out infinite;
  animation-delay: calc(var(--partner-order) * -.07s);
}

@keyframes dhAuthorityBadgePulse {
  0%, 100% {
    border-color: rgba(250, 204, 21, .28);
    box-shadow: 0 0 0 rgba(250, 204, 21, 0);
    transform: translateY(0);
  }

  50% {
    border-color: rgba(250, 204, 21, .72);
    box-shadow: 0 0 18px rgba(250, 204, 21, .2), 0 0 12px rgba(103, 232, 249, .16);
    transform: translateY(-1px);
  }
}

@keyframes dhAuthorityFeedPacket {
  0% {
    opacity: 0;
    transform: translate(-22px, -50%) scaleX(.35);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(20px, -50%) scaleX(1.15);
  }
}

/* Producer mode: the three analytics functions repeatedly construct, hold, and reset. */
body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone,
body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-map-zone,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone {
  --producer-cycle: 19s;
  isolation: isolate;
  animation: dhProducerShellCycle var(--producer-cycle) linear infinite;
  animation-delay: var(--system-delay, 0s);
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone {
  --system-delay: 0s;
}

body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-map-zone {
  --system-delay: .75s;
}

body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone {
  --system-delay: 1.5s;
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone::before,
body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-map-zone::before,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 7;
  pointer-events: none;
  background:
    linear-gradient(105deg, transparent 0 34%, rgba(103, 232, 249, .22) 42%, rgba(250, 204, 21, .15) 49%, transparent 60%),
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(103, 232, 249, .08) 23px 24px);
  opacity: 0;
  transform: translateX(-120%);
  mix-blend-mode: screen;
  animation: dhProducerSweep var(--producer-cycle) linear infinite;
  animation-delay: var(--system-delay, 0s);
}

body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone header,
body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone header {
  opacity: 0;
  transform: translateY(-5px);
  animation: dhProducerLabelCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + .25s);
}

body:has(.dh-youtube-story-renderer) .dh-object-construction-field span {
  opacity: 0;
  transform: translate3d(-16px, 12px, 0) rotateX(64deg) rotateY(-38deg) scale(.18);
  animation: dhProducerObjectCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + var(--object-order) * .75s);
}

body:has(.dh-youtube-story-renderer) .dh-object-construction-field i,
body:has(.dh-youtube-story-renderer) .dh-object-construction-field em {
  clip-path: inset(0 100% 100% 0);
  animation: dhProducerFacetCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + var(--object-order) * .75s + .28s);
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack article {
  opacity: 0;
  clip-path: inset(0 100% 0 0 round 8px);
  transform: translateX(-14px) scale(.96);
  animation: dhProducerCardCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + .9s + var(--object-order) * .65s);
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack article > i::after,
body:has(.dh-youtube-story-renderer) .dh-bubble-map-node i::after,
body:has(.dh-youtube-story-renderer) .dh-timeline-find-track i::after {
  transform: scaleX(0);
  transform-origin: left center;
  animation: dhProducerFillCycle var(--producer-cycle) linear infinite;
}

body:has(.dh-youtube-story-renderer) .dh-object-card-stack article > i::after {
  animation-delay: calc(var(--system-delay, 0s) + 1.3s + var(--object-order) * .65s);
}

body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-lines path {
  opacity: 0;
  stroke-width: .62;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dhProducerPathCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + .25s + var(--bubble-order) * .38s);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-core {
  opacity: 0;
  transform: translate(-50%, -50%) scale(.72);
  animation: dhProducerCoreCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + .8s);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node {
  opacity: 0;
  clip-path: circle(0 at 50% 50%);
  transform: translate(-50%, -50%) scale(.62);
  animation: dhProducerBubbleNodeCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + 1.35s + var(--bubble-order) * .46s);
}

body:has(.dh-youtube-story-renderer) .dh-bubble-map-node i::after {
  animation-delay: calc(var(--system-delay, 0s) + 2s + var(--bubble-order) * .46s);
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track::before {
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  animation: dhProducerTrackCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + .45s);
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track article,
body:has(.dh-youtube-story-renderer) .dh-timeline-find-track a {
  opacity: 0;
  clip-path: inset(0 100% 0 0 round 8px);
  transform: translateY(10px) scale(.96);
  animation: dhProducerTimelineCardCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + .85s + var(--find-order) * .34s);
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track code {
  opacity: 0;
  transform: translateX(-50%) scale(.55);
  animation: dhProducerMarkerCycle var(--producer-cycle) linear infinite;
  animation-delay: calc(var(--system-delay, 0s) + 1.1s + var(--find-order) * .34s);
}

body:has(.dh-youtube-story-renderer) .dh-timeline-find-track i::after {
  animation-delay: calc(var(--system-delay, 0s) + 1.45s + var(--find-order) * .34s);
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network {
  opacity: .42;
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network path {
  stroke-width: .36;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 3px rgba(250, 204, 21, .22));
  opacity: 0;
  animation: dhQuietVeinPulse 5s ease-in-out infinite;
  animation-delay: calc(var(--route-order) * .18s);
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network .route-bubble path {
  stroke: rgba(103, 232, 249, .34);
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network .route-objects path {
  stroke: rgba(167, 139, 250, .32);
}

body:has(.dh-youtube-story-renderer) .dh-authority-vein-network .route-timeline path {
  stroke: rgba(190, 242, 100, .32);
}

body:has(.dh-youtube-story-renderer) .dh-authority-packet {
  opacity: 0;
  filter: drop-shadow(0 0 5px rgba(250, 204, 21, .45));
  animation: dhQuietPacketPulse 5s ease-in-out infinite;
  animation-delay: calc(var(--route-order) * .18s);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift i {
  animation: dhLogoPulse .48s ease-in-out infinite;
  animation-delay: calc(var(--partner-order) * -.07s);
}

body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift b {
  box-shadow: none;
  animation: none;
}

@keyframes dhProducerShellCycle {
  0%, 7% {
    border-color: rgba(226, 232, 240, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  }

  22%, 72% {
    border-color: rgba(103, 232, 249, .28);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .28), inset 0 0 24px rgba(103, 232, 249, .05);
  }

  86%, 100% {
    border-color: rgba(226, 232, 240, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
  }
}

@keyframes dhProducerSweep {
  0%, 8%, 100% {
    opacity: 0;
    transform: translateX(-120%);
  }

  16% {
    opacity: .8;
  }

  31%, 78% {
    opacity: 0;
    transform: translateX(120%);
  }

  82% {
    opacity: .42;
    transform: translateX(-80%);
  }

  90% {
    opacity: 0;
    transform: translateX(120%);
  }
}

@keyframes dhProducerLabelCycle {
  0%, 7%, 92%, 100% {
    opacity: 0;
    transform: translateY(-5px);
  }

  14%, 76% {
    opacity: 1;
    transform: translateY(0);
  }

  82% {
    opacity: .38;
    transform: translateY(2px);
  }
}

@keyframes dhProducerObjectCycle {
  0%, 9%, 92%, 100% {
    opacity: 0;
    transform: translate3d(-16px, 12px, 0) rotateX(64deg) rotateY(-38deg) scale(.18);
  }

  16% {
    opacity: .72;
    transform: translate3d(-4px, 4px, 0) rotateX(38deg) rotateY(-30deg) scale(.62);
  }

  28%, 76% {
    opacity: 1;
    transform: translate3d(0, -4px, 0) rotateX(18deg) rotateY(-24deg) scale(1);
  }

  54% {
    transform: translate3d(0, -10px, 0) rotateX(21deg) rotateY(-33deg) scale(1.04);
  }

  84% {
    opacity: .28;
    transform: translate3d(8px, 2px, 0) rotateX(32deg) rotateY(-16deg) scale(.84);
  }
}

@keyframes dhProducerFacetCycle {
  0%, 10%, 92%, 100% {
    clip-path: inset(0 100% 100% 0);
  }

  20%, 78% {
    clip-path: inset(0 0 0 0);
  }

  84% {
    clip-path: inset(0 0 0 72%);
  }
}

@keyframes dhProducerCardCycle {
  0%, 10%, 92%, 100% {
    opacity: 0;
    clip-path: inset(0 100% 0 0 round 8px);
    transform: translateX(-14px) scale(.96);
  }

  22%, 76% {
    opacity: 1;
    clip-path: inset(0 0 0 0 round 8px);
    transform: translateX(0) scale(1);
  }

  84% {
    opacity: .22;
    clip-path: inset(0 0 0 72% round 8px);
    transform: translateX(8px) scale(.98);
  }
}

@keyframes dhProducerFillCycle {
  0%, 15%, 92%, 100% {
    transform: scaleX(0);
    opacity: 0;
  }

  27%, 76% {
    transform: scaleX(1);
    opacity: 1;
  }

  84% {
    transform: scaleX(.18);
    opacity: .3;
  }
}

@keyframes dhProducerPathCycle {
  0%, 9%, 92%, 100% {
    opacity: 0;
    stroke-dashoffset: 1;
  }

  24%, 76% {
    opacity: .58;
    stroke-dashoffset: 0;
  }

  84% {
    opacity: .14;
    stroke-dashoffset: -.18;
  }
}

@keyframes dhProducerCoreCycle {
  0%, 8%, 92%, 100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.72);
  }

  18%, 76% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  46% {
    transform: translate(-50%, -50%) scale(1.04);
  }

  84% {
    opacity: .26;
    transform: translate(-50%, -50%) scale(.86);
  }
}

@keyframes dhProducerBubbleNodeCycle {
  0%, 12%, 92%, 100% {
    opacity: 0;
    clip-path: circle(0 at 50% 50%);
    transform: translate(-50%, -50%) scale(.62);
  }

  25%, 76% {
    opacity: 1;
    clip-path: circle(82% at 50% 50%);
    transform: translate(-50%, -50%) scale(1);
  }

  84% {
    opacity: .2;
    clip-path: circle(30% at 50% 50%);
    transform: translate(-50%, -50%) scale(.82);
  }
}

@keyframes dhProducerTrackCycle {
  0%, 10%, 92%, 100% {
    opacity: 0;
    transform: scaleX(0);
  }

  26%, 76% {
    opacity: 1;
    transform: scaleX(1);
  }

  84% {
    opacity: .18;
    transform: scaleX(.24);
  }
}

@keyframes dhProducerTimelineCardCycle {
  0%, 12%, 92%, 100% {
    opacity: 0;
    clip-path: inset(0 100% 0 0 round 8px);
    transform: translateY(10px) scale(.96);
  }

  25%, 76% {
    opacity: 1;
    clip-path: inset(0 0 0 0 round 8px);
    transform: translateY(0) scale(1);
  }

  84% {
    opacity: .2;
    clip-path: inset(0 0 0 72% round 8px);
    transform: translateY(-3px) scale(.98);
  }
}

@keyframes dhProducerMarkerCycle {
  0%, 13%, 92%, 100% {
    opacity: 0;
    transform: translateX(-50%) scale(.55);
  }

  24%, 76% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }

  84% {
    opacity: .18;
    transform: translateX(-50%) scale(.72);
  }
}

@keyframes dhQuietVeinPulse {
  0%, 28%, 100% {
    opacity: 0;
    stroke-dashoffset: 1;
  }

  42% {
    opacity: .34;
    stroke-dashoffset: .38;
  }

  56% {
    opacity: .16;
    stroke-dashoffset: 0;
  }

  70% {
    opacity: 0;
    stroke-dashoffset: -.12;
  }
}

@keyframes dhQuietPacketPulse {
  0%, 34%, 100% {
    opacity: 0;
  }

  48% {
    opacity: .46;
  }

  62% {
    opacity: .12;
  }
}

@media (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(170px, auto) minmax(220px, auto) minmax(220px, auto) minmax(120px, auto) minmax(120px, auto) minmax(112px, auto) minmax(130px, auto);
    grid-template-areas:
      "objects"
      "video"
      "bubble"
      "glb"
      "sponsor"
      "podcast"
      "timeline";
  }
}

@media (min-width: 760px) and (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-youtube-stage {
    grid-template-columns: minmax(104px, .3fr) minmax(244px, .68fr) minmax(224px, .72fr) minmax(96px, .28fr);
    grid-template-rows: minmax(118px, .36fr) minmax(120px, .38fr) minmax(108px, .32fr);
    grid-template-areas:
      "objects video bubble glb"
      "objects video bubble sponsor"
      "timeline timeline timeline podcast";
    gap: 7px;
    min-height: clamp(500px, calc(100vh - 174px), 640px);
  }

  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid {
    grid-template-columns: minmax(0, 1fr) clamp(122px, 15vw, 156px);
    gap: 7px;
  }

  body:has(.dh-youtube-story-renderer) .dh-observatory-transport {
    padding: 6px;
    gap: 5px;
  }

  body:has(.dh-youtube-story-renderer) .dh-self-creating-objects-zone,
  body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-map-zone,
  body:has(.dh-youtube-story-renderer) .dh-timeline-creation-zone,
  body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack,
  body:has(.dh-youtube-story-renderer) .dh-podcast-renderer-zone {
    padding: 7px;
  }

  body:has(.dh-youtube-story-renderer) .dh-prefilled-bubble-map-zone {
    min-height: 236px;
  }

  body:has(.dh-youtube-story-renderer) .dh-sponsored-authority-stack {
    min-height: 112px;
  }

  body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift span {
    min-height: 22px;
  }

  body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift b {
    width: 18px;
    height: 18px;
    font-size: 7px;
  }

  body:has(.dh-youtube-story-renderer) .dh-sponsor-logo-shift em {
    font-size: 6px;
  }

  body:has(.dh-youtube-story-renderer) .dh-timeline-key-finds {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Geometric observatory flyers: designs first, tiny labels second. */
body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers span {
  display: block;
  padding: 0;
  border-radius: 999px;
  color: rgba(103, 232, 249, .78);
  background: transparent;
  border-color: transparent;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span {
  width: 48px;
  height: 34px;
}

body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers span {
  width: 72px;
  min-width: 72px;
  height: 42px;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span i,
body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span em,
body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span strong,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers span i,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers span em,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers span strong {
  position: absolute;
  inset: auto;
  display: block;
  pointer-events: none;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer span b,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers span b {
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 42px;
  transform: translateX(-50%);
  color: rgba(224, 242, 254, .42);
  font-size: 6px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer .shape-prism i,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers .shape-prism i {
  left: 8px;
  top: 5px;
  width: 30px;
  height: 22px;
  border: 1px solid currentColor;
  border-radius: 3px;
  transform: skew(-18deg) rotate(-11deg);
  box-shadow: 10px 8px 0 rgba(103, 232, 249, .1), inset 0 0 14px rgba(103, 232, 249, .14);
}

body:has(.dh-youtube-story-renderer) .shape-prism em {
  left: 21px;
  top: 2px;
  width: 1px;
  height: 30px;
  background: currentColor;
  transform: rotate(52deg);
}

body:has(.dh-youtube-story-renderer) .shape-orbit i {
  left: 7px;
  top: 3px;
  width: 34px;
  height: 24px;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: rotate(-18deg);
  box-shadow: 0 0 16px rgba(103, 232, 249, .22);
}

body:has(.dh-youtube-story-renderer) .shape-orbit em {
  left: 23px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 18px currentColor;
}

body:has(.dh-youtube-story-renderer) .shape-orbit strong {
  left: 6px;
  top: 17px;
  width: 38px;
  height: 1px;
  background: linear-gradient(90deg, transparent, currentColor, transparent);
  transform: rotate(18deg);
}

body:has(.dh-youtube-story-renderer) .shape-ribbon i {
  left: 5px;
  top: 7px;
  width: 42px;
  height: 14px;
  border: 1px solid currentColor;
  border-radius: 12px 2px 12px 2px;
  transform: rotate(-12deg);
  background: linear-gradient(90deg, rgba(190, 242, 100, .18), transparent);
}

body:has(.dh-youtube-story-renderer) .shape-ribbon em {
  left: 15px;
  top: 3px;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(250, 204, 21, .42);
  border-radius: 50%;
  transform: scaleX(.42) rotate(35deg);
}

body:has(.dh-youtube-story-renderer) .shape-helix i,
body:has(.dh-youtube-story-renderer) .shape-helix em,
body:has(.dh-youtube-story-renderer) .shape-helix strong {
  left: 8px;
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, transparent, currentColor, transparent);
  box-shadow: 0 0 10px currentColor;
}

body:has(.dh-youtube-story-renderer) .shape-helix i {
  top: 8px;
  transform: rotate(-22deg);
}

body:has(.dh-youtube-story-renderer) .shape-helix em {
  top: 16px;
  transform: rotate(18deg);
}

body:has(.dh-youtube-story-renderer) .shape-helix strong {
  top: 24px;
  transform: rotate(-22deg);
}

body:has(.dh-youtube-story-renderer) .shape-lens i {
  left: 8px;
  top: 4px;
  width: 34px;
  height: 24px;
  border: 1px solid currentColor;
  border-radius: 50% 8px 50% 8px;
  transform: rotate(42deg);
  background: radial-gradient(circle, rgba(103, 232, 249, .2), transparent 62%);
}

body:has(.dh-youtube-story-renderer) .shape-lens em {
  left: 18px;
  top: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(250, 204, 21, .56);
}

body:has(.dh-youtube-story-renderer) .shape-stack i,
body:has(.dh-youtube-story-renderer) .shape-stack em,
body:has(.dh-youtube-story-renderer) .shape-stack strong {
  left: 10px;
  width: 34px;
  height: 9px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: rgba(15, 23, 42, .18);
}

body:has(.dh-youtube-story-renderer) .shape-stack i {
  top: 5px;
}

body:has(.dh-youtube-story-renderer) .shape-stack em {
  top: 13px;
}

body:has(.dh-youtube-story-renderer) .shape-stack strong {
  top: 21px;
}

body:has(.dh-youtube-story-renderer) .shape-node i {
  left: 10px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 22px 12px 0 rgba(190, 242, 100, .58), 42px 3px 0 rgba(250, 204, 21, .5), 0 0 16px currentColor;
}

body:has(.dh-youtube-story-renderer) .shape-node em {
  left: 14px;
  top: 14px;
  width: 42px;
  height: 1px;
  background: linear-gradient(90deg, currentColor, rgba(190, 242, 100, .58), rgba(250, 204, 21, .5));
  transform: rotate(13deg);
}

body:has(.dh-youtube-story-renderer) .tone-podcast {
  color: rgba(250, 204, 21, .82);
}

body:has(.dh-youtube-story-renderer) .tone-link,
body:has(.dh-youtube-story-renderer) .tone-episode {
  color: rgba(190, 242, 100, .78);
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 5;
  display: grid;
  grid-template-columns: 82px minmax(0, .9fr);
  gap: 2px 7px;
  align-items: center;
  padding: 7px 8px;
  border: 1px solid rgba(103, 232, 249, .22);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(2, 6, 23, .7), rgba(8, 47, 73, .46));
  box-shadow: inset 0 0 18px rgba(103, 232, 249, .06);
  backdrop-filter: blur(10px);
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout span,
body:has(.dh-youtube-story-renderer) .dh-content-radar-readout b,
body:has(.dh-youtube-story-renderer) .dh-content-radar-readout small,
body:has(.dh-youtube-story-renderer) .dh-content-radar-readout em,
body:has(.dh-youtube-story-renderer) .dh-content-radar-readout strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout span {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout b {
  color: #ecfeff;
  font-size: 10px;
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout small {
  grid-column: 1 / -1;
  color: rgba(224, 242, 254, .66);
  font-size: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout em,
body:has(.dh-youtube-story-renderer) .dh-content-radar-readout strong {
  grid-column: 1 / -1;
  font-style: normal;
  font-size: 7px;
  line-height: 1.1;
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout em {
  color: rgba(250, 204, 21, .74);
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout strong {
  color: rgba(190, 242, 100, .78);
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout.is-useful {
  left: 10px;
  right: 10px;
  bottom: 10px;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 5px 9px;
  padding: 9px;
  border-color: rgba(103, 232, 249, .32);
  background:
    linear-gradient(90deg, rgba(2, 6, 23, .9), rgba(8, 47, 73, .58)),
    radial-gradient(circle at 88% 12%, rgba(190, 242, 100, .14), transparent 36%);
  box-shadow: inset 0 0 20px rgba(103, 232, 249, .08), 0 12px 26px rgba(2, 6, 23, .24);
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout.is-useful small,
body:has(.dh-youtube-story-renderer) .dh-content-radar-readout.is-useful em,
body:has(.dh-youtube-story-renderer) .dh-content-radar-readout.is-useful strong {
  white-space: normal;
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout.is-useful small {
  font-size: 8px;
  line-height: 1.2;
  color: rgba(224, 242, 254, .82);
}

body:has(.dh-youtube-story-renderer) .dh-content-radar-readout.is-useful em,
body:has(.dh-youtube-story-renderer) .dh-content-radar-readout.is-useful strong {
  font-size: 7.5px;
}

body:has(.dh-youtube-story-renderer) .dh-content-proof-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

body:has(.dh-youtube-story-renderer) .dh-content-proof-grid article,
body:has(.dh-youtube-story-renderer) .dh-content-source-chip {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 6px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 5px;
  background: rgba(2, 6, 23, .42);
}

body:has(.dh-youtube-story-renderer) .dh-content-proof-grid code,
body:has(.dh-youtube-story-renderer) .dh-content-source-chip code {
  color: rgba(103, 232, 249, .86);
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-content-proof-grid span,
body:has(.dh-youtube-story-renderer) .dh-content-source-chip span,
body:has(.dh-youtube-story-renderer) .dh-content-source-chip b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-content-proof-grid span,
body:has(.dh-youtube-story-renderer) .dh-content-source-chip span {
  color: rgba(224, 242, 254, .72);
  font-size: 7px;
  line-height: 1.15;
}

body:has(.dh-youtube-story-renderer) .dh-content-source-chip {
  grid-column: 1 / -1;
  grid-template-columns: 58px minmax(0, .9fr) minmax(0, 1fr);
  align-items: center;
  color: inherit;
  text-decoration: none;
}

body:has(.dh-youtube-story-renderer) .dh-content-source-chip b {
  color: rgba(190, 242, 100, .84);
  font-size: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-content-source-chip:hover {
  border-color: rgba(190, 242, 100, .42);
  background: rgba(8, 47, 73, .54);
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock label,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock select,
body:has(.dh-youtube-story-renderer) .dh-corner-glb-dock,
body:has(.dh-youtube-story-renderer) .dh-corner-glb-dock button,
body:has(.dh-youtube-story-renderer) .dh-smart-glb-research-view,
body:has(.dh-youtube-story-renderer) .dh-smart-glb-research-view a {
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-category-drop-list,
body:has(.dh-youtube-story-renderer) .dh-category-dock-select {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 7px;
  border: 1px solid rgba(103, 232, 249, .24);
  border-radius: 7px;
  background: rgba(2, 6, 23, .62);
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-category-drop-list span,
body:has(.dh-youtube-story-renderer) .dh-category-dock-select span {
  color: rgba(103, 232, 249, .9);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-category-drop-list select,
body:has(.dh-youtube-story-renderer) .dh-category-dock-select select {
  width: 100%;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(190, 242, 100, .3);
  border-radius: 6px;
  background: rgba(15, 23, 42, .96);
  color: #ecfeff;
  font-size: 10px;
  font-weight: 900;
  outline: none;
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(103, 232, 249, .24);
  border-radius: 9px;
  background:
    linear-gradient(135deg, rgba(2, 6, 23, .88), rgba(8, 47, 73, .58)),
    radial-gradient(circle at 84% 20%, rgba(190, 242, 100, .12), transparent 38%);
  box-shadow: inset 0 0 20px rgba(103, 232, 249, .06);
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed header span,
body:has(.dh-youtube-story-renderer) .dh-multi-display-feed header b,
body:has(.dh-youtube-story-renderer) .dh-multi-display-feed small,
body:has(.dh-youtube-story-renderer) .dh-multi-display-feed b,
body:has(.dh-youtube-story-renderer) .dh-multi-display-feed article span,
body:has(.dh-youtube-story-renderer) .dh-multi-display-feed a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed header span,
body:has(.dh-youtube-story-renderer) .dh-multi-display-feed small {
  color: #67e8f9;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed header b {
  color: #ecfeff;
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed article,
body:has(.dh-youtube-story-renderer) .dh-multi-display-feed a {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 6px;
  background: rgba(15, 23, 42, .56);
  color: inherit;
  text-decoration: none;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed b {
  color: #f8fafc;
  font-size: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-multi-display-feed article span,
body:has(.dh-youtube-story-renderer) .dh-multi-display-feed a span {
  color: rgba(224, 242, 254, .7);
  font-size: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-object-system-reader {
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid rgba(52, 211, 153, .24);
  border-radius: 6px;
  background: rgba(2, 6, 23, .46);
}

body:has(.dh-youtube-story-renderer) .dh-object-system-reader code {
  color: rgba(52, 211, 153, .92);
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-object-system-reader strong,
body:has(.dh-youtube-story-renderer) .dh-object-system-reader small,
body:has(.dh-youtube-story-renderer) .dh-object-reader-line {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:has(.dh-youtube-story-renderer) .dh-object-system-reader strong {
  color: #f8fafc;
  font-size: 8px;
  line-height: 1.2;
}

body:has(.dh-youtube-story-renderer) .dh-object-reader-line {
  grid-column: 1 / -1;
  color: rgba(190, 242, 100, .76);
  font-size: 7px;
  line-height: 1.15;
  white-space: normal;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-research-view {
  display: grid;
  grid-template-columns: minmax(92px, .78fr) minmax(0, 1fr);
  gap: 8px;
  min-height: 150px;
  padding: 7px;
  border: 1px solid rgba(52, 211, 153, .3);
  border-radius: 8px;
  background:
    radial-gradient(circle at 28% 22%, rgba(52, 211, 153, .16), transparent 42%),
    rgba(2, 6, 23, .58);
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-stage {
  min-width: 0;
  min-height: 134px;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, .22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 40%, rgba(103, 232, 249, .14), transparent 52%),
    #020617;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-stage model-viewer,
body:has(.dh-youtube-story-renderer) .dh-smart-glb-stage .dh-scene-object {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 134px;
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-read {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-content: center;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-read span,
body:has(.dh-youtube-story-renderer) .dh-smart-glb-read b,
body:has(.dh-youtube-story-renderer) .dh-smart-glb-read small,
body:has(.dh-youtube-story-renderer) .dh-smart-glb-read em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-read span {
  color: rgba(52, 211, 153, .94);
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-read b {
  color: #f8fafc;
  font-size: 10px;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-read small,
body:has(.dh-youtube-story-renderer) .dh-smart-glb-read em {
  color: rgba(224, 242, 254, .72);
  font-size: 8px;
  font-style: normal;
  line-height: 1.2;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-read a {
  justify-self: start;
  padding: 4px 7px;
  border: 1px solid rgba(190, 242, 100, .28);
  border-radius: 999px;
  background: rgba(63, 98, 18, .22);
  color: #d9f99d;
  font-size: 7px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

/* Single-control presentation mode. */
body:has(.dh-youtube-story-renderer) .dh-mechanic-controls,
body:has(.dh-youtube-story-renderer) .dh-movie-buttons,
body:has(.dh-youtube-story-renderer) .dh-movie-slider,
body:has(.dh-youtube-story-renderer) .dh-movie-ticks,
body:has(.dh-youtube-story-renderer) .dh-top,
body:has(.dh-youtube-story-renderer) .dh-quick-rail,
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-story-control {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-observatory-transport {
  position: relative;
  z-index: 1200 !important;
  isolation: isolate;
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport button,
body:has(.dh-youtube-story-renderer) .dh-observatory-transport input,
body:has(.dh-youtube-story-renderer) .dh-observatory-transport label {
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-stage-reaction-tree,
body:has(.dh-youtube-story-renderer) .dh-authority-vein-network,
body:has(.dh-youtube-story-renderer) .dh-upper-construction-layer,
body:has(.dh-youtube-story-renderer) .dh-cross-analytic-fliers,
body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system,
body:has(.dh-youtube-story-renderer) .dh-backlink-radar,
body:has(.dh-youtube-story-renderer) .dh-cutscene-tracker,
body:has(.dh-youtube-story-renderer) .dh-story-analytics,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock {
  pointer-events: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-grid button {
  grid-template-columns: minmax(68px, 82px) minmax(0, 1fr);
  gap: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-glb-model-preview {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 74px;
  min-height: 74px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent, #67e8f9) 38%, rgba(148, 163, 184, .22));
  border-radius: 8px;
  background:
    radial-gradient(circle at 48% 30%, color-mix(in srgb, var(--accent, #67e8f9) 20%, transparent), transparent 52%),
    linear-gradient(145deg, rgba(2, 6, 23, .95), rgba(15, 23, 42, .72));
  box-shadow: inset 0 0 20px rgba(103, 232, 249, .1), 0 0 18px color-mix(in srgb, var(--accent, #67e8f9) 12%, transparent);
  pointer-events: none;
}

body:has(.dh-youtube-story-renderer) .dh-glb-model-preview model-viewer,
body:has(.dh-youtube-story-renderer) .dh-glb-model-preview .dh-scene-object {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

body:has(.dh-youtube-story-renderer) .dh-glb-model-preview span {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, .16) 46%, transparent 58%),
    radial-gradient(circle at 72% 72%, rgba(190, 242, 100, .14), transparent 34%);
  mix-blend-mode: screen;
  opacity: .72;
  animation: dhGlbPreviewSweep 4.8s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-glb-model-preview.active {
  border-color: rgba(190, 242, 100, .56);
  box-shadow: inset 0 0 24px rgba(190, 242, 100, .12), 0 0 24px rgba(190, 242, 100, .18);
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock {
  display: grid !important;
  position: fixed;
  top: 76px;
  right: clamp(164px, 15vw, 224px);
  bottom: auto;
  z-index: 1250;
  width: min(390px, calc(100vw - 224px));
  max-height: min(364px, calc(100dvh - 168px));
  overflow: hidden;
  padding: 8px;
  border: 1px solid rgba(103, 232, 249, .28);
  border-radius: 10px;
  background: rgba(2, 6, 23, .86);
  box-shadow: 0 20px 54px rgba(0, 0, 0, .34), 0 0 32px rgba(103, 232, 249, .1);
  backdrop-filter: blur(14px);
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock button,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock img {
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-featured-category-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body:has(.dh-youtube-story-renderer) .dh-featured-category-row button {
  min-height: 40px;
  padding: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-switch {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(103, 232, 249, .24);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(8, 47, 73, .52), rgba(15, 23, 42, .62));
  overflow: hidden;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-switch summary {
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 8px 10px;
  cursor: pointer;
  list-style: none;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-switch summary::-webkit-details-marker {
  display: none;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-switch summary::after {
  content: "Change";
  padding: 4px 7px;
  border: 1px solid rgba(190, 242, 100, .32);
  border-radius: 999px;
  color: #bef264;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-switch[open] summary::after {
  content: "Close";
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-switch summary span,
body:has(.dh-youtube-story-renderer) .dh-category-smart-switch summary small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-switch summary span {
  color: #ecfeff;
  font-size: 12px;
  font-weight: 900;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-switch summary small {
  color: #bae6fd;
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 0 8px 8px;
  max-height: 126px;
  overflow: auto;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-menu button {
  min-width: 0;
  min-height: 42px;
  display: grid;
  gap: 2px;
  align-content: center;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 7px;
  background: rgba(15, 23, 42, .68);
  color: #e0f2fe;
  text-align: left;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-menu button.active {
  border-color: rgba(190, 242, 100, .48);
  background: rgba(63, 98, 18, .26);
  box-shadow: inset 0 0 16px rgba(190, 242, 100, .12);
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-menu button span,
body:has(.dh-youtube-story-renderer) .dh-category-smart-menu button small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-menu button span {
  font-size: 9px;
  font-weight: 900;
}

body:has(.dh-youtube-story-renderer) .dh-category-smart-menu button small {
  color: #7dd3fc;
  font-size: 8px;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-help {
  padding: 5px 7px;
  border: 1px solid rgba(103, 232, 249, .18);
  border-radius: 7px;
  color: #bae6fd;
  background: rgba(2, 6, 23, .42);
  font-size: 9px;
  font-weight: 800;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-grid button {
  min-height: 72px;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-grid img {
  height: 34px;
  object-fit: cover;
}

@keyframes dhGlbPreviewSweep {
  0%, 100% {
    transform: translateX(-38%) skewX(-12deg);
    opacity: .42;
  }
  52% {
    transform: translateX(38%) skewX(-12deg);
    opacity: .84;
  }
}

@media (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock {
    position: static;
    width: auto;
    max-height: none;
    margin-top: 8px;
  }
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 4px;
  z-index: 6;
  height: 112px;
  overflow: visible;
  opacity: .96;
  mix-blend-mode: screen;
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system path {
  fill: none;
  stroke: rgba(103, 232, 249, .58);
  stroke-width: .82;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 6px rgba(103, 232, 249, .28));
  animation: dhSponsorVeinDraw calc(5.2s / var(--stream-pace, 1)) linear infinite;
  animation-delay: calc(var(--route-order, 0) * -.24s);
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system path.tone-sponsor,
body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system path.tone-link {
  stroke: rgba(250, 204, 21, .58);
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system span {
  position: absolute;
  left: var(--upper-x);
  top: var(--upper-y);
  width: clamp(92px, 19%, 142px);
  min-height: 42px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 6px 8px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(103, 232, 249, .26);
  border-radius: 999px;
  background: radial-gradient(circle at 45% 34%, rgba(103, 232, 249, .2), rgba(2, 6, 23, .6) 72%);
  box-shadow: 0 0 18px rgba(103, 232, 249, .12), inset 0 0 12px rgba(103, 232, 249, .08);
  animation: dhUpperBubblePulse calc(4.4s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc(var(--upper-order, 0) * -.32s);
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-core {
  position: absolute;
  left: 50%;
  top: 62%;
  width: 96px;
  min-height: 28px;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(190, 242, 100, .3);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(190, 242, 100, .18), rgba(2, 6, 23, .74) 70%);
  color: #ecfccb;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  box-shadow: 0 0 24px rgba(190, 242, 100, .14);
  animation: dhUpperBubblePulse 5s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system span.tone-sponsor,
body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system span.tone-link {
  border-color: rgba(250, 204, 21, .38);
  background: radial-gradient(circle at 45% 34%, rgba(250, 204, 21, .2), rgba(2, 6, 23, .62) 72%);
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system b,
body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system b {
  color: #ecfeff;
  font-size: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-video-upper-bubble-system small {
  color: rgba(224, 242, 254, .72);
  font-size: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-person-card {
  min-width: 0;
  display: grid;
  place-items: center;
  gap: 4px;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-person-card strong {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(250, 204, 21, .48);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(250, 204, 21, .24), rgba(2, 6, 23, .88));
  color: #fef08a;
  font-size: 14px;
  box-shadow: 0 0 24px rgba(250, 204, 21, .18);
  animation: dhPodcastAvatarPulse 1.15s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-person-card b,
body:has(.dh-youtube-story-renderer) .dh-podcast-person-card small {
  max-width: 86px;
  min-width: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-person-card b {
  color: #ecfeff;
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-podcast-person-card small {
  color: #fef08a;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer.is-constructing) .dh-object-card-stack article,
body:has(.dh-youtube-story-renderer.is-constructing) .dh-prefilled-bubble-map-zone .dh-bubble-map-node,
body:has(.dh-youtube-story-renderer.is-constructing) .dh-timeline-find-track article,
body:has(.dh-youtube-story-renderer.is-constructing) .dh-timeline-find-track a {
  animation: dhMetricLiveConstruct calc(11.6s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc((var(--bubble-order, var(--object-order, var(--find-order, 0))) * .32s) + (var(--metric-beat, 0) * -.08s));
}

body:has(.dh-youtube-story-renderer.is-constructing) .dh-object-card-stack article i,
body:has(.dh-youtube-story-renderer.is-constructing) .dh-prefilled-bubble-map-zone .dh-bubble-map-node i,
body:has(.dh-youtube-story-renderer.is-constructing) .dh-timeline-find-track article i,
body:has(.dh-youtube-story-renderer.is-constructing) .dh-timeline-find-track a i {
  animation: dhMetricBuildNeedle calc(7.8s / var(--stream-pace, 1)) ease-in-out infinite;
  animation-delay: calc((var(--bubble-order, var(--object-order, var(--find-order, 0))) * .24s) + (var(--metric-beat, 0) * -.06s));
}

@keyframes dhMetricLiveConstruct {
  0% {
    opacity: .58;
    clip-path: polygon(0 0, 58% 0, 68% 26%, 100% 26%, 100% 100%, 0 100%);
    filter: brightness(1.08) saturate(1.12);
  }
  22% {
    opacity: .82;
    clip-path: polygon(0 0, 74% 0, 88% 18%, 100% 18%, 100% 100%, 0 100%);
    filter: brightness(1.2) saturate(1.24);
  }
  48% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    filter: brightness(1) saturate(1);
  }
  72% {
    opacity: .92;
    clip-path: polygon(0 0, 92% 0, 100% 12%, 100% 100%, 12% 100%, 0 88%);
    filter: brightness(1.28) saturate(1.34);
  }
  100% {
    opacity: .7;
    clip-path: polygon(0 0, 68% 0, 78% 22%, 100% 22%, 100% 100%, 0 100%);
    filter: brightness(.94) saturate(1.08);
  }
}

@keyframes dhMetricBuildNeedle {
  0%, 100% {
    opacity: .42;
    box-shadow: 0 0 8px rgba(103, 232, 249, .18);
  }
  45% {
    opacity: 1;
    box-shadow: 0 0 18px rgba(190, 242, 100, .32);
  }
}

@keyframes dhUpperBubblePulse {
  0%, 100% { opacity: .58; transform: translate(-50%, -50%) scale(.94); }
  50% { opacity: .95; transform: translate(-50%, -50%) scale(1.04); }
}

@keyframes dhPodcastAvatarPulse {
  0%, 100% { transform: scale(.96); box-shadow: 0 0 18px rgba(250, 204, 21, .16); }
  50% { transform: scale(1.06); box-shadow: 0 0 34px rgba(250, 204, 21, .3); }
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-story-analytics,
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-multi-display-feed,
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-episode-preview-dock {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-episode-preview-dock {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 1201 !important;
  max-height: 270px;
  overflow: hidden;
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-grid {
  max-height: 116px;
  overflow: auto;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-multi-display-feed {
  position: relative;
  z-index: 1201;
}

/* Foreground GLB player and seamless category capsule. */
.dh-mechanic-categories {
  display: none !important;
}

.dh-category-dock {
  position: absolute !important;
  left: 132px !important;
  right: auto !important;
  top: 82px !important;
  bottom: auto !important;
  width: min(236px, calc(100vw - 176px)) !important;
  height: auto !important;
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: unset !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  padding: 7px !important;
  overflow: visible !important;
  z-index: 23000 !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(2, 6, 23, .78), rgba(8, 47, 73, .48)),
    radial-gradient(circle at 18% 20%, rgba(103, 232, 249, .12), transparent 36%) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24), inset 0 0 18px rgba(103, 232, 249, .05);
  pointer-events: auto !important;
}

.dh-category-dock.open {
  width: min(620px, calc(100vw - 176px)) !important;
}

.dh-category-proof-chip {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  padding: 5px 7px;
  border: 1px solid rgba(190, 242, 100, .24);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(20, 83, 45, .35), rgba(8, 47, 73, .58));
  color: #ecfeff;
  text-decoration: none;
  box-shadow: inset 0 0 18px rgba(103, 232, 249, .05);
}

.dh-category-proof-chip span,
.dh-category-proof-chip b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-category-proof-chip span {
  color: #bef264;
  font-size: 7px;
  font-weight: 950;
  text-transform: uppercase;
}

.dh-category-proof-chip b {
  color: #f8fafc;
  font-size: 9px;
  font-weight: 900;
}

.dh-category-dock-toggle {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 4px 6px;
  border: 1px solid color-mix(in srgb, var(--accent, #67e8f9) 48%, rgba(148, 163, 184, .2));
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .86), color-mix(in srgb, var(--accent, #67e8f9) 15%, rgba(15, 23, 42, .58)));
  color: #f8fafc;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 0 20px color-mix(in srgb, var(--accent, #67e8f9) 12%, transparent);
}

.dh-category-dock-toggle b,
.dh-category-dock-toggle small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-category-dock-toggle b {
  color: #ecfeff;
  font-size: 10px;
  font-weight: 900;
}

.dh-category-dock-toggle small {
  padding: 4px 7px;
  border: 1px solid rgba(190, 242, 100, .26);
  border-radius: 999px;
  color: #bef264;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-category-panel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 7px;
  overflow: visible;
  animation: dhCategoryPanelOpen .24s ease both;
}

.dh-category-panel-grid .dh-category-card {
  min-width: 0;
  min-height: 44px;
  grid-template-columns: 34px minmax(0, 1fr);
  padding: 5px;
}

.dh-category-panel-grid .dh-category-icon {
  width: 32px;
  height: 29px;
}

.dh-category-panel-grid .dh-category-card small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes dhCategoryPanelOpen {
  from {
    opacity: 0;
    transform: translateY(-5px) scale(.985);
    clip-path: inset(0 0 88% 0 round 8px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    clip-path: inset(0 0 0 0 round 8px);
  }
}

.dh-glb-play-view {
  position: fixed;
  top: clamp(92px, 12vh, 132px);
  right: clamp(16px, 3vw, 42px);
  z-index: 52000;
  width: min(560px, 43vw);
  max-width: calc(100vw - 32px);
  pointer-events: auto !important;
  filter: drop-shadow(0 24px 54px rgba(0, 0, 0, .54));
}

.dh-glb-play-collapse {
  position: absolute !important;
  top: -16px !important;
  right: -10px !important;
  z-index: 12 !important;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(190, 242, 100, .52);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(20, 83, 45, .96), rgba(8, 145, 178, .72));
  color: #f7fee7;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  cursor: pointer;
  pointer-events: auto !important;
  box-shadow: 0 0 26px rgba(190, 242, 100, .34), 0 12px 30px rgba(0, 0, 0, .48);
}

.dh-glb-play-shell {
  display: grid;
  grid-template-rows: auto minmax(260px, 46vh) auto;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, .38);
  border-radius: 12px;
  background:
    radial-gradient(circle at 72% 18%, rgba(52, 211, 153, .16), transparent 34%),
    linear-gradient(145deg, rgba(2, 6, 23, .96), rgba(8, 47, 73, .88));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .48), inset 0 0 28px rgba(103, 232, 249, .08);
  backdrop-filter: blur(18px);
}

.dh-glb-play-shell header,
.dh-glb-play-shell footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid rgba(103, 232, 249, .18);
}

.dh-glb-play-shell footer {
  border-top: 1px solid rgba(103, 232, 249, .18);
  border-bottom: 0;
}

.dh-glb-play-shell header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.dh-glb-play-shell span,
.dh-glb-play-shell small {
  color: rgba(103, 232, 249, .86);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-glb-play-shell b,
.dh-glb-play-shell small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-glb-play-shell b {
  color: #f8fafc;
  font-size: 13px;
}

.dh-glb-play-shell button,
.dh-glb-play-shell a {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid rgba(190, 242, 100, .3);
  border-radius: 999px;
  background: rgba(63, 98, 18, .26);
  color: #d9f99d;
  font-size: 8px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.dh-glb-play-footer-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.dh-glb-play-footer-actions button {
  background: rgba(15, 23, 42, .72);
  color: #fef3c7;
  border-color: rgba(251, 191, 36, .42);
}

.dh-glb-play-stage {
  min-height: 260px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(103, 232, 249, .18), transparent 40%),
    radial-gradient(circle at 28% 70%, rgba(190, 242, 100, .12), transparent 36%),
    #020617;
}

.dh-glb-play-stage model-viewer {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 260px;
  pointer-events: auto !important;
}

.dh-glb-play-pending {
  height: 100%;
  min-height: 260px;
  display: grid;
  place-items: center;
  gap: 8px;
  padding: 22px;
  text-align: center;
}

.dh-glb-play-pending b {
  white-space: normal;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock {
  z-index: 26000 !important;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.expanded,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.smart-expanded {
  z-index: 30000 !important;
  overflow: visible !important;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-research-view {
  position: relative;
  z-index: 3;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock {
  overflow: visible !important;
  backdrop-filter: blur(18px) saturate(1.12);
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-preview {
  width: 100%;
  min-height: 118px;
  display: grid;
  grid-template-columns: minmax(104px, .82fr) minmax(0, 1fr);
  gap: 9px;
  align-items: stretch;
  margin: 7px 0 9px;
  padding: 8px;
  border: 1px solid rgba(103, 232, 249, .34);
  border-radius: 10px;
  background:
    radial-gradient(circle at 28% 24%, rgba(52, 211, 153, .2), transparent 42%),
    radial-gradient(circle at 82% 76%, rgba(190, 242, 100, .12), transparent 38%),
    linear-gradient(145deg, rgba(2, 6, 23, .94), rgba(8, 47, 73, .72));
  box-shadow:
    inset 0 0 24px rgba(103, 232, 249, .1),
    0 16px 38px rgba(0, 0, 0, .28);
  color: #f8fafc;
  text-align: left;
  cursor: pointer;
  pointer-events: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-preview:hover {
  border-color: rgba(190, 242, 100, .48);
  transform: translateY(-1px);
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-stage {
  position: relative;
  min-width: 0;
  min-height: 102px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(103, 232, 249, .26);
  border-radius: 9px;
  background:
    linear-gradient(90deg, rgba(103, 232, 249, .08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(103, 232, 249, .07) 1px, transparent 1px),
    radial-gradient(circle at 50% 44%, rgba(103, 232, 249, .18), transparent 46%),
    #020617;
  background-size: 18px 18px, 18px 18px, auto, auto;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(115deg, transparent 0 35%, rgba(255, 255, 255, .18) 47%, transparent 59%),
    radial-gradient(circle at 72% 72%, rgba(190, 242, 100, .12), transparent 36%);
  mix-blend-mode: screen;
  opacity: .66;
  pointer-events: none;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-stage model-viewer,
body:has(.dh-youtube-story-renderer) .dh-glb-proof-stage .dh-scene-object {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 102px;
  pointer-events: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
  align-content: center;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-copy b,
body:has(.dh-youtube-story-renderer) .dh-glb-proof-copy small,
body:has(.dh-youtube-story-renderer) .dh-glb-proof-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-copy b {
  color: #f8fafc;
  font-size: 11px;
  line-height: 1.1;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-copy small {
  color: rgba(224, 242, 254, .78);
  font-size: 8px;
  line-height: 1.25;
  white-space: normal;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-copy em {
  justify-self: start;
  padding: 4px 7px;
  border: 1px solid rgba(190, 242, 100, .3);
  border-radius: 999px;
  background: rgba(63, 98, 18, .24);
  color: #d9f99d;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-glb-api-market-strip {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(103, 232, 249, .22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 82% 20%, rgba(52, 211, 153, .13), transparent 42%),
    rgba(2, 6, 23, .62);
}

body:has(.dh-youtube-story-renderer) .dh-glb-api-market-strip section {
  min-width: 0;
  display: grid;
  gap: 4px;
}

body:has(.dh-youtube-story-renderer) .dh-glb-api-market-strip section > span {
  color: rgba(103, 232, 249, .82);
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-glb-api-market-strip b {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-glb-api-market-strip div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

body:has(.dh-youtube-story-renderer) .dh-glb-api-market-strip em {
  padding: 3px 5px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  color: rgba(226, 232, 240, .7);
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

body:has(.dh-youtube-story-renderer) .dh-glb-api-market-strip em.live {
  border-color: rgba(190, 242, 100, .36);
  color: #d9f99d;
  box-shadow: 0 0 12px rgba(190, 242, 100, .12);
}

body:has(.dh-youtube-story-renderer) .dh-glb-play-view {
  z-index: 52000 !important;
}

body:has(.dh-youtube-story-renderer) .dh-glb-play-shell {
  border-color: rgba(190, 242, 100, .42);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .62), inset 0 0 32px rgba(103, 232, 249, .1);
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport .dh-category-drop-list {
  min-width: 0;
  width: min(216px, 100%);
  max-width: 216px;
  display: grid;
  grid-template-columns: minmax(0, 72px) minmax(0, 1fr);
  gap: 2px 6px;
  align-items: center;
  overflow: hidden;
  padding: 6px 7px;
  border: 1px solid rgba(103, 232, 249, .28);
  border-radius: 8px;
  background:
    radial-gradient(circle at 12% 20%, rgba(103, 232, 249, .14), transparent 38%),
    linear-gradient(145deg, rgba(2, 6, 23, .9), rgba(15, 23, 42, .72));
  box-shadow: inset 0 0 18px rgba(103, 232, 249, .08);
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport .dh-category-drop-list span,
body:has(.dh-youtube-story-renderer) .dh-observatory-transport .dh-category-drop-list em {
  min-width: 0;
  color: rgba(148, 163, 184, .88);
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport .dh-category-drop-list b {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 8px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport .dh-category-drop-list em {
  grid-column: 1 / -1;
  color: rgba(190, 242, 100, .78);
  display: none;
}

body:has(.dh-youtube-story-renderer) .dh-observatory-transport .dh-category-drop-list select {
  grid-row: 1 / span 2;
  grid-column: 2;
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 0 22px 0 8px;
  overflow: hidden;
  border: 1px solid rgba(190, 242, 100, .3);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(6, 78, 59, .62), rgba(8, 47, 73, .72));
  color: #ecfeff;
  font-size: 8px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

/* Final observatory fit: compact category lock and a right-side GLB drawer. */
body:has(.dh-youtube-story-renderer) .dh-category-dock {
  left: 12px !important;
  top: 14px !important;
  width: min(168px, calc(100vw - 24px)) !important;
  padding: 5px !important;
  opacity: .88;
  transform: scale(.92);
  transform-origin: top left;
  z-index: 19000 !important;
}

body:has(.dh-youtube-story-renderer) .dh-category-dock.open {
  width: min(384px, calc(100vw - 24px)) !important;
  max-height: 46vh !important;
  overflow: auto !important;
  opacity: .96;
}

body:has(.dh-youtube-story-renderer) .dh-category-dock-toggle {
  min-height: 32px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 5px;
  padding: 3px 5px;
}

body:has(.dh-youtube-story-renderer) .dh-category-dock-toggle .dh-category-icon {
  width: 24px;
  height: 22px;
}

body:has(.dh-youtube-story-renderer) .dh-category-dock-toggle b {
  font-size: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-category-dock-toggle small {
  padding: 3px 5px;
  font-size: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-category-panel-grid {
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  max-height: 34vh;
  overflow: auto;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid {
  grid-template-columns: minmax(0, 1fr) clamp(132px, 11vw, 168px);
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed {
  justify-self: end;
  align-self: start;
  width: min(118px, 100%) !important;
  height: auto !important;
  min-height: 40px !important;
  max-height: 46px !important;
  padding: 5px !important;
  overflow: hidden !important;
  border-radius: 999px;
  opacity: .92;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed header {
  gap: 5px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed header span {
  font-size: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed header b,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed .dh-glb-proof-preview,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed .dh-glb-api-market-strip,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed .dh-smart-glb-research-view,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed .dh-corner-glb-grid {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed header button {
  min-height: 26px;
  padding: 4px 7px;
  font-size: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.expanded,
body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.smart-expanded {
  position: fixed !important;
  top: clamp(98px, 13vh, 136px) !important;
  right: clamp(136px, 12vw, 184px) !important;
  width: min(272px, 22vw) !important;
  max-width: calc(100vw - 168px) !important;
  height: auto !important;
  max-height: calc(100dvh - 150px) !important;
  overflow: auto !important;
  z-index: 36000 !important;
}

body:has(.dh-youtube-story-renderer) .dh-defensive-guardian,
body:has(.dh-youtube-story-renderer) .dh-ai-guardian,
body:has(.dh-youtube-story-renderer) .dh-guardian-panel,
body:has(.dh-youtube-story-renderer) .dh-ai-agent-screen,
body:has(.dh-youtube-story-renderer) .dh-agent-screen,
body:has(.dh-youtube-story-renderer) .dh-director-panel,
body:has(.dh-youtube-story-renderer) .dh-ai-director,
body:has(.dh-youtube-story-renderer) .dh-ai-director-panel,
body:has(.dh-youtube-story-renderer) .dh-director-card,
body:has(.dh-youtube-story-renderer) .dh-agent-card,
body:has(.dh-youtube-story-renderer) .dh-guardian-card,
body:has(.dh-youtube-story-renderer) .defensive-guardian,
body:has(.dh-youtube-story-renderer) .DefensiveGuardian,
body:has(.dh-youtube-story-renderer) [data-dh-ai-agent],
body:has(.dh-youtube-story-renderer) [data-dh-guardian],
body:has(.dh-youtube-story-renderer) [data-dh-director] {
  left: auto !important;
  right: clamp(10px, 1.6vw, 24px) !important;
  top: auto !important;
  bottom: clamp(78px, 10vh, 120px) !important;
  width: min(300px, 24vw) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: min(40vh, 340px) !important;
  transform: none !important;
  z-index: 22000 !important;
  pointer-events: auto !important;
  overflow: auto !important;
}

body:has(.dh-youtube-story-renderer) .dh-defensive-guardian *,
body:has(.dh-youtube-story-renderer) .dh-ai-guardian *,
body:has(.dh-youtube-story-renderer) .dh-guardian-panel *,
body:has(.dh-youtube-story-renderer) .dh-ai-agent-screen *,
body:has(.dh-youtube-story-renderer) .dh-agent-screen *,
body:has(.dh-youtube-story-renderer) .dh-director-panel *,
body:has(.dh-youtube-story-renderer) .dh-ai-director *,
body:has(.dh-youtube-story-renderer) .dh-ai-director-panel *,
body:has(.dh-youtube-story-renderer) .dh-director-card *,
body:has(.dh-youtube-story-renderer) .dh-agent-card *,
body:has(.dh-youtube-story-renderer) .dh-guardian-card *,
body:has(.dh-youtube-story-renderer) .defensive-guardian *,
body:has(.dh-youtube-story-renderer) .DefensiveGuardian *,
body:has(.dh-youtube-story-renderer) [data-dh-ai-agent] *,
body:has(.dh-youtube-story-renderer) [data-dh-guardian] *,
body:has(.dh-youtube-story-renderer) [data-dh-director] * {
  max-width: 100%;
}

@media (max-width: 1080px) {
  body:has(.dh-youtube-story-renderer) .dh-defensive-guardian,
  body:has(.dh-youtube-story-renderer) .dh-ai-guardian,
  body:has(.dh-youtube-story-renderer) .dh-guardian-panel,
  body:has(.dh-youtube-story-renderer) .dh-ai-agent-screen,
  body:has(.dh-youtube-story-renderer) .dh-agent-screen,
  body:has(.dh-youtube-story-renderer) .dh-director-panel,
  body:has(.dh-youtube-story-renderer) .dh-ai-director,
  body:has(.dh-youtube-story-renderer) .dh-ai-director-panel,
  body:has(.dh-youtube-story-renderer) .dh-director-card,
  body:has(.dh-youtube-story-renderer) .dh-agent-card,
  body:has(.dh-youtube-story-renderer) .dh-guardian-card,
  body:has(.dh-youtube-story-renderer) .defensive-guardian,
  body:has(.dh-youtube-story-renderer) .DefensiveGuardian,
  body:has(.dh-youtube-story-renderer) [data-dh-ai-agent],
  body:has(.dh-youtube-story-renderer) [data-dh-guardian],
  body:has(.dh-youtube-story-renderer) [data-dh-director] {
    right: 10px !important;
    bottom: 76px !important;
    width: min(280px, calc(100vw - 20px)) !important;
    max-height: 34vh !important;
  }
}

@media (max-width: 860px) {
  .dh-category-dock,
  .dh-category-dock.open {
    left: 10px !important;
    right: 10px !important;
    top: 70px !important;
    width: auto !important;
  }

  .dh-category-panel-grid {
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  }

  .dh-glb-play-view {
    left: 10px;
    right: 10px;
    top: 86px;
    width: auto;
  }

  .dh-glb-play-shell {
    grid-template-rows: auto minmax(260px, 48vh) auto;
  }
}

body:has(.dh-youtube-story-renderer) .dh-current-market-trigger {
  width: 100%;
  margin-top: 5px;
  min-height: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 4px 7px;
  border: 1px solid rgba(190, 242, 100, .42);
  border-radius: 7px;
  background:
    linear-gradient(135deg, rgba(20, 83, 45, .78), rgba(14, 116, 144, .55)),
    rgba(2, 6, 23, .9);
  color: #ecfeff;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .28), inset 0 0 18px rgba(190, 242, 100, .08);
}

body:has(.dh-youtube-story-renderer) .dh-current-market-trigger span,
body:has(.dh-youtube-story-renderer) .dh-current-market-trigger b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-trigger span {
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-trigger b {
  padding: 3px 5px;
  border-radius: 999px;
  background: rgba(190, 242, 100, .14);
  color: #d9f99d;
  font-size: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-trigger.active {
  border-color: rgba(250, 204, 21, .58);
  box-shadow: 0 0 18px rgba(250, 204, 21, .18), inset 0 0 22px rgba(190, 242, 100, .13);
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed {
  position: relative;
  z-index: 8;
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(2, 6, 23, .82), rgba(15, 23, 42, .58)),
    radial-gradient(circle at 18% 20%, rgba(190, 242, 100, .12), transparent 38%);
  box-shadow: inset 0 0 22px rgba(15, 23, 42, .45);
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed.regular-pulse {
  align-self: start;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(118px, 180px);
  gap: 8px;
  align-items: center;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header div,
body:has(.dh-youtube-story-renderer) .dh-current-market-feed header form {
  min-width: 0;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header div {
  display: grid;
  gap: 2px;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header span {
  color: #bef264;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header b {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header small {
  min-width: 0;
  overflow: hidden;
  color: rgba(226, 232, 240, .66);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header input,
body:has(.dh-youtube-story-renderer) .dh-current-market-feed header button {
  min-width: 0;
  height: 28px;
  border-radius: 6px;
  font-size: 8px;
  font-weight: 900;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header input {
  padding: 0 7px;
  border: 1px solid rgba(148, 163, 184, .24);
  background: rgba(2, 6, 23, .78);
  color: #f8fafc;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed header button {
  padding: 0 8px;
  border: 1px solid rgba(190, 242, 100, .42);
  background: rgba(22, 101, 52, .62);
  color: #ecfccb;
  cursor: pointer;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-top10 {
  display: none;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed.market-view .dh-current-market-top10 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-top10 button,
body:has(.dh-youtube-story-renderer) .dh-market-option-pulse button {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 7px;
  background: rgba(15, 23, 42, .7);
  color: #e2e8f0;
  cursor: pointer;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-top10 button {
  min-height: 36px;
  display: grid;
  gap: 2px;
  padding: 5px;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-top10 button.active {
  border-color: rgba(250, 204, 21, .55);
  background: rgba(113, 63, 18, .45);
}

body:has(.dh-youtube-story-renderer) .dh-current-market-top10 b,
body:has(.dh-youtube-story-renderer) .dh-current-market-top10 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-top10 b {
  color: #fef08a;
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-top10 span {
  color: rgba(226, 232, 240, .68);
  font-size: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse button {
  position: relative;
  min-height: 58px;
  display: grid;
  gap: 2px;
  padding: 7px;
  overflow: hidden;
  text-align: left;
  animation: dh-market-option-build 6s ease-in-out infinite;
  animation-delay: calc(var(--option-order, 0) * .28s);
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse button::before {
  content: "";
  position: absolute;
  inset: auto 7px 6px 7px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  opacity: .55;
  transform-origin: left center;
  animation: dh-market-option-line 4.8s ease-in-out infinite;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse button.bullish {
  border-color: rgba(34, 197, 94, .4);
  color: #bbf7d0;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse button.bearish {
  border-color: rgba(248, 113, 113, .38);
  color: #fecaca;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse span,
body:has(.dh-youtube-story-renderer) .dh-market-option-pulse b,
body:has(.dh-youtube-story-renderer) .dh-market-option-pulse small,
body:has(.dh-youtube-story-renderer) .dh-market-option-pulse em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse span {
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse b {
  color: #f8fafc;
  font-size: 11px;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse small,
body:has(.dh-youtube-story-renderer) .dh-market-option-pulse em {
  color: rgba(226, 232, 240, .7);
  font-size: 7px;
  font-style: normal;
}

body:has(.dh-youtube-story-renderer) .dh-market-view-body {
  display: grid;
  grid-template-columns: minmax(220px, .95fr) minmax(220px, 1fr);
  gap: 8px;
}

body:has(.dh-youtube-story-renderer) .dh-market-chart-frame {
  width: 100%;
  min-height: 214px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 8px;
  background: #020617;
}

body:has(.dh-youtube-story-renderer) .dh-market-transcript-build {
  display: grid;
  gap: 6px;
  align-content: start;
}

body:has(.dh-youtube-story-renderer) .dh-market-transcript-build article {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 7px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 7px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .84), rgba(30, 41, 59, .46));
  animation: dh-market-highlight-build 5.8s ease-in-out infinite;
  animation-delay: calc(var(--highlight-order, 0) * .24s);
}

body:has(.dh-youtube-story-renderer) .dh-market-transcript-build article i {
  position: absolute;
  left: 7px;
  right: 7px;
  bottom: 5px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #bef264, #67e8f9, transparent);
  transform: scaleX(calc(var(--highlight-fill, 40%) / 100));
  transform-origin: left center;
}

body:has(.dh-youtube-story-renderer) .dh-market-transcript-build span,
body:has(.dh-youtube-story-renderer) .dh-market-transcript-build b,
body:has(.dh-youtube-story-renderer) .dh-market-transcript-build small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-market-transcript-build span {
  color: #67e8f9;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-market-transcript-build b {
  color: #f8fafc;
  font-size: 10px;
}

body:has(.dh-youtube-story-renderer) .dh-market-transcript-build small {
  padding-bottom: 4px;
  color: rgba(226, 232, 240, .68);
  font-size: 7px;
}

@keyframes dh-market-option-build {
  0%, 100% { transform: translateY(0); filter: brightness(.92); }
  42% { transform: translateY(-1px); filter: brightness(1.12); }
  64% { transform: translateY(0); filter: brightness(1); }
}

@keyframes dh-market-option-line {
  0% { transform: scaleX(.08); opacity: .24; }
  48% { transform: scaleX(.78); opacity: .7; }
  100% { transform: scaleX(.18); opacity: .32; }
}

@keyframes dh-market-highlight-build {
  0% { opacity: .58; transform: translateX(-3px); }
  34% { opacity: 1; transform: translateX(0); }
  100% { opacity: .82; transform: translateX(0); }
}

@media (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-current-market-feed > header,
  body:has(.dh-youtube-story-renderer) .dh-market-view-body {
    grid-template-columns: 1fr;
  }

  body:has(.dh-youtube-story-renderer) .dh-current-market-feed.market-view .dh-current-market-top10 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:has(.dh-youtube-story-renderer) .dh-market-option-pulse {
    grid-template-columns: 1fr;
  }
}

/* Final live-view tightening: compact market pulse, collapsible AI Director, and GLB timeout handoff. */
body:has(.dh-youtube-story-renderer) .dh-model-loader button {
  pointer-events: auto;
  justify-self: center;
  min-height: 30px;
  padding: 7px 11px;
  border: 1px solid rgba(190, 242, 100, .42);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(20, 83, 45, .82), rgba(8, 145, 178, .55));
  color: #ecfeff;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 0 18px rgba(103, 232, 249, .18);
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-stage iframe,
body:has(.dh-youtube-story-renderer) .dh-smart-glb-stage iframe,
body:has(.dh-youtube-story-renderer) .dh-glb-play-stage iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  border: 0;
  background: #020617;
}

body:has(.dh-youtube-story-renderer) .dh-glb-proof-stage iframe {
  min-height: 102px;
  pointer-events: none;
}

body:has(.dh-youtube-story-renderer) .dh-smart-glb-stage iframe,
body:has(.dh-youtube-story-renderer) .dh-glb-play-stage iframe {
  pointer-events: auto;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed.regular-pulse {
  width: min(430px, 46vw);
  min-height: 0;
  justify-self: end;
  gap: 5px;
  padding: 5px;
  border-color: rgba(190, 242, 100, .18);
  background:
    linear-gradient(145deg, rgba(2, 6, 23, .72), rgba(15, 23, 42, .48)),
    radial-gradient(circle at 18% 20%, rgba(190, 242, 100, .08), transparent 38%);
  box-shadow: inset 0 0 14px rgba(15, 23, 42, .38);
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed.regular-pulse > header {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed.regular-pulse header b {
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-current-market-feed.regular-pulse header small {
  display: none;
}

body:has(.dh-youtube-story-renderer) .dh-market-mini-open {
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(190, 242, 100, .36);
  border-radius: 999px;
  background: rgba(20, 83, 45, .58);
  color: #ecfccb;
  font-size: 7px;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse.compact button {
  min-height: 30px;
  padding: 5px 6px 7px;
  gap: 1px;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse.compact small,
body:has(.dh-youtube-story-renderer) .dh-market-option-pulse.compact em {
  display: none;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse.compact b {
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-market-option-pulse.compact span {
  font-size: 6px;
}

body:has(.dh-youtube-story-renderer) .dh-director-panel.collapsed {
  width: min(230px, 18vw) !important;
  max-height: 52px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border-color: rgba(103, 232, 249, .3) !important;
  background: rgba(2, 6, 23, .68) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .34), inset 0 0 18px rgba(103, 232, 249, .08) !important;
}

body:has(.dh-youtube-story-renderer) .dh-director-panel.open {
  width: min(312px, 26vw) !important;
  max-height: min(56vh, 430px) !important;
  padding: 8px !important;
}

body:has(.dh-youtube-story-renderer) .dh-director-mini-toggle {
  width: 100%;
  min-height: 44px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 8px;
  align-items: center;
  padding: 7px 10px;
  border: 0;
  background: transparent;
  color: #e0f2fe;
  text-align: left;
  cursor: pointer;
}

body:has(.dh-youtube-story-renderer) .dh-director-mini-toggle span {
  color: #67e8f9;
  font-size: 7px;
  font-weight: 950;
  text-transform: uppercase;
}

body:has(.dh-youtube-story-renderer) .dh-director-mini-toggle b,
body:has(.dh-youtube-story-renderer) .dh-director-mini-toggle small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-director-mini-toggle b {
  color: #f8fafc;
  font-size: 9px;
}

body:has(.dh-youtube-story-renderer) .dh-director-mini-toggle small {
  grid-column: 1 / -1;
  color: rgba(186, 230, 253, .78);
  font-size: 7px;
}

body:has(.dh-youtube-story-renderer) .dh-director-expanded {
  display: grid;
  gap: 7px;
  padding: 0 2px 2px;
}

body:has(.dh-youtube-story-renderer) .dh-director-expanded .dh-director-head,
body:has(.dh-youtube-story-renderer) .dh-director-expanded .dh-director-status,
body:has(.dh-youtube-story-renderer) .dh-director-expanded ol,
body:has(.dh-youtube-story-renderer) .dh-director-expanded .dh-director-chat {
  margin-left: 2px;
  margin-right: 2px;
}

body:has(.dh-youtube-story-renderer) .dh-director-panel {
  position: fixed !important;
  left: clamp(12px, 1.7vw, 26px) !important;
  right: auto !important;
  top: auto !important;
  bottom: clamp(84px, 10vh, 118px) !important;
  transform: none !important;
  z-index: 23500 !important;
}

body:has(.dh-youtube-story-renderer) .dh-director-panel.collapsed {
  width: min(218px, 20vw) !important;
}

body:has(.dh-youtube-story-renderer) .dh-director-panel.open {
  width: min(324px, 27vw) !important;
  max-height: min(58vh, 448px) !important;
}

body:has(.dh-youtube-story-renderer) .dh-glb-play-view {
  right: clamp(18px, 3vw, 46px) !important;
  left: auto !important;
  z-index: 52000 !important;
}

body:has(.dh-youtube-story-renderer) .dh-glb-play-shell header span::before {
  content: "GLB Renderer";
  display: inline-grid;
  margin-right: 7px;
  padding: 3px 6px;
  border: 1px solid rgba(190, 242, 100, .3);
  border-radius: 999px;
  color: #d9f99d;
}

@media (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-current-market-feed.regular-pulse {
    width: 100%;
    justify-self: stretch;
  }

  body:has(.dh-youtube-story-renderer) .dh-director-panel.collapsed,
  body:has(.dh-youtube-story-renderer) .dh-director-panel.open {
    left: 10px !important;
    right: auto !important;
    bottom: 18px !important;
    width: min(250px, calc(100vw - 20px)) !important;
  }

  body:has(.dh-youtube-story-renderer) .dh-glb-play-view {
    left: clamp(278px, 34vw, 328px) !important;
    right: 10px !important;
    top: 86px !important;
    width: auto !important;
    max-width: none !important;
  }

  body:has(.dh-youtube-story-renderer) .dh-glb-play-view + .dh-director-panel,
  body:has(.dh-youtube-story-renderer) .dh-director-panel.open {
    bottom: 18px !important;
  }
}

@media (max-width: 640px) {
  body:has(.dh-youtube-story-renderer) .dh-director-panel.collapsed,
  body:has(.dh-youtube-story-renderer) .dh-director-panel.open {
    bottom: 12px !important;
    width: min(218px, calc(100vw - 20px)) !important;
  }

  body:has(.dh-youtube-story-renderer) .dh-glb-play-view {
    left: 10px !important;
    right: 10px !important;
    top: 72px !important;
    width: auto !important;
    max-height: calc(100vh - 144px) !important;
  }
}

/* Keep the category lock present, but never let it cover the GLB renderer lane. */
body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-episode-preview-dock {
  position: fixed !important;
  left: 12px !important;
  right: auto !important;
  top: 100px !important;
  bottom: auto !important;
  width: min(224px, calc(100vw - 24px)) !important;
  max-height: 172px !important;
  display: grid !important;
  gap: 5px !important;
  padding: 6px !important;
  overflow: hidden !important;
  border-radius: 9px !important;
  z-index: 1185 !important;
  background:
    linear-gradient(145deg, rgba(2, 6, 23, .82), rgba(8, 47, 73, .58)),
    radial-gradient(circle at 12% 18%, rgba(103, 232, 249, .14), transparent 36%) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .3), inset 0 0 18px rgba(103, 232, 249, .06) !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock header {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock header span {
  font-size: 7px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock header b {
  font-size: 9px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock header strong {
  padding: 2px 5px !important;
  font-size: 6px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-category-dock-select,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-category-smart-switch,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-help {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-proof-rail {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-proof-rail a {
  min-height: 28px !important;
  padding: 4px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-proof-rail span {
  font-size: 5px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-proof-rail b {
  font-size: 6px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-featured-category-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-featured-category-row button {
  min-height: 28px !important;
  padding: 4px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-featured-category-row span {
  font-size: 7px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-featured-category-row small {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
  max-height: 42px !important;
  overflow: hidden !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid button {
  min-height: 38px !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 2px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid button::before {
  left: 3px !important;
  right: 3px !important;
  top: 3px !important;
  max-width: none !important;
  padding: 1px 3px !important;
  font-size: 5px !important;
  text-align: center !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid img {
  grid-row: auto !important;
  width: 100% !important;
  height: 31px !important;
  border-radius: 5px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid span,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid b,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid small {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-youtube-stage .dh-corner-glb-dock.collapsed {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: min(138px, 28vw) !important;
  z-index: 1800 !important;
}

body:has(.dh-youtube-story-renderer) .dh-glb-play-view {
  top: clamp(86px, 11vh, 126px) !important;
  right: clamp(14px, 2.4vw, 34px) !important;
  width: min(600px, 46vw) !important;
  max-width: calc(100vw - 300px) !important;
}

body:has(.dh-youtube-story-renderer) .dh-glb-play-shell header button::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 999px;
  background: currentColor;
}

@media (max-width: 980px) {
  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-episode-preview-dock {
    left: 10px !important;
    top: 100px !important;
    width: min(212px, calc(100vw - 20px)) !important;
    max-height: 136px !important;
  }

  body:has(.dh-youtube-story-renderer) .dh-glb-play-view {
    left: clamp(250px, 31vw, 292px) !important;
    right: 10px !important;
    top: 82px !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 700px) {
  body:has(.dh-youtube-story-renderer) .dh-youtube-story-grid > .dh-episode-preview-dock {
    top: 78px !important;
    width: min(180px, calc(100vw - 20px)) !important;
    max-height: 112px !important;
  }

  body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-featured-category-row,
  body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid {
    display: none !important;
  }

  body:has(.dh-youtube-story-renderer) .dh-glb-play-view {
    left: 10px !important;
    right: 10px !important;
    top: 196px !important;
    width: auto !important;
    max-height: calc(100vh - 210px) !important;
  }
}

/* Direct YouTube-renderer mount override for the compact category lock. */
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock {
  position: fixed !important;
  left: 12px !important;
  right: auto !important;
  top: 100px !important;
  bottom: auto !important;
  width: min(224px, calc(100vw - 24px)) !important;
  max-width: min(224px, calc(100vw - 24px)) !important;
  height: auto !important;
  max-height: 172px !important;
  display: grid !important;
  gap: 5px !important;
  padding: 6px !important;
  overflow: hidden !important;
  border-radius: 9px !important;
  z-index: 1185 !important;
  transform: none !important;
  background:
    linear-gradient(145deg, rgba(2, 6, 23, .82), rgba(8, 47, 73, .58)),
    radial-gradient(circle at 12% 18%, rgba(103, 232, 249, .14), transparent 36%) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .3), inset 0 0 18px rgba(103, 232, 249, .06) !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock header {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-category-dock-select,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-category-smart-switch,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-help {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-featured-category-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-featured-category-row button {
  min-height: 28px !important;
  padding: 4px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-featured-category-row small {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
  max-height: 42px !important;
  overflow: hidden !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid button {
  min-height: 38px !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 2px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid button::before {
  left: 3px !important;
  right: 3px !important;
  top: 3px !important;
  max-width: none !important;
  padding: 1px 3px !important;
  font-size: 5px !important;
  text-align: center !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid img {
  grid-row: auto !important;
  width: 100% !important;
  height: 31px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid span,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid b,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-episode-preview-grid small {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail {
  gap: 3px !important;
  padding: 4px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail header {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail header span {
  font-size: 5px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail header b {
  display: none !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail header strong {
  padding: 1px 4px !important;
  font-size: 5px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail > div {
  gap: 3px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail button {
  min-height: 23px !important;
  padding: 3px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail button span,
body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail button b {
  font-size: 5px !important;
}

body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock .dh-platform-cadence-rail button small {
  display: none !important;
}

@media (max-width: 700px) {
  body:has(.dh-youtube-story-renderer) .dh-episode-preview-dock {
    top: 78px !important;
    width: min(180px, calc(100vw - 20px)) !important;
    max-width: min(180px, calc(100vw - 20px)) !important;
    max-height: 132px !important;
  }
}
.dh-renderer.has-api .dh-scene-object {
  opacity: .1;
}

.dh-renderer.model-mode .dh-scene-object,
.dh-renderer.model-mode .dh-motion-sky,
.dh-renderer.model-mode .dh-stars,
.dh-renderer.model-mode .dh-orbit,
.dh-renderer.model-mode .dh-orbit-two,
.dh-renderer.model-mode .dh-sweep,
.dh-renderer.model-mode .dh-skyline,
.dh-renderer.model-mode .dh-core-glow {
  display: none !important;
}

.dh-renderer.has-api .dh-api-frame,
.dh-renderer.has-api .dh-model,
.dh-renderer.has-api .dh-model-shell {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.dh-renderer.has-api.live-open .dh-api-frame,
.dh-renderer.has-api.live-open .dh-model,
.dh-renderer.has-api.live-open .dh-model-shell {
  display: block !important;
  position: absolute;
  left: 50%;
  top: 47%;
  width: min(780px, 62vw);
  height: min(500px, 54vh);
  transform: translate(-50%, -50%);
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 8px;
  opacity: .98 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 12;
  background: radial-gradient(circle at 50% 42%, rgba(15,23,42,.28), rgba(2,6,23,.52));
  box-shadow: 0 28px 90px rgba(0,0,0,.52), 0 0 54px rgba(103,232,249,.16);
}

.dh-renderer.has-api.live-open .dh-model {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  z-index: 2;
}

.dh-babylon-canvas {
  display: block;
  outline: none;
  touch-action: none;
}

.dh-model-shell {
  overflow: hidden;
}

.dh-model-loader {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-content: center;
  gap: 7px;
  padding: 18px;
  background: radial-gradient(circle at 50% 35%, rgba(103,232,249,.16), rgba(2,6,23,.58) 68%);
  color: #e0f2fe;
  text-align: center;
  pointer-events: none;
}

.dh-model-loader b {
  font-size: 15px;
  text-transform: uppercase;
}

.dh-model-loader span {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 900;
}

.dh-model-loader.error {
  background: radial-gradient(circle at 50% 35%, rgba(248,113,113,.22), rgba(15,23,42,.82) 72%);
  color: #fee2e2;
  pointer-events: auto;
}

.dh-renderer-recovery {
  display: grid;
  place-items: center;
}

.dh-renderer-recovery .dh-model-loader {
  pointer-events: auto;
}

.dh-renderer-recovery button {
  border: 1px solid rgba(250,204,21,.68);
  border-radius: 5px;
  padding: 7px 10px;
  background: rgba(250,204,21,.16);
  color: #fef3c7;
  font-weight: 900;
  cursor: pointer;
}

.dh-model-loader.error span {
  color: #fecaca;
  max-width: min(520px, 84%);
}

.dh-model-loader.error a {
  justify-self: center;
  margin-top: 8px;
  color: #e0f2fe;
  border: 1px solid rgba(254,202,202,.45);
  border-radius: 6px;
  padding: 7px 10px;
  text-decoration: none;
  background: rgba(15,23,42,.64);
}

.dh-model-loader.webgl-error {
  background: radial-gradient(circle at 50% 35%, rgba(250,204,21,.22), rgba(15,23,42,.84) 72%);
  color: #fef9c3;
}

.dh-model-loader.webgl-error span {
  color: #fde68a;
}

.dh-observatory.low-power .dh-renderer.has-api.live-open .dh-api-frame,
.dh-observatory.low-power .dh-renderer.has-api.live-open .dh-model-shell,
.dh-observatory.low-power .dh-api-system-preview,
.dh-observatory.low-power .dh-contained-model,
.dh-observatory.low-power .dh-contained-guide,
.dh-observatory.low-power .dh-followup-notes {
  box-shadow: none;
  backdrop-filter: none;
}

.dh-observatory.low-power .dh-api-system-preview::before,
.dh-observatory.low-power .dh-api-system-preview::after,
.dh-observatory.low-power .dh-contained-screen::before,
.dh-observatory.low-power .dh-contained-scan {
  display: none;
}

.dh-observatory.low-power .dh-model-loader {
  background: #020617;
}

.dh-api-system-preview {
  position: absolute;
  left: 50%;
  top: 47%;
  width: min(640px, 58vw);
  height: min(390px, 48vh);
  transform: translate(-50%, -50%);
  z-index: 12;
  overflow: hidden;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 45% 35%, rgba(103,232,249,.2), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.72), rgba(2,6,23,.42));
  box-shadow: 0 28px 90px rgba(0,0,0,.38), 0 0 58px rgba(103,232,249,.12);
  pointer-events: auto;
  transition: inset .26s ease, border-color .26s ease, box-shadow .26s ease, opacity .2s ease;
}

.dh-api-system-preview:hover,
.dh-api-system-preview:focus-within {
  border-color: rgba(103,232,249,.48);
  box-shadow: 0 34px 120px rgba(0,0,0,.58), 0 0 80px rgba(103,232,249,.18);
}

.dh-api-system-preview.is-resolving {
  border-color: rgba(250,204,21,.5);
}

.dh-renderer.has-api.live-open .dh-api-system-preview {
  opacity: .1;
  pointer-events: none;
}

.dh-api-system-preview.api-preview-ready {
  background-image:
    linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.76)),
    radial-gradient(circle at 50% 32%, transparent, rgba(2,6,23,.42)),
    var(--api-preview-url);
  background-size: cover;
  background-position: center;
}

.dh-api-system-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(103,232,249,.12) 1px, transparent 1px),
    linear-gradient(rgba(103,232,249,.12) 1px, transparent 1px);
  background-size: 44px 44px;
  mix-blend-mode: screen;
  opacity: .38;
}

.dh-api-system-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.18) 46%, transparent 68%);
  transform: translateX(-120%);
  animation: dhApiPreviewSweep 5.5s ease-in-out infinite;
}

.dh-api-system-preview span,
.dh-api-system-preview b,
.dh-open-containment {
  position: absolute;
  left: 14px;
  z-index: 2;
  text-shadow: 0 2px 18px rgba(0,0,0,.74);
}

.dh-api-system-preview span {
  bottom: 78px;
  color: #67e8f9;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-api-system-preview b {
  bottom: 52px;
  color: #f8fafc;
  font-size: 18px;
  line-height: 1;
}

.dh-open-containment {
  bottom: 14px;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(103,232,249,.42);
  border-radius: 7px;
  background: rgba(8,145,178,.34);
  color: #ecfeff;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  pointer-events: auto;
}

.dh-api-system-preview:hover .dh-open-containment,
.dh-api-system-preview:focus-within .dh-open-containment {
  background: rgba(8,145,178,.52);
  box-shadow: 0 0 28px rgba(103,232,249,.22);
}

.dh-api-loading {
  position: absolute;
  left: 132px;
  top: 166px;
  padding: 8px 10px;
  border: 1px solid rgba(103,232,249,.42);
  border-radius: 8px;
  background: rgba(2,6,23,.64);
  color: #cffafe;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}

.dh-contained-model {
  position: absolute;
  left: 50%;
  top: 47%;
  width: min(640px, 58vw);
  height: min(390px, 48vh);
  transform: translate(-50%, -50%);
  z-index: 12;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .55fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  overflow: hidden;
  padding: 10px;
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 8px;
  background: rgba(2,6,23,.78);
  box-shadow: 0 28px 90px rgba(0,0,0,.52), 0 0 54px rgba(103,232,249,.16);
  backdrop-filter: blur(18px);
}

.dh-contained-screen {
  position: relative;
  min-height: 0;
  overflow: hidden;
  grid-row: span 2;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 7px;
  background:
    linear-gradient(180deg, rgba(2,6,23,.04), rgba(2,6,23,.78)),
    var(--contained-image),
    radial-gradient(circle at 50% 38%, rgba(103,232,249,.24), rgba(15,23,42,.92) 62%);
  background-size: cover;
  background-position: center;
}

.dh-contained-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(103,232,249,.12) 1px, transparent 1px),
    linear-gradient(rgba(103,232,249,.1) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .34;
}

.dh-contained-scan {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 12%, rgba(103,232,249,.18) 48%, transparent 78%);
  animation: dhContainedScan 7s ease-in-out infinite;
}

.dh-environment-read .dh-contained-screen {
  perspective: 900px;
  background:
    linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,.74)),
    var(--contained-image),
    radial-gradient(circle at 50% 38%, rgba(103,232,249,.24), rgba(15,23,42,.92) 62%);
  background-size: cover;
  background-position: center;
}

.dh-environment-read .dh-contained-screen::after {
  content: "";
  position: absolute;
  left: 9%;
  right: 9%;
  bottom: -18%;
  height: 48%;
  border: 1px solid rgba(226,232,240,.18);
  background:
    linear-gradient(90deg, rgba(248,250,252,.12) 1px, transparent 1px),
    linear-gradient(rgba(248,250,252,.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(103,232,249,.18), rgba(15,23,42,.1));
  background-size: 42px 42px, 42px 42px, 100% 100%;
  transform: rotateX(64deg);
  transform-origin: center bottom;
  opacity: .82;
}

.dh-environment-depth,
.dh-environment-depth i {
  position: absolute;
  pointer-events: none;
}

.dh-environment-depth {
  inset: 0;
  z-index: 1;
}

.dh-environment-depth i {
  display: block;
  width: 16%;
  height: 28%;
  bottom: 18%;
  border: 1px solid rgba(226,232,240,.22);
  background: rgba(15,23,42,.42);
  box-shadow: 0 18px 42px rgba(0,0,0,.26);
}

.dh-environment-depth i:nth-child(1) { left: 14%; height: 34%; }
.dh-environment-depth i:nth-child(2) { left: 35%; height: 46%; }
.dh-environment-depth i:nth-child(3) { right: 28%; height: 31%; }
.dh-environment-depth i:nth-child(4) { right: 10%; height: 40%; }

.dh-environment-read.undersea .dh-contained-screen {
  background:
    radial-gradient(circle at 62% 20%, rgba(45,212,191,.32), transparent 22%),
    linear-gradient(180deg, rgba(14,165,233,.12), rgba(6,78,112,.72)),
    var(--contained-image);
}

.dh-environment-read.japan .dh-contained-screen,
.dh-environment-read.market .dh-contained-screen {
  background:
    radial-gradient(circle at 24% 18%, rgba(248,113,113,.22), transparent 20%),
    linear-gradient(180deg, rgba(15,23,42,.04), rgba(30,41,59,.76)),
    var(--contained-image);
}

.dh-environment-read.housing .dh-contained-screen,
.dh-environment-read.project .dh-contained-screen {
  background:
    radial-gradient(circle at 78% 22%, rgba(45,212,191,.22), transparent 22%),
    linear-gradient(180deg, rgba(15,23,42,.04), rgba(20,83,45,.54)),
    var(--contained-image);
}

.dh-environment-read.airport .dh-contained-screen,
.dh-environment-read.traffic .dh-contained-screen {
  background:
    radial-gradient(circle at 78% 20%, rgba(148,163,184,.34), transparent 24%),
    linear-gradient(180deg, rgba(15,23,42,.06), rgba(30,41,59,.82)),
    var(--contained-image);
}

.dh-environment-read.research .dh-contained-screen,
.dh-environment-read.observatory .dh-contained-screen {
  background:
    radial-gradient(circle at 70% 16%, rgba(167,139,250,.28), transparent 22%),
    linear-gradient(180deg, rgba(15,23,42,.04), rgba(49,46,129,.72)),
    var(--contained-image);
}

.dh-contained-meta {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(226,232,240,.14);
  border-radius: 7px;
  background: rgba(2,6,23,.72);
  color: #f8fafc;
}

.dh-contained-meta span,
.dh-contained-readout span {
  color: #67e8f9;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-contained-meta b {
  font-size: clamp(15px, 1.6vw, 22px);
  line-height: 1.05;
}

.dh-contained-meta p {
  margin: 0;
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.35;
}

.dh-contained-readout {
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(226,232,240,.14);
  border-radius: 7px;
  background: rgba(15,23,42,.58);
}

.dh-contained-readout span {
  color: #dbeafe;
  line-height: 1.3;
  text-transform: none;
}

.dh-contained-actions {
  display: flex;
  gap: 8px;
  align-items: end;
}

.dh-contained-actions button {
  min-height: 34px;
  flex: 1;
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 7px;
  background: rgba(8,145,178,.24);
  color: #ecfeff;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.dh-contained-guide {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: 17%;
  width: min(620px, 52vw);
  transform: translateX(-50%);
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(226,232,240,.16);
  border-radius: 8px;
  background: rgba(2,6,23,.72);
  color: #e0f2fe;
  box-shadow: 0 18px 50px rgba(0,0,0,.34);
  backdrop-filter: blur(14px);
}

.dh-contained-guide.is-compact {
  left: 24px;
  bottom: 18px;
  width: min(520px, calc(100vw - 48px));
  transform: none;
  z-index: 7;
  background: rgba(2,6,23,.58);
}

.dh-contained-guide .dh-guide-close {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border-color: rgba(248,250,252,.32);
  background: rgba(15,23,42,.72);
  color: #f8fafc;
}

.dh-contained-guide span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
}

.dh-contained-guide button {
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 7px;
  background: rgba(8,145,178,.22);
  color: #ecfeff;
  font-size: 12px;
  font-weight: 900;
  padding: 7px 9px;
  cursor: pointer;
}

.dh-followup-notes {
  position: absolute;
  left: 50%;
  bottom: calc(18% + 52px);
  width: min(360px, 34vw);
  transform: translateX(-50%);
  z-index: 6;
  display: grid;
  gap: 5px;
  padding: 9px;
  border: 1px solid rgba(226,232,240,.14);
  border-radius: 8px;
  background: rgba(2,6,23,.62);
  color: #cbd5e1;
  box-shadow: 0 18px 50px rgba(0,0,0,.28);
  backdrop-filter: blur(14px);
}

.dh-followup-notes b {
  color: #f8fafc;
  font-size: 11px;
  text-transform: uppercase;
}

.dh-followup-notes div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dh-followup-notes button {
  border: 1px solid rgba(103,232,249,.28);
  border-radius: 7px;
  background: rgba(8,145,178,.18);
  color: #ecfeff;
  font-size: 10px;
  font-weight: 900;
  padding: 5px 7px;
  cursor: pointer;
}

.dh-followup-notes span {
  font-size: 11px;
  line-height: 1.32;
}

.dh-mini-visual.has-thumb .dh-scene-object.compact {
  opacity: .25;
}

.dh-mini-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .92;
  z-index: 1;
}

.dh-mini-visual.has-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(2,6,23,.05), rgba(2,6,23,.72)),
    radial-gradient(circle at 40% 30%, transparent, rgba(0,0,0,.4));
  pointer-events: none;
}

.dh-mini-visual.has-thumb .dh-mini-scan,
.dh-mini-visual.has-thumb .dh-scene-object.compact {
  z-index: 3;
}

@keyframes dhApiPreviewSweep {
  0%, 30% { transform: translateX(-120%); }
  70%, 100% { transform: translateX(120%); }
}

@media (max-width: 840px) {
  .dh-api-system-preview,
  .dh-renderer.has-api.live-open .dh-api-frame,
  .dh-renderer.has-api.live-open .dh-model-shell,
  .dh-contained-model {
    left: 50%;
    top: 47%;
    width: min(88vw, 560px);
    height: min(42vh, 360px);
    transform: translate(-50%, -50%);
  }

  .dh-contained-model {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) auto auto;
  }

  .dh-contained-screen {
    grid-row: auto;
  }

  .dh-contained-guide {
    left: 5%;
    right: 5%;
    bottom: 23%;
  }

  .dh-followup-notes {
    left: 5%;
    bottom: calc(23% + 58px);
    width: min(90vw, 360px);
  }

  .dh-api-system-preview:hover,
  .dh-api-system-preview:focus-within {
    border-color: rgba(103,232,249,.48);
  }
}

@keyframes dhContainedScan {
  0%, 100% {transform: translateY(-58%); opacity: .22;}
  48% {transform: translateY(42%); opacity: .64;}
}
.dh-stage-strip {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.dh-stage-pill {
  border: 1px solid rgba(226,232,240,.18);
  border-radius: 999px;
  background: rgba(2,6,23,.52);
  color: #dbeafe;
  font-size: 11px;
  font-weight: 900;
  padding: 7px 9px;
  cursor: pointer;
}

.dh-stage-pill.active {
  border-color: rgba(103,232,249,.68);
  background: rgba(103,232,249,.18);
  color: #ecfeff;
  box-shadow: 0 0 24px rgba(103,232,249,.18);
}

.dh-renderer.stage-angle .dh-scene-object {
  left: 36%;
  top: 20%;
  transform: perspective(900px) rotateX(58deg) rotateZ(18deg);
}

.dh-renderer.stage-similar .dh-scene-object {
  left: 24%;
  top: 25%;
  transform: perspective(900px) rotateX(54deg) rotateZ(-28deg);
}

.dh-renderer.stage-stats .dh-scene-object {
  opacity: .18;
}

.dh-stat-model {
  position: absolute;
  left: min(22vw, 280px);
  top: 20%;
  width: min(52vw, 720px);
  min-height: 360px;
  display: grid;
  align-content: center;
  gap: 18px;
  padding: 34px;
  border: 1px solid color-mix(in srgb, var(--accent) 54%, rgba(226,232,240,.2));
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(2,6,23,.82), rgba(15,23,42,.54)),
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 22%, transparent) 0 2px, transparent 2px 34px);
  box-shadow: 0 40px 120px rgba(0,0,0,.56), 0 0 80px color-mix(in srgb, var(--accent) 18%, transparent);
  z-index: 6;
  transform: perspective(900px) rotateX(8deg) rotateY(-8deg);
}

.dh-stat-model b {
  font-size: clamp(28px, 4vw, 58px);
  line-height: .95;
  letter-spacing: 0;
}

.dh-stat-model span {
  width: max-content;
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(226,232,240,.18);
  border-radius: 999px;
  background: rgba(2,6,23,.66);
  color: #cffafe;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-stat-model p {
  margin: 0;
  max-width: 620px;
  color: #e2e8f0;
  font-size: 16px;
  line-height: 1.55;
}

.dh-observatory.low-power .dh-stage-pill.active,
.dh-observatory.low-power .dh-stat-model {
  box-shadow: none;
}

.dh-observatory.low-power .dh-stat-model {
  transform: none;
  background: rgba(2,6,23,.82);
}
.dh-mechanic-toggle {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 42;
  width: 238px;
  min-height: 56px;
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid rgba(34,211,238,.58);
  border-radius: 7px;
  background: rgba(3,14,24,.94);
  color: #ecfeff;
  cursor: pointer;
  text-align: left;
}

.dh-mechanic-toggle.active {
  border-color: #a5f3fc;
  background: rgba(6,78,90,.94);
}

.dh-mechanic-toggle span,
.dh-mechanic-controls span,
.dh-mechanic-status header span,
.dh-mechanic-readouts span,
.dh-mechanic-current span {
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-mechanic-toggle b {
  font-size: 14px;
}

.dh-observatory.mechanic-mode .dh-top,
.dh-observatory.mechanic-mode .dh-category-dock,
.dh-observatory.mechanic-mode .dh-quick-rail,
.dh-observatory.mechanic-mode .dh-info,
.dh-observatory.mechanic-mode .dh-media,
.dh-observatory.mechanic-mode .dh-utility,
.dh-observatory.mechanic-mode .dh-layer-dock,
.dh-observatory.mechanic-mode .dh-ai-space,
.dh-observatory.mechanic-mode .dh-director-panel,
.dh-observatory.mechanic-mode .dh-architect,
.dh-observatory.mechanic-mode .dh-visual-label,
.dh-observatory.mechanic-mode .dh-model-status,
.dh-observatory.mechanic-mode .dh-followup-notes,
.dh-observatory.mechanic-mode .dh-contained-guide {
  display: none;
}

.dh-observatory.mechanic-mode .dh-vignette {
  background: linear-gradient(90deg, rgba(0,0,0,.72), transparent 22%, transparent 76%, rgba(0,0,0,.76));
}

.dh-cockpit-frame {
  position: absolute;
  top: 132px;
  right: 296px;
  bottom: 14px;
  left: 194px;
  z-index: 11;
  pointer-events: none;
  border: 1px solid rgba(103,232,249,.2);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.7);
}

.dh-cockpit-frame span,
.dh-cockpit-frame b {
  position: absolute;
  top: 8px;
  padding: 4px 6px;
  background: rgba(2,10,20,.78);
  color: #67e8f9;
  font-size: 8px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dh-cockpit-frame span { left: 8px; }
.dh-cockpit-frame b { right: 8px; color: #94a3b8; }

.dh-wallet-package {
  position: absolute;
  top: 76px;
  right: 14px;
  z-index: 47;
  width: min(360px, calc(100vw - 32px));
  color: #e0f2fe;
}

.dh-wallet-package-toggle,
.dh-wallet-prepare {
  width: 100%;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid rgba(250,204,21,.52);
  border-radius: 7px;
  background: rgba(3,14,24,.94);
  color: #fef3c7;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 0 26px rgba(250,204,21,.14);
}

.dh-wallet-package-toggle span {
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-wallet-package-toggle b {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-wallet-package-menu {
  display: grid;
  gap: 9px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(103,232,249,.32);
  border-radius: 8px;
  background: rgba(2,6,23,.94);
  box-shadow: 0 22px 60px rgba(0,0,0,.36);
}

.dh-wallet-connect-row {
  display: flex;
  justify-content: flex-end;
}

.dh-wallet-package-menu code {
  overflow: hidden;
  display: block;
  padding: 7px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 5px;
  color: #bef264;
  font-size: 10px;
  text-overflow: ellipsis;
}

.dh-wallet-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.dh-wallet-options button {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 6px;
  background: rgba(15,23,42,.74);
  color: #e2e8f0;
  cursor: pointer;
  text-align: left;
}

.dh-wallet-options button.selected {
  border-color: rgba(250,204,21,.68);
  background: rgba(113,63,18,.42);
  box-shadow: 0 0 24px rgba(250,204,21,.12);
}

.dh-wallet-options span,
.dh-wallet-options small {
  color: #67e8f9;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-wallet-options b,
.dh-wallet-options em {
  overflow: hidden;
  font-size: 10px;
  font-style: normal;
  text-overflow: ellipsis;
}

.dh-observatory.mechanic-mode .dh-renderer.has-api.live-open .dh-model-shell {
  left: 50%;
  top: 54%;
  width: min(760px, calc(100vw - 510px));
  height: min(62vh, 610px);
  min-width: 340px;
  min-height: 280px;
  border-radius: 6px;
  box-shadow: none;
  transform: translate(calc(-50% + var(--cockpit-render-x, 0px)), calc(-50% + var(--cockpit-render-y, 0px))) !important;
  transition: transform 90ms linear;
  will-change: transform;
}

.dh-observatory.mechanic-mode.main-lobby-active .dh-renderer,
.dh-observatory.mechanic-mode.main-lobby-active .dh-model-shell,
.dh-observatory.mechanic-mode.main-lobby-active .dh-api-system-preview,
.dh-observatory.mechanic-mode.main-lobby-active .dh-contained-guide {
  opacity: 0;
  pointer-events: none;
}

.dh-mechanic-categories {
  position: absolute;
  top: 14px;
  left: 194px;
  right: 14px;
  z-index: 38;
  height: 56px;
  display: flex;
  gap: 7px;
  padding: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(125,211,252,.32);
  border-radius: 6px;
  background: rgba(2,10,20,.9);
  scrollbar-width: thin;
}

.dh-mechanic-categories button {
  flex: 0 0 116px;
  min-width: 0;
  display: grid;
  grid-template-columns: 27px minmax(0,1fr);
  gap: 7px;
  align-items: center;
  padding: 5px 7px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 5px;
  background: rgba(15,23,42,.8);
  color: #e2e8f0;
  cursor: pointer;
  transform: translate3d(var(--cockpit-rail-x, 0px), var(--cockpit-rail-y, 0px), 0);
  transition: transform 110ms ease-out, border-color 120ms ease, background 120ms ease;
  will-change: transform;
}

.dh-mechanic-categories button.active,
.dh-mechanic-controls button.active {
  border-color: #67e8f9;
  background: rgba(8,145,178,.32);
}

.dh-mechanic-categories span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(103,232,249,.38);
  border-radius: 5px;
  color: #a5f3fc;
  font-size: 9px;
  font-weight: 900;
}

.dh-mechanic-categories b {
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-mechanic-controls {
  position: absolute;
  top: 132px;
  bottom: 14px;
  left: 14px;
  z-index: 38;
  width: 164px;
  display: grid;
  grid-template-rows: repeat(5, auto) minmax(0,1fr);
  gap: 7px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(125,211,252,.32);
  border-radius: 6px;
  background: rgba(2,10,20,.9);
}

.dh-mechanic-search {
  position: absolute;
  top: 78px;
  left: 194px;
  right: 296px;
  z-index: 39;
  height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 7px;
  padding: 6px;
  border: 1px solid rgba(125,211,252,.32);
  border-radius: 6px;
  background: rgba(2,10,20,.92);
}

.dh-mechanic-search input,
.dh-mechanic-search button {
  min-width: 0;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 5px;
  background: rgba(15,23,42,.86);
  color: #e2e8f0;
}

.dh-mechanic-search input {
  padding: 0 10px;
  outline: none;
}

.dh-mechanic-search button {
  padding: 0 12px;
  color: #cffafe;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.dh-mechanic-controls > button,
.dh-mechanic-mode-list button {
  min-height: 52px;
  display: grid;
  gap: 3px;
  align-content: center;
  padding: 8px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 5px;
  background: rgba(15,23,42,.8);
  color: #e2e8f0;
  cursor: pointer;
  text-align: left;
  transform: translate3d(var(--cockpit-control-x, 0px), var(--cockpit-control-y, 0px), 0);
  transition: transform 120ms ease-out, border-color 120ms ease, background 120ms ease;
  will-change: transform;
}

.dh-mechanic-controls b {
  font-size: 11px;
}

.dh-mechanic-mode-list {
  min-height: 0;
  display: grid;
  gap: 7px;
  align-content: start;
  overflow-y: auto;
  scrollbar-width: thin;
}

.dh-mechanic-status {
  position: absolute;
  top: 132px;
  right: 14px;
  bottom: 14px;
  z-index: 38;
  width: 268px;
  display: grid;
  gap: 9px;
  align-content: start;
  padding: 11px;
  overflow-y: auto;
  border: 1px solid rgba(125,211,252,.32);
  border-radius: 6px;
  background: rgba(2,10,20,.92);
  color: #e2e8f0;
}

.dh-mechanic-status header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.dh-mechanic-status header b {
  color: #bef264;
  font-size: 11px;
}

.dh-display-collapse {
  padding: 5px 7px;
  border: 1px solid rgba(103,232,249,.36);
  border-radius: 5px;
  background: rgba(8,47,73,.62);
  color: #e0f2fe;
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
  text-transform: uppercase;
}

.dh-display-body {
  min-height: 0;
  display: grid;
  gap: 9px;
}

.dh-mechanic-readouts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.dh-mechanic-readouts section,
.dh-mechanic-current {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 5px;
  background: rgba(15,23,42,.72);
  transform: translate3d(0, var(--cockpit-status-y, 0px), 0);
  transition: transform 130ms ease-out;
  will-change: transform;
}

.dh-mechanic-readouts b,
.dh-mechanic-current b {
  overflow-wrap: anywhere;
  color: #f8fafc;
  font-size: 11px;
}

.dh-mechanic-current small {
  overflow: hidden;
  color: #94a3b8;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-mechanic-status p {
  margin: 0;
  color: #cbd5e1;
  font-size: 10px;
  line-height: 1.45;
}

.dh-mechanic-status-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.dh-mechanic-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.dh-mechanic-panel-head span {
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-mechanic-panel-head b {
  color: #fde68a;
  font-size: 9px;
  text-transform: uppercase;
}

.dh-mechanic-quick-panel,
.dh-blink-mini-panel {
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 6px;
  background: rgba(15,23,42,.54);
}

.dh-mechanic-quick-panel button,
.dh-blink-mini-panel button {
  min-width: 0;
  display: grid;
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 5px;
  background: rgba(2,6,23,.72);
  color: #f8fafc;
  cursor: pointer;
  text-align: left;
}

.dh-mechanic-quick-panel button {
  grid-template-columns: 72px minmax(0, 1fr);
  padding: 6px;
}

.dh-mechanic-quick-panel button.active {
  border-color: rgba(103,232,249,.62);
  background: rgba(8,145,178,.22);
}

.dh-mechanic-quick-panel button > span,
.dh-blink-mini-panel button {
  min-width: 0;
}

.dh-mechanic-quick-panel b,
.dh-blink-mini-panel b {
  overflow: hidden;
  display: block;
  color: #e0f2fe;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-mechanic-quick-panel small,
.dh-blink-mini-panel small {
  display: block;
  overflow: hidden;
  color: #94a3b8;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-glb-review-panel {
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(250,204,21,.24);
  border-radius: 6px;
  background: rgba(15,23,42,.58);
}

.dh-star-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
}

.dh-star-row button {
  min-height: 30px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 5px;
  background: rgba(2,6,23,.72);
  color: #94a3b8;
  cursor: pointer;
  font-size: 15px;
}

.dh-star-row button.filled {
  border-color: rgba(250,204,21,.72);
  color: #facc15;
  box-shadow: 0 0 18px rgba(250,204,21,.18);
}

.dh-glb-review-panel textarea {
  width: 100%;
  min-height: 54px;
  resize: vertical;
  padding: 7px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 5px;
  background: rgba(2,6,23,.72);
  color: #e2e8f0;
  font-size: 10px;
}

.dh-review-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.dh-review-actions button {
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(103,232,249,.32);
  border-radius: 5px;
  background: rgba(8,145,178,.18);
  color: #e0f2fe;
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
}

.dh-glb-review-panel > small {
  overflow: hidden;
  color: #bef264;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-ai-operator-readout {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 6px;
  background: rgba(2,6,23,.62);
  box-shadow: inset 0 0 22px rgba(34,211,238,.06);
}

.dh-ai-operator-readout span {
  color: #67e8f9;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-ai-operator-readout b,
.dh-ai-operator-readout small {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dh-ai-operator-readout b {
  color: #f8fafc;
  font-size: 10px;
}

.dh-ai-operator-readout small {
  color: #94a3b8;
  font-size: 8px;
}

.dh-blink-mini-panel button {
  padding: 8px;
}

.dh-blink-mini-panel button:first-of-type {
  border-color: rgba(250,204,21,.45);
  background: rgba(250,204,21,.12);
}

.dh-blink-mini-panel button.locked {
  border-color: rgba(148,163,184,.25);
  background: rgba(15,23,42,.62);
  opacity: .82;
}

.dh-blink-mini-panel button.unlocked {
  border-color: rgba(34,197,94,.55);
  background: rgba(20,83,45,.28);
  box-shadow: 0 0 0 1px rgba(34,197,94,.14), 0 0 26px rgba(34,197,94,.16);
}

.dh-main-lobby {
  position: absolute;
  top: 132px;
  right: 14px;
  bottom: 14px;
  left: 194px;
  z-index: 41;
  display: grid;
  padding: 0;
  background: transparent;
}

.dh-main-lobby > div {
  width: 100%;
  max-height: 100%;
  display: grid;
  gap: 14px;
  padding: 16px;
  overflow: auto;
  border: 1px solid rgba(103,232,249,.48);
  border-radius: 8px;
  background: #07111f;
  color: #e2e8f0;
}

.dh-main-lobby header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.dh-main-lobby h2,
.dh-main-lobby h3,
.dh-main-lobby p {
  margin: 0;
}

.dh-main-lobby header span,
.dh-main-lobby-grid span,
.dh-main-lobby-copy span {
  color: #67e8f9;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-main-lobby header button,
.dh-main-lobby-grid button,
.dh-main-lobby-copy button {
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 5px;
  background: rgba(8,145,178,.2);
  color: #ecfeff;
  font-weight: 900;
  cursor: pointer;
}

.dh-main-lobby header button {
  padding: 9px 12px;
}

.dh-main-lobby-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 14px;
  min-height: min(42vh, 390px);
  padding: 12px;
  border: 1px solid rgba(103,232,249,.3);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(14,165,233,.13), transparent 48%),
    radial-gradient(circle at 25% 15%, rgba(103,232,249,.2), transparent 32%),
    rgba(2,6,23,.72);
}

.dh-main-lobby-screen {
  position: relative;
  min-height: min(38vh, 360px);
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.28);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(8,47,73,.42), rgba(2,6,23,.9)),
    repeating-linear-gradient(90deg, rgba(103,232,249,.08) 0 1px, transparent 1px 68px);
}

.dh-main-lobby-screen .dh-mini-visual {
  width: 100%;
  height: 100%;
  min-height: min(38vh, 360px);
  border: 0;
  border-radius: 0;
  background: transparent;
}

.dh-main-lobby-screen .dh-scene-object {
  transform: scale(1.55);
}

.dh-main-lobby-scanline {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(103,232,249,.18), transparent);
  animation: dhLobbyScan 4.8s linear infinite;
  opacity: .58;
}

.dh-main-lobby-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  min-width: 0;
}

.dh-main-lobby-copy h3 {
  color: #f8fafc;
  font-size: clamp(22px, 3.2vw, 40px);
  line-height: 1;
}

.dh-main-lobby-copy p {
  color: #cbd5e1;
  line-height: 1.45;
}

.dh-main-lobby-source {
  width: fit-content;
  padding: 5px 8px;
  border: 1px solid rgba(103,232,249,.32);
  border-radius: 999px;
  background: rgba(8,145,178,.16);
  color: #a5f3fc;
  font-size: 10px;
  font-weight: 900;
}

.dh-main-lobby-copy div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dh-main-lobby-copy button {
  min-height: 40px;
  padding: 8px;
}

.dh-main-lobby-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.dh-main-lobby-grid article {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 7px;
  background: rgba(15,23,42,.68);
}

.dh-main-lobby-grid article.active {
  border-color: rgba(250,204,21,.58);
  box-shadow: 0 0 0 1px rgba(250,204,21,.12), 0 18px 50px rgba(250,204,21,.08);
}

.dh-main-lobby-grid b {
  color: #f8fafc;
}

.dh-main-lobby-grid small {
  color: #94a3b8;
}

.dh-main-lobby-grid button {
  min-height: 34px;
}

.dh-system-faq-button {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 92;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(103,232,249,.62);
  border-radius: 8px;
  background: rgba(8,145,178,.24);
  color: #ecfeff;
  font-size: 22px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(103,232,249,.14), 0 0 24px rgba(34,211,238,.16);
}

.dh-system-faq-panel {
  position: absolute;
  right: 18px;
  bottom: 68px;
  z-index: 92;
  width: min(380px, calc(100vw - 36px));
  max-height: min(560px, calc(100vh - 96px));
  display: grid;
  gap: 10px;
  padding: 13px;
  overflow-y: auto;
  border: 1px solid rgba(103,232,249,.46);
  border-radius: 8px;
  background: rgba(2,10,20,.96);
  color: #e2e8f0;
}

.dh-system-faq-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dh-system-faq-panel header span {
  color: #67e8f9;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.dh-system-faq-panel header button,
.dh-system-faq-panel a {
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 6px;
  background: rgba(8,145,178,.2);
  color: #ecfeff;
  font-weight: 900;
  text-decoration: none;
}

.dh-system-faq-panel header button {
  padding: 7px 9px;
  cursor: pointer;
}

.dh-system-faq-panel a {
  padding: 9px;
  text-align: center;
}

.dh-system-faq-panel section {
  display: grid;
  gap: 4px;
  padding: 9px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 6px;
  background: rgba(15,23,42,.68);
}

.dh-system-faq-panel b {
  color: #f8fafc;
}

.dh-system-faq-panel p {
  margin: 0;
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.42;
}

.dh-system-footer {
  position: absolute;
  left: 50%;
  bottom: 16px;
  z-index: 91;
  display: flex;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(125,211,252,.28);
  border-radius: 8px;
  background: rgba(2,10,20,.86);
  transform: translateX(-50%);
}

.dh-system-footer a {
  padding: 7px 9px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 6px;
  color: #cffafe;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.dh-system-footer a:hover {
  border-color: rgba(103,232,249,.7);
  box-shadow: 0 0 18px rgba(34,211,238,.2);
}

@keyframes dhLobbyScan {
  from { transform: translateY(-100%); }
  to { transform: translateY(100%); }
}

.dh-mechanic-status-actions button,
.dh-assistance-actions button,
.dh-travel-assistance header button {
  padding: 9px;
  border: 1px solid rgba(103,232,249,.34);
  border-radius: 5px;
  background: rgba(8,145,178,.2);
  color: #ecfeff;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.dh-travel-assistance {
  position: absolute;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0,5,12,.94);
}

.dh-travel-assistance > div {
  width: min(660px,100%);
  display: grid;
  gap: 13px;
  padding: 18px;
  border: 1px solid rgba(103,232,249,.48);
  border-radius: 7px;
  background: #07111f;
  color: #e2e8f0;
}

.dh-travel-assistance header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dh-travel-assistance header span {
  color: #67e8f9;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-travel-assistance h2,
.dh-travel-assistance p {
  margin: 0;
}

.dh-travel-assistance p {
  color: #cbd5e1;
  line-height: 1.45;
}

.dh-assistance-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.dh-assistance-grid section {
  display: grid;
  grid-template-columns: 27px 1fr;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 5px;
  background: rgba(15,23,42,.72);
}

.dh-assistance-grid b {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(103,232,249,.38);
  border-radius: 5px;
  color: #a5f3fc;
}

.dh-assistance-grid span {
  font-size: 11px;
  line-height: 1.4;
}

.dh-assistance-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

@media (max-width: 760px) {
  .dh-mechanic-toggle {
    top: 9px;
    right: 9px;
    width: 176px;
    min-height: 52px;
  }

  .dh-mechanic-categories {
    top: 68px;
    left: 9px;
    right: 9px;
    height: 52px;
  }

  .dh-mechanic-controls {
    top: 127px;
    left: 9px;
    bottom: 9px;
    width: 108px;
  }

  .dh-mechanic-status {
    top: 127px;
    right: 9px;
    bottom: 9px;
    width: 168px;
    padding: 8px;
  }

  .dh-mechanic-status.collapsed {
    top: auto;
    right: 9px;
    bottom: 86px;
    width: min(214px, calc(100vw - 138px));
    max-height: 54px;
    overflow: hidden;
    padding: 7px 8px;
    background: rgba(2,10,20,.84);
    box-shadow: 0 0 24px rgba(34,211,238,.14);
  }

  .dh-mechanic-status.collapsed .dh-display-body {
    display: none;
  }

  .dh-mechanic-status.collapsed header span,
  .dh-mechanic-status.collapsed header b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dh-mechanic-readouts,
  .dh-assistance-grid {
    grid-template-columns: 1fr;
  }

  .dh-observatory.mechanic-mode .dh-model-shell {
    left: calc(50% - 30px);
    top: 56%;
    width: calc(100vw - 310px);
    min-width: 210px;
    height: min(52vh,460px);
    min-height: 230px;
  }

  .dh-cockpit-frame {
    top: 127px;
    right: 186px;
    bottom: 9px;
    left: 126px;
  }

  .dh-cockpit-frame b {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dh-observatory.mechanic-mode .dh-model-shell,
  .dh-mechanic-categories button,
  .dh-mechanic-controls > button,
  .dh-mechanic-mode-list button,
  .dh-mechanic-readouts section,
  .dh-mechanic-current {
    transform: none !important;
    transition: none !important;
  }
}

.dh-market-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.dh-market-flow-grid section {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(103,232,249,.28);
  background: rgba(2,6,23,.58);
  border-radius: 8px;
  text-align: left;
}

.dh-market-flow-grid strong {
  color: #e0f2fe;
  font-size: 13px;
}

.dh-market-flow-grid small {
  color: #86efac;
  text-transform: uppercase;
  font-size: 10px;
}

.dh-market-flow-grid span,
.dh-market-flow-grid em,
.dh-market-flow-disclaimer {
  color: rgba(226,232,240,.82);
  font-size: 10px;
  font-style: normal;
  line-height: 1.3;
}

.dh-market-flow-disclaimer {
  display: block;
  margin-top: 10px;
  color: rgba(251,191,36,.9);
}

.dh-options-print-feed {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(251,191,36,.28);
}

.dh-options-print-feed header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}

.dh-options-print-feed header strong {
  color: #fef3c7;
  font-size: 12px;
}

.dh-options-print-feed header small {
  color: rgba(226,232,240,.74);
  font-size: 10px;
  text-align: right;
}

@media (max-width: 760px) {
  .dh-market-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.dh-observatory.mechanic-mode button,
.dh-observatory.mechanic-mode .dh-main-lobby-grid article,
.dh-observatory.mechanic-mode .dh-mini-visual {
  transition:
    border-color 140ms ease,
    background 140ms ease,
    box-shadow 140ms ease,
    filter 140ms ease,
    transform 140ms ease;
}

.dh-observatory.mechanic-mode button:hover,
.dh-observatory.mechanic-mode .dh-main-lobby-grid article:hover,
.dh-observatory.mechanic-mode .dh-mini-visual:hover {
  border-color: rgba(103,232,249,.82) !important;
  box-shadow: 0 0 0 1px rgba(103,232,249,.18), 0 0 24px rgba(34,211,238,.24);
  filter: brightness(1.12);
}

.dh-observatory.mechanic-mode button:active {
  transform: scale(.985);
  box-shadow: 0 0 0 2px rgba(250,204,21,.24), 0 0 32px rgba(250,204,21,.24);
}

.dh-observatory.mechanic-mode .dh-mechanic-categories button.active,
.dh-observatory.mechanic-mode .dh-mechanic-controls button.active,
.dh-observatory.mechanic-mode .dh-mechanic-quick-panel button.active,
.dh-observatory.mechanic-mode .dh-main-lobby-grid article.active {
  box-shadow: 0 0 0 1px rgba(103,232,249,.18), 0 0 30px rgba(34,211,238,.18);
}

.dh-observatory.mechanic-mode.system-pulse .dh-mechanic-categories,
.dh-observatory.mechanic-mode.system-pulse .dh-mechanic-controls,
.dh-observatory.mechanic-mode.system-pulse .dh-mechanic-status,
.dh-observatory.mechanic-mode.system-pulse .dh-mechanic-search,
.dh-observatory.mechanic-mode.system-pulse .dh-model-shell,
.dh-observatory.mechanic-mode.system-pulse .dh-main-lobby-stage,
.dh-observatory.mechanic-mode.ai-operating .dh-mechanic-controls,
.dh-observatory.mechanic-mode.ai-operating .dh-mechanic-quick-panel,
.dh-observatory.mechanic-mode.ai-operating .dh-glb-review-panel,
.dh-observatory.mechanic-mode.ai-operating .dh-wallet-package-toggle {
  animation: dhSystemPulse .72s ease-out 1;
}

.dh-observatory.mechanic-mode.is-loading .dh-model-shell,
.dh-observatory.mechanic-mode.is-loading .dh-mechanic-current,
.dh-observatory.mechanic-mode.is-loading .dh-main-lobby-stage {
  animation: dhSystemPulse 1.5s ease-in-out infinite;
}

.dh-observatory.mechanic-mode .dh-model-shell::after {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  border-radius: inherit;
  border: 1px solid rgba(103,232,249,.34);
  opacity: 0;
  box-shadow: inset 0 0 42px rgba(34,211,238,.08), 0 0 30px rgba(34,211,238,.12);
  transition: opacity 160ms ease;
}

.dh-observatory.mechanic-mode.system-pulse .dh-model-shell::after,
.dh-observatory.mechanic-mode.is-loading .dh-model-shell::after {
  opacity: .64;
}

@keyframes dhSystemPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(103,232,249,0), 0 0 0 rgba(34,211,238,0);
  }
  45% {
    box-shadow: 0 0 0 1px rgba(103,232,249,.28), 0 0 34px rgba(34,211,238,.22);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(103,232,249,0), 0 0 0 rgba(34,211,238,0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dh-observatory.mechanic-mode.system-pulse .dh-mechanic-categories,
  .dh-observatory.mechanic-mode.system-pulse .dh-mechanic-controls,
  .dh-observatory.mechanic-mode.system-pulse .dh-mechanic-status,
  .dh-observatory.mechanic-mode.system-pulse .dh-mechanic-search,
  .dh-observatory.mechanic-mode.system-pulse .dh-model-shell,
  .dh-observatory.mechanic-mode.system-pulse .dh-main-lobby-stage,
  .dh-observatory.mechanic-mode.is-loading .dh-model-shell,
  .dh-observatory.mechanic-mode.is-loading .dh-mechanic-current,
  .dh-observatory.mechanic-mode.is-loading .dh-main-lobby-stage {
    animation: none !important;
  }
}
.dh-guardian-mini {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 120;
  width: min(292px, calc(100vw - 28px));
  min-height: 58px;
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  gap: 9px;
  align-items: center;
  padding: 6px;
  border: 1px solid rgba(103,232,249,.42);
  border-radius: 7px;
  background: rgba(2,10,20,.94);
  color: #ecfeff;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 12px 34px rgba(0,0,0,.35);
}

.dh-guardian-mini.level-blocked { border-color: #f87171; }
.dh-guardian-mini.level-offline { border-color: #facc15; }
.dh-guardian-mini.level-restored { border-color: #bef264; }

.dh-guardian-mini img {
  width: 46px;
  height: 46px;
  object-fit: cover;
  border-radius: 5px;
}

.dh-guardian-mini span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.dh-guardian-mini b {
  font-size: 11px;
}

.dh-guardian-mini small {
  overflow: hidden;
  color: #bae6fd;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:has(.dh-youtube-story-renderer) .dh-guardian-mini {
  right: 10px;
  bottom: 10px;
  width: 52px;
  min-height: 52px;
  grid-template-columns: 1fr;
  padding: 4px;
  opacity: .58;
  overflow: hidden;
  transform: scale(.86);
  transform-origin: bottom right;
}

body:has(.dh-youtube-story-renderer) .dh-guardian-mini span {
  display: none;
}

body:has(.dh-youtube-story-renderer) .dh-guardian-mini img {
  width: 42px;
  height: 42px;
}

.dh-guardian-block {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0,5,12,.94);
}

.dh-guardian-glass {
  width: min(1020px,100%);
  max-height: calc(100dvh - 40px);
  display: grid;
  grid-template-columns: minmax(280px,.82fr) minmax(360px,1.18fr);
  overflow: hidden;
  border: 1px solid rgba(103,232,249,.52);
  border-radius: 8px;
  background: rgba(7,17,31,.96);
  box-shadow: inset 0 0 50px rgba(34,211,238,.08);
}

.dh-guardian-block.level-blocked .dh-guardian-glass {
  border-color: rgba(248,113,113,.7);
}

.dh-guardian-visual {
  position: relative;
  min-height: 540px;
  overflow: hidden;
  background: linear-gradient(180deg,#06111f,#020617);
}

.dh-guardian-visual model-viewer,
.dh-guardian-visual > img {
  width: 100%;
  height: 100%;
  min-height: 540px;
  object-fit: cover;
}

.dh-guardian-visual > span {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 9px;
  border: 1px solid rgba(103,232,249,.32);
  border-radius: 5px;
  background: rgba(2,6,23,.82);
  color: #a5f3fc;
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.dh-guardian-copy {
  min-height: 0;
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 18px;
  overflow-y: auto;
  color: #e2e8f0;
}

.dh-guardian-copy header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
}

.dh-guardian-copy header span,
.dh-guardian-client span {
  color: #67e8f9;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dh-guardian-copy h2,
.dh-guardian-copy p {
  margin: 0;
}

.dh-guardian-copy h2 {
  margin-top: 4px;
  font-size: 25px;
}

.dh-guardian-copy p,
.dh-guardian-limit {
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.5;
}

.dh-guardian-presentation {
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(103,232,249,.26);
  border-radius: 5px;
  background: rgba(8,47,73,.24);
}

.dh-guardian-presentation > b {
  color: #e0f2fe;
  font-size: 12px;
  line-height: 1.45;
}

.dh-guardian-presentation > div {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.dh-guardian-presentation button {
  padding: 7px 8px;
  border: 1px solid rgba(103,232,249,.3);
  border-radius: 4px;
  background: rgba(15,23,42,.72);
  color: #bae6fd;
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
}

.dh-guardian-presentation p {
  margin: 0;
  color: #cbd5e1;
  font-size: 11px;
}

.dh-guardian-presentation .dh-guardian-voice {
  justify-self: start;
  background: rgba(8,145,178,.28);
  color: #ecfeff;
}

.dh-guardian-copy header button,
.dh-guardian-client button {
  padding: 8px 10px;
  border: 1px solid rgba(103,232,249,.36);
  border-radius: 5px;
  background: rgba(8,145,178,.2);
  color: #ecfeff;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.dh-guardian-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.dh-guardian-checks section {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px 8px;
  padding: 10px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 5px;
  background: rgba(15,23,42,.72);
}

.dh-guardian-checks b {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  align-self: start;
  min-width: 44px;
  height: 25px;
  border: 1px solid rgba(190,242,100,.4);
  border-radius: 4px;
  color: #bef264;
  font-size: 9px;
  text-transform: uppercase;
}

.dh-guardian-checks span {
  color: #f8fafc;
  font-size: 11px;
  font-weight: 900;
}

.dh-guardian-checks small {
  color: #94a3b8;
  font-size: 10px;
  line-height: 1.35;
}

.dh-guardian-client {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 6px 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(103,232,249,.24);
  border-radius: 5px;
  background: rgba(8,47,73,.32);
}

.dh-guardian-recovery {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(251,191,36,.55);
  border-radius: 6px;
  background: rgba(120,53,15,.22);
}

.dh-guardian-recovery b {
  color: #fde68a;
}

.dh-guardian-recovery span {
  color: #e2e8f0;
  font-size: 11px;
  line-height: 1.45;
}

.dh-guardian-recovery button {
  justify-self: start;
  border: 1px solid rgba(253,224,71,.65);
  border-radius: 5px;
  padding: 7px 10px;
  background: #facc15;
  color: #111827;
  font-weight: 900;
  cursor: pointer;
}

.dh-guardian-mini.level-reload {
  border-color: rgba(250,204,21,.75);
}

.dh-guardian-client span { grid-column: 1; }
.dh-guardian-client b { grid-column: 1; font-size: 12px; }
.dh-guardian-client button { grid-column: 2; grid-row: 1 / 3; }

.dh-guardian-sponsor {
  justify-self: start;
  color: #a5f3fc;
  font-size: 11px;
  font-weight: 900;
}

body:has(.dh-observatory.mechanic-mode) .dh-guardian-mini {
  right: 300px;
  width: 230px;
}

@media (max-width: 760px) {
  .dh-guardian-mini {
    right: 9px;
    bottom: 9px;
    width: min(244px,calc(100vw - 18px));
  }

  .dh-guardian-glass {
    grid-template-columns: 1fr;
    max-height: calc(100dvh - 20px);
  }

  .dh-guardian-visual {
    min-height: 250px;
    max-height: 38dvh;
  }

  .dh-guardian-visual model-viewer,
  .dh-guardian-visual > img {
    min-height: 250px;
  }

  .dh-guardian-checks {
    grid-template-columns: 1fr;
  }

  body:has(.dh-observatory.mechanic-mode) .dh-guardian-mini {
    right: 186px;
    width: 142px;
  }

  body:has(.dh-observatory.mechanic-mode) .dh-guardian-mini span {
    display: none;
  }
}