/* Shared inverted material for navigator headings and returns. */
.aether-index-header {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 4px 6px 10px;
}

.aether-index-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: invert(1) contrast(1.95) saturate(1.42) blur(3px);
    -webkit-backdrop-filter: invert(1) contrast(1.95) saturate(1.42) blur(3px);
}

.aether-index-header > * {
    position: relative;
    z-index: 2;
}

.aether-index-header .aether-menu-mode-title,
.aether-index-return {
    color: var(--aether-ui-ink, rgba(3, 4, 7, 0.92));
}

.aether-index-return {
    padding: 7px 10px;
    border: 1px solid rgba(var(--aether-ui-signal-rgb, 200, 204, 211), 0.56);
    background: rgba(255, 255, 255, 0.012);
    opacity: 0.78;
    backdrop-filter: invert(1) contrast(2.05) saturate(1.45) blur(2px);
    -webkit-backdrop-filter: invert(1) contrast(2.05) saturate(1.45) blur(2px);
}

.aether-index-return:hover {
    opacity: 1;
    border-color: rgba(var(--aether-ui-rgb, 200, 204, 211), 0.32);
}


.aether-index-commit-hint {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.64);
}


.aether-index-row--menu {
    position: relative;
    width: calc(100% - 50px);
    margin-left: 30px;
    padding: 8px 30px 8px 12px;
    min-height: 46px;
    font-size: clamp(16px, 1.9vw, 24px);
    letter-spacing: 0.10em;
    text-align: left;
    text-transform: uppercase;
}

.aether-index-row--menu > * {
    position: relative;
    z-index: 2;
}

.aether-index-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 7px;
}


.aether-index-layout-stage {
    display: flex;
    align-items: flex-start;
    gap: var(--aether-index-gap, 24px);
    min-width: 0;
    position: relative;
}

.aether-index-level {
    display: none;
    position: relative;
    isolation: isolate;
    order: var(--aether-index-order, 0);
    flex: 0 0 var(--aether-index-level-width, 280px);
    min-width: 0;
}

.aether-index-level.is-index-level-visible {
    display: block;
}

.aether-index-surface-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: var(--aether-lens-fill);
    box-shadow: var(--aether-lens-shadow);
    backdrop-filter: var(--aether-lens-filter-soft);
    -webkit-backdrop-filter: var(--aether-lens-filter-soft);
}

.aether-index-surface-content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.aether-index-level.is-index-level-leaving {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
        transform var(--aether-motion-layer-exit-duration) var(--aether-motion-easing),
        opacity var(--aether-motion-layer-exit-duration) ease;
}

.aether-index-level.is-index-level-leaving.is-index-level-left {
    opacity: 0;
    transform: translate3d(
        calc(-1 * var(--aether-motion-layer-distance)),
        0,
        0
    );
}

.aether-index-level.is-index-level-exiting {
    display: block;
    position: absolute;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
        transform var(--aether-motion-layer-exit-duration) var(--aether-motion-easing),
        opacity var(--aether-motion-layer-exit-duration) ease;
}

.aether-index-level.is-index-level-exiting.is-index-level-exited {
    opacity: 0;
    transform: translate3d(
        calc(-1 * var(--aether-motion-layer-distance)),
        0,
        0
    );
}

.aether-index-companion-slot,
.aether-index-companion {
    position: relative;
    order: var(--aether-index-order, 0);
    flex: 0 1 var(--aether-index-companion-width, 420px);
    min-width: 0;
}

.aether-index-companion-slot > * {
    min-width: 0;
}

.aether-index-companion {
    will-change: transform, opacity;
}

.aether-index-companion.is-index-companion-preparing {
    transition: none;
}

.aether-index-companion.is-index-companion-shifting {
    transition: transform var(--aether-motion-duration) var(--aether-motion-easing);
}

.aether-index-companion.is-index-companion-collapsing {
    transition: transform var(--aether-motion-layer-exit-duration) var(--aether-motion-easing);
}

.aether-index-companion.is-index-companion-collapse-preparing {
    transition: none;
}

.aether-index-layout.is-index-content-switching
.aether-index-level:not(:first-child),
.aether-index-layout.is-index-content-switching
.aether-index-companion {
    opacity: 0;
    transform: translate3d(18px, 0, 0);
    filter: blur(1px);
    pointer-events: none;
}

