/* App recommendations: static gradients and a short transform transition only. */
.desktop-promo{position:fixed;inset:0;z-index:8500;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,5,11,.76);backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;pointer-events:none;transition:opacity .22s ease}
.desktop-promo[hidden]{display:none!important}
.desktop-promo.open,.desktop-promo.is-visible{opacity:1;pointer-events:auto}
.desktop-promo-card,.youtube-app-modal{position:relative;isolation:isolate;width:min(480px,100%);max-width:480px;padding:32px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:26px;background:radial-gradient(ellipse at 90% 0,rgba(var(--accent-rgb),.13),transparent 55%),var(--modal-bg);box-shadow:0 24px 72px rgba(0,0,0,.38);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}
.desktop-promo-card{transform:translateY(14px);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.desktop-promo.open .desktop-promo-card{transform:none}
.desktop-promo-close,.youtube-app-modal .modal-close-btn{position:absolute;top:16px;right:16px;z-index:1;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--border2);border-radius:50%;background:var(--chip-bg);color:var(--text2);font:21px/1 Arial;cursor:pointer;transition:background .18s,color .18s}
.desktop-promo-close:hover,.youtube-app-modal .modal-close-btn:hover{background:var(--surface);color:var(--text)}
.popup-device-scene{height:108px;margin:0 0 23px;display:flex;justify-content:center;color:var(--accent);background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.12),transparent 69%)}
.popup-device-scene svg{width:260px;max-width:100%;height:108px;overflow:visible}
.scene-screen{fill:var(--surface);stroke:currentColor;stroke-opacity:.6;stroke-width:1.5}
.scene-display{fill:currentColor;fill-opacity:.12}
.scene-play{fill:currentColor}
.desktop-promo-icon,.youtube-app-mark{position:absolute;top:96px;left:calc(50% - 132px);width:42px;height:42px;display:grid;place-items:center;margin:0;border:1px solid rgba(var(--accent-rgb),.45);border-radius:13px;background:var(--modal-bg);color:var(--accent);box-shadow:0 5px 16px rgba(0,0,0,.2);transform:rotate(-8deg)}
.desktop-promo-icon span{font-size:21px;font-weight:800;line-height:1;color:var(--accent)}
.youtube-app-mark{border-color:rgba(255,95,114,.4);color:#ff667b}
.youtube-app-mark svg{width:23px;height:23px;fill:currentColor}
.desktop-promo-kicker,.youtube-app-kicker{display:inline-flex;margin:0 0 13px;padding:7px 9px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:7px;background:rgba(var(--accent-rgb),.07);color:var(--accent);font:650 10px/1 ui-monospace,Consolas,monospace;letter-spacing:1.35px}
.youtube-app-kicker{color:#ff8595;background:rgba(255,95,114,.08);border-color:rgba(255,95,114,.2)}
.desktop-promo-copy h2,.youtube-app-modal h2{margin:0 0 12px;max-width:360px;color:var(--text);font-size:28px;font-weight:750;letter-spacing:-1px;line-height:1.18;text-wrap:balance}
.desktop-promo-copy p,.youtube-app-modal>p{margin:0 0 24px;color:var(--text2);font-size:13px;line-height:1.75;text-wrap:pretty}
.desktop-promo-actions,.youtube-app-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.desktop-promo-link,.youtube-app-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:72px;padding:15px 12px;border:1px solid var(--border2);border-radius:14px;background:var(--chip-bg);color:var(--text);font-size:12px;font-weight:650;line-height:1.4;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
.desktop-promo-link::before,.youtube-app-link::before{content:'';flex:0 0 21px;width:21px;height:21px;background:currentColor;mask:var(--device-icon) center/contain no-repeat;-webkit-mask:var(--device-icon) center/contain no-repeat;opacity:.9}
#desktopPromoDesktop,#youtubeAppDesktop{--device-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h8.5v7H2zm10 0h10v7H12zM2 13h8.5v7H2zm10 0h10v7H12z'/%3E%3C/svg%3E")}
#desktopPromoMobile,#youtubeAppMobile{--device-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 8a6 6 0 0 1 2.1-4.6L6.9 1.6l1-.6 1.4 1.9a6 6 0 0 1 5.4 0L16.1 1l1 .6-1.2 1.8A6 6 0 0 1 18 8zm0 2h12v7a2 2 0 0 1-2 2v3h-2v-3h-4v3H8v-3a2 2 0 0 1-2-2zm-3 0h2v7H3zm16 0h2v7h-2z'/%3E%3C/svg%3E")}
.desktop-promo-link b,.youtube-app-link b{margin-left:auto;font-size:18px;color:var(--accent);font-weight:500}
.desktop-promo-link.desktop,.youtube-app-link.primary{border-color:rgba(var(--accent-rgb),.48);background:linear-gradient(130deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.08));color:var(--text);box-shadow:none}
@media(hover:hover){.desktop-promo-link:hover,.youtube-app-link:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.7);background:rgba(var(--accent-rgb),.16)}}
.desktop-promo-link:active,.youtube-app-link:active{transform:translateY(0) scale(.98)}
.desktop-promo :focus-visible,.youtube-app-modal :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.desktop-promo-never{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border);color:var(--text2);font-size:11px;line-height:1.5;cursor:pointer}
.desktop-promo-never input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--accent)}
.youtube-app-modal>small{display:block;margin-top:20px;padding-top:17px;border-top:1px solid var(--border);color:var(--text3);font-size:10.5px;line-height:1.65}
#youtubeAppOverlay{background:rgba(3,5,11,.76);backdrop-filter:none;-webkit-backdrop-filter:none;padding:24px;align-items:center}
@media(max-width:520px){.desktop-promo,#youtubeAppOverlay{padding:14px;align-items:center}.desktop-promo-card,.youtube-app-modal{padding:27px 22px 23px;border-radius:22px;max-height:calc(100dvh - 28px)}.desktop-promo-copy h2,.youtube-app-modal h2{font-size:25px}.desktop-promo-actions,.youtube-app-actions{grid-template-columns:1fr}.desktop-promo-link,.youtube-app-link{min-height:54px;padding:13px 15px}.popup-device-scene{margin-bottom:21px}.desktop-promo-icon,.youtube-app-mark{top:91px}}
@media(max-height:600px){.popup-device-scene{display:none}.desktop-promo-icon,.youtube-app-mark{position:static;transform:none;margin:0 0 14px}.desktop-promo-card,.youtube-app-modal{padding:22px}.desktop-promo-copy h2,.youtube-app-modal h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.desktop-promo,.desktop-promo-card,.desktop-promo-link,.youtube-app-link{transition:none!important;transform:none!important}}
.desktop-promo.open{backdrop-filter:none;-webkit-backdrop-filter:none}