html[data-logo=seal] :is(.app-brand-logo,.title-logo,.mac-menu-logo,.welcome-logo,.logo-box,.lock-logo) img{content:url(../icons/logo-seal.svg)}
html[data-logo=signal] :is(.app-brand-logo,.title-logo,.mac-menu-logo,.welcome-logo,.logo-box,.lock-logo) img{content:url(../icons/logo-signal.svg?v=2)}
html[data-logo] :is(.app-brand-logo,.title-logo){background:transparent!important;box-shadow:0 4px 12px rgba(15,23,42,.18)!important}
html[data-logo=seal] :is(.app-brand-logo,.title-logo){border-radius:8px!important}
html[data-logo=signal] :is(.app-brand-logo,.title-logo){border-radius:50%!important}
/* Launch screens, one character per logo. Colours stay dark in both site themes. */
html[data-logo] #app-splash.control-welcome{color:#f4f6fb}
html[data-logo] #app-splash .welcome-aurora,html[data-logo] #app-splash .welcome-orbit,html[data-logo] #app-splash .welcome-spark{display:none}
html[data-logo] #app-splash h1{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
html[data-logo] #app-splash :is(.welcome-date,.welcome-message,.welcome-footer,.welcome-loading>span:last-child,.welcome-product){color:rgba(255,255,255,.66)!important;-webkit-text-fill-color:rgba(255,255,255,.66)!important}
html[data-logo] #app-splash .welcome-brand span{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.25)}
html[data-logo] #app-splash .welcome-footer i{background:rgba(255,255,255,.3)}
html[data-logo] #app-splash .welcome-track{background:rgba(255,255,255,.14)}
html[data-logo] #app-splash .welcome-logo{border:0;background:transparent;box-shadow:none;overflow:visible}
html[data-logo] #app-splash .welcome-logo:after{display:none}
html[data-logo] #app-splash .welcome-emblem:before,html[data-logo] #app-splash .welcome-emblem:after{content:'';position:absolute;pointer-events:none;border-radius:50%}
html[data-logo=seal] #app-splash.control-welcome{background:radial-gradient(circle at 50% 40%,#6b1020 0,#2a0a12 42%,#120709 78%)}
html[data-logo=seal] #app-splash .welcome-logo{border-radius:18px;box-shadow:0 14px 40px rgba(200,16,46,.45);animation:logo-stamp .62s cubic-bezier(.3,1.25,.5,1) both}
html[data-logo=seal] #app-splash .welcome-logo img{border-radius:18px}
html[data-logo=seal] #app-splash .welcome-emblem:before{inset:-16px;background:radial-gradient(circle,#c8102e 0,rgba(200,16,46,.5) 46%,transparent 70%);opacity:.5;animation:logo-sunrise 1.3s cubic-bezier(.2,.8,.2,1) both}
html[data-logo=seal] #app-splash .welcome-emblem:after{inset:44px;border:2px solid rgba(255,255,255,.55);opacity:0;animation:logo-ink 1s .42s ease-out both}
html[data-logo=seal] #app-splash .welcome-track i{background:linear-gradient(90deg,#c8102e,#ff6b7c)}
html[data-logo=signal] #app-splash.control-welcome{background:radial-gradient(circle at 50% 40%,#12352a 0,#0c1418 46%,#0a0e13 80%)}
html[data-logo=signal] #app-splash .welcome-logo{border-radius:50%;box-shadow:0 0 44px rgba(43,196,138,.34);animation:logo-power .8s cubic-bezier(.2,.9,.3,1) both}
html[data-logo=signal] #app-splash .welcome-logo img{border-radius:50%}
html[data-logo=signal] #app-splash .welcome-emblem:before,html[data-logo=signal] #app-splash .welcome-emblem:after{inset:46px;border:1px solid rgba(43,196,138,.7);animation:logo-radar 2.4s ease-out infinite}
html[data-logo=signal] #app-splash .welcome-emblem:after{animation-delay:1.2s}
html[data-logo=signal] #app-splash .welcome-track i{background:linear-gradient(90deg,#1b9c6c,#4fe0a8)}
@keyframes logo-stamp{0%{opacity:0;transform:scale(1.9) rotate(-9deg)}70%{opacity:1;transform:scale(.93) rotate(0)}100%{opacity:1;transform:none}}
@keyframes logo-sunrise{from{opacity:0;transform:translateY(34px) scale(.62)}to{opacity:.5;transform:none}}
@keyframes logo-ink{0%{opacity:.8;transform:scale(.8)}100%{opacity:0;transform:scale(2)}}
@keyframes logo-power{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:none}}
@keyframes logo-radar{0%{opacity:.8;transform:scale(.8)}100%{opacity:0;transform:scale(2.3)}}
.sv2-logo-note{margin:8px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}