#wolf-mobile-bottom-nav { display: none; }

@media (max-width: 767px) {
    #wolf-mobile-bottom-nav {
        --wmbn-orange: #ff6900;
        --wmbn-orange-light: #ff9a4d;
        --wmbn-orange-soft: #fff0e4;
        --wmbn-text: #22242a;
        --wmbn-muted: #747984;
        position: fixed;
        z-index: 999999;
        right: 10px;
        bottom: max(10px, env(safe-area-inset-bottom));
        left: 10px;
        display: block;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        line-height: 1.2;
        pointer-events: none;
    }

    #wolf-mobile-bottom-nav * { box-sizing: border-box; }
    #wolf-mobile-bottom-nav .wmbn-panel,
    #wolf-mobile-bottom-nav .wmbn-nav { pointer-events: auto; }

    .wmbn-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

    .wmbn-panel {
        max-height: 0;
        margin: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        will-change: max-height, opacity, transform;
    }

    .wmbn-panel.is-open {
        max-height: min(70vh, 620px);
        margin: 0 0 11px;
        opacity: 1;
        pointer-events: auto;
    }

    .wmbn-panel__inner { overflow: hidden; }

    .wmbn-panel__head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
    }

    .wmbn-panel__copy { min-width: 0; }

    .wmbn-panel__title {
        display: block;
        margin-bottom: 3px;
        font-size: 13px;
        font-weight: 900;
    }

    .wmbn-panel__description {
        display: block;
        font-size: 10px;
        font-weight: 600;
        line-height: 1.4;
    }

    .wmbn-panel__close {
        display: grid;
        width: 29px;
        height: 29px;
        flex: 0 0 29px;
        padding: 0;
        place-items: center;
        border-radius: 9px;
        cursor: pointer;
        transition: transform .25s ease, background .25s ease, color .25s ease;
    }

    .wmbn-panel__close:hover { transform: rotate(90deg); }

    .wmbn-panel__close svg,
    .wmbn-action svg {
        width: 15px;
        height: 15px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
    }

    .wmbn-panel__actions { display: flex; gap: 8px; }

    .wmbn-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-width: max-content;
        padding: 10px 11px;
        border-radius: 11px;
        font-size: 10px;
        font-weight: 800;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
        transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
    }

    .wmbn-action:active { transform: scale(.96); }
    .wmbn-action:hover { transform: translateY(-2px); }

    .wmbn-nav {
        position: relative;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        width: 100%;
        min-height: 72px;
    }

    .wmbn-nav__item {
        position: relative;
        z-index: 2;
        display: flex;
        min-width: 0;
        min-height: 56px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        border-radius: 15px;
        color: var(--wmbn-muted);
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        transition: color .25s ease, transform .25s ease, background .25s ease;
    }

    .wmbn-nav__item:active { transform: scale(.95); }
    .wmbn-nav__item:focus-visible { outline: 3px solid rgba(255, 105, 0, .28); outline-offset: 2px; }

    .wmbn-icon {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2.1;
    }

    .wmbn-nav__item > span:not(.wmbn-nav__pulse) {
        max-width: 100%;
        overflow: hidden;
        font-size: 9px;
        font-weight: 800;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* AURORA GLASS */
    .wmbn-theme-aurora .wmbn-panel__inner {
        padding: 14px;
        border: 1px solid rgba(255,255,255,.78);
        border-radius: 18px;
        background: rgba(255,255,255,.88);
        box-shadow: 0 12px 28px rgba(20,22,28,.10);
        backdrop-filter: blur(16px);
    }
    .wmbn-theme-aurora .wmbn-panel__title { color: #252525; }
    .wmbn-theme-aurora .wmbn-panel__description { color: #737681; }
    .wmbn-theme-aurora .wmbn-panel__close,
    .wmbn-theme-aurora .wmbn-action { border: 1px solid #ececf0; background: #fff; color: #555862; }
    .wmbn-theme-aurora .wmbn-panel__close:hover,
    .wmbn-theme-aurora .wmbn-action:hover { border-color: var(--wmbn-orange); background: var(--wmbn-orange-soft); color: var(--wmbn-orange); }
    .wmbn-theme-aurora .wmbn-nav { padding: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.82); border-radius: 22px; background: rgba(255,255,255,.80); box-shadow: 0 14px 35px rgba(20,21,27,.14); backdrop-filter: blur(18px) saturate(160%); }
    .wmbn-theme-aurora .wmbn-nav__indicator { position: absolute; z-index: 1; top: 8px; left: 8px; width: calc((100% - 16px) / 5); height: calc(100% - 16px); border-radius: 16px; background: linear-gradient(135deg,var(--wmbn-orange),var(--wmbn-orange-light)); box-shadow: 0 10px 20px rgba(255,105,0,.28); transition: transform .45s cubic-bezier(.2,.85,.2,1); }
    .wmbn-theme-aurora .wmbn-nav__item.is-active { color: #fff; }
    .wmbn-theme-aurora .wmbn-nav__item--center { transform: translateY(-10px); }
    .wmbn-theme-aurora .wmbn-nav__item--center .wmbn-icon { width: 45px; height: 45px; padding: 10px; border: 4px solid #fff; border-radius: 50%; background: #1b1b1b; color: #fff; box-shadow: 0 10px 22px rgba(0,0,0,.22); }
    .wmbn-theme-aurora .wmbn-nav__item--center > span { color: #252525; }

    /* CARBON CORE */
    .wmbn-theme-carbon .wmbn-panel__inner { padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: linear-gradient(145deg,#191919,#2a2a2a); }
    .wmbn-theme-carbon .wmbn-panel__title { color: #fff; }
    .wmbn-theme-carbon .wmbn-panel__description { color: #a6a6ab; }
    .wmbn-theme-carbon .wmbn-panel__close,
    .wmbn-theme-carbon .wmbn-action { border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.06); color: #e5e5e7; }
    .wmbn-theme-carbon .wmbn-panel__close:hover,
    .wmbn-theme-carbon .wmbn-action:hover { border-color: var(--wmbn-orange); background: var(--wmbn-orange); color: #fff; }
    .wmbn-theme-carbon .wmbn-nav { padding: 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 21px; background: linear-gradient(145deg,#101010,#2b2b2b); box-shadow: 0 17px 34px rgba(0,0,0,.27); }
    .wmbn-theme-carbon .wmbn-nav__item { color: #96969c; }
    .wmbn-theme-carbon .wmbn-nav__item.is-active { background: linear-gradient(135deg,var(--wmbn-orange),#ff9746); color: #fff; box-shadow: 0 9px 19px rgba(255,105,0,.28); }
    .wmbn-theme-carbon .wmbn-nav__item--center { transform: translateY(-14px); }
    .wmbn-theme-carbon .wmbn-nav__item--center .wmbn-icon { width: 49px; height: 49px; padding: 11px; border: 4px solid #272727; border-radius: 50%; background: var(--wmbn-orange); color: #fff; box-shadow: 0 11px 25px rgba(255,105,0,.38); }
    .wmbn-theme-carbon .wmbn-nav__item--center > span { color: #f3f3f3; }

    /* FLOATING ORBIT */
    .wmbn-theme-orbit .wmbn-panel__inner { position: relative; padding: 15px; border-radius: 23px; background: #fff; box-shadow: 0 15px 34px rgba(19,19,19,.13); }
    .wmbn-theme-orbit .wmbn-panel__inner::before { position: absolute; inset: 8px; border: 1px dashed rgba(255,105,0,.20); border-radius: 18px; content: ""; pointer-events: none; }
    .wmbn-theme-orbit .wmbn-panel__head,
    .wmbn-theme-orbit .wmbn-panel__actions { position: relative; z-index: 1; }
    .wmbn-theme-orbit .wmbn-panel__title { color: var(--wmbn-orange); }
    .wmbn-theme-orbit .wmbn-panel__description { color: #777b83; }
    .wmbn-theme-orbit .wmbn-panel__close,
    .wmbn-theme-orbit .wmbn-action { border: 1px solid rgba(255,105,0,.18); background: #fff8f2; color: var(--wmbn-orange); }
    .wmbn-theme-orbit .wmbn-panel__close:hover,
    .wmbn-theme-orbit .wmbn-action:hover { background: var(--wmbn-orange); color: #fff; }
    .wmbn-theme-orbit .wmbn-nav { padding: 8px; border-radius: 999px; background: #fff; box-shadow: 0 14px 34px rgba(20,20,20,.15); }
    .wmbn-theme-orbit .wmbn-nav__item { border-radius: 999px; }
    .wmbn-theme-orbit .wmbn-nav__item.is-active { background: var(--wmbn-orange-soft); color: var(--wmbn-orange); }
    .wmbn-theme-orbit .wmbn-nav__item--center { transform: translateY(-14px); color: #fff; }
    .wmbn-theme-orbit .wmbn-nav__item--center .wmbn-icon { position: relative; z-index: 2; width: 49px; height: 49px; padding: 11px; border: 4px solid #fff; border-radius: 50%; background: linear-gradient(135deg,var(--wmbn-orange),#ff9745); box-shadow: 0 10px 24px rgba(255,105,0,.38); }
    .wmbn-theme-orbit .wmbn-nav__item--center > span:not(.wmbn-nav__pulse) { color: var(--wmbn-orange); }
    .wmbn-nav__pulse { position: absolute; top: -6px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255,105,0,.14); animation: wmbnPulse 2.2s ease-in-out infinite; }

    @keyframes wmbnPulse { 0%,100% { opacity:.28; transform:scale(.88); } 50% { opacity:.8; transform:scale(1.12); } }

    /* MINIMAL LINE */
    .wmbn-theme-minimal .wmbn-panel__inner { padding: 14px 0 0; border-top: 1px solid #e8e8ec; background: #fff; }
    .wmbn-theme-minimal .wmbn-panel__head { padding: 0 14px; }
    .wmbn-theme-minimal .wmbn-panel__title { color: #222; }
    .wmbn-theme-minimal .wmbn-panel__description { color: #767981; }
    .wmbn-theme-minimal .wmbn-panel__close { border: 1px solid #ededf0; background: #fff; color: #555861; }
    .wmbn-theme-minimal .wmbn-panel__close:hover { background: var(--wmbn-orange); color: #fff; }
    .wmbn-theme-minimal .wmbn-action { border: 0; background: #fff; color: #44474f; }
    .wmbn-theme-minimal .wmbn-action:hover { background: #fff7f1; color: var(--wmbn-orange); }
    .wmbn-theme-minimal .wmbn-nav { border-top: 1px solid #e7e7eb; border-bottom: 1px solid #e7e7eb; background: #fff; }
    .wmbn-theme-minimal .wmbn-nav__item { border-radius: 0; }
    .wmbn-theme-minimal .wmbn-nav__item::after { position: absolute; right: 50%; bottom: 0; left: 50%; height: 3px; border-radius: 10px 10px 0 0; background: var(--wmbn-orange); content: ""; transition: right .25s ease,left .25s ease; }
    .wmbn-theme-minimal .wmbn-nav__item.is-active { color: var(--wmbn-orange); }
    .wmbn-theme-minimal .wmbn-nav__item.is-active::after { right: 25%; left: 25%; }
    .wmbn-theme-minimal .wmbn-nav__item--center .wmbn-icon { width: 42px; height: 42px; padding: 9px; border-radius: 13px; background: #1d1d1d; color: #fff; box-shadow: 0 8px 16px rgba(0,0,0,.15); }
    .wmbn-theme-minimal .wmbn-nav__item--center > span { color: #282828; }

    /* QUANTUM TECH */
    .wmbn-theme-quantum .wmbn-panel__inner { position: relative; padding: 14px; overflow: hidden; border: 1px solid rgba(255,105,0,.30); border-radius: 14px; background: linear-gradient(rgba(18,18,18,.97),rgba(18,18,18,.97)), repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,105,0,.08) 17px 18px); }
    .wmbn-theme-quantum .wmbn-panel__inner::after { position: absolute; top: -30%; right: 0; left: 0; height: 35%; background: linear-gradient(180deg,transparent,rgba(255,105,0,.16),transparent); content: ""; pointer-events: none; }
    .wmbn-theme-quantum .wmbn-panel.is-open .wmbn-panel__inner::after { animation: wmbnScan 1.4s ease-out; }
    .wmbn-theme-quantum .wmbn-panel__head,
    .wmbn-theme-quantum .wmbn-panel__actions { position: relative; z-index: 1; }
    .wmbn-theme-quantum .wmbn-panel__title { color: #ff9a42; }
    .wmbn-theme-quantum .wmbn-panel__description { color: #9e9ea4; }
    .wmbn-theme-quantum .wmbn-panel__close,
    .wmbn-theme-quantum .wmbn-action { border: 1px solid rgba(255,105,0,.25); background: rgba(255,105,0,.08); color: #ffb176; }
    .wmbn-theme-quantum .wmbn-panel__close:hover,
    .wmbn-theme-quantum .wmbn-action:hover { background: var(--wmbn-orange); color: #fff; }
    .wmbn-theme-quantum .wmbn-nav { padding: 8px; overflow: hidden; border: 1px solid rgba(255,105,0,.38); border-radius: 13px; background: linear-gradient(rgba(16,16,16,.96),rgba(16,16,16,.96)), repeating-linear-gradient(90deg,transparent 0 17px,rgba(255,105,0,.15) 18px 19px); box-shadow: 0 14px 34px rgba(0,0,0,.33); }
    .wmbn-theme-quantum .wmbn-nav__item { border-radius: 8px; color: #8c8c90; }
    .wmbn-theme-quantum .wmbn-nav__item.is-active { background: rgba(255,105,0,.14); color: #ff963f; text-shadow: 0 0 11px rgba(255,105,0,.6); }
    .wmbn-theme-quantum .wmbn-nav__item.is-active .wmbn-icon { filter: drop-shadow(0 0 5px rgba(255,105,0,.8)); }
    .wmbn-theme-quantum .wmbn-nav__item--center .wmbn-icon { width: 45px; height: 45px; padding: 10px; border: 1px solid #ff994e; border-radius: 9px; background: var(--wmbn-orange); color: #fff; box-shadow: 0 0 22px rgba(255,105,0,.48); }
    .wmbn-theme-quantum .wmbn-nav__item--center > span { color: #ff963f; }

    @keyframes wmbnScan { from { transform: translateY(0); } to { transform: translateY(380%); } }

    /* IVORY LUXE */
    .wmbn-theme-ivory .wmbn-panel__inner { padding: 14px; border-radius: 20px; background: #f0f2f5; box-shadow: inset 4px 4px 9px rgba(170,175,192,.18), inset -4px -4px 9px rgba(255,255,255,.86); }
    .wmbn-theme-ivory .wmbn-panel__title { color: #3f4249; }
    .wmbn-theme-ivory .wmbn-panel__description { color: #7c7f89; }
    .wmbn-theme-ivory .wmbn-panel__close,
    .wmbn-theme-ivory .wmbn-action { border: 0; background: #f0f2f5; color: #5e626c; box-shadow: 4px 4px 8px rgba(170,175,192,.18), -4px -4px 8px rgba(255,255,255,.85); }
    .wmbn-theme-ivory .wmbn-panel__close:hover,
    .wmbn-theme-ivory .wmbn-action:hover { background: var(--wmbn-orange); color: #fff; box-shadow: none; }
    .wmbn-theme-ivory .wmbn-nav { gap: 4px; padding: 9px; border-radius: 25px; background: #f0f2f5; box-shadow: 10px 10px 24px rgba(166,171,190,.28), -10px -10px 24px rgba(255,255,255,.92); }
    .wmbn-theme-ivory .wmbn-nav__item { border-radius: 17px; color: #8b8e98; }
    .wmbn-theme-ivory .wmbn-nav__item.is-active { color: var(--wmbn-orange); box-shadow: inset 5px 5px 10px rgba(170,175,192,.25), inset -5px -5px 10px rgba(255,255,255,.9); }
    .wmbn-theme-ivory .wmbn-nav__item--center .wmbn-icon { width: 45px; height: 45px; padding: 10px; border-radius: 15px; background: linear-gradient(135deg,var(--wmbn-orange),#ff9d50); color: #fff; box-shadow: 7px 7px 15px rgba(197,118,64,.3); }
    .wmbn-theme-ivory .wmbn-nav__item--center > span { color: #4c4e55; }

    /* OPENING MODES */
    .wmbn-opening-chips .wmbn-panel { transform: translateY(18px) scale(.96); transform-origin: center bottom; transition: max-height .38s ease, margin .32s ease, opacity .22s ease, transform .38s cubic-bezier(.2,.85,.2,1); }
    .wmbn-opening-chips .wmbn-panel.is-open { transform: translateY(0) scale(1); }
    .wmbn-opening-chips .wmbn-panel__actions { overflow-x: auto; padding-bottom: 2px; }

    .wmbn-opening-grid .wmbn-panel { transform: translateX(-38px); clip-path: inset(0 100% 0 0 round 18px); transition: max-height .35s ease, margin .32s ease, opacity .22s ease, transform .4s ease, clip-path .52s cubic-bezier(.2,.85,.2,1); }
    .wmbn-opening-grid .wmbn-panel.is-open { transform: translateX(0); clip-path: inset(0 0 0 0 round 18px); }
    .wmbn-opening-grid .wmbn-panel__actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wmbn-opening-grid .wmbn-action { justify-content: flex-start; min-width: 0; }

    .wmbn-opening-orbit .wmbn-panel { transform: scale(.2) translateY(42px); transform-origin: 50% 100%; transition: max-height .44s ease, margin .32s ease, opacity .22s ease, transform .45s cubic-bezier(.14,.92,.25,1); }
    .wmbn-opening-orbit .wmbn-panel.is-open { transform: scale(1) translateY(0); }
    .wmbn-opening-orbit .wmbn-panel__actions { display: grid; grid-template-columns: repeat(auto-fit,minmax(62px,1fr)); gap: 7px; }
    .wmbn-opening-orbit .wmbn-action { min-width: 0; min-height: 68px; flex-direction: column; gap: 5px; padding: 8px 4px; text-align: center; white-space: normal; transform: translateY(20px) scale(.78); opacity: 0; }
    .wmbn-opening-orbit .wmbn-panel.is-open .wmbn-action { transform: translateY(0) scale(1); opacity: 1; }
    .wmbn-opening-orbit .wmbn-panel.is-open .wmbn-action:nth-child(1) { transition-delay: .05s; }
    .wmbn-opening-orbit .wmbn-panel.is-open .wmbn-action:nth-child(2) { transition-delay: .11s; }
    .wmbn-opening-orbit .wmbn-panel.is-open .wmbn-action:nth-child(3) { transition-delay: .17s; }
    .wmbn-opening-orbit .wmbn-panel.is-open .wmbn-action:nth-child(4) { transition-delay: .23s; }

    .wmbn-opening-accordion .wmbn-panel { transform: translateY(-4px); transition: max-height .42s cubic-bezier(.2,.85,.2,1), margin .32s ease, opacity .22s ease, transform .35s ease; }
    .wmbn-opening-accordion .wmbn-panel.is-open { transform: translateY(0); }
    .wmbn-opening-accordion .wmbn-panel__actions { display: grid; gap: 0; margin: 0 -14px -14px; }
    .wmbn-opening-accordion .wmbn-action { justify-content: flex-start; min-width: 0; padding: 12px 14px; border-radius: 0 !important; box-shadow: none !important; }
    .wmbn-opening-accordion .wmbn-action:hover { padding-left: 20px; transform: none; }
    .wmbn-theme-minimal.wmbn-opening-accordion .wmbn-panel__actions { margin: 0; }
    .wmbn-theme-minimal.wmbn-opening-accordion .wmbn-action { border-top: 1px solid #ededf0 !important; }

    .wmbn-opening-scan .wmbn-panel { transform: scaleY(.1); transform-origin: bottom; clip-path: inset(100% 0 0 0); transition: max-height .4s ease, margin .32s ease, opacity .22s ease, transform .4s ease, clip-path .45s cubic-bezier(.2,.85,.2,1); }
    .wmbn-opening-scan .wmbn-panel.is-open { transform: scaleY(1); clip-path: inset(0 0 0 0); }
    .wmbn-opening-scan .wmbn-panel__actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wmbn-opening-scan .wmbn-action { justify-content: flex-start; min-width: 0; transform: translateY(12px); opacity: 0; }
    .wmbn-opening-scan .wmbn-panel.is-open .wmbn-action { transform: translateY(0); opacity: 1; }
    .wmbn-opening-scan .wmbn-panel.is-open .wmbn-action:nth-child(1) { transition-delay: .08s; }
    .wmbn-opening-scan .wmbn-panel.is-open .wmbn-action:nth-child(2) { transition-delay: .14s; }
    .wmbn-opening-scan .wmbn-panel.is-open .wmbn-action:nth-child(3) { transition-delay: .20s; }
    .wmbn-opening-scan .wmbn-panel.is-open .wmbn-action:nth-child(4) { transition-delay: .26s; }

    .wmbn-opening-cards .wmbn-panel { transform: translateY(34px) scale(.97); transform-origin: center bottom; transition: max-height .4s ease, margin .32s ease, opacity .22s ease, transform .45s cubic-bezier(.2,.85,.2,1); }
    .wmbn-opening-cards .wmbn-panel.is-open { transform: translateY(0) scale(1); }
    .wmbn-opening-cards .wmbn-panel__actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wmbn-opening-cards .wmbn-action { justify-content: flex-start; min-width: 0; min-height: 42px; }
}

@media (min-width: 768px) {
    #wolf-mobile-bottom-nav { display: none !important; }
}