.aether-index-companion.is-index-companion-entering {
    opacity: 0;
    transform: translate3d(
        calc(-1 * var(--aether-motion-interface-distance)),
        0,
        0
    );
    transition:
        transform var(--aether-motion-duration) var(--aether-motion-easing),
        opacity var(--aether-motion-opacity-duration) ease;
}

.aether-index-companion.is-index-companion-entering.is-index-companion-settled {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.aether-index-companion.is-index-companion-exiting {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
        transform var(--aether-motion-layer-exit-duration) var(--aether-motion-easing),
        opacity var(--aether-motion-layer-exit-duration) ease;
}

.aether-index-companion.is-index-companion-exiting.is-index-companion-exited {
    opacity: 0;
    transform: translate3d(
        calc(-1 * var(--aether-motion-layer-distance)),
        0,
        0
    );
}

.aether-index-companion-slot > .aether-menu-collection-detail-glitch {
    position: absolute;
    inset: 0;
    width: auto;
    margin: 0;
}

/* Shared index-row geometry; modes provide column tokens. */
.aether-index-row--parent,
.aether-index-row--child {

    width:
        calc(100% - 38px);

    height:
        58px;

    min-height:
        58px;

    box-sizing:
        border-box;

    isolation:
        isolate;

    align-items:
        center;

    letter-spacing:
        0.10em;

    backface-visibility:
        hidden;

    will-change:
        width,
        margin-left,
        transform;

    transform:
        translate3d(0, 0, 0);

}


.aether-index-list--child
.aether-index-row--child {

    width:
        calc(100% - 28px);

    margin-left:
        12px;

}


.aether-index-row--parent {

    width:
        calc(
            var(
                --aether-index-root-width
            )
            - 50px
        );

}


.aether-index-row--parent:hover,
.aether-index-row--parent.is-selected.is-index-active {

    width:
        calc(
            var(
                --aether-index-root-width
            )
            - 34px
        );

}


.aether-index-row--parent:hover {

    transform:
        translate3d(4px, 0, 0);

}


.aether-index-row--parent
.aether-menu-floor-body,
.aether-index-row--child
.aether-menu-floor-body {

    position:
        relative;

    z-index:
        2;

    width:
        100%;

    gap:
        4px;

}


.aether-index-row--parent
.aether-menu-floor-name,
.aether-index-row--child
.aether-menu-floor-name {

    white-space:
        nowrap;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    line-height:
        1.15;

    color:
        rgba(3, 4, 7, 0.90);

}


.aether-index-row--parent
.aether-menu-floor-name {

    font-size:
        inherit;

}


.aether-index-row--parent
.aether-menu-floor-meta,
.aether-index-row--child
.aether-menu-floor-meta {

    font-size:
        9px;

    letter-spacing:
        0;

    line-height:
        1.15;

}


.aether-index-row--parent
.aether-menu-floor-meta,
.aether-index-row--child
.aether-menu-floor-meta {

    color:
        var(--aether-lens-ink);

    opacity:
        0.58;

}


.aether-index-row--parent.is-selected,
.aether-index-row--child.is-selected {

    width:
        calc(100% - 38px);

    height:
        58px;

    min-height:
        58px;

    letter-spacing:
        0.10em;

}


.aether-index-row--parent.is-selected::after,
.aether-index-row--child.is-selected::after {

    opacity:
        0.28;

}


.aether-index-row--parent.is-selected::after,
.aether-index-row--child.is-selected::after {

}


.aether-index-row--parent.is-selected.is-index-active {

    width:
        calc(
            var(
                --aether-index-root-width
            )
            - 34px
        );

}


.aether-index-row--parent.is-selected {

    transform:
        translate3d(4px, 0, 0);

}


.aether-index-list--child
.aether-index-row--child:hover {

    width:
        calc(100% - 20px);

    margin-left:
        8px;

    transform:
        translate3d(4px, 0, 0);

}


.aether-index-list--child
.aether-index-row--child.is-selected {

    width:
        calc(100% - 12px);

    margin-left:
        4px;

    transform:
        translate3d(6px, 0, 0);

}


.aether-index-row--parent.is-selected:not(.is-index-active),
.aether-index-row--child.is-selected:not(.is-index-active) {

    opacity:
        1;

}