:root{--psita-rose:#e9b4bd;--psita-ease:cubic-bezier(.2,.75,.2,1)}
.psita-site-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:center;align-items:center;gap:8px;width:100%;max-width:none;margin:0;padding:10px 5%;box-sizing:border-box;background:#231017f2;border-bottom:1px solid #e9b4bd35;box-shadow:0 7px 24px #10050b26;backdrop-filter:blur(12px)}
.psita-site-nav>a[href]{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;box-sizing:border-box;border:1px solid transparent;border-radius:999px;color:#ead9dc;text-decoration:none;font:500 12px/1.3 Arial,sans-serif;transition:background .25s,border-color .25s,transform .25s}
.psita-site-nav>a[aria-current=page]{color:#fff3ed;background:#e9b4bd18;border-color:#e9b4bd60}
.psita-site-nav>a[href]:hover{background:#e9b4bd20;color:#fff3ed;transform:translateY(-1px)}
.psita-site-nav>a:focus-visible{outline:2px solid #ffe6ad;outline-offset:2px}
#psita-connection{margin:0;padding:12px 6%;background:#493221;color:#ffe6bd;font:12px/1.6 Arial,sans-serif;text-align:center}
#psita-connection[hidden]{display:none}
.psita-progress{position:fixed;inset:0 0 auto;height:2px;z-index:45;pointer-events:none;transform:scaleX(var(--psita-progress,0));transform-origin:left;background:linear-gradient(90deg,#9a4e69,#ecc1c7,#ffe4ad)}
.psita-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;contain:strict}
.psita-ambient::before,.psita-ambient::after{content:"";position:absolute;width:55%;aspect-ratio:1;opacity:.35;border-radius:50%;background:radial-gradient(ellipse,#e9b4bd16,transparent 65%);animation:psita-light-drift 18s ease-in-out infinite alternate}
.psita-ambient::before{left:-20%;top:0}.psita-ambient::after{right:-20%;bottom:-15%;animation-delay:-9s;background:radial-gradient(ellipse,#f6dca016,transparent 65%)}
.hero:has(>.psita-ambient){position:relative;isolation:isolate}
.psita-feather{position:absolute;width:22px;height:64px;right:8%;top:12%;opacity:0;color:#f9e4b6;animation:psita-feather-drift 21s ease-in-out infinite}
.psita-feather:nth-child(2){right:82%;top:52%;width:15px;animation-delay:-11s;animation-duration:27s}
.psita-feather svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1}
@keyframes psita-light-drift{to{transform:translate3d(22%,12%,0) scale(1.15)}}
@keyframes psita-feather-drift{0%,100%{opacity:0;transform:translate3d(0,-22px,0) rotate(-22deg)}20%,75%{opacity:.2}50%{transform:translate3d(18px,30px,0) rotate(18deg)}95%{transform:translate3d(-8px,70px,0) rotate(-8deg)}}
@media(hover:hover) and (pointer:fine){.album-card,.food-card,.mutation-card{transition:box-shadow .4s var(--psita-ease),border-color .4s var(--psita-ease)}.album-card:hover,.food-card:hover,.mutation-card:hover{box-shadow:0 18px 45px #10050b36,0 0 0 1px #e9b4bd30}button:active,.btn:active{transform:translateY(1px)}}
dialog[open]::backdrop{background:#13090ec9}
.psita-away .psita-ambient *,.psita-away .psita-ambient::before,.psita-away .psita-ambient::after,.psita-ambient.is-away *,.psita-ambient.is-away::before,.psita-ambient.is-away::after{animation-play-state:paused!important}
.motion-off .psita-ambient,.cinema-motion-off .psita-ambient{display:none}
@media(max-width:650px){.psita-site-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px 5%}.psita-site-nav>a[href]{font-size:11px;min-height:40px;padding:8px 7px}.psita-ambient::after{display:none}.psita-feather:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.psita-ambient,.psita-progress{display:none}.psita-site-nav>a[href]{transition:none;transform:none!important}}
