.mobile-bloc-builder__library-btn,
.mobile-bloc-builder__library-btn i {
    color: var(--text-primary, var(--text-color, #ffffff)) !important;
    -webkit-text-fill-color: var(--text-primary, var(--text-color, #ffffff)) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mobile-import-library {
    position: fixed;
    inset: 0;
    z-index: 120750;
    display: none;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background:
        linear-gradient(115deg, rgba(21, 12, 28, 0.78), rgba(8, 5, 7, 0.42) 36%, rgba(18, 8, 5, 0.72)),
        #030303;
    color: #ffffff;
}

.mobile-import-library.is-open {
    display: flex;
}

.mobile-import-library.is-home-embedded {
    top: max(0px, calc(var(--mobile-app-header-height, 0px) - 34px));
    right: 0;
    /* Run to the viewport floor so the feed scrolls behind the glass nav pill.
       Stopping at the pill exposes the white body underneath as a dead band.
       Clearance lives on the inner __body scroller, NOT as padding here —
       padding on this opaque container just repaints the same white band. */
    bottom: 0;
    left: 0;
    z-index: 9000;
    background: #ffffff;
}

body.mobile-shop-nav-hidden .mobile-import-library.is-home-embedded {
    bottom: 0 !important;
}

.mobile-import-library.is-home-embedded .mobile-import-library__top {
    padding: 10px 18px 6px;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline) .mobile-import-library__top {
    display: none;
}

.mobile-import-library.is-home-embedded .mobile-import-library__top [data-mobile-import-library-close] {
    visibility: hidden;
    pointer-events: none;
}

.mobile-import-library.is-home-embedded .mobile-import-library__body {
    padding-bottom: 18px;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline) .mobile-import-library__body {
    padding-bottom: calc(178px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline) .mobile-import-library__body:has(.mobile-import-library__platform-state:not([hidden])) {
    padding-bottom: calc(306px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline) .mobile-import-library__import-hint {
    display: none;
}

/* The sources panel covers the timeline, so the timeline's own search bar has
   no business showing through it. It is a static sibling rather than a child,
   which is why stacking order alone never hid it. */
html body.import-accounts-open #mobile-import-library.mobile-import-library .mobile-import-library__search,
html body.import-accounts-open #mobile-import-library.mobile-import-library .mobile-import-library__search.is-timeline-search {
    display: none !important;
}

/* Social / Sports / Contact. Three kinds of connection -- a feed, a profile
   link, a phone number -- so they are chosen rather than scrolled past. */
/* The other badges take their colour from data-account-platform; a phone
   number has no brand, so it gets the app's own ink. */
html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__platform-badge--contact {
    background: #111111 !important;
}

html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__platform-badge--contact i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
}

/* Yours / Representative. Two sets of the same three fields, so they are
   labelled rather than left to run together as one list of five. */
/* Not every number takes texts, so the owner says. */
/* Written against the row too: `.mobile-import-library__account-row button`
   sets min-height 34px and padding 0 13px for the Save and Remove buttons, and
   a bare class selector loses to it. */
html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__sms-toggle,
/* Matches for a business search, shown under the field that found them. */
/* The review count beside a business rating -- quieter than the number
   itself, which is the part that carries. */
.mobile-import-library__identity-stars em {
    margin-left: 4px;
    font-style: normal;
    font-weight: 600;
    opacity: 0.72;
}

.mobile-import-library__place-results {
    margin-top: 10px;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(17, 17, 17, 0.04);
}

/* Written at the row's own weight: `.mobile-import-library__account-row
   button` gives every button in this panel a pill border and a min-height,
   which on a list of suggestions drew a pink outline round each one and let
   them bleed past the container. */
html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__place-hit,
.mobile-import-library__place-hit {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 11px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(17, 17, 17, 0.06) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
    cursor: pointer;
}

.mobile-import-library__place-hit:last-child { border-bottom: 0; }
.mobile-import-library__place-hit:active { background: rgba(17, 17, 17, 0.06); }

html body #mobile-import-library .mobile-import-library__place-hit b {
    display: block !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    /* One line each. A three-line address made every row a different height
       and the list impossible to scan. */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body #mobile-import-library .mobile-import-library__place-hit span {
    display: block !important;
    margin-top: 2px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #8a8a92 !important;
    -webkit-text-fill-color: #8a8a92 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* The listing found, awaiting a yes. */
.mobile-import-library__place-preview {
    padding: 15px 16px 13px;
}

html body #mobile-import-library .mobile-import-library__place-preview b {
    display: block;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.25;
}

html body #mobile-import-library .mobile-import-library__place-preview > span {
    display: block;
    margin-top: 3px;
    font-size: 13px !important;
    color: #8a8a92 !important;
    -webkit-text-fill-color: #8a8a92 !important;
}

.mobile-import-library__place-preview-actions {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}

html body #mobile-import-library .mobile-import-library__place-preview-actions button {
    flex: 1 1 0 !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    cursor: pointer;
}

html body #mobile-import-library .mobile-import-library__place-preview-actions button[data-business-place-cancel],
html body #mobile-import-library .mobile-import-library__place-preview-actions button[data-business-place-cancel] * {
    background: rgba(17, 17, 17, 0.06) !important;
    color: #666666 !important;
    -webkit-text-fill-color: #666666 !important;
}

html body #mobile-import-library .mobile-import-library__place-preview-actions button[data-business-place-confirm],
html body #mobile-import-library .mobile-import-library__place-preview-actions button[data-business-place-confirm] * {
    background: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.mobile-import-library__place-empty {
    margin: 0;
    padding: 14px;
    font-size: 13px;
    color: #8a8a92;
}

.mobile-import-library__sms-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: 8px;
    /* A real hit area. This was a 16px box and a line of text with 2px of
       padding under it -- small enough on a phone that taps land beside it and
       read as the control not working. 44px is the size a finger expects. */
    min-height: 44px !important;
    padding: 8px 4px !important;
    border: 0;
    border-radius: 12px;
    background: transparent;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mobile-import-library__sms-toggle:active {
    background: rgba(17, 17, 17, 0.05);
}

html body #mobile-import-library .mobile-import-library__sms-toggle,
html body #mobile-import-library .mobile-import-library__sms-toggle * {
    color: #888888 !important;
    -webkit-text-fill-color: #888888 !important;
}

html body #mobile-import-library .mobile-import-library__sms-toggle.is-on,
html body #mobile-import-library .mobile-import-library__sms-toggle.is-on * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

.mobile-import-library__sms-toggle i {
    font-size: 16px;
}

.mobile-import-library__contact-heading {
    margin: 18px 2px 10px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #999999;
}

.mobile-import-library__contact-choice {
    margin: 22px 0 8px;
    padding: 16px 18px 18px;
    border-radius: 18px;
    background: rgba(17, 17, 17, 0.04);
}

.mobile-import-library__contact-choice p {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 800;
    color: #111111;
}

.mobile-import-library__contact-choice-options {
    display: flex;
    gap: 8px;
}

.mobile-import-library__contact-choice-option {
    flex: 1 1 0;
    min-width: 0;
    padding: 11px 14px;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Stated at the theme's weight: the themes force color:#000 !important on
   descendants of body, which would leave the chosen side unreadable. */
html body #mobile-import-library .mobile-import-library__contact-choice-option.is-active,
html body #mobile-import-library .mobile-import-library__contact-choice-option.is-active * {
    background: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body #mobile-import-library .mobile-import-library__contact-choice-option:not(.is-active),
html body #mobile-import-library .mobile-import-library__contact-choice-option:not(.is-active) * {
    color: #666666 !important;
    -webkit-text-fill-color: #666666 !important;
}

.mobile-import-library__accounts-pills {
    display: flex;
    gap: 8px;
    padding: 4px 0 18px;
}

.mobile-import-library__accounts-pill {
    flex: 1 1 0;
    min-width: 0;
    padding: 10px 14px;
    border: 0;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.06);
    color: #666666;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease;
}

/* White on black, stated at the weight the theme uses.
   The themes force `color: #000 !important` on descendants of body -- the same
   rule that painted the brand marks black-on-black -- so a plain colour here
   loses and the active label goes dark on a dark pill. -webkit-text-fill-color
   is set too: on iOS it wins over `color` and would keep the text black on its
   own. */
html body #mobile-import-library .mobile-import-library__accounts-pill.is-active,
html body #mobile-import-library .mobile-import-library__accounts-pill.is-active * {
    background: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body #mobile-import-library .mobile-import-library__accounts-pill:not(.is-active),
html body #mobile-import-library .mobile-import-library__accounts-pill:not(.is-active) * {
    color: #666666 !important;
    -webkit-text-fill-color: #666666 !important;
}

.mobile-import-library.is-home-embedded .mobile-import-library__accounts {
    background: #ffffff;
    color: #111111;
    /* The embedded shell used to offset past the app header via `top`, so 8px
       was enough and a safe-area inset here would have double-counted it. The
       panel now starts at the top of the screen (it runs full bleed under a
       glass header), so this owns the clearance again: the notch, plus the
       46px control row the hamburger and the bell sit in. */
    padding-top: calc(env(safe-area-inset-top, 0px) + 58px);
}

.mobile-import-library.is-home-embedded .mobile-import-library__accounts-title {
    color: #111111;
}

.mobile-import-library.is-home-embedded .mobile-import-library__accounts-subtitle {
    color: #666666;
}

.mobile-import-library,
.mobile-import-library * {
    box-sizing: border-box;
}

.mobile-import-library button,
.mobile-import-library input {
    font: inherit;
}

.mobile-import-library__top {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 12px;
    padding: calc(env(safe-area-inset-top, 0px) + 14px) 18px 6px;
}

.mobile-import-library__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    color: #ffffff;
    font-size: 22px;
}

.mobile-import-library__top-spacer {
    width: 44px;
    height: 44px;
}

.mobile-import-library__help-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 2px solid currentColor;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.mobile-import-library__accounts {
    position: absolute;
    inset: 0;
    z-index: 4;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background:
        linear-gradient(115deg, rgba(21, 12, 28, 0.78), rgba(8, 5, 7, 0.42) 36%, rgba(18, 8, 5, 0.72)),
        #030303;
    padding: calc(env(safe-area-inset-top, 0px) + 4px) 20px calc(90px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library__accounts-top {
    display: block;
    padding: 6px 2px 0;
}

.mobile-import-library__accounts-title {
    margin-top: 0;
    color: #ffffff;
    font-size: 27px;
    font-weight: 820;
    line-height: 1.06;
    letter-spacing: -0.015em;
}

.mobile-import-library__accounts-subtitle {
    max-width: 330px;
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.52);
    font-size: 12.5px;
    font-weight: 620;
    line-height: 1.45;
}

.mobile-import-library__accounts-list {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.mobile-import-library__accounts-loading {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 70px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 12px;
    font-weight: 820;
}

.mobile-import-library__accounts-loading span {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.16);
    border-top-color: #f47b4f;
    border-radius: 999px;
    animation: mobileImportSpin 0.8s linear infinite;
}

@keyframes mobileImportSpin {
    to {
        transform: rotate(360deg);
    }
}

.mobile-import-library__account-row {
    display: grid;
    gap: 16px;
    min-height: 86px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.035);
    padding: 18px 16px 16px;
}

.mobile-import-library__account-row.is-connected {
    border-color: rgba(88, 214, 141, 0.24);
}

.mobile-import-library__account-row.is-loading-source {
    border-color: rgba(244, 123, 79, 0.34);
    box-shadow: 0 0 0 3px rgba(244, 123, 79, 0.08);
}

.mobile-import-library__account-row.is-loading-source .mobile-import-library__source-add button {
    pointer-events: none;
}

.mobile-import-library__account-row[data-account-platform="facebook"] .mobile-import-library__platform-badge {
    background: #2f6bff;
}

.mobile-import-library__account-row[data-account-platform="youtube"] .mobile-import-library__platform-badge {
    /* The play triangle is punched to this same colour, so the two must match. */
    --platform-badge-bg: #ff3428;
    background: #ff3428;
}

.mobile-import-library__account-row[data-account-platform="tiktok"] .mobile-import-library__platform-badge {
    background: #111111;
    box-shadow: inset 2px 0 0 #24f4ee, inset -2px 0 0 #fe2c55;
}

.mobile-import-library__account-row[data-account-platform="x"] .mobile-import-library__platform-badge {
    background: #ffffff;
    color: #050505;
}

.mobile-import-library__account-copy {
    min-width: 0;
}

.mobile-import-library__account-head {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-width: 0;
}

.mobile-import-library__account-title {
    display: flex;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.mobile-import-library__account-title b {
    color: #ffffff;
    font-size: 14px;
    font-weight: 880;
}

.mobile-import-library__account-title span {
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.62);
    padding: 4px 7px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-import-library__account-row.is-connected .mobile-import-library__account-title span {
    background: rgba(88, 214, 141, 0.14);
    color: rgba(143, 255, 184, 0.92);
}

.mobile-import-library__account-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 11.5px;
    line-height: 1.5;
}

.mobile-import-library__account-destination {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    padding: 4px 5px 4px 11px;
}

.mobile-import-library__account-destination span {
    color: rgba(255, 255, 255, 0.48);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.mobile-import-library__account-destination b {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 12px;
    font-weight: 820;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__account-destination b {
    justify-self: start;
}

.mobile-import-library__account-destination button {
    min-height: 26px;
    border: 1px solid rgba(255, 139, 98, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.82);
    padding: 0 10px;
    font-size: 10px;
    font-weight: 850;
}

.mobile-import-library__destination-sheet {
    position: fixed;
    inset: 0;
    z-index: 13;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 18px;
}

.mobile-import-library__destination-sheet-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(0, 0, 0, 0.44);
}

.mobile-import-library__destination-sheet-panel {
    position: relative;
    z-index: 1;
    width: min(430px, 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 24px;
    background: rgba(18, 18, 20, 0.98);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    padding: 14px;
}

.mobile-import-library__destination-sheet-head {
    display: grid;
    gap: 4px;
    padding: 4px 4px 12px;
}

.mobile-import-library__destination-sheet-head span {
    color: rgba(255, 255, 255, 0.48);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.mobile-import-library__destination-sheet-head b {
    color: #ffffff;
    font-size: 18px;
    font-weight: 850;
}

.mobile-import-library__destination-options {
    display: grid;
    gap: 8px;
}

.mobile-import-library__destination-options button {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    color: #ffffff;
    padding: 0 14px;
    text-align: left;
}

.mobile-import-library__destination-options button.is-selected {
    border-color: rgba(244, 123, 79, 0.45);
    background: rgba(244, 123, 79, 0.12);
}

.mobile-import-library__destination-options span {
    overflow: hidden;
    font-size: 14px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__account-sources {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.mobile-import-library__account-sources span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    min-height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    padding: 0 4px 0 11px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 11px;
    font-weight: 780;
}

.mobile-import-library__account-sources span.is-refreshing {
    border-color: rgba(244, 123, 79, 0.32);
    background: rgba(244, 123, 79, 0.1);
}

.mobile-import-library__account-sources span.is-refreshing button {
    opacity: 1;
}

.mobile-import-library__account-sources span.is-detected-account {
    border-style: dashed;
    opacity: 0.82;
}

.mobile-import-library__account-sources b {
    flex: 1 1 auto;
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__account-sources em {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.42);
    font-style: normal;
    font-weight: 860;
}

/* The generic .__account-row button rule pads and stretches every button in the
   card; the chip's overflow menu has to out-specify it or it escapes the pill. */
.mobile-import-library__account-row .mobile-import-library__account-sources button,
.mobile-import-library__account-sources button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: currentColor;
    padding: 0;
    font-size: 10px;
    opacity: 0.72;
}

.mobile-import-library__account-sources button i {
    font-size: 10px;
    line-height: 1;
}

.mobile-import-library__account-sources button:active {
    opacity: 1;
    background: rgba(255, 255, 255, 0.16);
}

.mobile-import-library__source-add {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    margin-top: 2px;
}

.mobile-import-library__source-entry,
.mobile-import-library__source-add input {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-width: 0;
    min-height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    padding: 0 13px;
    font-size: 16px;
    font-weight: 690;
    outline: 0;
    cursor: text;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-import-library__source-entry {
    display: block;
    height: 42px;
    min-height: 42px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-user-select: text;
    user-select: text;
}

.mobile-import-library__source-add input {
    display: flex;
    align-items: center;
}

.mobile-import-library__source-entry:empty::before {
    content: attr(data-placeholder);
    display: block;
    height: 40px;
    line-height: 40px;
    color: rgba(255, 255, 255, 0.38);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.38);
    opacity: 1;
    pointer-events: none;
}

.mobile-import-library__source-add input::placeholder {
    color: rgba(255, 255, 255, 0.38);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.38);
    opacity: 1;
}

.mobile-import-library__account-row button,
.mobile-import-library__source-add button {
    min-height: 34px;
    border: 1px solid rgba(255, 139, 98, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    padding: 0 13px;
    font-size: 11px;
    font-weight: 880;
}

.mobile-import-library__source-add button {
    min-width: 78px;
    background: rgba(255, 139, 98, 0.12);
}

.mobile-import-library__source-sheet {
    position: fixed;
    inset: 0;
    z-index: 12;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 18px 18px calc(96px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library__source-sheet-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(0, 0, 0, 0.48);
}

.mobile-import-library__source-sheet-panel {
    position: relative;
    z-index: 1;
    width: min(430px, 100%);
    max-height: min(70vh, 560px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 26px;
    background: rgba(18, 18, 20, 0.96);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    padding: 14px;
}

.mobile-import-library__source-sheet-head {
    display: block;
    padding: 4px 4px 12px;
}

.mobile-import-library__source-sheet-head b,
.mobile-import-library__source-sheet-head em {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__source-sheet-head b {
    color: #ffffff;
    font-size: 16px;
    font-weight: 850;
}

.mobile-import-library__source-sheet-head em {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    font-style: normal;
}

.mobile-import-library__source-sheet-meta {
    display: grid;
    gap: 8px;
    margin: 0 0 12px;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
}

.mobile-import-library__source-sheet-meta div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.mobile-import-library__source-sheet-meta dt,
.mobile-import-library__source-sheet-meta dd {
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.mobile-import-library__source-sheet-meta dt {
    color: rgba(255, 255, 255, 0.48);
    font-weight: 760;
}

.mobile-import-library__source-sheet-meta dd {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 820;
    text-align: right;
}

.mobile-import-library__source-sheet-months {
    display: grid;
    gap: 8px;
    margin: 0 0 12px;
}

.mobile-import-library__source-sheet-months > b {
    color: rgba(255, 255, 255, 0.58);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mobile-import-library__source-sheet-months > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mobile-import-library__source-sheet-months span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    padding: 0 10px;
}

.mobile-import-library__source-sheet-months em,
.mobile-import-library__source-sheet-months strong {
    font-size: 11px;
    font-style: normal;
    line-height: 1;
}

.mobile-import-library__source-sheet-months em {
    color: rgba(255, 255, 255, 0.74);
    font-weight: 760;
}

.mobile-import-library__source-sheet-months strong {
    color: rgba(255, 255, 255, 0.48);
    font-weight: 900;
}

.mobile-import-library__source-sheet-actions {
    display: grid;
    gap: 8px;
}

.mobile-import-library__source-sheet-actions button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.065);
    color: #ffffff;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 760;
    text-align: left;
}

.mobile-import-library__source-sheet-actions button i {
    width: 18px;
    text-align: center;
    opacity: 0.82;
}

.mobile-import-library__source-sheet-actions button.is-danger {
    border-color: rgba(255, 76, 91, 0.24);
    color: #ff6b76;
}

.mobile-import-library__title-stack {
    min-width: 0;
    text-align: center;
}

.mobile-import-library__kicker {
    color: rgba(255, 255, 255, 0.58);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.2em;
    line-height: 1;
    text-transform: uppercase;
}

.mobile-import-library__title {
    margin-top: 4px;
    overflow: hidden;
    color: #ffffff;
    font-size: 22px;
    font-weight: 740;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__body {
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
    padding: 12px 20px calc(88px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library__source-row {
    display: flex;
    gap: 8px;
    margin: 0 -20px;
    overflow-x: auto;
    padding: 0 20px 2px;
    scrollbar-width: none;
}

.mobile-import-library__source-row::-webkit-scrollbar {
    display: none;
}

.mobile-import-library__source {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    min-height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.7);
    padding: 0 12px;
    white-space: nowrap;
}

.mobile-import-library__source.is-active {
    border-color: rgba(255, 116, 74, 0.72);
    background: rgba(240, 75, 47, 0.13);
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.mobile-import-library__platform-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1;
}

.mobile-import-library__platform-badge i {
    font-size: 0.95em;
    line-height: 1;
}

/* Outlined marks (Instagram, Threads) must keep their counters open wherever a
   badge appears, or they collapse into a solid square. */
.mobile-import-library__platform-badge svg [fill="none"],
.mobile-import-library__inline-platform-icon svg [fill="none"] {
    fill: none !important;
}

.mobile-import-library__source span:not(.mobile-import-library__platform-badge) {
    font-size: 11px;
    font-weight: 720;
}

.mobile-import-library__source[data-import-source="all"] .mobile-import-library__platform-badge {
    background: rgba(255, 255, 255, 0.12);
}

.mobile-import-library__source[data-import-source="instagram"] .mobile-import-library__platform-badge,
.mobile-import-library__search[data-import-search-source="instagram"] .mobile-import-library__platform-badge {
    background: linear-gradient(135deg, #f47a3f, #e64e76 55%, #a855f7);
}

.mobile-import-library__source[data-import-source="facebook"] .mobile-import-library__platform-badge,
.mobile-import-library__search[data-import-search-source="facebook"] .mobile-import-library__platform-badge {
    background: #2f6bff;
}

.mobile-import-library__source[data-import-source="threads"] .mobile-import-library__platform-badge,
.mobile-import-library__search[data-import-search-source="threads"] .mobile-import-library__platform-badge {
    background: #252525;
}

.mobile-import-library__source[data-import-source="x"] .mobile-import-library__platform-badge,
.mobile-import-library__search[data-import-search-source="x"] .mobile-import-library__platform-badge {
    background: #ffffff;
    color: #050505;
}

.mobile-import-library__source[data-import-source="tiktok"] .mobile-import-library__platform-badge,
.mobile-import-library__search[data-import-search-source="tiktok"] .mobile-import-library__platform-badge {
    background: #111111;
    box-shadow: inset 2px 0 0 #24f4ee, inset -2px 0 0 #fe2c55;
}

.mobile-import-library__source[data-import-source="youtube"] .mobile-import-library__platform-badge,
.mobile-import-library__search[data-import-search-source="youtube"] .mobile-import-library__platform-badge {
    background: #ff3428;
}

.mobile-import-library__source[data-import-source="all"].is-active .mobile-import-library__platform-badge,
.mobile-import-library__search[data-import-search-source="all"] .mobile-import-library__platform-badge {
    background: linear-gradient(135deg, #f47a3f, #e64e76 55%, #a855f7);
}

.mobile-import-library__import-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}

.mobile-import-library__import-row.is-timeline-mode {
    grid-template-columns: minmax(0, 1fr);
}

.mobile-import-library__import-row.is-timeline-mode .mobile-import-library__build-btn {
    display: none;
}

.mobile-import-library__import-hint {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.52);
    font-size: 10px;
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-import-library__search {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.105);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.022)),
        #09090a;
    padding: 0 9px 0 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.mobile-import-library__search:focus-within {
    border-color: rgba(255, 116, 74, 0.48);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 0 0 1px rgba(255, 116, 74, 0.12);
}

.mobile-import-library__search.is-timeline-search {
    grid-template-columns: 18px minmax(0, 1fr);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.018)),
        #070708;
}

.mobile-import-library__search.is-timeline-search::before {
    content: "\f002";
    color: rgba(255, 255, 255, 0.52);
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 900;
}

.mobile-import-library__search input,
.mobile-import-library__search input:focus,
.mobile-import-library__search input:active,
.mobile-import-library__search input:hover {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-width: 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    caret-color: #f04b2f !important;
    font-size: 16px;
    font-weight: 680;
    line-height: 1.2;
}

.mobile-import-library__search input::placeholder {
    color: rgba(255, 255, 255, 0.42) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.42) !important;
    opacity: 1 !important;
}

.mobile-import-library__search input:-webkit-autofill,
.mobile-import-library__search input:-webkit-autofill:hover,
.mobile-import-library__search input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #101012 inset !important;
    -webkit-text-fill-color: #f8fafc !important;
}

.mobile-import-library__search-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.8);
}

