/* The existing picker keeps its layout, labels, focus ring and routing. */
.high-platform-motion-marker{display:none;position:absolute;left:0;top:0;z-index:0;box-sizing:border-box;border:1px solid var(--line);border-radius:7px;background:var(--surface-raised);pointer-events:none;transform-origin:0 0}
.high-downloads .high-platform-picker[data-high-platform-motion="ready"]{position:relative;isolation:isolate}
.high-downloads .high-platform-picker[data-high-platform-motion="ready"]>.high-platform-motion-marker{display:block}
.high-downloads .high-platform-picker[data-high-platform-motion="ready"] .high-platform-choice{position:relative;z-index:1}
.high-downloads .high-platform-picker[data-high-platform-motion="ready"] .high-platform-choice[aria-pressed="true"]{background:transparent;border-color:transparent}


/* Rest keeps the original footprint; the fading flight can paint beyond it. */
.social-links .telegram-flight-window{display:inline-block;position:relative;flex:none;overflow:visible;vertical-align:middle;isolation:isolate;pointer-events:none}
.social-links .telegram-flight-window,.social-links .telegram-flight-window *{color:inherit}
.social-links .telegram-flight-window>svg{display:block;width:100%;height:100%;margin:0}
.social-links .telegram-flight-window.telegram-flight-active>svg{visibility:hidden}
.telegram-flight-plane,.telegram-flight-body,.telegram-flight-wing{position:absolute;inset:0;display:block;pointer-events:none;transform-origin:50% 60%}
.social-links .telegram-flight-plane svg{display:block;width:100%;height:100%;margin:0}
.telegram-flight-wing{clip-path:polygon(0 0,100% 0,100% 20.5%,0 100%);transform-origin:50% 60%;backface-visibility:hidden}
.telegram-flight-body{clip-path:polygon(0 99.5%,100% 20%,100% 100%,0 100%)}
@media(prefers-reduced-motion:reduce){.social-links .telegram-flight-window.telegram-flight-active>svg{visibility:visible}.telegram-flight-plane{display:none}}


/* The original SVG springs from its feet; its resting box and label stay fixed. */
.social-links a[data-github-motion]>svg{transform-box:fill-box;transform-origin:50% 100%;overflow:visible}
@media(prefers-reduced-motion:reduce){.social-links a[data-github-motion]>svg{transform:none!important}}


