.mymex-public-shell-header{position:relative;z-index:70;top:0;min-height:75px;padding:0 max(18px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(18,50,91,.08);background:rgba(248,251,254,.84);box-shadow:none;backdrop-filter:blur(24px) saturate(160%);transition:transform .28s ease}
.mymex-public-shell-header.is-hidden{transform:translateY(-110%)}
.mymex-public-shell-brand{height:54px;display:flex;align-items:center;color:inherit;text-decoration:none}
.mymex-public-shell-logo{position:relative;width:min(156px,40vw);height:52px;flex:0 1 156px;padding:4px 0;display:grid;place-items:start;overflow:hidden;border:1px solid transparent;border-radius:0;background:transparent;box-shadow:none}
.mymex-public-shell-logo img{position:absolute;inset:4px auto auto 0;width:auto;max-width:100%;height:auto;max-height:44px;object-fit:contain;background:transparent}.mymex-public-shell-logo img.is-dark{display:none}.mymex-public-shell-logo.is-fallback{width:52px;flex:0 0 52px;padding:0;place-items:center;border-radius:13px;color:#fff;background:var(--hub-primary,var(--content-primary,#071f43));font-size:23px;font-weight:950}
.mymex-public-shell-actions{display:flex;align-items:center;gap:10px}.mymex-public-shell-icon{position:relative;width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid var(--hub-line,var(--content-line,#d9e4ef));border-radius:999px;color:var(--hub-text,var(--content-text,#071426));background:color-mix(in srgb,var(--hub-surface,var(--content-surface,#fff)) 78%,transparent);box-shadow:0 5px 18px rgba(22,53,87,.07);text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.mymex-public-shell-account.has-avatar{overflow:hidden;padding:2px;border-color:color-mix(in srgb,var(--hub-accent,var(--content-accent,#0b8ee8)) 58%,var(--hub-line,var(--content-line,#d9e4ef)))}.mymex-public-shell-account.has-avatar img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;background:#eaf2f8}.mymex-public-shell-account[data-avatar-source="google"]::after{content:"";position:absolute;right:1px;bottom:1px;width:8px;height:8px;border:2px solid var(--hub-surface,var(--content-surface,#fff));border-radius:50%;background:#2bc88b;box-shadow:0 0 8px rgba(43,200,139,.65)}
.mymex-public-shell-icon:hover,.mymex-public-shell-icon:focus-visible{transform:translateY(-2px);border-color:var(--hub-accent,var(--content-accent,#0b8ee8));background:var(--hub-surface,var(--content-surface,#fff));outline:3px solid color-mix(in srgb,var(--hub-accent,var(--content-accent,#0b8ee8)) 18%,transparent);outline-offset:2px}.mymex-public-shell-icon svg{width:20px;height:20px}.mymex-public-shell-theme span{position:absolute;display:grid;place-items:center}.mymex-public-shell-theme .is-moon{display:none}
html[data-hub-theme="dark"] .mymex-public-shell-header,html[data-content-theme="dark"] .mymex-public-shell-header{border-color:rgba(188,215,240,.14);background:rgba(9,21,35,.94)}html[data-hub-theme="dark"] .mymex-public-shell-logo:has(.is-dark),html[data-content-theme="dark"] .mymex-public-shell-logo:has(.is-dark){background:transparent}html[data-hub-theme="dark"] .mymex-public-shell-logo .is-light:has(+.is-dark),html[data-content-theme="dark"] .mymex-public-shell-logo .is-light:has(+.is-dark){display:none}html[data-hub-theme="dark"] .mymex-public-shell-logo img.is-dark,html[data-content-theme="dark"] .mymex-public-shell-logo img.is-dark{display:block}html[data-hub-theme="dark"] .mymex-public-shell-icon,html[data-content-theme="dark"] .mymex-public-shell-icon{color:#f7fbff;border-color:rgba(188,215,240,.18);background:#132a45}html[data-hub-theme="dark"] .mymex-public-shell-theme .is-sun,html[data-content-theme="dark"] .mymex-public-shell-theme .is-sun{display:none}html[data-hub-theme="dark"] .mymex-public-shell-theme .is-moon,html[data-content-theme="dark"] .mymex-public-shell-theme .is-moon{display:grid}
.mymex-public-shortcuts{position:fixed;z-index:75;left:50%;bottom:max(10px,env(safe-area-inset-bottom));width:min(94vw,540px);min-height:72px;padding:7px 9px;display:grid;grid-template-columns:repeat(var(--mymex-shortcut-count,5),minmax(0,1fr));gap:3px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(4,15,30,.94);box-shadow:0 15px 45px rgba(0,0,0,.38);backdrop-filter:blur(18px);transform:translateX(-50%)}
.mymex-public-shortcuts :is(a,button){min-width:0;min-height:54px;padding:4px 2px;display:grid;place-items:center;align-content:center;gap:3px;border:0;border-radius:17px;color:#fff;background:transparent;text-decoration:none;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.mymex-public-shortcuts :is(a,button):hover,.mymex-public-shortcuts :is(a,button):focus-visible{color:#8fe4ff;background:rgba(111,211,255,.11);outline:2px solid rgba(111,211,255,.42);outline-offset:1px;transform:translateY(-1px)}.mymex-public-shortcuts .is-current{color:#8fe4ff;background:linear-gradient(180deg,rgba(111,211,255,.2),rgba(255,255,255,.06))}.mymex-public-shortcuts span{width:25px;height:25px;display:grid;place-items:center}.mymex-public-shortcuts svg{width:22px;height:22px}.mymex-public-shortcuts small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800}
body:has(.mymex-public-shortcuts){padding-bottom:96px}.mymex-public-share-toast{position:fixed;z-index:90;left:50%;bottom:96px;max-width:min(88vw,420px);padding:11px 16px;border-radius:999px;color:#fff;background:#061a33;box-shadow:0 12px 35px rgba(0,0,0,.28);font-size:12px;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:.2s}.mymex-public-share-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:560px){.mymex-public-shell-header{min-height:75px;padding:0 14px}.mymex-public-shell-brand{height:54px}.mymex-public-shell-logo{max-width:132px}.mymex-public-shell-actions{gap:6px}.mymex-public-shell-icon{width:40px;height:40px}.mymex-public-shortcuts{width:calc(100% - 18px);bottom:max(7px,env(safe-area-inset-bottom));min-height:68px;border-radius:21px}.mymex-public-shortcuts :is(a,button){min-height:50px}.mymex-public-shortcuts small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mymex-public-shell-header,.mymex-public-shell-icon,.mymex-public-shortcuts :is(a,button),.mymex-public-share-toast{transition:none}.mymex-public-shell-icon:hover,.mymex-public-shell-icon:focus-visible,.mymex-public-shortcuts :is(a,button):hover,.mymex-public-shortcuts :is(a,button):focus-visible{transform:none}}