.mobile-import-library__search-action[hidden] {
    display: none !important;
}

.mobile-import-library__build-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 94px;
    min-height: 52px;
    border: 0;
    border-radius: 999px;
    background:
        linear-gradient(110deg, #f47a3f, #e55773 55%, #a855f7);
    color: #ffffff;
    padding: 0 18px;
    font-size: 13px;
    font-weight: 850;
    box-shadow: 0 12px 24px rgba(168, 85, 247, 0.18);
}

.mobile-import-library__build-btn:disabled {
    opacity: 0.62;
    pointer-events: none;
}

.mobile-import-library__timeline-post-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin: 14px 0 18px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),
        rgba(255, 255, 255, 0.045);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.mobile-import-library__timeline-post-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.mobile-import-library__timeline-post-copy span {
    color: rgba(255, 255, 255, 0.56);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mobile-import-library__timeline-post-copy b {
    overflow: hidden;
    color: #ffffff;
    font-size: 17px;
    font-weight: 780;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__timeline-post-copy em {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
    font-style: normal;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__timeline-post-card button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 104px;
    min-height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    padding: 0 13px;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.2);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mobile-import-library__timeline-post-card button span,
.mobile-import-library__timeline-post-card button i {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

.mobile-import-library__timeline-post-card button:disabled {
    opacity: 0.74;
}

.mobile-import-library__timeline-sheet {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 18px 14px calc(90px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library__timeline-sheet-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.58);
    backdrop-filter: blur(10px);
}

.mobile-import-library__timeline-sheet-panel {
    position: relative;
    z-index: 1;
    width: min(100%, 430px);
    max-height: min(74dvh, 620px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 26px;
    background:
        linear-gradient(150deg, rgba(32, 18, 31, 0.98), rgba(10, 10, 11, 0.98));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    color: #ffffff;
    padding: 22px;
}

.mobile-import-library__timeline-sheet-panel.is-confirm {
    max-height: min(64dvh, 540px);
    padding: 18px;
}

.mobile-import-library__timeline-sheet-kicker {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.52);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.mobile-import-library__timeline-sheet-panel h3 {
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 760;
    letter-spacing: 0;
}

.mobile-import-library__timeline-sheet-panel.is-confirm h3 {
    font-size: 23px;
}

.mobile-import-library__timeline-sheet-panel p {
    margin: 8px 0 18px;
    color: rgba(255, 255, 255, 0.64);
    font-size: 14px;
    line-height: 1.35;
}

.mobile-import-library__timeline-sheet-panel.is-confirm p {
    margin: 6px 0 12px;
    font-size: 13px;
    line-height: 1.25;
}

.mobile-import-library__timeline-sheet-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.05);
}

.mobile-import-library__timeline-sheet-stats span {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 14px 10px;
    text-align: center;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-sheet-stats span {
    padding: 10px 7px;
}

.mobile-import-library__timeline-sheet-stats span + span {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-import-library__timeline-sheet-stats b {
    color: #ffffff;
    font-size: 22px;
    font-weight: 790;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-sheet-stats b {
    font-size: 20px;
}

.mobile-import-library__timeline-sheet-stats em {
    color: rgba(255, 255, 255, 0.52);
    font-size: 10px;
    font-style: normal;
    font-weight: 820;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-sheet-stats em {
    font-size: 9px;
    letter-spacing: 0.09em;
}

.mobile-import-library__timeline-destinations {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-destinations {
    gap: 6px;
    margin-top: 10px;
}

.mobile-import-library__timeline-destinations div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    padding: 9px 11px;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-destinations div {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 8px;
    min-height: 0;
    padding: 8px 10px;
}

.mobile-import-library__timeline-destinations span,
.mobile-import-library__timeline-destinations b,
.mobile-import-library__timeline-destinations em {
    min-width: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    font-style: normal;
    letter-spacing: 0;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-destinations span,
.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-destinations b,
.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-destinations em {
    font-size: 11px;
}

.mobile-import-library__timeline-destinations span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    overflow: hidden;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__timeline-destinations .mobile-import-library__platform-icon {
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
}

.mobile-import-library__timeline-destinations b {
    max-width: 132px;
    overflow: hidden;
    color: #ffffff;
    font-weight: 820;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-destinations b {
    grid-column: 1;
    max-width: none;
}

.mobile-import-library__timeline-destinations em {
    color: rgba(255, 255, 255, 0.46);
    font-size: 10px;
    font-weight: 820;
    text-transform: uppercase;
    white-space: nowrap;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-destinations em {
    grid-column: 2;
    grid-row: 1;
    font-size: 9px;
}

.mobile-import-library__timeline-destinations button {
    min-height: 28px;
    border: 1px solid rgba(255, 139, 98, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    padding: 0 10px;
    font-size: 10px;
    font-weight: 860;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-destinations button {
    grid-column: 2;
    grid-row: 2;
    min-height: 26px;
    padding: 0 9px;
}

.mobile-import-library__timeline-sheet-actions {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 10px;
    margin-top: 16px;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-sheet-actions {
    position: sticky;
    bottom: -18px;
    margin: 12px -18px -18px;
    padding: 10px 18px 18px;
    background: linear-gradient(180deg, rgba(10, 10, 11, 0), rgba(10, 10, 11, 0.98) 26%);
}

.mobile-import-library__timeline-sheet-actions button,
.mobile-import-library__timeline-sheet-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    padding: 0 18px;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: 0.06em;
}

.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-sheet-actions button,
.mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-sheet-actions .mobile-import-library__timeline-sheet-primary {
    min-height: 46px;
    font-size: 12px;
}

.mobile-import-library__timeline-sheet-primary {
    width: 100%;
    margin-top: 16px;
    border: 0;
    background: linear-gradient(135deg, #ff6d47, #f04b2f);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(240, 75, 47, 0.28);
}

.mobile-import-library__timeline-sheet-actions .mobile-import-library__timeline-sheet-primary {
    margin-top: 0;
}

.mobile-import-library__timeline-sheet-primary:disabled {
    opacity: 0.84;
}

.mobile-import-library__btn-spinner {
    width: 13px;
    height: 13px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 999px;
    animation: mobileImportSpin 0.8s linear infinite;
}

.mobile-import-library__progress {
    margin-top: 12px;
}

.mobile-import-library__progress[hidden] {
    display: none;
}

.mobile-import-library__progress-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    font-weight: 760;
}

.mobile-import-library__progress-top b {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    font-weight: 850;
}

.mobile-import-library__progress-track {
    height: 3px;
    overflow: hidden;
    margin-top: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.mobile-import-library__progress-track span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f47a3f, #e55773 55%, #a855f7);
    transition: width 180ms ease;
}

.mobile-import-library__list {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.mobile-import-library__timeline-wait {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 13px;
    font-weight: 720;
}

.mobile-import-library__timeline-wait span {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #f04b2f;
    box-shadow: 0 0 0 0 rgba(240, 75, 47, 0.48);
    animation: mobileImportPulse 1100ms ease-out infinite;
}

.mobile-import-library__timeline-wait b {
    font: inherit;
}

.mobile-import-library__timeline-placeholder {
    display: grid;
    justify-items: center;
    gap: 14px;
    margin: 26px 0 10px;
    padding: 28px 18px 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),
        rgba(255, 255, 255, 0.04);
    text-align: center;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.mobile-import-library__timeline-placeholder-orb {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 20px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 12px 26px rgba(0, 0, 0, 0.18);
}

.mobile-import-library__timeline-placeholder.is-loading .mobile-import-library__timeline-placeholder-orb {
    border-radius: 999px;
}

.mobile-import-library__timeline-placeholder.is-loading .mobile-import-library__timeline-placeholder-orb span {
    display: block;
    width: 24px;
    height: 24px;
    border: 3px solid rgba(255, 255, 255, 0.24);
    border-top-color: #ffffff;
    border-radius: 999px;
    animation: mobileImportSpin 780ms linear infinite;
}

.mobile-import-library__timeline-placeholder-copy b {
    display: block;
    color: #ffffff;
    font-size: 22px;
    font-weight: 860;
    line-height: 1.08;
}

.mobile-import-library__timeline-placeholder-copy p {
    max-width: 260px;
    margin: 7px auto 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.36;
}

.mobile-import-library__timeline-skeleton {
    display: grid;
    gap: 8px;
    width: min(100%, 280px);
    margin-top: 2px;
}

.mobile-import-library__timeline-skeleton span {
    height: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.08));
    background-size: 220% 100%;
    animation: mobileImportSkeleton 1200ms ease-in-out infinite;
}

.mobile-import-library__timeline-skeleton span:nth-child(1) {
    width: 100%;
}

.mobile-import-library__timeline-skeleton span:nth-child(2) {
    width: 78%;
}

.mobile-import-library__timeline-skeleton span:nth-child(3) {
    width: 56%;
}

@keyframes mobileImportSpin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes mobileImportSkeleton {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

@keyframes mobileImportPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(240, 75, 47, 0.48);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(240, 75, 47, 0);
    }
}

.mobile-import-library__month-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.085);
    padding: 13px 0;
}

.mobile-import-library__month-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)),
        rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.mobile-import-library__month-icon span {
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.08em;
}

.mobile-import-library__month-main {
    min-width: 0;
}

.mobile-import-library__month-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.mobile-import-library__month-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 780;
    line-height: 1.15;
}

.mobile-import-library__month-meta {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 650;
}

.mobile-import-library__platform-counts {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    flex: 0 0 auto;
}

.mobile-import-library__platform-counts span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 0 9px 0 6px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    font-weight: 820;
    white-space: nowrap;
}

.mobile-import-library__platform-counts b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 22px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.9);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 0.04em;
}

.mobile-import-library__platform-counts b i,
.mobile-import-library__platform-counts b svg {
    display: block;
    width: 12px;
    height: 12px;
    line-height: 1;
}

.mobile-import-library__empty-timeline {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.mobile-import-library__empty-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(240, 75, 47, 0.9);
}

.mobile-import-library__empty-line {
    width: 34px;
    height: 1px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
}

.mobile-import-library__empty-copy {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.42);
    font-size: 12px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__empty-panel {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin-top: 22px;
    padding: 2px 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.085);
}

.mobile-import-library__empty-panel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(244, 122, 63, 0.2), rgba(168, 85, 247, 0.14));
    color: #ffffff;
    font-size: 13px;
}

.mobile-import-library__empty-panel b {
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.18;
}

.mobile-import-library__empty-panel p {
    max-width: 310px;
    margin: 6px 0 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    font-weight: 620;
    line-height: 1.42;
}

.mobile-import-library__empty-username-form {
    width: 100%;
    max-width: 320px;
    margin: 3px auto 0;
}

.mobile-import-library__empty-username-inputwrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.mobile-import-library__empty-username-input {
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    outline: none;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    font-size: 16px;
    font-weight: 720;
    letter-spacing: 0;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
    -webkit-appearance: none;
    appearance: none;
}

.mobile-import-library__empty-username-input::placeholder {
    color: rgba(17, 17, 17, 0.42);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.42);
}

.mobile-import-library__empty-username-input:focus {
    border-color: rgba(17, 17, 17, 0.22);
    background: #ffffff !important;
    box-shadow:
        0 0 0 3px rgba(17, 17, 17, 0.08),
        0 14px 28px rgba(0, 0, 0, 0.12);
}

.mobile-import-library__empty-username-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    height: 46px;
    padding: 0 17px;
    border: 1px solid #111111;
    border-radius: 16px;
    background: #111111;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.16);
}

.mobile-import-library__empty-username-submit:disabled {
    opacity: 0.55;
}

.mobile-import-library__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0 4px;
}

.mobile-import-library__footer span {
    min-width: 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    font-weight: 760;
}

.mobile-import-library__footer button {
    flex: 0 0 auto;
    min-height: 38px;
    border: 1px solid rgba(255, 139, 98, 0.26);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(240, 75, 47, 0.16), rgba(255, 255, 255, 0.035)),
        rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.9);
    padding: 0 15px;
    font-size: 12px;
    font-weight: 850;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.mobile-import-library__day-group {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.085);
    padding: 14px 0;
    animation: mobileImportRowIn 180ms ease both;
}

.mobile-import-library__day-group:last-child {
    border-bottom-color: rgba(255, 255, 255, 0.04);
}

.mobile-import-library__day-stack {
    display: grid;
    gap: 0;
    min-width: 0;
}

.mobile-import-library__item {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    min-height: 104px;
    padding: 0 0 13px;
    cursor: pointer;
}

.mobile-import-library__item + .mobile-import-library__item {
    border-top: 1px solid rgba(255, 255, 255, 0.065);
    padding-top: 13px;
}

.mobile-import-library__item:last-child {
    padding-bottom: 0;
}

.mobile-import-library__item:active {
    opacity: 0.72;
}

.mobile-import-library__item.is-published {
    opacity: 1;
}

.mobile-import-library__item.is-recent-import {
    border-radius: 16px;
    background: rgba(240, 75, 47, 0.08);
    box-shadow: 0 0 0 1px rgba(240, 75, 47, 0.16);
}

.mobile-import-library__item-date {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-height: 64px;
    border-radius: 15px;
    border: 1px solid rgba(255, 139, 98, 0.22);
    background:
        linear-gradient(180deg, rgba(240, 75, 47, 0.16), rgba(240, 75, 47, 0.035)),
        rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.78);
    line-height: 1;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 10px 24px rgba(0, 0, 0, 0.22);
}

.mobile-import-library__item-date::before,
.mobile-import-library__item-date::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(255, 139, 98, 0), rgba(255, 139, 98, 0.34), rgba(255, 139, 98, 0));
    pointer-events: none;
}

.mobile-import-library__item-date::before {
    top: -11px;
    height: 11px;
}

.mobile-import-library__item-date::after {
    bottom: -11px;
    height: 11px;
}

.mobile-import-library__item-date span {
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 0.12em;
    color: rgba(255, 139, 98, 0.9);
}

.mobile-import-library__item-date b {
    margin-top: 4px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 0;
}

.mobile-import-library__item-date em {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.46);
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.08em;
}

@keyframes mobileImportRowIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mobile-import-library__thumb {
    position: relative;
    overflow: hidden;
    width: 84px;
    height: 104px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.mobile-import-library__thumb:empty::before,
.mobile-import-library__thumb.is-media-broken::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 109, 71, 0.10), rgba(15, 23, 42, 0.04)),
        rgba(15, 23, 42, 0.06);
}

.mobile-import-library__thumb:empty::after,
.mobile-import-library__thumb.is-media-broken::after {
    content: "\f03e";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: rgba(15, 23, 42, 0.44);
    font-family: "Font Awesome 6 Free";
    font-size: 17px;
    font-weight: 900;
}

.mobile-import-library__thumb img,
.mobile-import-library__thumb video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobile-import-library__thumb.is-carousel-slide img,
.mobile-import-library__thumb.is-carousel-slide video {
    object-fit: contain;
    background: #f7f7f7;
}

.mobile-import-library__thumb.is-media-x {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #050505;
}

.mobile-import-library__thumb-badge {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 3;
    display: block;
    overflow: hidden;
    padding: 3px 5px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.74);
    color: #ffffff;
    font-size: 7px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.mobile-import-library__thumb-x-frame {
    display: block;
    width: 244px;
    height: 320px;
    border: 0;
    background: #000000;
    pointer-events: none;
    transform: scale(0.33);
    transform-origin: top center;
}

.mobile-import-library__thumb-youtube-frame {
    display: block;
    width: 128px;
    height: 160px;
    border: 0;
    background: #000000;
    pointer-events: none;
    transform: scale(0.5625);
    transform-origin: top left;
}

.mobile-import-library__thumb-tiktok-frame {
    display: block;
    width: 320px;
    height: 560px;
    border: 0;
    background: #000000;
    pointer-events: none;
    transform: scale(0.18125);
    transform-origin: top left;
}

.mobile-import-library__thumb-embed-frame {
    display: block;
    width: 180px;
    height: 220px;
    border: 0;
    background: #050505;
    pointer-events: none;
    transform: scale(0.4);
    transform-origin: top left;
}

.mobile-import-library__item-title {
    display: -webkit-box;
    overflow: hidden;
    color: #ffffff;
    font-size: 15px;
    font-weight: 820;
    line-height: 1.16;
    letter-spacing: -0.01em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mobile-import-library__item-meta,
.mobile-import-library__item-copy {
    margin-top: 0;
    color: rgba(255, 255, 255, 0.52);
    font-size: 11px;
    line-height: 1.25;
}

.mobile-import-library__item-meta {
    margin-bottom: 6px;
    overflow: hidden;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.mobile-import-library__item-meta-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-bottom: 6px;
}

.mobile-import-library__item-meta-row .mobile-import-library__item-meta {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0;
}

.mobile-import-library__item-meta-source,
.mobile-import-library__item-meta-source:hover,
.mobile-import-library__item-meta-source:focus,
.mobile-import-library__item-meta-source:active,
.mobile-import-library__item-meta-source:visited {
    color: inherit;
    -webkit-text-fill-color: inherit;
    text-decoration: none;
}

.mobile-import-library__inline-platform-icon {
    display: inline-grid;
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    place-items: center;
    color: currentColor;
    vertical-align: -2px;
}

.mobile-import-library__inline-platform-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* A real "posted by" header -- avatar, readable name, small secondary date
   -- for a card whose poster is a known app, instead of squeezing a photo
   into the tiny all-caps meta line built for a duration/handle/date string.
   A face-sized circle next to 11px caption type read as broken proportion;
   this is sized and weighted the way an actual byline would be. */
.mobile-import-library__poster-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    min-width: 0;
}
.mobile-import-library__poster-link {
    appearance: none;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: calc(100% - 58px);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.mobile-import-library__poster-link:active {
    opacity: 0.62;
}
.mobile-import-library__poster-avatar {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(128, 128, 128, 0.2);
}
.mobile-import-library__poster-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.mobile-import-library__poster-name {
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.94);
    font-size: 14px;
    font-weight: 750;
    letter-spacing: 0;
    text-transform: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mobile-import-library__poster-date {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 8px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mobile-import-library__public-load-sentinel {
    display: block;
    width: 100%;
    min-height: 1px;
}

.mobile-import-library__owner-feed-created-btn {
    flex: 0 0 auto;
    min-height: 24px;
    padding: 0 9px;
    font-size: 9px;
    line-height: 1;
}

.mobile-import-library__owner-feed-created-btn.is-loading {
    opacity: 0.58;
}

.mobile-import-library__item-main {
    min-width: 0;
}

.mobile-import-library__item-actions:empty {
    display: none;
}

.mobile-import-library__item-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
}

.mobile-import-library__item-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 30px;
    border: 1px solid rgba(255, 139, 98, 0.2);
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, 0.78);
    padding: 0 11px;
    font-size: 10px;
    font-weight: 780;
    letter-spacing: 0;
    white-space: nowrap;
}

.mobile-import-library__item-actions button i {
    color: #ff8b62;
    font-size: 9px;
}

.mobile-import-library__created-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid rgba(74, 222, 128, 0.24);
    border-radius: 999px;
    border-color: rgba(74, 222, 128, 0.24);
    background: rgba(74, 222, 128, 0.08);
    color: rgba(220, 252, 231, 0.86);
    white-space: nowrap;
}

.mobile-import-library__item-actions button:disabled {
    border-color: rgba(74, 222, 128, 0.24);
    background: rgba(74, 222, 128, 0.08);
    color: rgba(220, 252, 231, 0.86);
}

.mobile-import-library__created-btn i {
    color: #86efac;
}

.mobile-import-library__item-actions button:disabled i {
    color: #86efac;
}

.mobile-import-library__bloc-picker {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 1 118px;
    min-width: 0;
    max-width: 142px;
    min-height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, 0.54);
    padding: 0 24px 0 11px;
    overflow: hidden;
}

