.smbn-nav,.smbn-spacer{display:none}
.smbn-spacer{height:calc(115px + env(safe-area-inset-bottom,0px));width:100%;pointer-events:none}
.smbn-nav{--smbn-base:#ef8a18;--smbn-top:#ffbd64;--smbn-bottom:#b64c0b;--smbn-center-top:#ffe0a1;--smbn-center-bottom:#df6b11;--smbn-ink:#351800;--smbn-gloss:rgba(255,255,255,.35);position:fixed;bottom:0;left:0;right:0;z-index:2147483000;box-sizing:border-box;padding:0 7px env(safe-area-inset-bottom,0px);font-family:inherit;line-height:1.25;-webkit-tap-highlight-color:transparent;pointer-events:none}
.smbn-nav *{box-sizing:border-box}
.smbn-bar{isolation:isolate;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:86px;width:100%;max-width:960px;margin:0 auto;border-radius:21px 21px 12px 12px;background:linear-gradient(180deg,var(--smbn-top) 0%,var(--smbn-base) 44%,var(--smbn-bottom) 100%);border:1px solid rgba(255,255,255,.40);box-shadow:0 -4px 16px rgba(0,0,0,.11),0 9px 30px rgba(0,0,0,.32),inset 0 2px 0 rgba(255,255,255,.44),inset 0 -4px 11px rgba(0,0,0,.23);pointer-events:auto}
.smbn-bar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.09) 31%,rgba(255,255,255,0) 52%),radial-gradient(70% 85% at 50% 0%,var(--smbn-gloss),transparent 74%);pointer-events:none;z-index:0}
.smbn-bar:after{content:"";position:absolute;inset:3px 9px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);pointer-events:none;z-index:0}
.smbn-item{position:relative;z-index:1;min-width:0;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:8px 2px 14px;color:var(--smbn-ink)!important;text-decoration:none!important;font-family:inherit!important;font-weight:800!important;text-shadow:0 1px 0 rgba(255,255,255,.22)!important;outline-offset:-4px;box-shadow:none!important;background:transparent!important;transform:none!important;transition:filter .2s ease,opacity .2s ease}
.smbn-item::before,.smbn-item::after{content:none!important}
.smbn-item[href]:hover{filter:brightness(1.06)}
.smbn-item[href]:active{opacity:.7}
.smbn-item:focus-visible{outline:2px solid currentColor;border-radius:12px}
.smbn-item:not([href]){cursor:default}
.smbn-icon{position:relative;z-index:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1.15;flex:0 0 auto;overflow:visible;filter:drop-shadow(0 3px 3px rgba(0,0,0,.19))}
.smbn-icon img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;border-radius:0;box-shadow:none}
.smbn-label{display:block;max-width:100%;font-size:clamp(10px,3.1vw,13px);line-height:1.22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:inherit!important;letter-spacing:0;text-transform:none}
.smbn-item--center{padding-bottom:14px}
.smbn-item--center .smbn-icon{position:absolute;left:50%;top:-37px;transform:translateX(-50%);height:76px;width:76px;border-radius:50%;font-size:43px;background:linear-gradient(160deg,var(--smbn-center-top) 0%,var(--smbn-top) 42%,var(--smbn-center-bottom) 100%);border:4px solid rgba(255,255,255,.77);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 12px 21px rgba(0,0,0,.29),inset 0 2px 0 rgba(255,255,255,.63),inset 0 -5px 11px rgba(0,0,0,.20);padding:9px;overflow:hidden;filter:none}
.smbn-item--center .smbn-icon:before{content:"";position:absolute;left:13px;right:13px;top:6px;height:21px;border-radius:100%;background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,255,255,0));z-index:-1;pointer-events:none}
.smbn-item--center .smbn-icon img{width:100%;height:100%;object-fit:contain}
.smbn-item--center .smbn-label{margin-top:auto}
@media(max-width:360px){.smbn-bar{height:77px}.smbn-item{min-height:77px;padding-bottom:11px;gap:3px}.smbn-icon{width:29px;height:29px;font-size:22px}.smbn-item--center .smbn-icon{height:68px;width:68px;top:-32px;font-size:37px}.smbn-label{font-size:10px}.smbn-spacer{height:calc(105px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.smbn-item{transition:none}}
.smbn-nav{--smbn-edge:rgba(255,190,105,.75);--smbn-glow:rgba(239,138,24,.27);--smbn-accent:#ef8a18;--smbn-center-edge:rgba(255,216,145,.92);--smbn-center-ink:#271b10}
.smbn-bar{border-color:var(--smbn-edge);box-shadow:0 -5px 19px rgba(0,0,0,.14),0 3px 25px rgba(0,0,0,.31),0 0 22px var(--smbn-glow),inset 0 2px 0 rgba(255,255,255,.31),inset 0 -4px 12px rgba(0,0,0,.23)}
.smbn-item--center .smbn-icon{border-color:var(--smbn-center-edge);color:var(--smbn-center-ink);box-shadow:0 0 0 3px var(--smbn-glow),0 13px 23px rgba(0,0,0,.33),inset 0 2px 0 rgba(255,255,255,.45),inset 0 -4px 12px rgba(0,0,0,.18)}
.smbn-nav[data-detected-tone="dark"] .smbn-item{text-shadow:0 1px 3px rgba(0,0,0,.44)!important}
.smbn-nav[data-detected-tone="light"] .smbn-item{text-shadow:0 1px 0 rgba(255,255,255,.28)!important}