/* Terea Creatives: top bar shown on every design */
:root{--tbar:46px}
body{padding-top:var(--tbar)}
#tbar{position:fixed;top:0;left:0;right:0;height:var(--tbar);z-index:900;display:flex;align-items:center;gap:12px;padding:0 14px;background:#0b0b14;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#39ff88,#a855f7,#ff3d9a) 1;font-family:'Fredoka','Trebuchet MS','Segoe UI',sans-serif;color:#fff}
#tbar a,#tbar button{font-family:inherit}
#tbar .brand{flex:none;color:#fff;text-decoration:none;font-weight:700;letter-spacing:2px;font-size:.92rem;white-space:nowrap}
#tbar .brand b{color:#39ff88}
#tbar .cur{display:flex;align-items:center;gap:6px;min-width:0;flex:1;justify-content:center}
#tbar .cur .tnm{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
#tbar .cur .tgr{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#39ff88;white-space:nowrap}
#tbar .ar{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:transparent;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:1rem;line-height:1;cursor:pointer}
#tbar .ar:hover{border-color:#39ff88;color:#39ff88}
#tbar .all{flex:none;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#39ff88,#a855f7);color:#07070d;font-weight:700;font-size:.82rem;border:0;border-radius:20px;padding:7px 16px;cursor:pointer}
#tbar .all[aria-expanded=true]{background:#fff}
#tbar .go{flex:none;color:#cfd2e6;font-size:.8rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 14px;white-space:nowrap}
#tbar .go:hover{border-color:#39ff88;color:#39ff88}
#tpanel{position:fixed;top:var(--tbar);left:0;right:0;bottom:0;z-index:899;background:rgba(7,7,13,.97);backdrop-filter:blur(10px);overflow-y:auto;display:none;padding:22px clamp(14px,4vw,48px) 60px;font-family:'Fredoka','Trebuchet MS','Segoe UI',sans-serif;color:#fff}
#tpanel.on{display:block}
#tpanel .in{max-width:1180px;margin:0 auto;display:grid;gap:26px}
#tpanel h3{font-size:1.15rem;letter-spacing:.04em;color:#39ff88;font-weight:600;margin-bottom:2px}
#tpanel p.b{color:#9aa0bd;font-size:.85rem;margin-bottom:10px;font-family:system-ui,sans-serif}
#tpanel .chips{display:flex;flex-wrap:wrap;gap:8px}
#tpanel .chips a{display:inline-flex;flex-direction:column;gap:0;text-decoration:none;color:#e9ebf7;border:1.5px solid rgba(255,255,255,.18);border-radius:14px;padding:8px 16px;font-weight:600;font-size:.9rem;line-height:1.25;transition:border-color .15s,background .15s}
#tpanel .chips a small{font-weight:400;font-size:.68rem;color:#8e94b3;letter-spacing:.06em;text-transform:uppercase}
#tpanel .chips a:hover{border-color:#39ff88;background:rgba(57,255,136,.08)}
#tpanel .chips a.on{background:linear-gradient(135deg,#39ff88,#a855f7);color:#07070d;border-color:transparent}
#tpanel .chips a.on small{color:#0b1a12}
.site-header{top:var(--tbar) !important}
@media (max-width:760px){#tbar{gap:7px;padding:0 8px}#tbar .brand{font-size:.74rem;letter-spacing:1px}#tbar .go{display:none}#tbar .cur .tgr{display:none}#tbar .all{padding:7px 12px}}
@media (max-width:420px){#tbar .brand b{display:none}}