/* Small project details appear as one quiet native dialog. */
.small-project-dialog.small-dialog-reveal{transform-origin:center center}
.small-project-dialog.small-dialog-reveal[open]::backdrop{animation:small-dialog-reveal-in 190ms ease-out both}
.small-project-dialog.small-dialog-reveal.small-dialog-closing::backdrop{animation:small-dialog-reveal-out 140ms ease-out both}
@keyframes small-dialog-reveal-in{from{background-color:#080a0d00;backdrop-filter:blur(0)}to{background-color:#080a0dcc;backdrop-filter:blur(5px)}}
@keyframes small-dialog-reveal-out{from{background-color:var(--small-dialog-backdrop-color,#080a0dcc);backdrop-filter:var(--small-dialog-backdrop-blur,blur(5px))}to{background-color:#080a0d00;backdrop-filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.small-project-dialog.small-dialog-reveal[open]::backdrop{animation:none!important}}


/* Inspiration credits retain their existing hover color, without an underline. */
.personal-footer p a:is([href="https://spring.ceo/"],[href="https://starkow.dev/"],[href="https://akarpov.ru/"]){border-bottom:0;text-decoration:none}
.personal-footer p a:is([href="https://spring.ceo/"],[href="https://starkow.dev/"],[href="https://akarpov.ru/"])::after{content:none}


/* Quiet the outer palette panel; retain every child control's contrast and state. */
html:not([data-night-mode="on"]) .header-controls .palette-control{
 background:color-mix(in srgb,var(--surface) 20%,transparent);
 border-color:color-mix(in srgb,var(--text) 14%,transparent);
 box-shadow:none;
}
html:not([data-night-mode="on"]).rgb-cycling .header-controls .palette-control{
 border-color:hsl(var(--palette-hue) 52% 70% / .20);
}
html:not([data-night-mode="on"])[data-theme="light"] .header-controls .palette-control{
 background:color-mix(in srgb,var(--surface) 26%,transparent);
 border-color:color-mix(in srgb,var(--text) 16%,transparent);
}
html:not([data-night-mode="on"])[data-theme="light"].rgb-cycling .header-controls .palette-control{
 border-color:color-mix(in srgb,var(--accent) 24%,transparent);
}
html:not([data-night-mode="on"]) .header-controls .palette-control:focus-within,
html:not([data-night-mode="on"])[data-theme="light"].rgb-cycling .header-controls .palette-control:focus-within{
 border-color:var(--accent);
}


/* Change only the painted backgrounds, keeping control contrast and native hit areas. */
html:not([data-night-mode="on"]) .header-controls :is(#palette-reset,#palette-rgb),
html:not([data-night-mode="on"]) .personal-footer .social-links>a:is([href="https://github.com/x1pee"],[href="https://t.me/iseedeadgirls"]),
html:not([data-night-mode="on"]) body.home-page #wall .wall-page-form{
 --control-translucent-fill:color-mix(in srgb,var(--surface) 14%,transparent);
 --control-translucent-hover:color-mix(in srgb,var(--surface) 24%,transparent);
}
html:not([data-night-mode="on"])[data-theme="light"] .header-controls :is(#palette-reset,#palette-rgb),
html:not([data-night-mode="on"])[data-theme="light"] .personal-footer .social-links>a:is([href="https://github.com/x1pee"],[href="https://t.me/iseedeadgirls"]),
html:not([data-night-mode="on"])[data-theme="light"] body.home-page #wall .wall-page-form{
 --control-translucent-fill:rgb(255 255 255 / .28);
 --control-translucent-hover:rgb(255 255 255 / .38);
}
html:not([data-night-mode="on"]) .header-controls #palette-reset:not(:disabled),
html:not([data-night-mode="on"]) .header-controls #palette-rgb[aria-pressed="true"]:not(:disabled){
 background:var(--control-translucent-fill);
}
html:not([data-night-mode="on"]) .header-controls #palette-reset:not(:disabled):is(:hover,:focus-visible),
html:not([data-night-mode="on"]) .header-controls #palette-rgb[aria-pressed]:not(:disabled):is(:hover,:focus-visible){
 background:var(--control-translucent-hover);
}
html:not([data-night-mode="on"]) .personal-footer .social-links>a:is([href="https://github.com/x1pee"],[href="https://t.me/iseedeadgirls"]){
 background:var(--control-social-paint,var(--control-translucent-fill));
}
html:not([data-night-mode="on"]) .personal-footer .social-links>a:is([href="https://github.com/x1pee"],[href="https://t.me/iseedeadgirls"]):is(:hover,:focus-visible){
 background:var(--control-social-paint,var(--control-translucent-hover));
}
html:not([data-night-mode="on"]) body.home-page #wall .wall-page-form input:not(:disabled){
 background:var(--control-page-input-paint,var(--control-translucent-fill));
}
html:not([data-night-mode="on"]) body.home-page #wall .wall-page-form input:not(:disabled):is(:hover,:focus-visible){
 background:var(--control-page-input-paint,var(--control-translucent-hover));
}
@media(max-width:760px){
 /* Mobile paint belongs to the existing pseudo-elements, not the larger touch targets. */
 html:not([data-night-mode="on"]) body:is(.home-page,.portfolio-page) .personal-footer .social-links>a:is([href="https://github.com/x1pee"],[href="https://t.me/iseedeadgirls"]){
  --control-social-paint:transparent;
 }
 html:not([data-night-mode="on"]) body:is(.home-page,.portfolio-page) .personal-footer .social-links>a:is([href="https://github.com/x1pee"],[href="https://t.me/iseedeadgirls"])::before{
  background:var(--control-translucent-fill);
 }
 html:not([data-night-mode="on"]) body:is(.home-page,.portfolio-page) .personal-footer .social-links>a:is([href="https://github.com/x1pee"],[href="https://t.me/iseedeadgirls"]):is(:hover,:focus-visible)::before{
  background:var(--control-translucent-hover);
 }
 html:not([data-night-mode="on"]) body.home-page #wall .wall-page-form{
  --control-page-input-paint:transparent;
 }
 html:not([data-night-mode="on"]) body.home-page #wall .wall-page-form::before{
  background:var(--control-translucent-fill);
 }
 html:not([data-night-mode="on"]) body.home-page #wall .wall-page-form:has(input:not(:disabled):is(:hover,:focus-visible))::before{
  background:var(--control-translucent-hover);
 }
}