/* Eddie Vault 1.9.6 — real mobile Vault layout: single-column viewer, drawer library, sticky actions. */
@media (max-width: 760px) {
    html,
    body.eddie-standalone-page.eddie-my-vault-page,
    body.eddie-my-vault-page {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
        background: #050910 !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page {
        height: auto !important;
        min-height: 100svh;
        min-height: 100dvh;
        overflow-y: auto !important;
        -webkit-text-size-adjust: 100%;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-route,
    body.eddie-my-vault-page .eddie-my-vault-route {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 100svh !important;
        min-height: 100dvh !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        background:
            radial-gradient(circle at 12% 0%, rgba(33, 113, 181, 0.16), transparent 30%),
            linear-gradient(180deg, #050910 0%, #04070c 100%) !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell,
    body.eddie-my-vault-page .eddie-my-vault--shell {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 100svh !important;
        min-height: 100dvh !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav,
    body.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__nav {
        position: sticky !important;
        top: 0 !important;
        z-index: 60;
        flex: 0 0 auto !important;
        min-height: 62px !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(145, 203, 255, 0.12) !important;
        background: rgba(5, 9, 16, 0.96) !important;
        box-shadow: 0 12px 34px rgba(0, 0, 0, 0.30) !important;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__toprow,
    body.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__toprow {
        min-height: 62px !important;
        height: 62px !important;
        padding: 0 14px !important;
        gap: 8px;
    }

    .eddie-my-vault__brand {
        flex: 1 1 auto;
        min-width: 0;
        gap: 8px;
    }

    .eddie-my-vault__menu-btn {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px;
    }

    .eddie-my-vault__brand-title {
        min-width: 0;
        max-width: 42vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1rem !important;
        line-height: 1;
    }

    .eddie-my-vault__nav-actions {
        flex: 0 0 auto;
        gap: 6px !important;
    }

    .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--feed,
    .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--logout,
    .eddie-my-vault__nav-actions .eddie-my-vault__member-badge {
        display: none !important;
    }

    .eddie-my-vault__nav-link--upgrade,
    .eddie-my-vault__nav-link--login {
        min-height: 42px !important;
        max-width: 46vw;
        padding: 9px 13px !important;
        border-radius: 14px !important;
        font-size: clamp(0.80rem, 3.5vw, 0.96rem) !important;
        line-height: 1.05 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell,
    body.eddie-my-vault-page .eddie-vault-shell {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: calc(100svh - 62px) !important;
        min-height: calc(100dvh - 62px) !important;
        margin: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #050910 !important;
    }

    .eddie-vault-shell__browse {
        position: fixed !important;
        left: max(14px, env(safe-area-inset-left, 0px)) !important;
        bottom: max(82px, calc(env(safe-area-inset-bottom, 0px) + 78px)) !important;
        top: auto !important;
        z-index: 58 !important;
        min-height: 42px;
        padding: 0 16px;
        border-radius: 999px;
        background: rgba(11, 18, 30, 0.90);
        border-color: rgba(145, 203, 255, 0.22);
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34);
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: calc(100svh - 62px) !important;
        min-height: calc(100dvh - 62px) !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__stage,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__stage {
        order: 1;
        width: 100% !important;
        height: clamp(310px, 52svh, 520px) !important;
        height: clamp(310px, 52dvh, 520px) !important;
        min-height: 310px !important;
        max-height: 520px !important;
        display: grid !important;
        place-items: center !important;
        overflow: hidden !important;
        border-bottom: 1px solid rgba(145, 203, 255, 0.08);
        background:
            linear-gradient(45deg, rgba(255,255,255,0.026) 25%, transparent 25% 75%, rgba(255,255,255,0.026) 75%),
            linear-gradient(45deg, rgba(255,255,255,0.026) 25%, transparent 25% 75%, rgba(255,255,255,0.026) 75%),
            radial-gradient(circle at 72% 12%, rgba(33, 113, 181, 0.16), transparent 30%),
            #03070c !important;
        background-position: 0 0, 12px 12px, center, center !important;
        background-size: 24px 24px, 24px 24px, auto, auto !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__stage::after {
        height: 18% !important;
        opacity: 0.78;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame img,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame--full img,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame--crop img,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame img,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame--full img,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame--crop img,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline video {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        order: 2;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 18px 16px max(120px, calc(env(safe-area-inset-bottom, 0px) + 118px)) !important;
        border: 0 !important;
        background:
            linear-gradient(180deg, rgba(7, 13, 22, 0.99), rgba(4, 8, 14, 1)) !important;
        box-shadow: 0 -16px 44px rgba(0, 0, 0, 0.24) !important;
    }

    .eddie-my-vault-viewer__side [data-vault-viewer-details] {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__eyebrow,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__eyebrow {
        margin: 0 0 6px;
        font-size: 10px;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side h2,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side h2 {
        max-width: 100%;
        margin: 0 0 8px;
        font-size: clamp(30px, 9vw, 44px) !important;
        line-height: 0.98;
        overflow-wrap: anywhere;
    }

    .eddie-my-vault-viewer__position {
        margin: 0 0 12px;
        color: #9fd0ff;
        font-size: 13px;
        font-weight: 900;
        line-height: 1.35;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__summary {
        margin: 0 0 12px !important;
        font-size: 14px !important;
        line-height: 1.48 !important;
        color: rgba(238, 246, 255, 0.72) !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__notice {
        margin: 0 0 12px !important;
        padding: 12px 13px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__actions {
        order: 5;
        position: sticky !important;
        bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
        z-index: 45 !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 9px !important;
        margin: 4px 0 14px !important;
        padding: 10px !important;
        border: 1px solid rgba(145, 203, 255, 0.12);
        border-radius: 18px;
        background: rgba(5, 10, 17, 0.88) !important;
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.36);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault__button {
        min-height: 48px !important;
        border-radius: 14px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        padding: 10px 12px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profiles {
        order: 6;
        margin: 10px 0 12px !important;
        padding: 12px !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(145, 203, 255, 0.12);
    }

    .eddie-my-vault-viewer__profiles-head {
        margin-bottom: 10px !important;
    }

    .eddie-my-vault-viewer__profile-grid {
        display: flex !important;
        gap: 8px !important;
        overflow-x: auto;
        padding-bottom: 3px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .eddie-my-vault-viewer__profile {
        flex: 0 0 auto;
        min-width: 132px;
        min-height: 58px !important;
        padding: 10px 11px !important;
        border-radius: 14px !important;
        scroll-snap-align: start;
    }

    .eddie-my-vault-viewer__profile strong {
        font-size: 12px !important;
    }

    .eddie-my-vault-viewer__profile span {
        font-size: 10px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta {
        order: 7;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 8px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta div {
        min-width: 0;
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__direct {
        order: 8;
        margin: 12px 0 0 !important;
    }

    .eddie-my-vault-viewer__counter {
        top: 12px !important;
        right: 12px !important;
        left: auto !important;
        max-width: calc(100vw - 106px) !important;
        padding: 7px 10px !important;
        border-radius: 999px !important;
        background: rgba(5, 10, 17, 0.76) !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .eddie-my-vault-viewer__nav {
        top: calc(50% - 16px) !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 999px !important;
        background: rgba(5, 10, 17, 0.68) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .eddie-my-vault-viewer__nav--prev {
        left: 10px !important;
    }

    .eddie-my-vault-viewer__nav--next {
        right: 10px !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library,
    body.eddie-my-vault-page .eddie-vault-shell__library {
        position: fixed !important;
        z-index: 90 !important;
        left: max(10px, env(safe-area-inset-left, 0px)) !important;
        right: max(10px, env(safe-area-inset-right, 0px)) !important;
        bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
        top: auto !important;
        width: auto !important;
        max-width: none !important;
        height: min(82svh, 680px) !important;
        height: min(82dvh, 680px) !important;
        max-height: min(82svh, 680px) !important;
        max-height: min(82dvh, 680px) !important;
        display: flex !important;
        overflow: hidden !important;
        border: 1px solid rgba(145, 203, 255, 0.16) !important;
        border-radius: 24px !important;
        background: rgba(7, 13, 22, 0.98) !important;
        box-shadow: 0 -28px 90px rgba(0, 0, 0, 0.56) !important;
        transform: translateY(calc(100% + 20px)) !important;
        transition: transform 260ms cubic-bezier(.32, 1, .32, 1) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library {
        transform: translateY(0) !important;
    }

    .eddie-my-vault--shell.is-library-open::after {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 80;
        background: rgba(0, 0, 0, 0.56);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .eddie-vault-shell__library-head {
        flex: 0 0 auto;
        padding: 16px 14px 10px !important;
        border-bottom: 1px solid rgba(145, 203, 255, 0.10);
    }

    .eddie-vault-shell__library-head h1 {
        font-size: 26px !important;
    }

    .eddie-vault-shell__library-head p:not(.eddie-my-vault__eyebrow) {
        display: none;
    }

    .eddie-vault-shell__library-close,
    .eddie-vault-shell__browse {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .eddie-vault-shell__controls {
        flex: 0 0 auto;
        padding: 10px 12px 8px !important;
    }

    .eddie-vault-shell__tabs,
    .eddie-vault-shell__typebar {
        flex: 0 0 auto;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        padding: 0 12px 8px !important;
        -webkit-overflow-scrolling: touch;
    }

    .eddie-vault-shell__tab,
    .eddie-vault-shell__type {
        flex: 0 0 auto;
        min-height: 34px;
        border-radius: 999px !important;
        font-size: 11px !important;
    }

    .eddie-vault-shell__list {
        flex: 1 1 auto;
        min-height: 0;
        padding: 7px 9px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .eddie-vault-shell__item {
        grid-template-columns: 54px minmax(0, 1fr) auto !important;
        gap: 9px !important;
        padding: 8px 9px !important;
        border-radius: 14px !important;
    }

    .eddie-vault-shell__item em {
        display: none !important;
    }

    .eddie-vault-shell__stats {
        flex: 0 0 auto;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 5px !important;
        padding: 8px !important;
    }

    .eddie-vault-shell__stats div {
        padding: 7px 3px !important;
        border-radius: 12px !important;
    }

    .eddie-vault-shell__stats strong {
        font-size: 15px !important;
    }

    .eddie-vault-shell__stats span {
        font-size: 8px !important;
    }

    .eddie-my-vault-viewer__crop-layer {
        touch-action: none !important;
    }

    .eddie-my-vault-viewer__crop-box {
        min-width: 56px !important;
        min-height: 56px !important;
    }

    .eddie-my-vault-viewer__crop-box i {
        width: 22px !important;
        height: 22px !important;
        border-width: 4px !important;
    }

    .eddie-my-vault-viewer__crop-box i:nth-child(1) { left: -7px !important; top: -7px !important; }
    .eddie-my-vault-viewer__crop-box i:nth-child(2) { right: -7px !important; top: -7px !important; }
    .eddie-my-vault-viewer__crop-box i:nth-child(3) { right: -7px !important; bottom: -7px !important; }
    .eddie-my-vault-viewer__crop-box i:nth-child(4) { left: -7px !important; bottom: -7px !important; }

    body.eddie-light.eddie-my-vault-page .eddie-vault-shell,
    body.eddie-light.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline,
    html.eddie-light body.eddie-my-vault-page .eddie-vault-shell,
    html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline {
        background: #f5f8fc !important;
    }

    body.eddie-light.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        background: #ffffff !important;
    }

    body.eddie-light.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__actions,
    html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__actions {
        background: rgba(255, 255, 255, 0.90) !important;
        border-color: rgba(15, 23, 42, 0.10);
    }

    body.eddie-light.eddie-my-vault-page .eddie-vault-shell__library,
    html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__library {
        background: rgba(255, 255, 255, 0.98) !important;
    }
}

@media (max-width: 390px) {
    .eddie-my-vault__brand-title {
        max-width: 34vw;
        font-size: 0.92rem !important;
    }

    .eddie-my-vault__nav-link--upgrade,
    .eddie-my-vault__nav-link--login {
        max-width: 43vw;
        padding-inline: 11px !important;
        font-size: 0.82rem !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__actions {
        grid-template-columns: 1fr !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta {
        grid-template-columns: 1fr !important;
    }
}