:root{--dp-user-brand-gradient:linear-gradient(105deg,#e8ffd2 0%,#9cff24 26%,#35ff8a 50%,#00d9a6 72%,#e8ffd2 100%)}
@media(hover:hover){.dp-universal-header .dp-universal-brand:is(:hover,:focus-visible,[data-gradient-preview]) .dp-brand-main,.dp-universal-header .dp-universal-brand:is(:hover,:focus-visible,[data-gradient-preview]) .dp-brand-com-lockup b{color:transparent!important;-webkit-text-fill-color:transparent!important;background:var(--dp-user-brand-gradient)!important;background-size:240% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:none!important;animation:dp-brand-aurora-fade 1.8s cubic-bezier(.45,0,.25,1) infinite alternate!important}}
.brand-gradient-popup{position:fixed;z-index:100010;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:17px;border:1px solid #a2e74655;border-radius:18px;background:#10170ff7;color:#eef8e5;box-shadow:0 18px 60px #000a;backdrop-filter:blur(18px);font:13px/1.4 system-ui,sans-serif}.brand-gradient-popup[hidden]{display:none!important}.brand-gradient-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.brand-gradient-heading h2{font:800 18px/1.2 system-ui,sans-serif;margin:0;color:#eef8e5}.brand-gradient-heading button{width:32px;height:32px;padding:0;border:1px solid #ffffff25;border-radius:9px;background:#ffffff08;color:#eef8e5;font-size:23px;cursor:pointer}.brand-gradient-current{font:600 12px/1.4 system-ui,sans-serif!important;color:#bfceac;margin:0 0 12px!important}.brand-gradient-list{display:grid;gap:7px;max-height:min(310px,45dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#759d48 #10170f;padding:2px 5px 3px 2px}.brand-gradient-option{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:43px!important;margin:0!important;padding:8px 11px!important;border:1px solid #ffffff18!important;border-radius:10px!important;background:#ffffff05!important;color:#e6eedf!important;font:600 12px/1.4 system-ui,sans-serif!important;cursor:pointer;text-align:left!important}.brand-gradient-option:hover,.brand-gradient-option[aria-pressed=true]{border-color:#a2e746aa!important;background:#a2e74612!important}.brand-gradient-swatch{display:block;flex:none;width:72px;height:23px;border-radius:7px;border:1px solid #ffffff30}.brand-gradient-option:focus-visible,.brand-gradient-save:focus-visible{outline:2px solid #b8f373;outline-offset:2px}.brand-gradient-save{display:block;width:100%;margin-top:14px;padding:12px;border:0;border-radius:11px;background:#b0ef4b;color:#132009;font:800 13px/1.3 system-ui,sans-serif;cursor:pointer}.brand-gradient-save:disabled{opacity:.55;cursor:wait}.brand-gradient-status{font:400 11px/1.5 system-ui,sans-serif!important;color:#afbea0!important;margin:10px 0 0!important}.brand-profile h2{margin:0 0 12px}.brand-profile>p:not(.eyebrow){color:#9eae94;line-height:1.6}.brand-profile [data-brand-gradient-chooser]{max-width:580px}.brand-profile .brand-gradient-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:340px}.brand-profile .brand-gradient-swatch{width:48px}.brand-profile .brand-gradient-save{max-width:280px}@media(max-width:480px){.brand-profile .brand-gradient-list{grid-template-columns:1fr}.brand-profile .brand-gradient-swatch{width:72px}}@media(prefers-reduced-motion:reduce){.dp-universal-header .dp-universal-brand[data-gradient-preview] .dp-brand-main,.dp-universal-header .dp-universal-brand[data-gradient-preview] .dp-brand-com-lockup b{animation:none!important}}
/* Logo studio: intentional hover effects, isolated from the header layout. */
.brand-gradient-popup{overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
.brand-style-tabs{display:flex;gap:6px;padding:4px;margin:12px 0;border:1px solid #b9ef5a22;border-radius:12px;background:#070e09}
.brand-style-tabs button{flex:1;border:0;border-radius:8px;padding:10px;background:transparent;color:#aebea7;font:700 13px system-ui;cursor:pointer}
.brand-style-tabs button[aria-selected=true]{background:#b0ef4b;color:#142209;box-shadow:0 3px 15px #9df63a18}
[data-brand-gradient-chooser] [hidden],[data-popup-choices] [hidden]{display:none!important}
.brand-logo-preview{display:grid;place-items:center;gap:13px;padding:26px 8px 16px;min-height:88px;overflow:hidden;border:1px solid #bbff6d20;border-radius:13px;background:radial-gradient(ellipse at 50% 110%,#8be64018,transparent 65%),#050b07}
.brand-logo-preview strong{position:relative;font:400 clamp(15px,2vw,23px)/1.3 DroidPirateLogo,Audiowide,sans-serif;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;background:var(--dp-user-brand-gradient);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;animation:dp-brand-aurora-fade 1.8s ease-in-out infinite alternate}
.brand-logo-preview small{font:600 10px system-ui;letter-spacing:.1em;text-transform:uppercase;color:#9aaa90}
.brand-animation-list{display:grid;gap:7px;max-height:min(290px,40dvh);overflow:auto;padding:2px 4px 2px 2px;scrollbar-color:#759d48 #10170f}
.brand-animation-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid #ffffff18;border-radius:11px;background:#ffffff05;color:#e9f2e3;text-align:left;cursor:pointer;font:600 12px system-ui}
.brand-animation-option[aria-pressed=true],.brand-animation-option:hover{border-color:#acef57;background:#a2e74612}
.brand-animation-option small{display:block;margin-top:4px;color:#9cae90;font:400 11px/1.4 system-ui}.brand-animation-symbol{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #9df64733;border-radius:9px;background:#89e94610;color:#b8f477;font:700 18px monospace}
.brand-animation-switch{display:flex;align-items:center;gap:11px;position:relative;margin:6px 0 14px;color:#e3eedb;font:700 12px system-ui;cursor:pointer}.brand-animation-switch input{position:absolute;width:46px;height:26px;opacity:0}.brand-switch-track{width:46px;height:26px;border-radius:20px;background:#35452f;border:1px solid #ffffff30;box-sizing:border-box;position:relative}.brand-switch-track:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#d9e5ce;transition:transform .18s}.brand-animation-switch input:checked+.brand-switch-track{background:#a9ea49}.brand-animation-switch input:checked+.brand-switch-track:after{transform:translateX(20px);background:#15240c}.brand-animation-switch input:focus-visible+.brand-switch-track{outline:2px solid #c5ff87;outline-offset:3px}.brand-animation-option:focus-visible,.brand-style-tabs button:focus-visible{outline:2px solid #c5ff87;outline-offset:2px}.brand-animation-option:disabled{opacity:.6;cursor:wait}.brand-animation-hint{font:400 11px/1.5 system-ui!important;color:#9dae90!important;margin:12px 0 0!important}
.dp-logo-motion{position:relative}.dp-logo-letter{display:inline}
/* The live logo moves only while hovered/focused; samples always preview. */
html[data-brand-animation=matrix]{--dp-logo-effect:dp-logo-matrix 2.8s linear infinite}
html[data-brand-animation=arcade]{--dp-logo-effect:dp-logo-arcade 1.6s steps(1,end) infinite}
html[data-brand-animation=hologram]{--dp-logo-effect:dp-logo-hologram 2.7s linear infinite}
html[data-brand-animation=reactor]{--dp-logo-effect:dp-logo-reactor 2.4s ease-in-out infinite}
html[data-brand-animation]:not([data-brand-animation=default]):not([data-brand-animation=burst]) .brand-logo-preview .dp-logo-motion,html[data-brand-animation]:not([data-brand-animation=default]):not([data-brand-animation=burst]) .dp-universal-header .dp-universal-brand:is(:hover,:focus-visible,[data-gradient-preview]) .dp-logo-motion{animation:var(--dp-logo-effect)!important;display:inline-block}
html[data-brand-animation=matrix] .brand-logo-preview .dp-logo-motion:after,html[data-brand-animation=matrix] .dp-universal-brand:is(:hover,:focus-visible,[data-gradient-preview]) .dp-brand-main:after{content:'01 10 01 11 00 10 01';position:absolute;inset:-14px 0 auto;pointer-events:none;color:#a4ffb8;-webkit-text-fill-color:#a4ffb8;font:8px/1 monospace;letter-spacing:.3em;opacity:0;animation:dp-logo-rain 2.8s linear infinite;text-shadow:0 0 5px #45ff78}
html[data-brand-animation=arcade] .brand-logo-preview{background:repeating-linear-gradient(0deg,#75ee7710 0 1px,transparent 1px 4px),#050b07}
html[data-brand-animation=burst] .brand-logo-preview .dp-logo-motion,html[data-brand-animation=burst] .dp-universal-brand:is(:hover,:focus-visible,[data-gradient-preview]) .dp-logo-motion{animation:none!important;background:none!important}
html[data-brand-animation=burst] .brand-logo-preview .dp-logo-letter,html[data-brand-animation=burst] .dp-universal-brand:is(:hover,:focus-visible,[data-gradient-preview]) .dp-logo-letter{display:inline-block;background:var(--dp-user-brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:dp-logo-burst 2.8s ease-in-out infinite;animation-delay:calc(var(--letter-i)*35ms)}
@keyframes dp-logo-matrix{0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 1px #55ff79)}45%{background-position:90% 50%;filter:drop-shadow(0 0 5px #55ff79)}48%,52%{opacity:.7}50%,54%{opacity:1}}
@keyframes dp-logo-rain{0%,15%{opacity:0;transform:translateY(0)}28%{opacity:.8}65%{opacity:0;transform:translateY(35px)}100%{opacity:0;transform:translateY(35px)}}
@keyframes dp-logo-arcade{0%,100%{transform:translate(0,0);filter:drop-shadow(2px 2px 0 #83ef4a)}20%{transform:translate(-1px,0);filter:drop-shadow(3px 0 0 #eb78ff)}40%{transform:translate(0,-1px);filter:drop-shadow(-2px 2px 0 #54dfff)}60%{transform:translate(1px,1px);filter:drop-shadow(2px -2px 0 #f8de6a)}80%{transform:translate(0,0);filter:drop-shadow(-2px 0 0 #83ef4a)}}
@keyframes dp-logo-burst{0%,22%,78%,100%{transform:translate(0,0) rotate(0);opacity:1;filter:blur(0)}43%{transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--burst-r));opacity:.3;filter:blur(1px)}60%{transform:translate(0,0) rotate(0);opacity:1;filter:drop-shadow(0 0 5px #a3f35b)}}
@keyframes dp-logo-hologram{0%,100%{background-position:0% 50%;filter:drop-shadow(-1px 0 0 #5ce5ff) drop-shadow(1px 0 0 #fa70ef);transform:skewX(0)}36%{background-position:100% 50%;filter:drop-shadow(-2px 0 0 #5ce5ff) drop-shadow(2px 0 0 #fa70ef)}38%{transform:skewX(-3deg)}40%{transform:skewX(3deg)}43%,92%{transform:skewX(0);filter:drop-shadow(0 0 3px #5ce5ff)}}
@keyframes dp-logo-reactor{0%,100%{filter:drop-shadow(0 0 1px #b7fa6a);transform:scale(1);background-position:0% 50%}50%{filter:drop-shadow(0 0 7px #7efa6a) drop-shadow(0 0 12px #56bdae);transform:scale(1.025);background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){html[data-brand-animation] .brand-logo-preview .dp-logo-motion,html[data-brand-animation] .brand-logo-preview .dp-logo-letter,html[data-brand-animation] .dp-universal-header .dp-universal-brand .dp-logo-motion,html[data-brand-animation] .dp-universal-header .dp-universal-brand .dp-logo-letter,html[data-brand-animation] .dp-logo-motion:after{animation:none!important;transform:none!important}.brand-switch-track:after{transition:none}}
.brand-logo-preview strong{text-transform:uppercase;letter-spacing:-.055em;font-weight:400!important}
/* The shared underline follows saved colors and temporary palette previews. */
:is(#dpSiteHeader,.dp-universal-header) .dp-universal-brand.dp-animated-brand .dp-brand-stage .dp-brand-wordmark::after{
 display:block!important;
 background:var(--dp-user-brand-gradient)!important;
 box-shadow:none!important;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
}