/* Concave spring navigation adapted from Archive(2), with native page controls. */
html[data-theme]{--em-fill-top:#211a2c;--em-fill-bottom:#130f1d;--em-rim:#b5a9c6;--em-muted:#a89ab8;--em-label:#ffab99}
html[data-theme=light]{--em-fill-top:#fff9fc;--em-fill-bottom:#eee8f4;--em-rim:#b7a1bd;--em-muted:#8b7c96;--em-label:#b54d5c}
html[data-theme] nav.glass-app-dock[data-meniscus]{display:none!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;overflow:visible!important;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.em-art{position:absolute;inset:0;pointer-events:none}.em-surface{position:absolute;inset:0;width:100%;height:126px;overflow:visible;filter:drop-shadow(0 9px 14px #0003);color:var(--em-rim)}.em-fill-top{stop-color:var(--em-fill-top)}.em-fill-bottom{stop-color:var(--em-fill-bottom)}
.em-ambient{position:absolute;width:160px;height:85px;left:var(--em-x,50%);top:34px;transform:translateX(-50%);background:radial-gradient(ellipse,#f37c681f,transparent 70%);pointer-events:none;z-index:-1}.em-bead{position:absolute;top:6px;left:0;width:53px;height:53px;border:1.5px solid #ffc0a5aa;border-radius:50%;background:linear-gradient(140deg,#ffb28d,#ff8173 38%,#e96061 85%);box-shadow:inset 0 2px 3px #ffd3b755,inset 0 -3px 5px #b33e3a38,0 0 0 5px #f4786810,0 5px 15px #0002;will-change:transform}.em-bead>span{position:absolute;inset:4px;border-radius:inherit;background:linear-gradient(145deg,#fff3,transparent 50%)}
.em-tabs{position:absolute;inset:0 12px;display:grid;grid-template-columns:repeat(var(--em-count,5),minmax(0,1fr));direction:rtl}
html[data-theme] .glass-app-dock[data-meniscus] .em-tab{appearance:none;position:relative;display:block!important;height:114px;min-height:44px;width:auto;min-width:0;margin:0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--em-muted)!important;text-decoration:none;transform:none!important;cursor:pointer;touch-action:pan-y;font:inherit;overflow:visible!important}
.em-icon{position:absolute;top:66px;left:calc(50% - 12px);width:24px;height:24px;display:grid;place-items:center;will-change:transform}.em-icon svg{width:23px!important;height:23px!important;display:block;stroke-width:1.7}.em-label{position:absolute;top:96px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:650;white-space:nowrap;opacity:0;transition:opacity .18s;color:var(--em-label)}
.em-tab[aria-current=page] .em-label,.em-tab:focus-visible .em-label{opacity:1}.em-tab.em-near .em-icon{color:#783f43}.em-tab:focus-visible{outline:2px solid var(--em-label)!important;outline-offset:-5px!important;border-radius:17px!important}
@media(max-width:760px){html[data-theme] nav.glass-app-dock[data-meniscus]{display:block!important;position:fixed!important;inset:auto!important;left:50%!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(calc(100% - 28px),470px)!important;height:126px!important;z-index:65!important;margin:0!important}body:has(#glass-public-dock[data-meniscus]){padding-bottom:calc(145px + env(safe-area-inset-bottom))!important}html[data-theme] body[data-page=panel] .dashboard{padding-bottom:calc(145px + env(safe-area-inset-bottom))!important}body.messenger-open.messenger-conversation #glass-panel-dock[data-meniscus]{display:none!important}html[data-theme] body.messenger-open.messenger-conversation .dashboard{padding-bottom:8px!important}body:has(dialog[open]) .glass-app-dock[data-meniscus]{visibility:hidden}body.em-keyboard-open .glass-app-dock[data-meniscus]{visibility:hidden!important}}
@media(prefers-reduced-motion:reduce){.em-label,.em-bead{transition:none!important;will-change:auto}.em-icon{will-change:auto}}
/* Previous themes size every dock SVG as an icon; keep the surface full-size. */
html[data-theme][data-design] nav.glass-app-dock[data-meniscus] .em-surface{inset:0;width:100%!important;height:126px!important;max-width:none;max-height:none}
html[data-theme][data-design] nav.glass-app-dock[data-meniscus]:before,html[data-theme][data-design] nav.glass-app-dock[data-meniscus]:after,html[data-theme][data-design] nav.glass-app-dock[data-meniscus] .em-tab:before,html[data-theme][data-design] nav.glass-app-dock[data-meniscus] .em-tab:after{display:none!important;content:none!important}
html[data-theme][data-design] nav.glass-app-dock[data-meniscus] .em-tab{font-size:12px;line-height:1.6}
