.public-shell{--bg:#0b0a14;--bg2:#131120;--card:#1c1930;--card-raised:#221e3a;--border:#292440;--lucid:#9333ea;--lucid-hover:#7e22ce;--on-lucid:#fff;--lucid-light:#c084fc;--text:#e9e6ff;--muted:#c9c3e0;--dim:#aaa3bc;--shell-width:1080px}
:where(.emoji-icon){display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:-.14em;flex:0 0 auto}
.public-shell{position:sticky;top:0;z-index:50;background:rgba(11,10,20,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.public-shell .shell-wrap{width:min(var(--shell-width),100%);height:64px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.public-shell .public-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:18px;white-space:nowrap}.public-shell .public-logo img{width:32px;height:32px;flex:none}.public-shell .shell-nav{position:static;top:auto;z-index:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;background:transparent;border:0;backdrop-filter:none}.public-shell .shell-link,.public-shell .shell-primary,.public-shell .shell-lang-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;white-space:nowrap}.public-shell .shell-link{padding:0 14px;color:var(--muted);border:1px solid var(--border);text-decoration:none}.public-shell .shell-link:hover{background:var(--card);color:var(--text);text-decoration:none}.public-shell .shell-primary{padding:0 16px;background:var(--lucid);color:var(--on-lucid);text-decoration:none;transition:background .15s,transform .15s}.public-shell .shell-primary:hover{background:var(--lucid-hover);text-decoration:none}.public-shell .shell-primary:active{transform:translateY(1px)}.public-shell .lang-dropdown{position:relative}.public-shell .shell-lang-btn{padding:0 12px;background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer}.public-shell .shell-lang-btn:hover{border-color:var(--lucid);color:var(--text)}.public-shell .lang-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:132px;padding:6px;background:var(--card-raised);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.public-shell .lang-menu.open{display:block}.public-shell .lang-menu a{display:block;padding:10px 12px;color:var(--muted);text-decoration:none;border-radius:8px;font-size:14px}.public-shell .lang-menu a:hover{background:var(--bg2);color:var(--text);text-decoration:none}.public-shell .lang-menu a.active{color:var(--lucid-light);font-weight:600}:where(.public-shell a,.public-shell button):focus-visible{outline:3px solid var(--lucid-light);outline-offset:3px}.public-shell .shell-primary:focus-visible{outline-color:var(--on-lucid)}
@media(max-width:520px){.public-shell .shell-wrap{height:64px;padding:0 12px;gap:8px}.public-shell .public-logo span,.public-shell .nav-learn{display:none}.public-shell .shell-nav{gap:4px}.public-shell .shell-link{min-width:44px;padding:0 10px}.public-shell .shell-lang-btn{min-width:44px;padding:0 10px}.public-shell .shell-primary{padding:0 12px}.public-shell .lang-menu{right:0;left:auto;width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box}}