/* Team Seroya: shared chrome for the new templates */
html,body{margin:0;padding:0;background:#0A0A0C}
body.sy{color:#F2F2F4;font-family:Rubik,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
#sy-root a:focus-visible,#sy-root button:focus-visible,#sy-root input:focus-visible,#sy-root select:focus-visible,.sy-menu a:focus-visible{outline:2px solid #2EF2E6;outline-offset:3px}
.sy-menu{position:fixed;inset:0;z-index:9999;background:rgba(10,10,12,.96);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:96px 24px 40px;box-sizing:border-box;animation:syFade 220ms ease}
.sy-menu[hidden]{display:none}
.sy-menu nav{display:flex;flex-direction:column;gap:6px;width:100%;max-width:420px}
.sy-menu a{display:block;padding:14px 0;border-bottom:1px solid #222228;color:#F2F2F4;text-decoration:none;font:italic 900 32px/1.1 Rubik,sans-serif}
html.sy-menu-open{overflow:hidden}
html.sy-menu-open #sy-root .menu-btn{position:relative;z-index:10000}
@keyframes syFade{from{opacity:0}}
.sy-sent{display:flex;flex-direction:column;gap:8px;padding:32px;border-radius:20px;background:#131317;box-shadow:inset 0 0 0 1px #2EF2E6;font-size:18px;line-height:1.5;outline:none}
.sy-sent b{font-style:italic;font-weight:900;font-size:32px;color:#2EF2E6}
.sy-err{display:block;margin-top:6px;font-size:14px;color:#FF8A8F}
.sy-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
body.admin-bar .sy-menu{top:32px}
body.sy #pojo-scroll-up,body.sy .pojo-scroll-up{display:none!important}
@media (prefers-reduced-motion:reduce){.sy-menu{animation:none}}