.workspace{grid-template-columns:164px 1fr}.sidebar{padding:30px 15px}.sidebar nav{gap:10px}.sidebar nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:17px 8px;text-align:center;min-height:83px}.sidebar nav button svg{width:25px;height:25px;transition:transform .25s,filter .25s}.sidebar nav button span{font-size:10px;line-height:1.4}.sidebar nav button:hover svg{transform:translateY(-3px);filter:drop-shadow(0 0 6px #956bff66)}.sidebar nav button.active svg{color:#c5a4ff;filter:drop-shadow(0 0 5px #956bff33)}.sidebar .eyebrow{text-align:center;font-size:8px}.sidebar-note{text-align:center}.sidebar-note .spark{display:block}.sidebar-note p{font-size:9px}.sidebar nav button:disabled:hover svg{transform:none;filter:none}
@media(max-width:700px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.workspace{display:block}.sidebar{position:fixed;inset:auto 0 0;z-index:20;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:0;border-top:1px solid #956bff44;background:#15121df5;backdrop-filter:blur(18px);box-shadow:0 -8px 30px #0003}.sidebar nav{display:flex;gap:3px;overflow-x:auto;padding:0;scrollbar-width:thin}.sidebar nav button{flex:1;min-width:58px;min-height:63px;gap:6px;padding:8px 3px;border-radius:8px;white-space:normal}.sidebar nav button svg{width:21px;height:21px}.sidebar nav button span{font-size:9px;line-height:1.15}.sidebar>.eyebrow,.sidebar-note{display:none}.sidebar nav button:hover svg{transform:none}.portal-footer{padding-bottom:22px}.admin-nav button{min-width:62px!important}}
@media(prefers-reduced-motion:reduce){.sidebar nav button svg{transition:none}.sidebar nav button:hover svg{transform:none}}