/* Shared mobile navigation. Keep the raised action inside its touch target. */
.mobile-dock{display:none}
@media(max-width:1023px){
    .mobile-dock{--dock-surface:#fffffff2;--dock-ink:#607086;--dock-active:#bb4b10;--dock-line:#e6eaf0;position:fixed;z-index:140;inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;max-width:540px;margin-inline:auto;padding:7px 8px;border:1px solid var(--dock-line);border-radius:25px;background:var(--dock-surface);box-shadow:0 12px 45px #16213426,0 2px 8px #16213408,inset 0 1px 0 #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);isolation:isolate}
    .mobile-dock::before{content:"";position:absolute;top:-1px;inset-inline:22%;height:1px;background:linear-gradient(90deg,transparent,#f5b477,transparent);pointer-events:none}
    .mobile-dock .mobile-dock__item{position:relative;display:flex;min-width:0;min-height:59px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 2px;border-radius:17px;color:var(--dock-ink);text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .18s,background .18s,transform .18s}
    .mobile-dock__icon{display:grid;place-items:center;width:43px;height:31px;border-radius:12px;transition:background .18s,color .18s}.mobile-dock__icon i{font-size:23px;line-height:1}
    .mobile-dock__label{font-size:10px;font-weight:700;line-height:1.6;white-space:nowrap}
    .mobile-dock .mobile-dock__active{color:var(--dock-active)}.mobile-dock__active .mobile-dock__icon{background:linear-gradient(135deg,#fff0df,#ffe4ce)}
    .mobile-dock__active::after{content:"";position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:#f96b21}
    .mobile-dock .mobile-dock__create{color:#a94715;justify-content:flex-end;gap:5px}.mobile-dock__add{display:grid;place-items:center;width:53px;height:53px;margin-top:-23px;border:1px solid #ffb56b;border-radius:19px;background:linear-gradient(145deg,#ffa443,#f96b21 65%,#ed5713);color:#fff;box-shadow:0 7px 18px #f96b213d,inset 0 1px 1px #ffffff7a;outline:5px solid #fff;transform:translateY(-2px);transition:transform .18s,box-shadow .18s}.mobile-dock__add i{font-size:29px;line-height:1}
    .mobile-dock__item:active{transform:scale(.95)}.mobile-dock__create:active .mobile-dock__add{transform:translateY(-2px) scale(.94)}.mobile-dock__item:focus-visible{outline:3px solid #2583ff;outline-offset:3px}
    body:has(.mobile-dock){padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
    .dark .mobile-dock{--dock-surface:#122236f2;--dock-ink:#b2c0d0;--dock-active:#ffb47d;--dock-line:#304259;box-shadow:0 12px 45px #0006,inset 0 1px 0 #ffffff0a}.dark .mobile-dock__active .mobile-dock__icon{background:linear-gradient(135deg,#47301f,#382a24)}.dark .mobile-dock__add{outline-color:#122236;box-shadow:0 7px 22px #f96b212e,inset 0 1px 1px #ffffff66}.dark .mobile-dock .mobile-dock__create{color:#ffb47d}
}
@media(max-width:359px){.mobile-dock{inset-inline:7px;padding-inline:4px;border-radius:22px}.mobile-dock__label{font-size:9px}.mobile-dock__icon{width:37px}.mobile-dock__add{width:49px;height:49px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.mobile-dock .mobile-dock__item,.mobile-dock__icon,.mobile-dock__add{transition:none}}