.mobile-import-library__bloc-picker span {
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-import-library__bloc-picker b {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.74);
    font-size: 10px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__bloc-picker::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-65%) rotate(45deg);
    opacity: 0.66;
    pointer-events: none;
}

.mobile-import-library__bloc-picker select {
    position: absolute;
    inset: 0;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    background-color: transparent;
    color: #ffffff;
    opacity: 0;
    font-size: 11px;
    font-weight: 850;
    outline: 0;
    padding: 0;
    cursor: pointer;
}

.mobile-import-library__bloc-picker option {
    color: #111111;
    background: #ffffff;
}

.mobile-import-library__platform-state {
    margin-top: 10px;
}

.mobile-import-library__platform-workspace {
    display: grid;
    gap: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.035);
    padding: 12px;
}

.mobile-import-library__platform-workspace-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.mobile-import-library__platform-workspace-head b,
.mobile-import-library__platform-workspace-head em {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__platform-workspace-head b {
    color: #ffffff;
    font-size: 15px;
    font-weight: 860;
}

.mobile-import-library__platform-workspace-head em {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.52);
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-import-library__platform-workspace-head button,
.mobile-import-library__inline-import button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 880;
}

.mobile-import-library__selected-sources .mobile-import-library__account-sources {
    margin-top: 0;
}

.mobile-import-library__selected-sources.is-empty > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    min-height: 30px;
    border: 1px dashed rgba(255, 255, 255, 0.13);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    padding: 0 10px;
    color: rgba(255, 255, 255, 0.62);
}

.mobile-import-library__selected-sources.is-empty b,
.mobile-import-library__selected-sources.is-empty em {
    font-size: 10px;
    font-style: normal;
    font-weight: 820;
}

.mobile-import-library__inline-import {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.mobile-import-library__inline-import .mobile-import-library__source-entry {
    min-height: 40px;
    background: rgba(0, 0, 0, 0.18);
}

.mobile-import-library__connect-state {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
    padding: 10px;
}

.mobile-import-library__connect-state b,
.mobile-import-library__connect-state em {
    display: block;
}

.mobile-import-library__connect-state b {
    color: #ffffff;
    font-size: 13px;
    font-weight: 850;
}

.mobile-import-library__connect-state em {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 11px;
    font-style: normal;
    line-height: 1.25;
}

.mobile-import-library__connect-state button {
    min-height: 34px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #f47b4f, #cb4bd8);
    color: #ffffff;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 850;
}

@media (max-width: 390px) {
    .mobile-import-library__top {
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .mobile-import-library__icon-btn {
        width: 42px;
        height: 42px;
    }

    .mobile-import-library__title {
        font-size: 23px;
    }

    .mobile-import-library__body {
        padding-right: 16px;
        padding-left: 16px;
    }

    .mobile-import-library__source-row {
        margin-right: -16px;
        margin-left: -16px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .mobile-import-library__import-row {
        grid-template-columns: minmax(0, 1fr) 78px;
        gap: 8px;
    }

    .mobile-import-library__build-btn {
        width: 100%;
        padding: 0 10px;
    }
}

.mobile-import-library__preview {
    position: absolute;
    inset: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    background: #050505;
}

.mobile-import-library__preview[hidden] {
    display: none;
}

.mobile-import-library__preview-top {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: calc(env(safe-area-inset-top, 0px) + 14px) 18px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-import-library__preview-top button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
}

.mobile-import-library__preview-top span {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__preview-media {
    flex: 1;
    min-height: 0;
    display: grid;
    place-items: center;
    background: #000000;
}

.mobile-import-library__preview-media video,
.mobile-import-library__preview-media img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
}

.mobile-import-library__x-frame {
    display: block;
    width: min(100%, 550px);
    height: 100%;
    min-height: 420px;
    border: 0;
    background: #000000;
}

.mobile-import-library__preview.is-x-detail .mobile-import-library__preview-media {
    align-items: start;
    padding: 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(29, 155, 240, 0.12), transparent 34%),
        #000000;
}

.mobile-import-library__preview.is-x-detail .mobile-import-library__x-frame {
    width: 100%;
    max-width: 560px;
    min-height: min(62vh, 640px);
}

.mobile-import-library__video-shell {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000;
}

.mobile-import-library__video-shell video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mobile-import-library__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    background: rgba(18, 18, 18, 0.72);
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
    transform: translate(-50%, -50%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.mobile-import-library__video-play i {
    margin-left: 4px;
}

.mobile-import-library__video-shell.is-playing .mobile-import-library__video-play {
    display: none;
}

.mobile-import-library__preview-source {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.35;
}

.mobile-import-library__preview-source {
    color: #f26a9d;
    font-weight: 800;
    text-decoration: none;
}

.mobile-import-library__preview-empty {
    color: rgba(255, 255, 255, 0.58);
    font-size: 14px;
    font-weight: 750;
}

.mobile-import-library__preview-copy {
    max-height: 34%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 18px calc(18px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(5, 5, 5, 0.96);
}

.mobile-import-library__preview-copy strong {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.25;
}

.mobile-import-library__preview-copy p {
    margin: 9px 0 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 14px;
    line-height: 1.42;
    white-space: pre-wrap;
}

.mobile-import-library__preview-copy p[hidden] {
    display: none;
}

.mobile-import-library__preview.is-byte-detail {
    background: #000000;
}

.mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    border-bottom: 1px solid rgba(17, 20, 17, 0.065);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent);
}

.mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-top button {
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.42);
    border-color: rgba(255, 255, 255, 0.16);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-top span {
    color: rgba(255, 255, 255, 0.86);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.86);
}

.mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-media {
    height: 100%;
    min-height: 100%;
    padding: 0;
    background: #000000;
}

.mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-media img,
.mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-media video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    max-height: 45%;
    padding: 80px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    border-top: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.86) 36%, rgba(0, 0, 0, 0.96));
}

.mobile-import-library__byte-detail-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 14px;
}

.mobile-import-library__byte-detail-copy > div {
    min-width: 0;
}

.mobile-import-library__byte-detail-copy span {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.56);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.56);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.mobile-import-library__byte-detail-copy strong {
    display: -webkit-box;
    overflow: hidden;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.16;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mobile-import-library__byte-detail-copy p {
    display: -webkit-box;
    overflow: hidden;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.74);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.74);
    font-size: 13px;
    line-height: 1.35;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.mobile-import-library__byte-detail-copy em {
    display: block;
    margin-top: 9px;
    color: rgba(255, 255, 255, 0.54);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.54);
    font-size: 11px;
    font-style: normal;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-import-library__preview-actions {
    display: grid;
    gap: 10px;
}

.mobile-import-library__preview-actions button {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.mobile-import-library__preview-actions button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.mobile-import-library__preview-actions button.is-danger {
    border-color: rgba(255, 92, 92, 0.26);
    background: rgba(255, 92, 92, 0.16);
}

.mobile-import-library__preview.is-x-detail .mobile-import-library__preview-copy {
    max-height: none;
    overflow: visible;
    padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    background:
        linear-gradient(180deg, rgba(8, 12, 18, 0.98), rgba(5, 5, 5, 0.98));
}

.mobile-import-library__x-detail {
    display: grid;
    gap: 12px;
}

.mobile-import-library__x-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.mobile-import-library__x-detail-head div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.mobile-import-library__x-detail-head span {
    color: rgba(255, 255, 255, 0.48);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.mobile-import-library__x-detail-head b {
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library__x-detail-head time {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.25;
    text-align: right;
}

.mobile-import-library__x-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.mobile-import-library__x-stats span {
    display: grid;
    gap: 2px;
    min-height: 52px;
    align-content: center;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    padding: 8px;
}

.mobile-import-library__x-stats b {
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
}

.mobile-import-library__x-stats em {
    color: rgba(255, 255, 255, 0.52);
    font-size: 9px;
    font-style: normal;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-import-library__x-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
    gap: 9px;
}

.mobile-import-library__x-actions a,
.mobile-import-library__x-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.mobile-import-library__x-actions a {
    background: #ffffff;
    color: #050505;
}

#mobile-import-library #mobile-import-library-source-input,
#mobile-import-library #mobile-import-library-source-input:focus,
#mobile-import-library #mobile-import-library-source-input:active,
#mobile-import-library #mobile-import-library-source-input:hover,
html body #mobile-import-library .mobile-import-library__search #mobile-import-library-source-input {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    text-shadow: none !important;
    caret-color: #f04b2f !important;
}

#mobile-import-library #mobile-import-library-source-input::placeholder {
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.42) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.42) !important;
    opacity: 1 !important;
}

#mobile-import-library #mobile-import-library-source-input::selection {
    background: rgba(240, 75, 47, 0.28) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#mobile-import-library #mobile-import-library-source-input:-webkit-autofill,
#mobile-import-library #mobile-import-library-source-input:-webkit-autofill:hover,
#mobile-import-library #mobile-import-library-source-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #101012 inset !important;
    -webkit-text-fill-color: #f8fafc !important;
}

.mobile-import-library.is-light {
    background: #ffffff;
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__accounts {
    background: #ffffff;
}

.mobile-import-library.is-light .mobile-import-library__icon-btn {
    border-color: rgba(20, 20, 20, 0.08);
    background: rgba(255, 255, 255, 0.84);
    color: #111111;
    box-shadow:
        0 10px 24px rgba(30, 20, 14, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.mobile-import-library.is-light .mobile-import-library__kicker {
    color: rgba(70, 53, 46, 0.58);
}

.mobile-import-library.is-light .mobile-import-library__title,
.mobile-import-library.is-light .mobile-import-library__accounts-title,
.mobile-import-library.is-light .mobile-import-library__month-title,
.mobile-import-library.is-guest-timeline .mobile-import-library__month-title,
.mobile-import-library.is-light .mobile-import-library__empty-panel b,
.mobile-import-library.is-light .mobile-import-library__item-title,
.mobile-import-library.is-light .mobile-import-library__connect-state b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__accounts-subtitle {
    color: rgba(17, 17, 17, 0.54);
}

.mobile-import-library.is-light .mobile-import-library__account-destination {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__account-destination span {
    color: rgba(17, 17, 17, 0.46);
}

.mobile-import-library.is-light .mobile-import-library__account-destination b {
    color: #111111;
    -webkit-text-fill-color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__account-destination button {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
    color: #111111;
    box-shadow: 0 8px 16px rgba(17, 17, 17, 0.04);
}

.mobile-import-library.is-light .mobile-import-library__destination-sheet-backdrop {
    background: rgba(17, 17, 17, 0.22);
}

.mobile-import-library.is-light .mobile-import-library__destination-sheet-panel {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(17, 17, 17, 0.18);
}

.mobile-import-library.is-light .mobile-import-library__destination-sheet-head span {
    color: rgba(17, 17, 17, 0.48);
}

.mobile-import-library.is-light .mobile-import-library__destination-sheet-head b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__destination-options button {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__destination-options button.is-selected {
    border-color: rgba(240, 75, 47, 0.24);
    background: #fff6f3;
}

.mobile-import-library.is-light .mobile-import-library__source {
    border-color: rgba(22, 22, 22, 0.1);
    background: #ffffff;
    color: rgba(18, 18, 18, 0.72);
    gap: 0;
    min-height: 36px;
    padding: 0 16px;
    box-shadow:
        0 6px 18px rgba(25, 18, 14, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.mobile-import-library.is-light .mobile-import-library__source.is-active {
    border-color: rgba(17, 17, 17, 0.22);
    background: #f7f7f7;
    color: #111111;
    box-shadow:
        0 8px 20px rgba(17, 17, 17, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.mobile-import-library.is-light .mobile-import-library__platform-workspace {
    border-color: rgba(17, 17, 17, 0.09);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.82)),
        #ffffff;
    box-shadow:
        0 14px 36px rgba(25, 18, 14, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.mobile-import-library.is-light .mobile-import-library__platform-workspace-head b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__platform-workspace-head em {
    color: rgba(17, 17, 17, 0.48);
}

.mobile-import-library.is-light .mobile-import-library__platform-workspace-head button,
.mobile-import-library.is-light .mobile-import-library__inline-import button {
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff;
    color: #111111;
    -webkit-text-fill-color: #111111;
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__platform-workspace-head button {
    background: #f7f7f7;
}

.mobile-import-library.is-light .mobile-import-library__inline-import button {
    border-color: rgba(240, 75, 47, 0.28);
    background: #fff1ec;
    color: #bf3b24;
    -webkit-text-fill-color: #bf3b24;
}

.mobile-import-library.is-light .mobile-import-library__inline-import button:disabled {
    border-color: rgba(17, 17, 17, 0.08);
    background: #f4f4f4;
    color: rgba(17, 17, 17, 0.34);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.34);
    box-shadow: none;
}

.mobile-import-library.is-light .mobile-import-library__selected-sources.is-empty > span {
    border-color: rgba(17, 17, 17, 0.13);
    background: #f8f8f8;
    color: rgba(17, 17, 17, 0.58);
}

.mobile-import-library.is-light .mobile-import-library__inline-import .mobile-import-library__source-entry,
.mobile-import-library.is-light .mobile-import-library__inline-import .mobile-import-library__source-entry:focus,
.mobile-import-library.is-light .mobile-import-library__inline-import .mobile-import-library__source-entry:active {
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    box-shadow: inset 0 1px 0 rgba(17, 17, 17, 0.03);
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__platform-workspace .mobile-import-library__source-entry,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__platform-workspace .mobile-import-library__source-entry:focus,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__platform-workspace .mobile-import-library__source-entry:active,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__platform-workspace .mobile-import-library__source-entry:hover {
    -webkit-appearance: none !important;
    appearance: none !important;
    border-color: rgba(17, 17, 17, 0.12) !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
}

.mobile-import-library.is-light .mobile-import-library__inline-import .mobile-import-library__source-entry:empty::before {
    color: rgba(17, 17, 17, 0.38);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.38);
}

.mobile-import-library.is-light .mobile-import-library__source .mobile-import-library__platform-badge {
    display: none;
}

.mobile-import-library.is-light .mobile-import-library__platform-counts .mobile-import-library__platform-badge,
.mobile-import-library.is-light .mobile-import-library__search .mobile-import-library__platform-badge,
.mobile-import-library.is-light .mobile-import-library__account-row .mobile-import-library__platform-badge,
.mobile-import-library.is-light .mobile-import-library__empty-panel-icon .mobile-import-library__platform-badge {
    display: inline-flex;
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
}

.mobile-import-library.is-light .mobile-import-library__source[data-import-source="x"] .mobile-import-library__platform-badge,
.mobile-import-library.is-light .mobile-import-library__search[data-import-search-source="x"] .mobile-import-library__platform-badge {
    border: 1px solid rgba(17, 17, 17, 0.12);
}

/* Import Sources rows carry the real brand mark, not a grey chip: each badge
   gets its own platform colour in both themes so the row reads at a glance.
   A global `[data-theme="light"] * { color: #000 !important }` rule paints every
   glyph black, which hides a white mark on a dark chip — so the badge colour and
   its SVG fills have to be !important to survive it. */
.mobile-import-library__account-row .mobile-import-library__platform-badge {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.1);
}

/* The wordmark shows until the real logo loads, then steps aside — so a slow
   or blocked favicon still leaves a readable badge instead of an empty disc. */
.mobile-import-library__badge-word {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    overflow: hidden;
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1;
}

.mobile-import-library__account-row[data-account-platform="247"] .mobile-import-library__badge-word {
    font-size: 8.5px;
}

.mobile-import-library__badge-word img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    object-fit: cover;
}

.mobile-import-library__badge-word.has-icon {
    font-size: 0;
}

/* Film, stats, and recruiting services get their own brand colour, otherwise
   the badge falls through to the translucent default and the mark disappears. */
.mobile-import-library__account-row[data-account-platform="hudl"] .mobile-import-library__platform-badge {
    background: #ff6300;
}

.mobile-import-library__account-row[data-account-platform="hudl"] .mobile-import-library__platform-badge:has(.has-icon),
.mobile-import-library__account-row[data-account-platform="maxpreps"] .mobile-import-library__platform-badge:has(.has-icon),
.mobile-import-library__account-row[data-account-platform="247"] .mobile-import-library__platform-badge:has(.has-icon),
.mobile-import-library__account-row[data-account-platform="on3"] .mobile-import-library__platform-badge:has(.has-icon) {
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.1);
}

.mobile-import-library__account-row[data-account-platform="maxpreps"] .mobile-import-library__platform-badge {
    background: #0b7bc1;
}

.mobile-import-library__account-row[data-account-platform="247"] .mobile-import-library__platform-badge {
    background: #1c7c39;
}

.mobile-import-library__account-row[data-account-platform="on3"] .mobile-import-library__platform-badge {
    background: #14161a;
}

html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__platform-badge,
html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__platform-badge * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__platform-badge svg [fill="currentColor"] {
    fill: #ffffff !important;
}

html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__platform-badge svg [stroke="currentColor"] {
    stroke: #ffffff !important;
}

/* TikTok's offset layers and YouTube's punched play triangle carry literal
   colours; the white override above must not repaint them. */
html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__platform-badge svg [fill="#24f4ee"] {
    fill: #24f4ee !important;
}

html body #mobile-import-library .mobile-import-library__account-row .mobile-import-library__platform-badge svg [fill="#fe2c55"] {
    fill: #fe2c55 !important;
}

html body #mobile-import-library
    .mobile-import-library__account-row[data-account-platform="youtube"]
    .mobile-import-library__platform-badge svg [fill^="var("] {
    fill: #ff3428 !important;
}

.mobile-import-library__account-row .mobile-import-library__platform-badge svg {
    width: 17px;
    height: 17px;
}

.mobile-import-library__account-row[data-account-platform="instagram"] .mobile-import-library__platform-badge {
    background: linear-gradient(135deg, #feda75, #fa7e1e 28%, #d62976 60%, #962fbf 82%, #4f5bd5);
    color: #ffffff;
}

.mobile-import-library__account-row[data-account-platform="threads"] .mobile-import-library__platform-badge {
    background: #101010;
    color: #ffffff;
}

.mobile-import-library.is-light
    .mobile-import-library__account-row[data-account-platform="x"]
    .mobile-import-library__platform-badge {
    border: 1px solid rgba(17, 17, 17, 0.1);
    background: #0f0f0f;
    color: #ffffff;
}

.mobile-import-library.is-light .mobile-import-library__search {
    min-height: 46px;
    border-color: rgba(17, 17, 17, 0.16);
    border-radius: 999px;
    background: #ffffff;
    box-shadow:
        0 14px 30px rgba(17, 17, 17, 0.065),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__import-hint {
    color: rgba(17, 17, 17, 0.48);
}

.mobile-import-library.is-light .mobile-import-library__search:focus-within {
    border-color: rgba(17, 17, 17, 0.22);
    box-shadow:
        0 12px 28px rgba(17, 17, 17, 0.06),
        0 0 0 1px rgba(17, 17, 17, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.mobile-import-library.is-light .mobile-import-library__search > .mobile-import-library__platform-badge {
    display: none;
}

.mobile-import-library.is-light .mobile-import-library__search.is-timeline-search {
    grid-template-columns: 18px minmax(0, 1fr);
    background: #ffffff;
}

.mobile-import-library.is-light .mobile-import-library__search.is-timeline-search::before {
    color: rgba(17, 17, 17, 0.72);
}

.mobile-import-library.is-light .mobile-import-library__search-action {
    width: 32px;
    height: 32px;
    background: #f2f2f2;
    color: rgba(17, 17, 17, 0.78);
    box-shadow: none;
}

.mobile-import-library.is-light .mobile-import-library__import-row.is-timeline-mode .mobile-import-library__search {
    min-height: 48px;
    border-color: rgba(17, 17, 17, 0.16);
    box-shadow:
        0 16px 34px rgba(17, 17, 17, 0.065),
        inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.mobile-import-library.is-light .mobile-import-library__build-btn {
    min-width: 104px;
    min-height: 54px;
    border: 1px solid #111111;
    border-radius: 999px;
    background: #111111;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.14);
}

.mobile-import-library.is-light .mobile-import-library__build-btn.is-loading {
    border-color: #111111;
    background: #111111;
    color: #ffffff;
}

.mobile-import-library.is-light .mobile-import-library__build-btn:disabled {
    border-color: rgba(17, 17, 17, 0.14);
    background: #f4f4f4;
    color: rgba(17, 17, 17, 0.46);
    box-shadow: none;
}

.mobile-import-library.is-light .mobile-import-library__build-btn.is-loading:disabled {
    border-color: #111111;
    background: #111111;
    color: #ffffff;
    opacity: 1;
}

.mobile-import-library.is-light .mobile-import-library__timeline-post-copy span {
    color: rgba(17, 17, 17, 0.46);
}

.mobile-import-library.is-light .mobile-import-library__timeline-post-copy b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__timeline-post-copy em {
    color: rgba(17, 17, 17, 0.58);
}

.mobile-import-library.is-light .mobile-import-library__timeline-post-card {
    border-color: rgba(17, 17, 17, 0.08);
    background:
        linear-gradient(180deg, #ffffff, #fbfbfb),
        #ffffff;
    box-shadow:
        0 12px 24px rgba(17, 17, 17, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__timeline-post-card button {
    border: 1px solid rgba(17, 17, 17, 0.12);
    background: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(17, 17, 17, 0.12);
}

.mobile-import-library.is-light .mobile-import-library__timeline-post-card button span,
.mobile-import-library.is-light .mobile-import-library__timeline-post-card button i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.mobile-import-library.is-light .mobile-import-library__timeline-placeholder {
    border-color: rgba(17, 17, 17, 0.08);
    background:
        linear-gradient(180deg, #ffffff, #fbfbfb),
        #ffffff;
    box-shadow:
        0 18px 42px rgba(17, 17, 17, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__timeline-placeholder-orb {
    background: #f3f3f3;
    color: #111111;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 12px 24px rgba(17, 17, 17, 0.08);
}

.mobile-import-library.is-light .mobile-import-library__timeline-placeholder.is-loading .mobile-import-library__timeline-placeholder-orb span {
    border-color: rgba(17, 17, 17, 0.14);
    border-top-color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__timeline-placeholder-copy b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__timeline-placeholder-copy p {
    color: rgba(17, 17, 17, 0.58);
}

.mobile-import-library.is-light .mobile-import-library__timeline-skeleton span {
    background: linear-gradient(90deg, rgba(17, 17, 17, 0.055), rgba(17, 17, 17, 0.12), rgba(17, 17, 17, 0.055));
    background-size: 220% 100%;
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-backdrop {
    background: rgba(17, 17, 17, 0.18);
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-panel {
    border-color: rgba(17, 17, 17, 0.08);
    background: #ffffff;
    box-shadow: 0 22px 70px rgba(17, 17, 17, 0.14);
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-kicker {
    color: rgba(17, 17, 17, 0.48);
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-panel h3 {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-panel p {
    color: rgba(17, 17, 17, 0.62);
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-stats {
    border-color: rgba(17, 17, 17, 0.08);
    background: #f8f8f8;
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-stats span + span {
    border-left-color: rgba(17, 17, 17, 0.08);
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-stats b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-stats em {
    color: rgba(17, 17, 17, 0.52);
}

.mobile-import-library.is-light .mobile-import-library__timeline-destinations div {
    border-color: rgba(17, 17, 17, 0.08);
    background: #fafafa;
}

.mobile-import-library.is-light .mobile-import-library__timeline-destinations span {
    color: rgba(17, 17, 17, 0.78);
}

.mobile-import-library.is-light .mobile-import-library__timeline-destinations b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__timeline-destinations em {
    color: rgba(17, 17, 17, 0.48);
}

.mobile-import-library.is-light .mobile-import-library__timeline-destinations button {
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff;
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-actions button {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
    color: #111111;
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08);
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-panel.is-confirm .mobile-import-library__timeline-sheet-actions {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 26%);
}

.mobile-import-library.is-light .mobile-import-library__timeline-sheet-primary,
.mobile-import-library.is-light .mobile-import-library__timeline-sheet-actions .mobile-import-library__timeline-sheet-primary {
    border: 0;
    background: linear-gradient(135deg, #ff6d47, #f04b2f);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(240, 75, 47, 0.24);
}

.mobile-import-library.is-light .mobile-import-library__progress-top,
.mobile-import-library.is-light .mobile-import-library__accounts-loading,
.mobile-import-library.is-light .mobile-import-library__month-meta,
.mobile-import-library.is-guest-timeline .mobile-import-library__month-meta,
.mobile-import-library.is-light .mobile-import-library__empty-copy,
.mobile-import-library.is-light .mobile-import-library__footer span,
.mobile-import-library.is-light .mobile-import-library__item-meta,
.mobile-import-library.is-light .mobile-import-library__item-copy,
.mobile-import-library.is-light .mobile-import-library__connect-state em,
.mobile-import-library.is-light .mobile-import-library__empty-panel p,
.mobile-import-library.is-light .mobile-import-library__account-copy p {
    color: rgba(17, 17, 17, 0.56);
}

.mobile-import-library.is-light .mobile-import-library__progress-top b,
.mobile-import-library.is-light .mobile-import-library__platform-counts span {
    color: rgba(17, 17, 17, 0.68);
}

.mobile-import-library.is-light .mobile-import-library__platform-counts b {
    color: rgba(17, 17, 17, 0.78);
}

.mobile-import-library.is-light .mobile-import-library__progress-track,
.mobile-import-library.is-light .mobile-import-library__empty-line {
    background: rgba(47, 36, 31, 0.11);
}

.mobile-import-library.is-light .mobile-import-library__month-card,
.mobile-import-library.is-guest-timeline .mobile-import-library__month-card,
.mobile-import-library.is-light .mobile-import-library__day-group,
.mobile-import-library.is-light .mobile-import-library__empty-panel {
    border-bottom-color: rgba(17, 17, 17, 0.1);
}

.mobile-import-library.is-light .mobile-import-library__month-icon,
.mobile-import-library.is-guest-timeline .mobile-import-library__month-icon {
    border-color: rgba(17, 17, 17, 0.08);
    background: #ffffff;
    color: rgba(17, 17, 17, 0.62);
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__platform-counts span {
    border-color: rgba(17, 17, 17, 0.08);
    background: #f7f7f7;
    color: rgba(17, 17, 17, 0.62);
}

.mobile-import-library.is-light .mobile-import-library__platform-counts b {
    background: #ffffff;
    color: rgba(17, 17, 17, 0.78);
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.06);
}

.mobile-import-library.is-light .mobile-import-library__empty-username-input {
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    box-shadow:
        0 10px 24px rgba(17, 17, 17, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.mobile-import-library.is-light .mobile-import-library__empty-username-input::placeholder {
    color: rgba(17, 17, 17, 0.34);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.34);
}

.mobile-import-library.is-light .mobile-import-library__empty-username-input:focus {
    border-color: rgba(17, 17, 17, 0.22);
    background: #ffffff !important;
    box-shadow:
        0 0 0 3px rgba(17, 17, 17, 0.08),
        0 14px 28px rgba(17, 17, 17, 0.06);
}

.mobile-import-library.is-light .mobile-import-library__empty-username-submit {
    border-color: #111111;
    background: #111111;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    box-shadow: 0 14px 26px rgba(17, 17, 17, 0.15);
}

.mobile-import-library.is-light .mobile-import-library__day-group:last-child {
    border-bottom-color: rgba(47, 36, 31, 0.07);
}

/* Home timeline empty state: match the quieter Bytes TV placeholder rhythm. */
.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-placeholder {
    width: min(calc(100% - 40px), 620px);
    min-height: 0;
    margin: clamp(28px, 5vh, 58px) auto 12px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    justify-items: stretch;
    gap: 12px;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-placeholder-orb {
    display: none;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-placeholder-copy {
    display: grid;
    gap: 7px;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    background: #f7f7f7;
    color: rgba(17, 17, 17, 0.58);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.58);
    font-size: 9px;
    font-weight: 860;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-placeholder-copy b {
    max-width: 12ch;
    color: #111111;
    font-size: clamp(34px, 9.8vw, 50px);
    line-height: 0.96;
    font-weight: 900;
    letter-spacing: 0;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-placeholder-copy p {
    max-width: 31ch;
    margin: 0;
    color: rgba(17, 17, 17, 0.62);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 680;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__empty-username-form {
    width: 100%;
    max-width: 100%;
    margin: 2px 0 0;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__empty-username-inputwrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding-top: 4px;
    border-top: 1px solid rgba(17, 17, 17, 0.09);
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__empty-username-input {
    height: 54px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    box-shadow: none;
    font-size: 20px;
    font-weight: 760;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__empty-username-input::placeholder {
    color: rgba(17, 17, 17, 0.32);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.32);
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__empty-username-input:focus {
    border: 0;
    background: transparent !important;
    box-shadow: none;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__empty-username-submit {
    min-width: 96px;
    height: 44px;
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 999px;
    background: #111111;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    box-shadow: none;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-form {
    display: grid !important;
    gap: 12px;
    width: 100%;
    margin-top: 4px;
    padding: 12px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 248, 248, 0.92)),
        #ffffff;
    box-shadow:
        0 18px 44px rgba(17, 17, 17, 0.065),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-grid {
    display: grid;
    gap: 7px;
    width: 100%;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-field {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 12px 0 10px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: rgba(17, 17, 17, 0.72);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.72);
    font-size: 12px;
    font-weight: 850;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-icon {
    display: inline-flex;
    flex: 0 0 auto;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-icon .mobile-import-library__platform-badge {
    width: 26px;
    height: 26px;
    border-radius: 9px;
    box-shadow: none;
    font-size: 11px;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-field input,
.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-entry {
    width: 100%;
    min-width: 0;
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    box-shadow: none;
    color-scheme: light !important;
    overflow: hidden;
    font-size: 15px;
    font-weight: 780;
    white-space: nowrap;
    appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-box-shadow: none !important;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-field input::placeholder {
    color: rgba(17, 17, 17, 0.34);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.34);
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-entry:empty::before {
    content: attr(data-placeholder);
    color: rgba(17, 17, 17, 0.34);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.34);
    pointer-events: none;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 17px;
    background: #111111;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    box-shadow:
        0 14px 30px rgba(17, 17, 17, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-submit i,
.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-submit span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-import-submit:disabled {
    opacity: 0.52;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-placeholder.is-loading {
    text-align: left;
}

.mobile-import-library.is-home-embedded.is-light .mobile-import-library__timeline-placeholder.is-loading .mobile-import-library__timeline-placeholder-orb {
    display: inline-flex;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: #f4f4f4;
}

.mobile-import-library.is-light .mobile-import-library__item + .mobile-import-library__item {
    border-top-color: rgba(47, 36, 31, 0.08);
}

.mobile-import-library.is-light .mobile-import-library__month-icon,
.mobile-import-library.is-light .mobile-import-library__item-date {
    border-color: rgba(240, 75, 47, 0.16);
    background: #ffffff;
    color: rgba(17, 17, 17, 0.68);
    box-shadow:
        0 10px 22px rgba(64, 36, 24, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.mobile-import-library.is-light .mobile-import-library__item-date b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__item-date em {
    color: rgba(47, 36, 31, 0.48);
}

.mobile-import-library.is-light .mobile-import-library__thumb {
    background: #f1f1f1;
}

.mobile-import-library.is-light .mobile-import-library__item-actions button,
.mobile-import-library.is-light .mobile-import-library__footer button {
    border-color: rgba(17, 17, 17, 0.13);
    background: transparent;
    color: rgba(17, 17, 17, 0.76);
    box-shadow: none;
}

.mobile-import-library.is-light .mobile-import-library__item-actions button:not(:disabled) {
    border-color: rgba(17, 17, 17, 0.13);
    background: transparent;
}

.mobile-import-library.is-light .mobile-import-library__item-actions button i {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__item-actions button:disabled,
.mobile-import-library.is-light .mobile-import-library__created-btn {
    border-color: rgba(22, 163, 74, 0.22);
    background: rgba(22, 163, 74, 0.08);
    color: rgba(16, 93, 47, 0.88);
}

.mobile-import-library.is-light .mobile-import-library__bloc-picker {
    border-color: rgba(17, 17, 17, 0.13);
    background: transparent;
    color: rgba(17, 17, 17, 0.56);
    box-shadow: none;
}

.mobile-import-library.is-light .mobile-import-library__bloc-picker b {
    color: rgba(17, 17, 17, 0.76);
}

.mobile-import-library.is-light .mobile-import-library__bloc-picker select {
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    background-color: transparent !important;
    color: #111111;
    box-shadow: none !important;
}

.mobile-import-library.is-light .mobile-import-library__connect-state,
.mobile-import-library.is-light .mobile-import-library__account-row {
    border-color: rgba(47, 36, 31, 0.1);
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(48, 30, 21, 0.07);
}

.mobile-import-library.is-light .mobile-import-library__account-title b {
    color: #17120f;
}

.mobile-import-library.is-light .mobile-import-library__account-title span {
    background: rgba(47, 36, 31, 0.08);
    color: rgba(47, 36, 31, 0.52);
}

/* "Not connected" is the longer of the two labels and must not read as a
   success chip, so it stays quiet while `is-connected` keeps the green. */
.mobile-import-library__account-title span {
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.mobile-import-library.is-light .mobile-import-library__account-row button {
    border-color: rgba(240, 75, 47, 0.22);
    background: rgba(255, 255, 255, 0.72);
    color: #1f1713;
}

.mobile-import-library.is-light .mobile-import-library__account-sources span {
    border-color: rgba(17, 17, 17, 0.08);
    background: rgba(17, 17, 17, 0.035);
    color: rgba(17, 17, 17, 0.76);
}

.mobile-import-library.is-light .mobile-import-library__account-row .mobile-import-library__account-sources button,
.mobile-import-library.is-light .mobile-import-library__account-sources button {
    border: 0;
    background: rgba(17, 17, 17, 0.06);
    color: rgba(17, 17, 17, 0.62);
}

.mobile-import-library.is-light .mobile-import-library__account-sources button:active {
    background: rgba(17, 17, 17, 0.14);
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__account-sources em {
    color: rgba(17, 17, 17, 0.42);
}

.mobile-import-library.is-light .mobile-import-library__source-entry,
.mobile-import-library.is-light .mobile-import-library__source-add input {
    appearance: none !important;
    -webkit-appearance: none !important;
    color-scheme: light !important;
    border-color: rgba(17, 17, 17, 0.12) !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    filter: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
    caret-color: #111111 !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-entry,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-entry:focus,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-entry:active,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-add input,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-add input:focus,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-add input:active,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-add input:hover {
    appearance: none !important;
    -webkit-appearance: none !important;
    color-scheme: light !important;
    border: 1px solid rgba(17, 17, 17, 0.12) !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    opacity: 1 !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-entry:empty::before {
    color: rgba(17, 17, 17, 0.5) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.5) !important;
    opacity: 1 !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__accounts .mobile-import-library__source-add input::placeholder {
    color: rgba(17, 17, 17, 0.5) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.5) !important;
    opacity: 1 !important;
}

.mobile-import-library.is-light .mobile-import-library__source-add input::placeholder {
    color: rgba(17, 17, 17, 0.48) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.48) !important;
}

.mobile-import-library.is-light .mobile-import-library__source-add input:-webkit-autofill,
.mobile-import-library.is-light .mobile-import-library__source-add input:-webkit-autofill:hover,
.mobile-import-library.is-light .mobile-import-library__source-add input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
}

.mobile-import-library.is-light .mobile-import-library__source-add button {
    border-color: rgba(17, 17, 17, 0.14);
    background: #ffffff;
    color: #111111;
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__source-add button:disabled {
    background: #f6f6f6;
    color: rgba(17, 17, 17, 0.36);
    box-shadow: none;
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-backdrop {
    background: rgba(17, 17, 17, 0.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-panel {
    border-color: rgba(17, 17, 17, 0.1);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 70px rgba(17, 17, 17, 0.16);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-head b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-head em {
    color: rgba(17, 17, 17, 0.52);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-meta {
    border-color: rgba(17, 17, 17, 0.08);
    background: rgba(17, 17, 17, 0.025);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-meta dt {
    color: rgba(17, 17, 17, 0.48);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-meta dd {
    color: rgba(17, 17, 17, 0.78);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-months > b {
    color: rgba(17, 17, 17, 0.48);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-months span {
    border-color: rgba(17, 17, 17, 0.08);
    background: rgba(17, 17, 17, 0.025);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-months em {
    color: rgba(17, 17, 17, 0.74);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-months strong {
    color: rgba(17, 17, 17, 0.46);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-actions button {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
    color: #111111;
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__source-sheet-actions button.is-danger {
    border-color: rgba(255, 76, 91, 0.2);
    color: #c92b38;
}

.mobile-import-library.is-light #mobile-import-library-source-input,
.mobile-import-library.is-light #mobile-import-library-source-input:focus,
.mobile-import-library.is-light #mobile-import-library-source-input:active,
.mobile-import-library.is-light #mobile-import-library-source-input:hover,
html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__search #mobile-import-library-source-input {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #e5573d !important;
}

.mobile-import-library.is-light #mobile-import-library-source-input::placeholder {
    color: rgba(17, 17, 17, 0.72) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.72) !important;
}

.mobile-import-library.is-light #mobile-import-library-source-input::selection {
    background: rgba(240, 75, 47, 0.22) !important;
    color: #17120f !important;
    -webkit-text-fill-color: #17120f !important;
}

.mobile-import-library.is-light #mobile-import-library-source-input:-webkit-autofill,
.mobile-import-library.is-light #mobile-import-library-source-input:-webkit-autofill:hover,
.mobile-import-library.is-light #mobile-import-library-source-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #17120f !important;
}

.mobile-import-library.is-light .mobile-import-library__preview {
    background: #f9f3ee;
}

.mobile-import-library.is-light .mobile-import-library__preview-top {
    border-bottom-color: rgba(47, 36, 31, 0.1);
    background: rgba(255, 255, 255, 0.9);
}

.mobile-import-library.is-light .mobile-import-library__preview-top button {
    border-color: rgba(47, 36, 31, 0.12);
    background: rgba(255, 255, 255, 0.78);
    color: #17120f;
}

.mobile-import-library.is-light .mobile-import-library__preview-top span {
    color: rgba(47, 36, 31, 0.66);
}

.mobile-import-library.is-light .mobile-import-library__preview-copy {
    border-top-color: rgba(47, 36, 31, 0.1);
    background: rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__preview-copy strong {
    color: #17120f;
}

.mobile-import-library.is-light .mobile-import-library__preview-copy p,
.mobile-import-library.is-light .mobile-import-library__preview-empty {
    color: rgba(47, 36, 31, 0.66);
}

.mobile-import-library.is-light .mobile-import-library__preview.is-x-detail {
    background: #f8f8f8;
}

.mobile-import-library.is-light .mobile-import-library__preview.is-x-detail .mobile-import-library__preview-media {
    background:
        radial-gradient(circle at 50% 0%, rgba(29, 155, 240, 0.12), transparent 34%),
        #050505;
}

.mobile-import-library.is-light .mobile-import-library__preview.is-x-detail .mobile-import-library__preview-copy {
    border-top-color: rgba(17, 17, 17, 0.08);
    background: rgba(255, 255, 255, 0.98);
}

.mobile-import-library.is-light .mobile-import-library__preview.is-byte-detail {
    background: #000000;
}

.mobile-import-library.is-light .mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-top {
    border-bottom-color: transparent;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent);
}

.mobile-import-library.is-light .mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-top button {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(0, 0, 0, 0.42);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

.mobile-import-library.is-light .mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-top span {
    color: rgba(255, 255, 255, 0.86);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.86);
}

.mobile-import-library.is-light .mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-copy {
    border-top-color: transparent;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.86) 36%, rgba(0, 0, 0, 0.96));
}

.mobile-import-library.is-light .mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-copy strong,
.mobile-import-library.is-light .mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-actions button {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

.mobile-import-library.is-light .mobile-import-library__preview.is-byte-detail .mobile-import-library__preview-copy p {
    color: rgba(255, 255, 255, 0.74);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.74);
}

.mobile-import-library.is-light .mobile-import-library__x-detail-head span,
.mobile-import-library.is-light .mobile-import-library__x-stats em {
    color: rgba(17, 17, 17, 0.5);
}

.mobile-import-library.is-light .mobile-import-library__x-detail-head b,
.mobile-import-library.is-light .mobile-import-library__x-stats b {
    color: #111111;
}

.mobile-import-library.is-light .mobile-import-library__x-detail-head time {
    color: rgba(17, 17, 17, 0.58);
}

.mobile-import-library.is-light .mobile-import-library__x-stats span {
    border-color: rgba(17, 17, 17, 0.08);
    background: rgba(17, 17, 17, 0.035);
}

.mobile-import-library.is-light .mobile-import-library__x-actions a,
.mobile-import-library.is-light .mobile-import-library__x-actions button {
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff;
    color: #111111;
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.mobile-import-library.is-light .mobile-import-library__x-actions a {
    border-color: rgba(17, 17, 17, 0.18);
    background: #ffffff;
    color: #111111;
}

.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__top,
.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__source-row,
.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__import-hint,
.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__build-btn,
.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__timeline-post-card {
    display: none !important;
}

.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__body {
    padding-top: calc(env(safe-area-inset-top, 0px) + 14px);
}

.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__import-row {
    display: block;
    margin-bottom: 14px;
}

.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__search {
    width: 100%;
    min-height: 46px;
}

.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__search > .mobile-import-library__platform-badge {
    display: none !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline {
    top: var(--mobile-app-header-height, 0px);
    bottom: 0;
    background: #ffffff;
    color: #111111;
    overflow: hidden;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__body {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    padding: clamp(22px, 5vh, 44px) 0 calc(178px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__body:has(.mobile-import-library__timeline-placeholder) {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 18px 0 calc(178px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__source-row {
    display: flex !important;
    position: fixed;
    right: 0;
    bottom: calc(128px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 60;
    gap: 8px;
    margin: 0;
    padding: 10px 18px 8px;
    border-top: 1px solid rgba(17, 17, 17, 0.07);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 -10px 28px rgba(17, 17, 17, 0.045);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__platform-state {
    position: fixed;
    right: 0;
    bottom: calc(182px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 70;
    display: block !important;
    margin: 0;
    padding: 0 18px 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 22px);
    pointer-events: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__platform-state[hidden] {
    display: none !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__platform-workspace {
    gap: 8px;
    border-color: rgba(17, 17, 17, 0.1);
    border-radius: 20px 20px 14px 14px;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0 -12px 32px rgba(17, 17, 17, 0.09);
    pointer-events: auto;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__platform-workspace-head {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 8px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__platform-workspace-head .mobile-import-library__platform-badge {
    width: 28px;
    height: 28px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__platform-workspace-head b {
    color: #111111;
    -webkit-text-fill-color: #111111;
    font-size: 14px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__platform-workspace-head em {
    color: rgba(17, 17, 17, 0.48);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.48);
    font-size: 9px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__platform-workspace-head button,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__inline-import button {
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff;
    color: #111111;
    -webkit-text-fill-color: #111111;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__selected-sources {
    max-height: 42px;
    overflow: hidden;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__selected-sources.is-empty > span {
    border-color: rgba(17, 17, 17, 0.12);
    background: #f8f8f8;
    color: rgba(17, 17, 17, 0.58);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.58);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__inline-import .mobile-import-library__source-entry {
    min-height: 38px;
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__source-entry:empty::before {
    color: rgba(17, 17, 17, 0.42);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.42);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__source {
    min-height: 36px;
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff;
    color: rgba(17, 17, 17, 0.68);
    padding: 0 15px;
    box-shadow: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__source.is-active {
    border-color: rgba(240, 75, 47, 0.34);
    background: #fff4ef;
    color: #d94a2d;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__source span:not(.mobile-import-library__platform-badge) {
    font-size: 13px;
    font-weight: 760;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__import-row {
    display: block;
    position: fixed;
    right: 0;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 60;
    margin: 0;
    padding: 6px 18px 12px;
    background: #ffffff;
    pointer-events: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search {
    width: 100%;
    min-height: 52px;
    grid-template-columns: 22px minmax(0, 1fr) 36px;
    gap: 10px;
    border-color: rgba(17, 17, 17, 0.13);
    background: #ffffff;
    padding: 0 8px 0 18px;
    box-shadow: 0 8px 24px rgba(17, 17, 17, 0.08);
    pointer-events: auto;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search:focus-within {
    border-color: rgba(17, 17, 17, 0.28);
    box-shadow: 0 12px 32px rgba(17, 17, 17, 0.1);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search > .mobile-import-library__platform-badge {
    display: none !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-published {
    opacity: 1;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-title {
    color: #111111;
    -webkit-text-fill-color: #111111;
    font-size: 16px;
    font-weight: 760;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-copy {
    color: rgba(17, 17, 17, 0.76);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.76);
    font-size: 13px;
    font-weight: 580;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta {
    color: rgba(17, 17, 17, 0.62);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.62);
    font-size: 12px;
    font-weight: 650;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-actions {
    display: flex;
    margin-top: 10px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-actions:empty,
.mobile-import-library.is-guest-timeline .mobile-import-library__item-actions:empty {
    display: none;
    margin-top: 0;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__created-btn,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-actions button:disabled {
    min-height: 34px;
    border-color: rgba(33, 150, 83, 0.18);
    background: rgba(39, 174, 96, 0.08);
    color: rgba(17, 17, 17, 0.58);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.58);
    padding: 0 14px;
    font-size: 12px;
    font-weight: 740;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__created-btn i,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-actions button:disabled i {
    color: rgba(33, 150, 83, 0.78);
    -webkit-text-fill-color: rgba(33, 150, 83, 0.78);
    font-size: 11px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__body {
    overflow-x: hidden;
    padding: 12px 0 calc(154px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__body {
    padding-bottom: calc(250px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__body:has(.mobile-import-library__timeline-placeholder) {
    display: block;
    overflow-y: auto;
    padding: clamp(20px, 4vh, 32px) 20px calc(154px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__body:has(.mobile-import-library__empty-panel) {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 18px 18px calc(154px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__timeline-placeholder,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__empty-panel {
    width: min(100%, 620px);
    margin: 0 auto;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__timeline-placeholder {
    gap: 8px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__timeline-placeholder-copy b {
    max-width: 18ch;
    font-size: clamp(25px, 6.4vw, 34px);
    line-height: 1;
    font-weight: 900;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__empty-username-form {
    margin-top: 8px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-row {
    display: flex !important;
    position: fixed;
    right: 0;
    bottom: calc(116px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 64;
    gap: 9px;
    margin: 0;
    padding: 6px 18px 4px;
    border-top: 0;
    background: #ffffff;
    box-shadow: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-padding: 18px;
    -webkit-overflow-scrolling: touch;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-row::-webkit-scrollbar {
    display: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source {
    flex: 0 0 auto;
    min-height: 36px;
    border-color: rgba(17, 17, 17, 0.09);
    border-radius: 999px;
    background: #ffffff;
    color: rgba(17, 17, 17, 0.66);
    padding: 0 15px;
    box-shadow: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active {
    border-color: rgba(240, 75, 47, 0.28);
    background: #fff7f3;
    color: #e84f31;
    box-shadow: inset 0 0 0 1px rgba(240, 75, 47, 0.08);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source span:not(.mobile-import-library__platform-badge) {
    font-size: 13px;
    font-weight: 760;
    letter-spacing: 0;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-state {
    position: fixed;
    right: 0;
    bottom: calc(158px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 66;
    display: block !important;
    margin: 0;
    padding: 0 16px 8px;
    background: #ffffff;
    pointer-events: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-state[hidden] {
    display: none !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace {
    display: grid;
    gap: 8px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 18px;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0 8px 24px rgba(17, 17, 17, 0.055);
    pointer-events: auto;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head .mobile-import-library__platform-badge {
    width: 28px;
    height: 28px;
    border-radius: 10px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head b {
    color: #111111;
    -webkit-text-fill-color: #111111;
    font-size: 14px;
    font-weight: 820;
    letter-spacing: 0;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head em {
    display: block;
    margin-top: 1px;
    color: rgba(17, 17, 17, 0.48);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.48);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head button {
    min-height: 34px;
    border: 1px solid rgba(17, 17, 17, 0.1);
    border-radius: 999px;
    background: #ffffff;
    color: #111111;
    -webkit-text-fill-color: #111111;
    padding: 0 12px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 780;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head button i {
    font-size: 11px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources {
    display: flex;
    gap: 6px;
    max-height: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources::-webkit-scrollbar {
    display: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources > span {
    flex: 0 0 auto;
    min-height: 28px;
    border-radius: 999px;
    padding: 0 10px;
    font-size: 11px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 82px;
    gap: 8px;
    align-items: center;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import .mobile-import-library__source-entry {
    min-height: 42px;
    border: 1px solid rgba(17, 17, 17, 0.1);
    border-radius: 999px;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 760;
    line-height: 40px;
    text-align: center;
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.02);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-entry:empty::before {
    display: block;
    width: 100%;
    color: rgba(17, 17, 17, 0.46);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.46);
    text-align: center;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import button {
    min-height: 42px;
    border: 1px solid rgba(17, 17, 17, 0.13);
    border-radius: 999px;
    background: #ffffff;
    color: #111111;
    -webkit-text-fill-color: #111111;
    box-shadow: 0 8px 20px rgba(17, 17, 17, 0.07);
    font-size: 12px;
    font-weight: 860;
    letter-spacing: 0.02em;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__import-row {
    display: flex;
    align-items: center;
    gap: 10px;
    position: fixed;
    right: 0;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 65;
    margin: 0;
    padding: 3px 18px 8px;
    border-top: 0;
    background: #ffffff;
    pointer-events: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__source-row {
    bottom: calc(250px + env(safe-area-inset-bottom, 0px));
    padding-bottom: 2px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__import-row {
    bottom: calc(206px + env(safe-area-inset-bottom, 0px));
    background: #ffffff;
}

/* Compact owner source deck: keep source controls visible without eating the feed. */
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__body {
    padding-bottom: calc(340px + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: calc(340px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__list {
    padding-bottom: calc(280px + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: calc(280px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__list::after {
    content: "";
    display: block;
    min-height: calc(270px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__source-row {
    bottom: calc(218px + env(safe-area-inset-bottom, 0px));
    padding: 4px 14px 2px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__import-row {
    bottom: calc(164px + env(safe-area-inset-bottom, 0px));
    padding: 3px 14px 6px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-state {
    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    padding: 0 14px 6px;
    isolation: isolate;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-state::before {
    content: "";
    position: fixed;
    right: 0;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: -1;
    height: 228px;
    background: #ffffff;
    box-shadow: 0 -10px 24px rgba(17, 17, 17, 0.04);
    pointer-events: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace {
    gap: 5px;
    border-color: rgba(17, 17, 17, 0.08);
    border-radius: 14px;
    padding: 8px;
    box-shadow: 0 8px 20px rgba(17, 17, 17, 0.06);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 7px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head .mobile-import-library__platform-badge {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    font-size: 9px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head b {
    font-size: 13px;
    line-height: 1;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head em {
    font-size: 8px;
    line-height: 1.1;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head button {
    min-height: 28px;
    padding: 0 10px;
    font-size: 11px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources {
    max-height: 26px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources .mobile-import-library__account-sources {
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources .mobile-import-library__account-sources::-webkit-scrollbar {
    display: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources .mobile-import-library__account-sources span {
    flex: 0 0 auto;
    min-height: 26px;
    max-width: 210px;
    border-color: rgba(17, 17, 17, 0.08);
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
    color: rgba(17, 17, 17, 0.78);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.78);
    padding: 0 7px 0 9px;
    font-size: 10px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.78);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources .mobile-import-library__account-sources b {
    max-width: 96px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources .mobile-import-library__account-sources em {
    color: rgba(17, 17, 17, 0.45);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.45);
    font-size: 9px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources .mobile-import-library__account-sources button {
    width: 20px;
    height: 20px;
    min-height: 20px;
    background: rgba(17, 17, 17, 0.045);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import {
    grid-template-columns: minmax(0, 1fr) 74px;
    gap: 6px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import .mobile-import-library__source-entry,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import button {
    min-height: 36px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import .mobile-import-library__source-entry {
    padding: 0 13px;
    font-size: 13px;
    line-height: 34px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import button {
    font-size: 11px;
    box-shadow: 0 6px 16px rgba(17, 17, 17, 0.06);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__platform-state {
    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    z-index: 63;
    padding-bottom: 6px;
    background: #ffffff;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__search {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    min-height: 44px;
    grid-template-columns: 20px minmax(0, 1fr) 34px;
    gap: 9px;
    border-color: rgba(17, 17, 17, 0.1);
    border-radius: 999px;
    background: #ffffff;
    padding: 0 7px 0 15px;
    box-shadow: 0 6px 18px rgba(17, 17, 17, 0.055);
    pointer-events: auto;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__search:focus-within {
    border-color: rgba(17, 17, 17, 0.24);
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.1);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__search-action {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    pointer-events: auto;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background: #ffffff;
    color: #111111;
    box-shadow: 0 6px 18px rgba(17, 17, 17, 0.055);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__search-action.is-explore-active {
    border-color: rgba(17, 17, 17, 0.14);
    background: rgba(17, 17, 17, 0.08);
    color: #111111;
    box-shadow: 0 8px 18px rgba(17, 17, 17, 0.08);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline).has-source-options-open .mobile-import-library__platform-state,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline).has-source-options-open .mobile-import-library__source-row,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline).has-source-options-open .mobile-import-library__import-row {
    visibility: hidden;
    pointer-events: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-sheet {
    z-index: 120;
    align-items: center;
    padding: 18px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-sheet-backdrop {
    background: rgba(255, 255, 255, 0.64);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-sheet-panel {
    width: min(392px, 100%);
    max-height: min(68vh, 560px);
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
    box-shadow: 0 20px 56px rgba(17, 17, 17, 0.16);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source-row,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__platform-state,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__item-actions {
    display: none !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__body {
    overflow-x: hidden !important;
    touch-action: pan-y;
    padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__list,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__day-group,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__day-stack,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__day-group {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__source-row {
    position: fixed;
    right: 0;
    bottom: calc(128px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 3;
    gap: 8px;
    margin: 0;
    padding: 10px 18px 8px;
    border-top: 1px solid rgba(17, 17, 17, 0.07);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 -10px 28px rgba(17, 17, 17, 0.045);
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__platform-state {
    position: fixed;
    right: 0;
    bottom: calc(182px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 4;
    margin: 0;
    padding: 0 18px 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 22px);
    pointer-events: none;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__platform-state[hidden] {
    display: none !important;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__platform-workspace {
    gap: 8px;
    border-color: rgba(17, 17, 17, 0.1);
    border-radius: 20px 20px 14px 14px;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0 -12px 32px rgba(17, 17, 17, 0.09);
    pointer-events: auto;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__platform-workspace-head {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 8px;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__platform-workspace-head .mobile-import-library__platform-badge {
    width: 28px;
    height: 28px;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__platform-workspace-head b {
    font-size: 14px;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__platform-workspace-head em {
    font-size: 9px;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__selected-sources {
    max-height: 42px;
    overflow: hidden;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__inline-import .mobile-import-library__source-entry {
    min-height: 38px;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__source {
    min-height: 36px;
    border-color: rgba(17, 17, 17, 0.12);
    background: #ffffff;
    color: rgba(17, 17, 17, 0.68);
    padding: 0 15px;
    box-shadow: none;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__source.is-active {
    border-color: rgba(240, 75, 47, 0.34);
    background: #fff4ef;
    color: #d94a2d;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__source span:not(.mobile-import-library__platform-badge) {
    font-size: 13px;
    font-weight: 760;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__import-row {
    display: block;
    position: fixed;
    right: 0;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 3;
    margin: 0;
    padding: 6px 18px 12px;
    background: #ffffff;
    pointer-events: none;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__search {
    width: 100%;
    min-height: 52px;
    grid-template-columns: 22px minmax(0, 1fr) 36px;
    gap: 10px;
    border-color: rgba(17, 17, 17, 0.13);
    background: #ffffff;
    padding: 0 8px 0 18px;
    box-shadow: 0 8px 24px rgba(17, 17, 17, 0.08);
    pointer-events: auto;
}

.mobile-import-library.is-home-embedded:not(.is-guest-timeline):not(.is-posted-bytes-timeline) .mobile-import-library__search:focus-within {
    border-color: rgba(17, 17, 17, 0.28);
    box-shadow: 0 12px 32px rgba(17, 17, 17, 0.1);
}

.mobile-import-library.is-guest-timeline {
    background: #ffffff;
    color: #111111;
}

.mobile-import-library.is-home-embedded.is-guest-timeline {
    top: var(--mobile-app-header-height, 0px);
    /* Floor-anchored: the inner __body scroller already carries the nav
       clearance in its own padding-bottom, so the feed passes behind the
       glass pill instead of leaving a white band beneath it. */
    bottom: 0;
    background: #ffffff;
    color: #111111;
    overflow: hidden;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__top {
    display: none !important;
}

.mobile-import-library.is-guest-timeline.is-home-embedded .mobile-import-library__top {
    display: none !important;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__top > .mobile-import-library__icon-btn {
    display: none !important;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__title-stack {
    text-align: left;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__kicker {
    max-width: 100%;
    overflow: hidden;
    color: rgba(17, 17, 17, 0.48);
    font-size: 11px;
    font-weight: 780;
    letter-spacing: 0.2em;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__title {
    margin-top: 10px;
    color: #050505;
    font-size: 48px;
    font-weight: 720;
    line-height: 0.96;
    letter-spacing: 0;
    white-space: normal;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__body {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px 20px calc(178px + env(safe-area-inset-bottom, 0px));
}

.mobile-import-library.is-guest-timeline .mobile-import-library__source-row,
.mobile-import-library.is-guest-timeline .mobile-import-library__import-hint,
.mobile-import-library.is-guest-timeline .mobile-import-library__build-btn,
.mobile-import-library.is-guest-timeline .mobile-import-library__platform-state,
.mobile-import-library.is-guest-timeline .mobile-import-library__timeline-post-card,
.mobile-import-library.is-guest-timeline .mobile-import-library__item-actions,
.mobile-import-library.is-guest-timeline .mobile-import-library__footer {
    display: none !important;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__footer.is-public-load-footer {
    display: block !important;
    height: 1px;
    overflow: hidden;
    padding: 0;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__import-row {
    display: flex;
    align-items: center;
    gap: 10px;
    position: fixed;
    right: 0;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 60;
    margin: 0;
    padding: 12px 18px 14px;
    border-top: 1px solid rgba(17, 17, 17, 0.07);
    background: #ffffff;
    pointer-events: none;
}

.mobile-import-library.is-guest-timeline:not(.is-home-embedded) .mobile-import-library__import-row {
    bottom: 0;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__search {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    min-height: 52px;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    border-color: rgba(17, 17, 17, 0.13);
    background: #ffffff;
    padding: 0 8px 0 18px;
    box-shadow: 0 6px 20px rgba(17, 17, 17, 0.07);
    pointer-events: auto;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__search:focus-within {
    border-color: rgba(17, 17, 17, 0.28);
    box-shadow: 0 12px 32px rgba(17, 17, 17, 0.1);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__search.is-timeline-search::before {
    color: #050505;
    font-size: 17px;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__search > .mobile-import-library__platform-badge {
    display: none !important;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__search-action {
    position: static;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    background: #f3f3f3;
    color: #050505;
    font-size: 17px;
    pointer-events: auto;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__search-action.is-explore-active {
    background: rgba(17, 17, 17, 0.08);
    color: #111111;
    box-shadow: 0 8px 18px rgba(17, 17, 17, 0.08);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__search input {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-size: 15px;
    font-weight: 560;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__search input::placeholder {
    color: rgba(17, 17, 17, 0.38) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.38) !important;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__day-group {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin: 0 -20px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.055);
    padding: 14px 20px 18px;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__day-group:first-of-type {
    padding-top: 10px;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__day-group:last-child {
    border-bottom-color: rgba(17, 17, 17, 0.07);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__day-stack {
    gap: 0;
    width: 100%;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item {
    position: relative;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 15px;
    min-height: 118px;
    padding: 15px 0;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__day-stack .mobile-import-library__item:first-child {
    padding-top: 0;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item + .mobile-import-library__item {
    border-top: 1px solid rgba(17, 17, 17, 0.055);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item.is-published {
    opacity: 1;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-date {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 5px;
    width: auto;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    margin-bottom: 10px;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-date::before,
.mobile-import-library.is-guest-timeline .mobile-import-library__item-date::after {
    display: none;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-date span {
    color: rgba(17, 17, 17, 0.5);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-date b {
    margin-top: 0;
    color: rgba(17, 17, 17, 0.85);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-date em {
    margin-top: 0;
    color: rgba(17, 17, 17, 0.38);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb {
    width: 96px;
    height: 112px;
    border-radius: 15px;
    background: #f2f2f2;
    box-shadow:
        0 12px 26px rgba(17, 17, 17, 0.075),
        inset 0 0 0 1px rgba(17, 17, 17, 0.035);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb.is-media-x {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #050505;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb.is-media-x .mobile-import-library__thumb-x-frame {
    width: 260px;
    height: 330px;
    transform: scale(0.345);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb.is-media-youtube {
    height: 92px;
    align-self: center;
    background: #050505;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb.is-media-youtube .mobile-import-library__thumb-youtube-frame {
    width: 171px;
    height: 210px;
    transform: scale(0.421);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb.is-media-tiktok {
    height: 118px;
    background: #050505;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb.is-media-tiktok .mobile-import-library__thumb-tiktok-frame {
    width: 320px;
    height: 560px;
    transform: scale(0.225);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb-embed-frame {
    width: 180px;
    height: 220px;
    transform: scale(0.49);
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb.is-media-video::after {
    content: "\f04b";
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.46);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    font-family: "Font Awesome 6 Free";
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-indent: 2px;
    transform: translate(-50%, -50%);
    box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(12px) saturate(125%);
    -webkit-backdrop-filter: blur(12px) saturate(125%);
    pointer-events: none;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__thumb.is-media-text {
    height: 72px;
    align-self: center;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-main {
    align-self: stretch;
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 4px 0 3px;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-title {
    color: #111111;
    font-size: 15px;
    font-weight: 780;
    line-height: 1.16;
    letter-spacing: 0;
    -webkit-line-clamp: 2;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-meta {
    max-width: 100%;
    margin: 0 0 8px;
    color: rgba(17, 17, 17, 0.58);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-meta-row {
    align-items: center;
    gap: 7px;
    min-width: 0;
    margin-bottom: 8px;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-meta-row .mobile-import-library__item-meta {
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-meta-source {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    gap: 5px;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-meta-source span,
.mobile-import-library.is-guest-timeline .mobile-import-library__item-meta > span:not(.mobile-import-library__item-meta-separator) {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-meta-separator {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 0 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.32);
    color: transparent;
    vertical-align: middle;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__item-copy {
    margin-top: 5px;
    color: rgba(17, 17, 17, 0.78);
    font-size: 13px;
    font-weight: 520;
    line-height: 1.28;
    -webkit-line-clamp: 2;
}

.mobile-import-library.is-guest-timeline .mobile-import-library__empty-panel {
    margin-top: 10px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.82);
    padding: 24px;
    box-shadow: 0 18px 44px rgba(17, 17, 17, 0.06);
}

/* Final timeline search-row lock: keep search and globe on one line. */
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__import-row,
.mobile-import-library.is-guest-timeline .mobile-import-library__import-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search,
.mobile-import-library.is-guest-timeline .mobile-import-library__search {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search-action,
.mobile-import-library.is-guest-timeline .mobile-import-library__search-action {
    position: static !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    align-self: center !important;
}

/* Premium empty timeline setup for the owner Media tab. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__body {
    padding-top: 0 !important;
}

/* The same zero, keyed to the body class instead.
 *
 * is-posted-bytes-timeline is added while the library renders, so on the way
 * back from another tab the strip painted once with the base 12px and then
 * lost it -- the hero visibly dropping and snapping back. is-athlete-hero is
 * set before that paint (see setAthleteHeroActive), so keying the same rule to
 * it means the padding is already zero on the first frame. */
html body.is-athlete-hero #mobile-import-library.mobile-import-library .mobile-import-library__body {
    padding-top: 0 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list {
    margin-top: 0 !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-placeholder {
    width: min(calc(100% - 40px), 620px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
    gap: 10px !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-placeholder-orb {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-placeholder-copy {
    display: grid !important;
    gap: 7px !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-kicker {
    display: inline-flex !important;
    width: fit-content !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(17, 17, 17, 0.08) !important;
    border-radius: 999px !important;
    background: #f7f7f7 !important;
    color: rgba(17, 17, 17, 0.58) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.58) !important;
    font-size: 9px !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-placeholder-copy b {
    max-width: 15ch !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-size: clamp(29px, 7.8vw, 40px) !important;
    line-height: 1 !important;
    font-weight: 920 !important;
    letter-spacing: 0 !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-placeholder-copy p {
    max-width: 31ch !important;
    margin: 0 !important;
    color: rgba(17, 17, 17, 0.62) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.62) !important;
    font-size: 12.5px !important;
    line-height: 1.22 !important;
    font-weight: 680 !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-form {
    display: grid !important;
    gap: 9px !important;
    width: 100% !important;
    margin-top: 2px !important;
    padding: 10px !important;
    border: 1px solid rgba(17, 17, 17, 0.08) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 248, 0.94)) !important;
    box-shadow:
        0 18px 44px rgba(17, 17, 17, 0.065),
        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-grid {
    display: grid !important;
    gap: 6px !important;
    width: 100% !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-field {
    display: grid !important;
    grid-template-columns: 116px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(17, 17, 17, 0.075) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    color: rgba(17, 17, 17, 0.72) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.72) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-icon {
    display: inline-flex !important;
    flex: 0 0 auto !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-icon .mobile-import-library__platform-badge {
    width: 26px !important;
    height: 26px !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-entry {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    font-size: 15px !important;
    font-weight: 780 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-entry:empty::before {
    content: attr(data-placeholder) !important;
    color: rgba(17, 17, 17, 0.34) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.34) !important;
}

html body #mobile-import-library.mobile-import-library.is-light .mobile-import-library__timeline-import-submit {
    min-height: 46px !important;
    border-radius: 15px !important;
    background: #111111 !important;
    box-shadow:
        0 14px 30px rgba(17, 17, 17, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* Living-story timeline. Scoped to the real embedded Bytes timeline. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline {
    --story-paper: #f5f7f4;
    --story-surface: #ffffff;
    --story-ink: #111411;
    --story-muted: #687069;
    --story-line: #d9ded9;
    --story-green: #146c43;
    background: var(--story-paper) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__body {
    background: var(--story-paper) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list {
    padding: 0 18px !important;
    background: var(--story-paper) !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 2px 22px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-range {
    display: block;
    margin-bottom: 5px;
    color: var(--story-muted);
    font-size: 10px;
    font-weight: 820;
    line-height: 1;
    text-transform: uppercase;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-header h2 {
    margin: 0;
    color: var(--story-ink);
    font-size: 32px;
    font-weight: 900;
    line-height: 0.98;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-count {
    display: grid;
    justify-items: end;
    padding-bottom: 2px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-count strong {
    color: var(--story-ink);
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-count span {
    margin-top: 3px;
    color: var(--story-muted);
    font-size: 10px;
    font-weight: 760;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card {
    position: relative;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    min-height: 58px;
    margin: 0;
    padding: 12px 0 10px;
    border: 0;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card::before {
    content: "";
    position: absolute;
    top: 29px;
    bottom: -20px;
    left: 7px;
    width: 1px;
    background: var(--story-line);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-icon {
    position: relative;
    z-index: 2;
    width: 15px;
    height: 15px;
    border: 3px solid var(--story-paper);
    border-radius: 50%;
    background: var(--story-green);
    color: transparent;
    box-shadow: 0 0 0 1px var(--story-green);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-icon span {
    display: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-title {
    color: var(--story-ink);
    font-size: 19px;
    font-weight: 880;
    line-height: 1.05;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-meta {
    margin-top: 4px;
    color: var(--story-muted);
    font-size: 11px;
    font-weight: 690;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group {
    position: relative;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 4px 0 22px;
    border: 0;
    overflow: visible;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group::before {
    content: "";
    position: absolute;
    top: -8px;
    bottom: -8px;
    left: 7px;
    width: 1px;
    background: var(--story-line);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group:last-of-type::before {
    bottom: 18px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date {
    position: sticky;
    top: 8px;
    z-index: 3;
    width: 15px;
    min-height: 15px;
    margin-top: 18px;
    border: 3px solid var(--story-paper);
    border-radius: 50%;
    background: #9aa39b;
    color: transparent;
    box-shadow: 0 0 0 1px #9aa39b;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date::before,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date::after,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date span,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date b,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date em {
    display: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-stack {
    gap: 12px;
    overflow: visible;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 13px;
    min-height: 116px;
    padding: 10px;
    border: 1px solid rgba(17, 20, 17, 0.08);
    border-radius: 14px;
    background: var(--story-surface);
    box-shadow: 0 8px 24px rgba(17, 20, 17, 0.055);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item + .mobile-import-library__item {
    border-top: 1px solid rgba(17, 20, 17, 0.08);
    padding-top: 10px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb {
    width: 92px;
    height: 104px;
    border-radius: 10px;
    background: #e4e8e4;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-main {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 2px 1px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta-row {
    margin-bottom: 8px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta {
    margin: 0;
    color: var(--story-muted);
    font-size: 9px;
    font-weight: 820;
    line-height: 1.2;
    text-transform: uppercase;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-title {
    color: var(--story-ink);
    font-size: 15px;
    font-weight: 790;
    line-height: 1.18;
    -webkit-line-clamp: 3;
}

/* Same fight every text element on this dark card has to win: a universal
   "body[data-theme='light'] * * * *" rule elsewhere forces black text
   everywhere in light mode, which is correct for the rest of the (white)
   page but invisible against this card's own dark, photo-backed corner.
   Matching the title's own proven-working selector chain above to win it. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__poster-name {
    color: rgba(255, 255, 255, 0.94) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.94) !important;
}
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__poster-date {
    color: rgba(255, 255, 255, 0.48) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.48) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured {
    display: block;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(17, 20, 17, 0.09);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured .mobile-import-library__thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 4.2;
    border-radius: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured .mobile-import-library__item-main {
    min-height: 104px;
    padding: 15px 16px 17px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured .mobile-import-library__item-title {
    font-size: 22px;
    font-weight: 880;
    line-height: 1.08;
    -webkit-line-clamp: 3;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured .mobile-import-library__item-meta {
    font-size: 10px;
}

@media (min-width: 700px) {
    html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list {
        width: min(100%, 680px);
        margin: 0 auto;
    }
}

/* White story surface with search in the header instead of a bottom utility bar. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__body,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list {
    --story-paper: #ffffff;
    background: #ffffff !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-tools {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-search {
    position: relative;
    z-index: 72;
    display: inline-grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(17, 20, 17, 0.09);
    border-radius: 50%;
    background: #f5f6f4;
    color: var(--story-ink);
    font-size: 15px;
    box-shadow: 0 8px 20px rgba(17, 20, 17, 0.06);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-search:active {
    transform: scale(0.96);
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__import-row {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__import-row {
    position: absolute;
    top: 16px;
    right: 70px;
    bottom: auto;
    left: 18px;
    z-index: 70;
    display: block !important;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    pointer-events: auto;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__search {
    width: 100%;
    min-height: 44px;
    grid-template-columns: 20px minmax(0, 1fr);
    padding: 0 15px;
    border: 1px solid rgba(17, 20, 17, 0.12);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(17, 20, 17, 0.12);
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__search-action,
html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__build-btn {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__search input {
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    font-size: 14px;
    font-weight: 620;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__body {
    padding-bottom: 0 !important;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list {
    padding-bottom: 0 !important;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-empty-search {
    display: grid;
    justify-items: center;
    gap: 7px;
    min-height: 280px;
    padding: 64px 24px 24px;
    color: var(--story-muted);
    text-align: center;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-empty-search i {
    margin-bottom: 6px;
    font-size: 20px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-empty-search strong {
    color: var(--story-ink);
    font-size: 17px;
    font-weight: 850;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-empty-search span {
    max-width: 28ch;
    font-size: 12px;
    font-weight: 620;
    line-height: 1.4;
}

/* Compact archive toolbar and an active marker that follows the current day. */
html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-header {
    align-items: center;
    min-height: 78px;
    padding: 16px 2px 15px;
    border-bottom: 1px solid rgba(17, 20, 17, 0.07);
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-range {
    margin-bottom: 5px;
    color: rgba(17, 20, 17, 0.46);
    font-size: 9px;
    font-weight: 800;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-header h2 {
    font-size: 23px;
    font-weight: 830;
    line-height: 1;
    text-transform: none;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-tools {
    gap: 9px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-count {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid rgba(17, 20, 17, 0.08);
    border-radius: 999px;
    background: #f6f7f5;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-count strong {
    font-size: 13px;
    font-weight: 850;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-count span {
    margin: 0;
    font-size: 10px;
    font-weight: 690;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-search {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
    border-color: rgba(17, 20, 17, 0.1);
    background: #ffffff;
    font-size: 14px;
    box-shadow: 0 6px 18px rgba(17, 20, 17, 0.065);
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__story-header {
    margin-bottom: 52px;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__import-row {
    top: 79px;
    right: 18px;
    left: 18px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card {
    min-height: 62px;
    padding-top: 16px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-icon {
    background: #ffffff;
    box-shadow: 0 0 0 2px var(--story-green);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-title {
    font-size: 18px;
    font-weight: 820;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date {
    top: 14px;
    background: var(--story-green);
    box-shadow:
        0 0 0 1px var(--story-green),
        0 5px 14px rgba(20, 108, 67, 0.22);
    transition: box-shadow 160ms ease, transform 160ms ease;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group:has(.mobile-import-library__item:active) .mobile-import-library__item-date {
    transform: scale(1.12);
    box-shadow:
        0 0 0 1px var(--story-green),
        0 0 0 6px rgba(20, 108, 67, 0.1);
}

/* Platform controls belong to the archive, not a second bottom navigation bar. */
html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__story-header {
    margin-bottom: 50px;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-row {
    position: absolute;
    top: 79px;
    right: 18px;
    bottom: auto;
    left: 18px;
    z-index: 66;
    gap: 6px;
    padding: 7px 0;
    border: 0;
    background: #ffffff;
    box-shadow: none;
    scroll-padding: 0;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline).has-story-search-open .mobile-import-library__source-row {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline).has-story-search-open .mobile-import-library__story-header {
    margin-bottom: 52px;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source {
    gap: 6px;
    min-height: 32px;
    padding: 0 10px 0 7px;
    border: 1px solid rgba(17, 20, 17, 0.075);
    border-radius: 10px;
    background: #f7f8f6;
    color: rgba(17, 20, 17, 0.62);
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active {
    border-color: rgba(17, 20, 17, 0.11);
    background: #111411;
    color: #ffffff;
    box-shadow: 0 7px 18px rgba(17, 20, 17, 0.12);
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source .mobile-import-library__platform-badge {
    display: inline-grid;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    background: #ffffff;
    color: #111411;
    font-size: 11px;
    box-shadow: 0 0 0 1px rgba(17, 20, 17, 0.06);
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active .mobile-import-library__platform-badge {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source span:not(.mobile-import-library__platform-badge) {
    font-size: 11px;
    font-weight: 720;
}

/* Timeline-specific refinement for the main app header. */
html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header,
html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header button {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__brand-row {
    gap: 10px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__brand {
    gap: 10px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__logo {
    border-radius: 999px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__name {
    font-size: 14px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__actions {
    gap: 3px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 15px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn {
    min-width: 50px !important;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.74) !important;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.02em !important;
    box-shadow: 0 5px 14px rgba(17, 20, 17, 0.055) !important;
}

/* Over the Moments photograph the same controls go dark.
 *
 * The two rules above already give them their shape — a 34px circle for the
 * glyphs, a lozenge for the word — and this only changes the material. The
 * white chip they carry is right on a white page and wrong on a picture: it
 * reads as a sticker over the athlete. Glass instead, so the photograph
 * stays faintly visible through it.
 *
 * Written here, beside the rules it excepts, and with the same :has() prefix.
 * Anything less specific loses: these rules only apply while the library is
 * open, which is exactly when the hero exists, so an override written
 * elsewhere in the cascade never wins however late it is loaded.
 *
 * Which control is on screen depends on the viewer — an owner has the bell,
 * a guest has LOGIN, since body.mobile-guest-app hides the guest-menu-only
 * buttons — so both are named here.
 */
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn[aria-label="Notifications"],
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__contact-btn:not([hidden]),
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__more-btn,
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn {
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    background: rgba(16, 18, 26, 0.38) !important;
    backdrop-filter: blur(16px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.5) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.24) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* `hidden` has to actually hide it.
 *
 * The shape rule below sets display: inline-flex !important, which outranks
 * the hidden attribute's own display: none -- so a contact button with no
 * number behind it stayed on screen as a dead icon. Stated at the same weight
 * so the attribute wins. */
html body #mobile-app-header .mobile-app-header__contact-btn[hidden] {
    display: none !important;
}

/* The shape is stated for each, not inherited. The glyph buttons are 34px
   and the menu is 44px with a 13px radius of its own, so leaving the corners
   to whichever rule happened to win gave the bell a square box beside the
   menu's rounded one — two different objects in the same row. */
/* :not(.mobile-app-header__guest-menu-only) is not usable here — the bell
   carries that class itself. The visitor case is excluded by body class
   instead, so a signed-out header keeps the bell hidden: display on a rule
   this specific would otherwise force a button back on screen that
   refreshGuestOwnerChrome() had deliberately taken off it. */
html body.is-athlete-hero:not(.mobile-guest-app):has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn[aria-label="Notifications"],
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__contact-btn:not([hidden]),
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__more-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn {
    border-radius: 999px !important;
}
/* Become a member keeps its fill over the picture, white on the glass Login
   beside it, so the way in is the one pill that is not see-through. */
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn.mobile-app-header__join-btn {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(255, 255, 255, 0.94) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn.mobile-app-header__join-btn {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* The chip separates the glyph from the picture, so the glyph does not also
   need a shadow — the two together read as smudged. */
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn[aria-label="Notifications"] i,
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn[aria-label="Notifications"] svg,
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__more-btn i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: #ffffff !important;
    filter: none !important;
    text-shadow: none !important;
}

/* The unread dot rides on the bell, so it gains a ring to hold it off the
   glass behind it. */
html body.is-athlete-hero:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__status-dot {
    box-shadow: 0 0 0 2px rgba(16, 18, 26, 0.6) !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header-tabs {
    gap: 18px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__tab {
    gap: 6px;
    padding-bottom: 7px;
    font-size: 11px;
    font-weight: 740;
    letter-spacing: 0 !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__tab i {
    font-size: 14px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__tab::after {
    right: 4px;
    left: 4px;
    height: 2px;
}

/* Cinematic timeline: equal full-bleed moments with metadata over the media. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list {
    overflow: visible !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
    padding: 5px 0 26px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group::before {
    left: 23px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date {
    position: sticky;
    top: 14px;
    z-index: 4;
    display: inline-flex;
    width: 46px;
    min-height: 72px;
    margin-top: 14px;
    border: 1px solid rgba(20, 108, 67, 0.25);
    border-radius: 15px;
    background: #ffffff;
    color: #111411;
    box-shadow:
        0 8px 22px rgba(17, 20, 17, 0.07),
        inset 3px 0 0 var(--story-green);
    transform: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date::before {
    display: block;
    top: 50%;
    left: 6px;
    width: 9px;
    height: 9px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: var(--story-green);
    box-shadow: 0 0 0 1px var(--story-green);
    transform: translate(-50%, -50%);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date::after {
    display: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date span,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date b,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date em {
    display: block;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date span {
    color: var(--story-green);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date b {
    margin-top: 5px;
    color: #111411;
    font-size: 18px;
    font-weight: 850;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date em {
    margin-top: 5px;
    color: rgba(17, 20, 17, 0.5);
    font-size: 8px;
    font-weight: 760;
    letter-spacing: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-stack {
    gap: 16px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    aspect-ratio: 4 / 5;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    background: #111411;
    box-shadow: 0 12px 30px rgba(17, 20, 17, 0.11);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item + .mobile-import-library__item {
    padding-top: 0;
    border: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured .mobile-import-library__thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    border-radius: 0;
    background: #111411;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb img,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb video,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb.is-carousel-slide img,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb.is-carousel-slide video {
    width: 100%;
    height: 100%;
    background: #111411;
    object-fit: cover;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-main,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured .mobile-import-library__item-main {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    min-height: 132px;
    justify-content: flex-end;
    padding: 58px 16px 17px;
    background: linear-gradient(180deg, rgba(6, 8, 7, 0), rgba(6, 8, 7, 0.84) 62%, rgba(6, 8, 7, 0.94));
    color: #ffffff;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta-row {
    margin-bottom: 7px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured .mobile-import-library__item-meta,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta > span,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta > i {
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    font-size: 9px;
    font-weight: 760;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-title,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-story-featured .mobile-import-library__item-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 19px;
    font-weight: 820;
    line-height: 1.08;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
    -webkit-line-clamp: 3;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta-source,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta-source:visited,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta-source i,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta-source span {
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.38);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-actions {
    margin-top: 10px;
}

/* Minimal app chrome for Moments: quiet brand row, icon-led destination dock. */
html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header {
    border-bottom-color: rgba(17, 20, 17, 0.07) !important;
    background: rgba(255, 255, 255, 0.98) !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__brand-row {
    height: 46px;
    gap: 8px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__brand {
    gap: 9px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__blips-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__logo {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__logo img {
    border-radius: 10px !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__name {
    font-size: clamp(13px, 3.45vw, 17px) !important;
    font-weight: 920 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__actions {
    gap: 7px;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn {
    width: 38px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 22px !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__more-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 13px !important;
    border: 1px solid color-mix(in srgb, var(--text-primary, #111111) 10%, transparent) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(247, 248, 250, 0.68)),
        color-mix(in srgb, var(--background-color, #ffffff) 92%, transparent) !important;
    box-shadow:
        0 8px 22px rgba(15, 23, 42, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn {
    min-width: 50px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid color-mix(in srgb, var(--text-primary, #111111) 15%, transparent) !important;
    border-radius: 999px !important;
    background: transparent !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    box-shadow: none !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header-tabs {
    align-items: center !important;
    height: 44px !important;
    gap: 7px !important;
    margin-top: 4px !important;
    padding: 4px 16px 5px !important;
    scroll-padding: 0 16px !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__tab {
    flex: 0 0 36px;
    width: 36px;
    min-width: 36px;
    height: 34px;
    gap: 0;
    padding: 0 !important;
    border: 1px solid rgba(17, 20, 17, 0.055) !important;
    border-radius: 10px !important;
    background: #f6f7f5 !important;
    color: rgba(17, 20, 17, 0.58) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.58) !important;
    font-size: 0 !important;
    box-shadow: none !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__tab i {
    font-size: 14px !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__tab.is-active {
    flex-basis: auto;
    width: auto;
    min-width: 72px;
    gap: 7px;
    padding: 0 12px !important;
    border-color: color-mix(in srgb, var(--primary-color) 20%, transparent) !important;
    background: color-mix(in srgb, var(--primary-color) 9%, #ffffff 91%) !important;
    color: var(--primary-color) !important;
    -webkit-text-fill-color: var(--primary-color) !important;
    font-size: 10px !important;
    font-weight: 790 !important;
}

html body:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__tab::after {
    display: none !important;
}

/* Moments begins with the month itself; no archive hero or utility pills. */
html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-row {
    align-items: center;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card .mobile-import-library__story-search {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(17, 20, 17, 0.68);
    font-size: 14px;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card .mobile-import-library__story-search:active {
    color: #111411;
    transform: scale(0.94);
}

html:not(.media-active) body:not(.media-active) #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-search {
    display: none !important;
}

html.media-active body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-search,
html body.media-active #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__story-search {
    display: inline-grid !important;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__import-row {
    top: 10px;
    right: 18px;
    left: 18px;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__list {
    padding-top: 54px !important;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline.has-story-search-open .mobile-import-library__month-card {
    margin-top: 0;
}

/* Keep the story rail continuous and give the date its own breathing room. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 10px;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card::before,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group::before {
    left: 7px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-icon {
    margin-left: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date {
    width: 40px;
    min-height: 62px;
    margin-top: 18px;
    margin-left: 14px;
    padding: 2px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date::before {
    top: 14px;
    left: -7px;
    width: 9px;
    height: 9px;
    transform: translate(-50%, -50%);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date span,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date b,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date em {
    text-align: left;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date b {
    margin-top: 4px;
    font-size: 20px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date em {
    margin-top: 4px;
}

/* Timeline media is the player, not a scaled thumbnail. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    background: #111411;
    pointer-events: auto !important;
    transform: none !important;
    transform-origin: center !important;
}

/* Except a website, which is not a player.

   The rule above hands the iframe the taps so a YouTube or SoundCloud card can
   be played where it sits -- right for a clip, wrong for a page. A `universal:`
   byte is a whole website in a frame: there is nothing to play, the frame
   swallows every tap, and the card it belongs to could not be opened at all.
   Tapping it did nothing.

   The frame goes back to being scenery here, so the tap reaches the card and
   opens it fullscreen, the way a photo does. The site itself is still live and
   scrollable once the byte is open -- this only governs the thumbnail. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-media-web .mobile-import-library__thumb iframe {
    pointer-events: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb video {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000000;
    pointer-events: auto;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb audio {
    position: absolute;
    right: 14px;
    bottom: 22px;
    left: 14px;
    z-index: 2;
    display: block;
    width: calc(100% - 28px);
    pointer-events: auto;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb.is-media-audio {
    background:
        radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.12), transparent 32%),
        #111411;
}

/* A page is not film, so it does not get film's wash.

   The gradient below runs 132px up the card and ends at rgba(6,8,7,.94) -- the
   right amount of dark to keep white type legible over a clip. A website card
   is a white page, and that same wash smeared grey-black across the bottom
   third of it with the site's own text ghosting through: the "gray shit" on
   the moments timeline.

   What the band actually carries here is one short line -- the source and the
   date -- so it only needs to be as tall as that line, and it can sit on solid
   ink rather than fade into the picture. The page above it stays a page. */
/* A website is not a photo, so it does not get a photo's 4:5 crop -- most
   sites, this one included, are built to fill one mobile screen (390x844
   here), not a photo's squarer shape, so 4:5 cut them off partway down.
   A page still gets cropped if it's genuinely longer than one screen -- the
   real height can't be read cross-origin, so there's no way to size the box
   exactly to every page -- but sized to a full mobile screen instead of a
   photo, most sites that fit one screen (like this one) now show whole,
   not partway. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-media-web {
    aspect-ratio: auto !important;
    height: 100dvh;
    max-height: 900px;
}

/* The caption band sits on top of the last ~64px of the page, not below it
   -- it's an absolutely positioned overlay, same as every other card's, and
   a page tall enough to fill the whole box always has real content (here,
   the site's own footer line) sitting right where that band covers it.
   Shrinking the visible page by the band's own height leaves that real
   bottom clear, so the footer reads above the band instead of hiding
   under it. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-media-web .mobile-import-library__thumb {
    position: absolute !important;
    inset: 0 0 68px 0 !important;
    height: auto !important;
    width: 100% !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-media-web .mobile-import-library__item-main {
    /* The same gradient every other card wears, kept short.

       Two wrong turns before this one, both worth naming. A 132px wash meant
       for film smeared grey over a white page with the site's own lines
       ghosting through it. Frosting the band instead -- a tint over a
       backdrop-filter, the cinema's mirror done in place -- made it worse: blur
       a white page and what you get is grey, which is exactly the grey on
       screen. The mirror reads well in the cinema because the thing behind it
       is film; there is no dark media here for it to pick up.

       So: the card's own gradient, ending opaque so nothing reads through, and
       only as tall as the one line it carries. A website card now ends the way
       a clip does, which is the point -- it was the odd one out. */
    min-height: 0 !important;
    padding: 14px 16px 12px !important;
    /* Opaque almost immediately: a website's own footer sits right where this
       band begins, and a slow fade let "Terms · Privacy" and the site's links
       read straight through the type. A short ramp keeps the edge from being a
       hard line without giving the page room to show. */
    background: linear-gradient(180deg, rgba(6, 8, 7, 0), rgba(6, 8, 7, 0.99) 34%, #060807) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item:is(.is-media-video, .is-media-audio, .is-media-youtube, .is-media-tiktok, .is-media-soundcloud, .is-media-bandlab, .is-media-twitch, .is-media-facebook, .is-media-web, .is-media-googledrive, .is-media-dropbox) .mobile-import-library__item-main {
    top: auto;
    bottom: 0;
    min-height: 132px;
    padding: 58px 16px 17px;
    background: linear-gradient(180deg, rgba(6, 8, 7, 0), rgba(6, 8, 7, 0.84) 62%, rgba(6, 8, 7, 0.94));
    pointer-events: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item:is(.is-media-video, .is-media-audio, .is-media-youtube, .is-media-tiktok, .is-media-soundcloud, .is-media-bandlab, .is-media-twitch, .is-media-facebook, .is-media-web, .is-media-googledrive, .is-media-dropbox) .mobile-import-library__item-actions,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item:is(.is-media-video, .is-media-audio, .is-media-youtube, .is-media-tiktok, .is-media-soundcloud, .is-media-bandlab, .is-media-twitch, .is-media-facebook, .is-media-web, .is-media-googledrive, .is-media-dropbox) .mobile-import-library__item-actions button,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item:is(.is-media-video, .is-media-audio, .is-media-youtube, .is-media-tiktok, .is-media-soundcloud, .is-media-bandlab, .is-media-twitch, .is-media-facebook, .is-media-web, .is-media-googledrive, .is-media-dropbox) .mobile-import-library__item-meta a {
    pointer-events: auto;
}

/* Source filters are a compact dock, never an overlay across the timeline. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-row {
    position: relative !important;
    inset: auto !important;
    z-index: 5;
    display: flex !important;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    margin: -8px 0 0 !important;
    padding: 3px 16px 5px !important;
    overflow: visible;
    border: 0;
    border-bottom: 0;
    background: #ffffff;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source {
    position: relative;
    display: inline-grid;
    flex: 0 0 38px;
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    height: 38px;
    place-items: center;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: rgba(17, 20, 17, 0.58) !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source:active {
    transform: scale(0.94);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active {
    border: 0 !important;
    background: transparent !important;
    color: var(--primary-color, #111411) !important;
    -webkit-text-fill-color: var(--primary-color, #111411) !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 24px;
    height: 2px;
    border-radius: 999px;
    background: var(--primary-color, #111411);
    transform: translateX(-50%);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source .mobile-import-library__platform-badge,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active .mobile-import-library__platform-badge {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 0;
    border-radius: 11px;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source .mobile-import-library__platform-badge i {
    font-size: 16px;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source .mobile-import-library__platform-badge svg {
    display: block;
    width: 18px;
    height: 18px;
    color: inherit !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source:not(.is-active),
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source:not(.is-active) .mobile-import-library__platform-badge,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source:not(.is-active) .mobile-import-library__platform-badge i,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source:not(.is-active) .mobile-import-library__platform-badge svg {
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active .mobile-import-library__platform-badge,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active .mobile-import-library__platform-badge i,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source.is-active .mobile-import-library__platform-badge svg {
    color: var(--primary-color, #111411) !important;
    -webkit-text-fill-color: var(--primary-color, #111411) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source > span:not(.mobile-import-library__platform-badge) {
    display: none;
}

/* Guests use the same platform language as owners, but the rail is a public
   reach summary and filter rather than a source-management control. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source-row {
    position: sticky !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 44 !important;
    display: flex !important;
    width: calc(100% + 40px) !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin: -8px -20px 0 !important;
    padding: 3px 16px 5px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(17, 20, 17, 0.065) !important;
    background: #ffffff !important;
    box-shadow: 0 -32px 0 #ffffff !important;
    scrollbar-width: none;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source-row::-webkit-scrollbar {
    display: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip {
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 8px !important;
    /* Start beneath the first platform icon in the source rail. */
    padding: 4px 16px 7px 26px !important;
    border-bottom: 0 !important;
    background: #ffffff !important;
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip-copy {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 2px 10px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip-copy strong {
    flex: 0 0 auto !important;
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    font-size: 12px !important;
    font-weight: 820 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip-copy span {
    display: inline-flex !important;
    min-width: 0 !important;
    align-items: center !important;
    overflow: hidden !important;
    color: rgba(17, 20, 17, 0.56) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.56) !important;
    font-size: 10px !important;
    font-weight: 720 !important;
    text-overflow: ellipsis !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip-copy span b {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font: inherit !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip-copy span b + b::before {
    content: "" !important;
    display: inline-block !important;
    width: 3px !important;
    height: 3px !important;
    flex: 0 0 3px !important;
    margin: 0 6px !important;
    border-radius: 50% !important;
    background: rgba(17, 20, 17, 0.28) !important;
}

@media (max-width: 340px) {
    html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip-copy span b:last-child {
        display: none !important;
    }
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip-copy small {
    grid-column: 2 !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    color: rgba(17, 20, 17, 0.42) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.42) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip button {
    flex: 0 0 auto !important;
    min-height: 26px !important;
    border: 1px solid rgba(17, 20, 17, 0.12) !important;
    border-radius: 999px !important;
    padding: 0 10px !important;
    background: #ffffff !important;
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    font-size: 10px !important;
    font-weight: 820 !important;
}

/* The identity strip: who the athlete is, above their moments.
   Scoped to .is-identity so it overrides the row layout the per-platform strip
   sets above. Keyed on .is-posted-bytes-timeline, which is set for the owner and
   the guest alike, so one block dresses both views.

   No card. A panel around this crushed a long school name into an ellipsis and
   boxed four competing elements into one grey rectangle; the page already has
   edges, so the content sits on them like everything else and is held apart by
   space instead. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip.is-identity {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    /* Who, then the figures, then the links: one block under the name rather
       than three bands with air between them. */
    gap: 10px !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 4px 16px 0 !important;
    width: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* School leads the row; the role trails it on the right. They wrap onto
   separate lines only when a long school name leaves no room. */
/* One line: school, then role, then class, reading as a single sentence about
   who this is. It wraps onto a second line only when the words genuinely do not
   fit, which keeps a long school name readable without cutting it. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-who {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: center !important;
    text-align: center !important;
    /* Same column gap as the role below, so both dots carry equal air. */
    gap: 3px 8px !important;
    min-width: 0 !important;
}

/* Reach and views read as a pair, spaced generously enough to be two figures
   rather than one crowded row. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-stats {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    /* Side by side, never stacked: sharing the row with the account marks left
       too little width and the two figures fell onto separate lines. */
    flex-wrap: nowrap !important;
    gap: 26px !important;
    min-width: 0 !important;
    text-align: center !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-stat b {
    display: block !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.05 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-stat span {
    display: block !important;
    margin-top: 2px !important;
    color: #a2a2aa !important;
    -webkit-text-fill-color: #a2a2aa !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-updated {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    border-radius: 999px !important;
    padding: 5px 9px !important;
    background: rgba(29, 156, 92, 0.12) !important;
    color: #1d7a4c !important;
    -webkit-text-fill-color: #1d7a4c !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    white-space: nowrap !important;
}

/* Wraps rather than truncates: a school's name is the one thing here that
   cannot be guessed from half of it. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-school {
    display: inline !important;
    overflow: visible !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
    line-height: 1.35 !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-role {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    color: #7c7c86 !important;
    -webkit-text-fill-color: #7c7c86 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-role i,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-dot {
    display: inline-block !important;
    width: 3px !important;
    height: 3px !important;
    flex: 0 0 3px !important;
    border-radius: 50% !important;
    background: #c8c8d0 !important;
}

/* The row above aligns on the baseline so the school and the role read off one
   line. A dot has no text in it, so its baseline is its bottom edge and it hung
   low; centring it against its own flex line puts it level with the dot inside
   the role, which was centred all along. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-dot {
    align-self: center !important;
}

/* Full stats: a screen of its own over the app, so the game log gets the whole
   width. Outside the #mobile-import-library scope because it mounts on body. */
html body .mobile-import-library__full-stats {
    position: fixed;
    inset: 0;
    z-index: 120000;
    display: none;
    flex-direction: column;
    background: #ffffff !important;
    color: #16161c !important;
    font-family: inherit;
    overflow: hidden;
}

html body .mobile-import-library__full-stats.is-open {
    display: flex;
}

body.mobile-import-library-stats-open {
    overflow: hidden;
}

html body .mobile-import-library__full-stats-head {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    padding: calc(env(safe-area-inset-top, 0px) + 12px) 16px 12px;
}

html body .mobile-import-library__full-stats-back {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 0;
    border-radius: 14px;
    background: #f2f2f6 !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    /* The glyph sits high in its box; nudge it onto the optical centre. */
    padding-bottom: 3px;
    cursor: pointer;
}

html body .mobile-import-library__full-stats-title strong {
    display: block;
    font-size: 17px;
    font-weight: 850;
    letter-spacing: -0.02em;
}

html body .mobile-import-library__full-stats-title span {
    display: block;
    margin-top: 1px;
    color: #7c7c86 !important;
    font-size: 11.5px;
    font-weight: 700;
}

html body .mobile-import-library__full-stats-seasons {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
    padding: 2px 16px 10px;
    overflow-x: auto;
    scrollbar-width: none;
}

html body .mobile-import-library__full-stats-seasons::-webkit-scrollbar {
    display: none;
}

/* -webkit-text-fill-color has to be set alongside colour here: the app sets a
   dark fill on buttons further up, and fill wins over colour, which would leave
   the selected chip printing black text on its black background. */
html body .mobile-import-library__full-stats-chip {
    flex: 0 0 auto;
    border: 1px solid rgba(17, 20, 17, 0.1);
    border-radius: 999px;
    padding: 8px 14px;
    background: #ffffff !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

html body .mobile-import-library__full-stats-chip.is-active {
    border-color: #16161c !important;
    background: #16161c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .mobile-import-library__full-stats-body {
    flex: 1 1 auto;
    padding: 4px 16px calc(env(safe-area-inset-bottom, 0px) + 28px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

html body .mobile-import-library__full-stats-season-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0 12px;
}

html body .mobile-import-library__full-stats-season-head h3 {
    margin: 0;
    font-size: 19px;
    font-weight: 850;
    letter-spacing: -0.02em;
}

html body .mobile-import-library__full-stats-season-head span {
    color: #a2a2aa !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
}

/* Three across, wrapping to as many rows as the sport needs. */
html body .mobile-import-library__full-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

html body .mobile-import-library__full-stats-cell {
    border-radius: 16px;
    padding: 13px 12px 11px;
    background: #f5f5f8 !important;
}

html body .mobile-import-library__full-stats-cell b {
    display: block;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.05;
}

html body .mobile-import-library__full-stats-cell span {
    display: block;
    margin-top: 3px;
    color: #a2a2aa !important;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.09em;
}

html body .mobile-import-library__add-game {
    display: block;
    width: 100%;
    margin-top: 14px;
    border: 1px dashed rgba(17, 20, 17, 0.18);
    border-radius: 14px;
    padding: 12px;
    background: #ffffff !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-size: 12.5px;
    font-weight: 800;
    cursor: pointer;
}

/* Add game: a sheet over the stats screen, so the log stays in view behind it. */
html body .mobile-import-library__game-sheet {
    position: fixed;
    inset: 0;
    z-index: 120010;
    display: none;
}

html body .mobile-import-library__game-sheet.is-open {
    display: block;
}

html body .mobile-import-library__game-sheet-scrim {
    position: absolute;
    inset: 0;
    background: rgba(12, 12, 18, 0.42) !important;
}

html body .mobile-import-library__game-sheet-card {
    position: absolute;
    inset: auto 0 0 0;
    max-height: 88vh;
    border-radius: 22px 22px 0 0;
    padding: 16px 16px calc(env(safe-area-inset-bottom, 0px) + 20px);
    background: #ffffff !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

html body .mobile-import-library__game-sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
}

html body .mobile-import-library__game-sheet-head strong {
    font-size: 17px;
    font-weight: 850;
    letter-spacing: -0.02em;
}

html body .mobile-import-library__game-sheet-head button {
    border: 0;
    background: transparent !important;
    color: #7c7c86 !important;
    -webkit-text-fill-color: #7c7c86 !important;
    font-size: 16px;
    cursor: pointer;
}

html body .mobile-import-library__game-sheet-card label {
    display: block;
    margin-bottom: 10px;
    color: #a2a2aa !important;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.1em;
}

html body .mobile-import-library__game-sheet-card input {
    display: block;
    width: 100%;
    margin-top: 5px;
    border: 1px solid rgba(17, 20, 17, 0.12);
    border-radius: 12px;
    padding: 11px 12px;
    background: #ffffff !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
}

html body .mobile-import-library__game-sheet-stats > span {
    display: block;
    padding: 4px 0 6px;
    color: #a2a2aa !important;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.1em;
}

/* Label wide, value narrow: the number is short and the name is not. */
html body .mobile-import-library__game-sheet-stat {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 84px;
    gap: 8px;
    margin-bottom: 8px;
}

html body .mobile-import-library__game-sheet-stat input {
    margin-top: 0;
}

html body .mobile-import-library__game-sheet-add {
    display: block;
    width: 100%;
    margin: 2px 0 14px;
    border: 1px dashed rgba(17, 20, 17, 0.18);
    border-radius: 12px;
    padding: 10px;
    background: #ffffff !important;
    color: #7c7c86 !important;
    -webkit-text-fill-color: #7c7c86 !important;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

html body .mobile-import-library__game-sheet-save {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 14px;
    padding: 14px;
    background: #16161c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
}

html body .mobile-import-library__game-log {
    margin-top: 22px;
}

html body .mobile-import-library__game-log-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-bottom: 6px;
    color: #a2a2aa !important;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.12em;
}

html body .mobile-import-library__game-log-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.mobile-import-library__game-log-table th,
html body .mobile-import-library__game-log-table td {
    text-align: right;
    vertical-align: middle;
}

html body .mobile-import-library__game-log-table thead th {
    padding: 6px 0 6px 10px;
    border-bottom: 1px solid rgba(17, 20, 17, 0.08);
    color: #a2a2aa !important;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

/* Stat columns hold a fixed width so headers and numbers line up in scannable
   columns instead of crowding each other. The opponent keeps the rest. */
.mobile-import-library__game-log-table thead th:not(:first-child),
html body .mobile-import-library__game-log-table tbody td {
    width: 42px;
    min-width: 42px;
}

.mobile-import-library__game-log-table thead th:first-child,
html body .mobile-import-library__game-log-table tbody th {
    text-align: left;
}

html body .mobile-import-library__game-log-table tbody th {
    width: 100%;
    padding: 11px 10px 11px 0;
    border-bottom: 1px solid rgba(17, 20, 17, 0.06);
    font-weight: 800;
}

html body .mobile-import-library__game-log-table tbody td {
    padding: 11px 0 11px 10px;
    border-bottom: 1px solid rgba(17, 20, 17, 0.06);
    color: #16161c !important;
    font-size: 13px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

html body .mobile-import-library__game-log-opponent {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* Win or loss reads at a glance without colouring the whole row. */
html body .mobile-import-library__game-log-opponent i {
    font-style: normal;
    font-size: 9.5px;
    font-weight: 900;
    color: #a2a2aa !important;
}

html body .mobile-import-library__game-log-opponent i.is-w {
    color: #1d7a4c !important;
}

html body .mobile-import-library__game-log-opponent i.is-l {
    color: #b4483a !important;
}

html body .mobile-import-library__game-log-table tbody th small {
    display: block;
    margin-top: 2px;
    color: #a2a2aa !important;
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
}

/* The season rail: its own row under the identity card, scrolling sideways so
   any sport's stat set fits without deciding how many will fit. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-rail {
    display: block !important;
    margin: 0 0 14px !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-head {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 16px 9px !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-label {
    color: #a2a2aa !important;
    -webkit-text-fill-color: #a2a2aa !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-more {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-more i {
    font-style: normal !important;
    margin-left: 2px !important;
}

/* Scrolls rather than wraps: the row stays one line however many stats a sport
   reports. Edge padding keeps the first and last tile off the screen edge. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-track {
    display: flex !important;
    gap: 8px !important;
    padding: 2px 16px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-track::-webkit-scrollbar {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-stat {
    flex: 0 0 auto !important;
    min-width: 92px !important;
    border: 1px solid rgba(17, 20, 17, 0.09) !important;
    border-radius: 16px !important;
    padding: 12px 14px 11px !important;
    background: #ffffff !important;
    scroll-snap-align: start !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-stat b {
    display: block !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.05 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__season-stat span {
    display: block !important;
    margin-top: 3px !important;
    color: #a2a2aa !important;
    -webkit-text-fill-color: #a2a2aa !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    white-space: nowrap !important;
}

/* Four across when there are four, but the grid tracks how many there actually
   are. Most athletes have only Instagram, and a fixed four columns left one
   tile beside three empty cells -- a row that reads as three missing accounts
   rather than one present one. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-socials {
    display: grid !important;
    grid-template-columns: repeat(var(--identity-tiles, 4), minmax(0, 1fr)) !important;
    gap: 8px !important;
}

/* Centred: the figures and the accounts they belong to read as one group
   under the name rather than pushed to opposite edges. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px 22px !important;
    min-width: 0 !important;
}

/* Marks, not tiles: the follower figure is already in TOTAL REACH, so each
   account only has to say which platform it is and open when tapped. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    /* The marks wrap before the figures do: a number that has fallen onto its
       own line is harder to read than a second row of icons. */
    flex: 0 1 auto !important;
    min-width: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip.is-identity .mobile-import-library__identity-socials.is-single button {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 14px 9px 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 1px solid rgba(22, 22, 28, 0.1) !important;
}

/* A small square mark per account: enough to name the platform and be tapped,
   nothing more, since the number it used to carry lives in TOTAL REACH. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-socials button {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    border: 1px solid rgba(22, 22, 28, 0.11) !important;
    border-radius: 11px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    transition: background-color 200ms cubic-bezier(.2,.8,.2,1),
                transform 140ms cubic-bezier(.2,.8,.2,1) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-socials button:active {
    transform: scale(0.92) !important;
    background: rgba(22, 22, 28, 0.05) !important;
}

/* Where else the athlete is written down. The team page leads because a school
   listing you is the one claim you cannot issue yourself. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 7px !important;
    padding-bottom: 18px !important;
    border-bottom: 0 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-links button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    border: 1px solid rgba(22, 22, 28, 0.11) !important;
    border-radius: 999px !important;
    padding: 7px 11px 7px 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #16161c !important;
    -webkit-text-fill-color: #16161c !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    transition: background-color 200ms cubic-bezier(.2,.8,.2,1),
                transform 140ms cubic-bezier(.2,.8,.2,1) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-links button:active {
    transform: scale(0.96) !important;
    background: rgba(22, 22, 28, 0.05) !important;
}

/* The site's favicon, with a letter tile underneath it. The letter shows until
   the icon loads and stays if it never does, so a pill is never blank. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-links button i {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
    border-radius: 6px !important;
    background: rgba(22, 22, 28, 0.07) !important;
    overflow: hidden !important;
    font-style: normal !important;
    font-size: 8.5px !important;
    font-weight: 850 !important;
    letter-spacing: -0.02em !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-links button i img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 2px !important;
    background: #ffffff !important;
}

/* Once the icon is there the tile stops drawing its own fill. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-links button i.has-icon {
    background: transparent !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-links button span {
    color: rgba(22, 22, 28, 0.4) !important;
    -webkit-text-fill-color: rgba(22, 22, 28, 0.4) !important;
    font-size: 10px !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-social-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #16161c !important;
}

/* The glyphs mix outline and solid art: Instagram strokes its shape while X and
   TikTok fill theirs. Paint each part the way it asks to be painted -- a blanket
   fill turns the outline glyphs into a solid black square. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__identity-social-icon svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    color: #16161c !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon svg [fill="currentColor"] {
    fill: currentColor !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon svg [stroke="currentColor"] {
    stroke: currentColor !important;
    fill: none !important;
}

/* Each account wears its own platform colour. The rules above pin every mark to
   one near-black AND force `fill: currentColor !important` on the art, so both
   the colour and the fill have to be overridden here, keyed off the platform on
   the element rather than a label string. */
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="instagram"],
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="instagram"] svg {
    color: #d62976 !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="facebook"],
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="facebook"] svg {
    color: #2f6bff !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="youtube"],
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="youtube"] svg {
    color: #ff3428 !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="threads"],
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="threads"] svg,
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="x"],
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="x"] svg,
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="tiktok"],
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="tiktok"] svg {
    color: #0b0b0f !important;
}

/* The blanket `fill: currentColor !important` above resolves against the old
   black, so the painted parts need the brand colour spelled out too. */
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="instagram"] svg [fill="currentColor"],
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="instagram"] svg [stroke="currentColor"] {
    stroke: #d62976 !important;
    fill: #d62976 !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="instagram"] svg [fill="none"] {
    fill: none !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="facebook"] svg [fill="currentColor"] {
    fill: #2f6bff !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="youtube"] svg [fill="currentColor"] {
    fill: #ff3428 !important;
}

/* YouTube's play triangle is punched through the body, so it takes the page
   colour rather than the brand red. */
html body #mobile-import-library .mobile-import-library__identity-social-icon[data-identity-platform="youtube"] svg [fill^="var("] {
    fill: #ffffff !important;
}

/* TikTok's offset layers carry literal colours; keep them off currentColor. */
html body #mobile-import-library .mobile-import-library__identity-social-icon svg [fill="#24f4ee"] {
    fill: #24f4ee !important;
}

html body #mobile-import-library .mobile-import-library__identity-social-icon svg [fill="#fe2c55"] {
    fill: #fe2c55 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip.is-identity button b {
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* An account whose reach we have not read shows its handle, quieter than a
   number would be, so an unknown never reads as a measurement. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip.is-identity button b.is-quiet {
    color: rgba(22, 22, 28, 0.42) !important;
    -webkit-text-fill-color: rgba(22, 22, 28, 0.42) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source {
    position: relative !important;
    display: inline-grid !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: rgba(17, 20, 17, 0.54) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.54) !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source[hidden] {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source .mobile-import-library__platform-badge {
    display: inline-grid !important;
    width: 38px !important;
    height: 38px !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source .mobile-import-library__platform-badge i {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 16px !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source .mobile-import-library__platform-badge svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    color: inherit !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source > span:not(.mobile-import-library__platform-badge) {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source.is-active {
    border: 0 !important;
    background: transparent !important;
    color: var(--primary-color, #111411) !important;
    -webkit-text-fill-color: var(--primary-color, #111411) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source:focus,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source.is-active::after {
    content: "" !important;
    position: absolute !important;
    right: auto !important;
    bottom: -4px !important;
    left: 50% !important;
    width: 24px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: var(--primary-color, #111411) !important;
    transform: translateX(-50%) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__guest-platform-summary {
    position: sticky;
    top: 46px;
    z-index: 43;
    display: flex;
    width: calc(100% + 40px);
    box-sizing: border-box;
    min-height: 38px;
    align-items: baseline;
    gap: 9px;
    margin: 0 -20px;
    padding: 8px 20px 10px 36px;
    overflow: hidden;
    border-bottom: 1px solid rgba(17, 20, 17, 0.055);
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(17, 20, 17, 0.02);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__guest-platform-summary strong {
    flex: 0 0 auto;
    color: #111411;
    font-size: 12px;
    font-weight: 820;
    line-height: 1.2;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__guest-platform-summary span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    overflow: hidden;
    color: rgba(17, 20, 17, 0.52);
    font-size: 11px;
    font-weight: 680;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__guest-platform-summary i {
    flex: 0 0 3px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(17, 20, 17, 0.22);
}

/* Guest Moments uses the owner control geometry without source-management UI. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__guest-platform-summary {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source-row {
    position: relative !important;
    inset: auto !important;
    z-index: 5 !important;
    width: 100% !important;
    min-height: 46px !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin: -8px 0 0 !important;
    padding: 3px 16px 5px !important;
    overflow: visible !important;
    border: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source.is-guest-unavailable {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__import-row {
    position: relative !important;
    inset: auto !important;
    z-index: 5 !important;
    display: grid !important;
    /* `auto` instead of a fixed 40px: the trailing action is display:none for
       guests, and a fixed track kept reserving its width, so the search bar
       stopped ~64px short of the cards below it. */
    grid-template-columns: minmax(0, 1fr) auto !important;
    width: 100% !important;
    align-items: center !important;
    /* No gap: the trailing action collapses to 0 for guests, and an 8px gap
       after it still pushed the search bar in from the right edge. */
    gap: 0 !important;
    margin: 0 !important;
    /* 8px gutters match the timeline cards below, so the search bar lines up
       with the content it filters. */
    padding: 2px 8px 10px !important;
    border: 0 !important;
    background: #ffffff !important;
    pointer-events: auto !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__search {
    display: grid !important;
    width: 100% !important;
    min-height: 42px !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(17, 20, 17, 0.09) !important;
    border-radius: 14px !important;
    background: #f7f8f7 !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline #mobile-import-library-source-input {
    min-width: 0 !important;
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    font-size: 13px !important;
    font-weight: 620 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline #mobile-import-library-source-input::placeholder {
    color: rgba(17, 20, 17, 0.42) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.42) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__search-action {
    display: inline-grid !important;
    width: 40px !important;
    height: 40px !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(17, 20, 17, 0.08) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #111411 !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__import-row {
    position: relative !important;
    inset: auto !important;
    z-index: 5;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0 !important;
    padding: 2px 16px 10px !important;
    border: 0;
    background: #ffffff;
    pointer-events: auto;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__search {
    display: grid;
    width: 100%;
    min-height: 42px;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 9px;
    padding: 0 13px;
    border: 1px solid rgba(17, 20, 17, 0.09);
    border-radius: 14px;
    background: #f7f8f7;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__search::before {
    content: "\f002";
    color: rgba(17, 20, 17, 0.52);
    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__search > .mobile-import-library__platform-badge {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) #mobile-import-library-source-input {
    min-width: 0;
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    font-size: 13px !important;
    font-weight: 620 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) #mobile-import-library-source-input::placeholder {
    color: rgba(17, 20, 17, 0.42) !important;
    -webkit-text-fill-color: rgba(17, 20, 17, 0.42) !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__search-action {
    display: inline-grid !important;
    width: 40px;
    height: 40px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(17, 20, 17, 0.08);
    border-radius: 50%;
    background: #ffffff;
    color: rgba(17, 20, 17, 0.68);
    font-size: 14px;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__build-btn {
    display: none !important;
}

/* Compact owner source drawer: an inline utility surface, not a second sheet. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__body {
    padding-bottom: calc(154px + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: calc(154px + env(safe-area-inset-bottom, 0px));
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__list {
    padding-bottom: 0;
    scroll-padding-bottom: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__list::after {
    display: none;
    min-height: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-state,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline):has(.mobile-import-library__platform-state:not([hidden])) .mobile-import-library__platform-state {
    position: relative !important;
    inset: auto !important;
    z-index: 5;
    width: 100%;
    margin: 0;
    padding: 0 16px 10px;
    background: #ffffff;
    isolation: auto;
    pointer-events: auto;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-state::before {
    display: none;
    content: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace {
    display: grid;
    gap: 7px;
    padding: 9px;
    border: 1px solid rgba(17, 20, 17, 0.075);
    border-radius: 14px;
    background: #f7f8f7;
    box-shadow: none;
    animation: mobile-import-source-drawer-in 180ms cubic-bezier(0.2, 0.75, 0.25, 1) both;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 8px;
    min-height: 32px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head .mobile-import-library__platform-badge {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(17, 20, 17, 0.07);
    border-radius: 9px;
    background: #ffffff;
    color: #111411;
    font-size: 12px;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head b {
    display: block;
    overflow: hidden;
    color: #111411;
    -webkit-text-fill-color: #111411;
    font-size: 13px;
    font-weight: 780;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head em {
    display: block;
    margin-top: 2px;
    color: rgba(17, 20, 17, 0.46);
    -webkit-text-fill-color: rgba(17, 20, 17, 0.46);
    font-size: 10px;
    font-style: normal;
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head button {
    display: inline-grid;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(17, 20, 17, 0.08);
    border-radius: 10px;
    background: #ffffff;
    color: #111411;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head button span {
    display: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__platform-workspace-head button i {
    font-size: 11px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources {
    display: block;
    max-height: none;
    min-height: 0;
    overflow: hidden;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources .mobile-import-library__account-sources {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__selected-sources .mobile-import-library__account-sources span {
    min-height: 27px;
    max-width: 190px;
    border: 1px solid rgba(17, 20, 17, 0.075);
    border-radius: 9px;
    background: #ffffff;
    padding: 0 5px 0 9px;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px;
    align-items: center;
    gap: 6px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import .mobile-import-library__source-entry {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(17, 20, 17, 0.08);
    border-radius: 11px;
    background: #ffffff !important;
    color: #111411 !important;
    -webkit-text-fill-color: #111411 !important;
    font-size: 12px;
    font-weight: 650;
    line-height: 36px;
    text-align: left;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__source-entry:empty::before {
    color: rgba(17, 20, 17, 0.4);
    -webkit-text-fill-color: rgba(17, 20, 17, 0.4);
    text-align: left;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import button {
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid rgba(17, 20, 17, 0.1);
    border-radius: 11px;
    background: #ffffff;
    color: #111411;
    -webkit-text-fill-color: #111411;
    font-size: 11px;
    font-weight: 760;
    letter-spacing: 0;
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__inline-import button:disabled {
    border-color: rgba(17, 20, 17, 0.06);
    background: rgba(17, 20, 17, 0.035);
    color: rgba(17, 20, 17, 0.32);
    -webkit-text-fill-color: rgba(17, 20, 17, 0.32);
    opacity: 1;
}

@keyframes mobile-import-source-drawer-in {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* NIL Moments provider thumbnails: embeds open after selection, never as feed chrome. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover {
    --provider-accent: #5f6b66;
    position: absolute;
    inset: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #171a18;
    color: #ffffff;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover.is-youtube { --provider-accent: #e62117; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover.is-soundcloud { --provider-accent: #f4511e; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover.is-facebook { --provider-accent: #1877f2; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover.is-tiktok { --provider-accent: #24f2ea; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover.is-bandlab { --provider-accent: #f75023; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover.is-twitch { --provider-accent: #9146ff; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover.is-googledrive { --provider-accent: #34a853; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover.is-dropbox { --provider-accent: #0061ff; }

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover > img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-art {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: grid;
    place-items: center;
    background: #171a18;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-art::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
    background: var(--provider-accent);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-mark {
    position: relative;
    z-index: 2;
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 26px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-bars {
    position: absolute;
    right: 24px;
    bottom: 28%;
    left: 24px;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    opacity: 0.3;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-bars i {
    display: block;
    width: 5px;
    border-radius: 999px;
    background: var(--provider-accent);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-bars i:nth-child(1),
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-bars i:nth-child(5) { height: 18px; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-bars i:nth-child(2),
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-bars i:nth-child(4) { height: 34px; }
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-bars i:nth-child(3) { height: 48px; }

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover:has(> img) .mobile-import-library__provider-cover-art {
    z-index: 2;
    place-items: start end;
    padding: 14px;
    background: linear-gradient(180deg, transparent 48%, rgba(5, 7, 6, 0.66));
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover:has(> img) .mobile-import-library__provider-cover-mark {
    display: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover:has(> img) .mobile-import-library__provider-cover-bars {
    display: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover:has(> img) .mobile-import-library__provider-cover-art::before {
    display: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #111411;
    -webkit-text-fill-color: #111411;
    font-size: 16px;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
    transform: translate(-50%, -50%);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    backdrop-filter: blur(16px) saturate(125%);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__provider-cover-play i {
    margin-left: 3px;
    color: #111411;
    -webkit-text-fill-color: #111411;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline:not(.is-guest-timeline) .mobile-import-library__month-card .mobile-import-library__story-search {
    display: none !important;
}
.bloc-byte-youtube-cover .bloc-byte-youtube-duration {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 4;
    padding: 3px 6px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.82);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    pointer-events: none;
}

.bloc-byte-youtube-cover.is-playing .bloc-byte-youtube-duration {
    display: none;
}

html body #mobile-import-library .mobile-import-library__inline-platform-icon svg {
    color: inherit !important;
}

html body #mobile-import-library .mobile-import-library__inline-platform-icon svg [fill="currentColor"] {
    color: inherit !important;
    fill: currentColor !important;
}

html body #mobile-import-library .mobile-import-library__inline-platform-icon svg [stroke="currentColor"] {
    color: inherit !important;
    stroke: currentColor !important;
}

html body #mobile-import-library.mobile-import-library .mobile-import-library__search-action[hidden] {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__import-row.has-no-search-action {
    grid-template-columns: minmax(0, 1fr) !important;
}

/* Edge-to-edge moments feed.
   The spine was dropped: with the date on the card its dots marked nothing, and the
   rail cost ~32px of card width. Months now read as boundary markers, not banners. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list {
    padding: 0 !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-right: 0;
    padding-left: 0;
}

.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card::before,
.mobile-import-library.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group::before,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-icon,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-date {
    display: none;
}

/* Month divider: sticky so it marks the boundary while you scroll that section. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card {
    position: sticky;
    top: 0;
    z-index: 4;
    min-height: 0;
    margin: 0;
    padding: 10px 18px 8px;
    border-top: 1px solid rgba(17, 20, 17, 0.08);
    background: var(--story-paper);
    box-shadow: none;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card:first-of-type {
    border-top: 0;
}

/* The first month repeats the range in the header above, so it keeps only the search control. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card.is-labelless {
    position: static;
    padding: 0 18px;
    border-top: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-card.is-labelless .mobile-import-library__month-row {
    justify-content: flex-end;
    min-height: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-row {
    align-items: baseline;
    gap: 8px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-title {
    font-size: 12px;
    font-weight: 760;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__month-meta {
    display: none;
}

/* Cards keep their radius and gap, but the media runs to the screen edges. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group {
    padding-top: 0;
    padding-bottom: 0;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-stack {
    gap: 10px;
    width: 100%;
    padding: 10px 8px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 16px;
    overflow: hidden;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item-meta-date {
    color: inherit;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Stills size to their media: recruiting graphics are composed top-to-bottom,
   so a fixed ratio with object-fit: cover crops the headline away. Video and
   embeds keep the ratio above, having no intrinsic height to flow from. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-media-image,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-media-image.is-story-featured {
    aspect-ratio: auto;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-media-image .mobile-import-library__thumb {
    position: relative;
    inset: auto;
    height: auto;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__item.is-media-image .mobile-import-library__thumb img {
    height: auto;
    object-fit: contain;
}

/* The platform row is gone from the timeline: it filtered a feed whose whole
   premise is that it unifies sources, and Import Sources already owns account
   management. The moment count moved into the search placeholder. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__source-row,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__source-row,
html body #mobile-import-library.mobile-import-library.is-posted-bytes-timeline .mobile-import-library__source-row,
html body #mobile-import-library.mobile-import-library.is-guest-timeline .mobile-import-library__source-row {
    display: none !important;
}


/* The listing's photographs, for choosing the app's own picture.
   Square cells so the grid reads evenly whatever shape the pictures are --
   object-fit crops rather than letterboxing, the way the hero does. */
html body #mobile-import-library .mobile-import-library__place-photos {
    margin: 12px 0 2px !important;
}

html body #mobile-import-library .mobile-import-library__place-photos-label {
    margin: 0 0 9px !important;
    color: #85858d !important;
    -webkit-text-fill-color: #85858d !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

html body #mobile-import-library .mobile-import-library__place-photo-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
}

html body #mobile-import-library .mobile-import-library__place-photo {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f1f1f3 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

html body #mobile-import-library .mobile-import-library__place-photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html body #mobile-import-library .mobile-import-library__place-photo:active {
    opacity: 0.72 !important;
}

/* The one in use keeps its place in the grid and is marked instead, so
   changing it is the same tap as choosing it was. */
html body #mobile-import-library .mobile-import-library__place-photo.is-current {
    box-shadow: 0 0 0 2.5px #101114 !important;
}

html body #mobile-import-library .mobile-import-library__place-photo.is-current i {
    position: absolute !important;
    right: 6px !important;
    bottom: 6px !important;
    display: grid !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #101114 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 10px !important;
}

/* Guest empty state for an app with no published moments.
   Open space under the hero: no search bar, no dark list paper, no card. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-timeline-empty.is-timeline-empty .mobile-import-library__import-hint,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-timeline-empty.is-timeline-empty .mobile-import-library__import-row {
    display: none !important;
}

/* .is-timeline-empty is doubled on purpose: the hero stylesheet paints this
   list #111411 with a body.is-athlete-hero chain, and this has to outrank it. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-timeline-empty.is-timeline-empty .mobile-import-library__list.is-empty {
    padding: 0 !important;
    background: transparent !important;
    --story-paper: transparent;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline.is-guest-timeline .mobile-import-library__guest-empty {
    display: grid;
    justify-items: center;
    gap: 26px;
    width: min(100%, 420px);
    margin: 6px auto 0;
    padding: 26px 8px 12px;
    text-align: center;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-ghosts {
    display: grid;
    gap: 14px;
    width: 100%;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.55) 60%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.55) 60%, transparent 100%);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-row {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-tile,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-lines i {
    display: block;
    background: linear-gradient(90deg, rgba(17, 17, 17, 0.06), rgba(17, 17, 17, 0.11), rgba(17, 17, 17, 0.06));
    background-size: 220% 100%;
    animation: mobileImportSkeleton 1800ms ease-in-out infinite;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-tile {
    width: 64px;
    height: 64px;
    border-radius: 18px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-lines {
    display: grid;
    gap: 10px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-lines i {
    height: 12px;
    border-radius: 999px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-lines i:first-child {
    width: 72%;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-lines i:last-child {
    width: 46%;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-copy b {
    display: block;
    color: #111111;
    -webkit-text-fill-color: #111111;
    font-size: 19px;
    font-weight: 850;
    letter-spacing: -0.01em;
    line-height: 1.15;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-copy p {
    max-width: 30ch;
    margin: 6px auto 0;
    color: rgba(17, 17, 17, 0.56);
    -webkit-text-fill-color: rgba(17, 17, 17, 0.56);
    /* mobile.html forces every light-theme color to #000 !important; opacity is
       the one channel that blanket rule leaves alone. */
    opacity: 0.56;
    font-size: 13px;
    font-weight: 620;
    line-height: 1.42;
}

@media (prefers-reduced-motion: reduce) {
    html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-tile,
    html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__guest-empty-lines i {
        animation: none;
    }
}

/* Owner setup for an app with no published moments. Same open space as the
   guest state: copy, platform chips, one field, one link, ghost rows. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup {
    display: grid;
    justify-items: center;
    gap: 18px;
    width: min(calc(100% - 40px), 420px);
    margin: 4px auto 0;
    padding: 26px 0 12px;
    text-align: center;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-copy b {
    display: block;
    color: #111111;
    -webkit-text-fill-color: #111111;
    font-size: 22px;
    font-weight: 880;
    letter-spacing: -0.01em;
    line-height: 1.1;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-copy p {
    max-width: 36ch;
    margin: 7px auto 0;
    opacity: 0.56;
    font-size: 13px;
    font-weight: 620;
    line-height: 1.42;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platforms {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 4px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 13px 0 7px;
    border: 1px solid rgba(17, 17, 17, 0.1);
    border-radius: 999px;
    background: #ffffff;
    color: #111111;
    font-size: 12px;
    font-weight: 780;
    line-height: 1;
    box-shadow: none !important;
    cursor: pointer;
    opacity: 0.62;
    transition: opacity 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
    -webkit-tap-highlight-color: transparent;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform.is-active {
    border-color: #111111;
    box-shadow: 0 0 0 1px #111111 !important;
    opacity: 1;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform-icon {
    display: inline-flex;
    flex: 0 0 auto;
}

/* The template fills every svg shape black; the outline marks (Instagram,
   YouTube) authored with fill="none" have to keep it or they turn into blobs. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform-icon svg [fill="none"] {
    fill: none !important;
    stroke: currentColor;
}

/* Marks with a knocked-out shape (YouTube's play triangle) paint it in the
   badge background colour; on a plain white pill that is white. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform-icon {
    --platform-badge-bg: #ffffff;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform-icon svg [fill^="var("] {
    fill: #ffffff !important;
}

/* platformBadgeMarkup() hands back a bare <svg> or <i>, so size the glyph itself. */
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    color: #111111;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform-icon i {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-platform-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 9px;
    background: rgba(17, 17, 17, 0.05);
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-connect {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 52px;
    margin: 2px 0 0;
    padding: 0 18px;
    border: 0;
    border-radius: 16px;
    background: #111111 !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 820;
    letter-spacing: 0.01em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-connect i,
html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-connect span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-create {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 6px 4px;
    border: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #111111;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup-create i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1.5px solid rgba(17, 17, 17, 0.7);
    border-radius: 999px;
    font-size: 11px;
}

html body #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__owner-setup .mobile-import-library__guest-empty-ghosts {
    margin-top: 10px;
}

/* While Connected Accounts is open it is the whole screen. The per-platform
   workspace that pops up once an import sets the active platform would sit on
   top of the panel title, so it waits until the panel closes. */
html body.import-accounts-open #mobile-import-library.mobile-import-library .mobile-import-library__platform-state {
    display: none !important;
}
.mobile-import-library__scope-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    margin: 8px 0 18px;
    border: 0;
    background: transparent;
}
.mobile-import-library__scope-tabs[hidden] { display: none !important; }
.mobile-import-library__scope-tabs button {
    position: relative; min-width: 0; padding: 14px 5px 13px; border: 0;
    background: transparent; color: #777; font: inherit; font-size: 15px;
    font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mobile-import-library__scope-tabs button::after {
    content: ''; position: absolute; left: 30%; right: 30%; bottom: 5px;
    height: 3px; border-radius: 999px; background: transparent;
}
.mobile-import-library__scope-tabs button.is-active { color: #111; }
.mobile-import-library__scope-tabs button.is-active::after { background: #111; }

/* Media scope switcher: keep this visually flat and dimensionally stable.
   The timeline's general button/card rules are intentionally overridden here. */
html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 8px 0 18px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-tabs[hidden] {
    display: none !important;
}

html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-tabs > button {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 14px 6px 13px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #737373 !important;
    font: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transform: none !important;
}

html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-tabs > button::after {
    content: '' !important;
    position: absolute !important;
    right: 31% !important;
    bottom: 4px !important;
    left: 31% !important;
    width: auto !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-tabs > button.is-active {
    background: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
}

html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-tabs > button.is-active::after {
    background: #111111 !important;
}

/* Scope changes should feel like one timeline replacing another, not like the
   entire Media page has fallen back to its large black startup skeleton. */
html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 260px;
    padding: 38px 20px 110px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #777777;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-loading-spinner {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    border: 2px solid rgba(17, 17, 17, 0.16);
    border-top-color: #111111;
    border-radius: 50%;
    animation: mobile-import-library-scope-spin 700ms linear infinite;
}

@keyframes mobile-import-library-scope-spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    html body #mobile-import-library.mobile-import-library .mobile-import-library__scope-loading-spinner {
        animation: none;
        border-top-color: rgba(17, 17, 17, 0.16);
    }
}