/* one-tap-wishes.css v1.6.0 - quick pins (owner, 2026-10-19): a small 📌 on the person's pinned ideas in the Create row,
   a round 📌 button left of the star on every All ideas card, the "📌 Pin to front" button on the tapped idea's card
   and "📌 Pin" in My wishes (gold while pinned).
   one-tap-wishes.css v1.5.0 - easy to browse (owner, 2026-10-19): "All ideas" is a gold pill with a grid icon and how
   many ideas it holds, and the row ends with a "See all" chip; All ideas gets a search box, a Saved tab and a star on
   every card, and sits above the Continue window; the moving preview window when pointing at an idea (computers),
   the tapped idea's bigger clip under the row (phones); the one-tap row inside the Continue window.
   one-tap-wishes.css v1.4.0 - lean, never lock: the one-niche styles are gone (All ideas always lists every category);
   a small "New for you" tag on the idea from a kind the person hasn't tried yet.
   one-tap-wishes.css v1.3.0 - the one-niche path in All ideas: the category's name instead of the category buttons
   and a big "Show all categories" button at the end of the list.
   one-tap-wishes.css v1.2.1 - "Use 8 seconds": a scene's suggested length is one tap to confirm, never picked for you.
   one-tap-wishes.css v1.2.0 - ideas with an approved preview show its small looping clip on the button (a still until it
   plays) and in All ideas; whole scenes show their length; the scene line in the hint.
   one-tap-wishes.css v1.1.0 - "All ideas": a quiet button by My wishes and a sheet (bottom sheet on phones, centred
   window on wide screens) with every approved idea by category and its preview video (plays on tap, one at a time).
   one-tap-wishes.css v1.0.0 - the Create page's one-tap ideas row (sorted for each person), the "My wishes" button and
   panel (closed until tapped), the save hint and the save-your-wish form with a photo from the person's own Library.
   The chips themselves use .fs-starter from landing-wish.css. Big taps (44 px+) for one-handed phone use. */

/* .fs-starter sets display: inline-flex, which would beat the hidden attribute. */
.fs-ideas [hidden],
.fs-ideas[hidden] { display: none !important; }

.fs-ideas-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}
.fs-ideas-head .fs-starters-caption { margin: 0; }
.fs-ideas-head { flex-wrap: wrap; }
.fs-ideas-head-actions { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }

.fs-ideas-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    min-height: 44px;
    padding: 6px 14px;
    border: 1px solid var(--accent-primary, #c8a45c);
    border-radius: 999px;
    background: rgba(200, 164, 92, 0.14);
    color: var(--text-primary, #fff);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    touch-action: manipulation;
}
.fs-ideas-all-btn:hover { background: rgba(200, 164, 92, 0.24); }
.fs-ideas-all-btn:focus-visible { outline: 2px solid var(--accent-primary, #c8a45c); outline-offset: 2px; }
/* Four small squares: "a whole list" in any language. */
.fs-ideas-all-icon {
    display: inline-block;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    background:
        linear-gradient(currentColor, currentColor) 0 0 / 6px 6px no-repeat,
        linear-gradient(currentColor, currentColor) 100% 0 / 6px 6px no-repeat,
        linear-gradient(currentColor, currentColor) 0 100% / 6px 6px no-repeat,
        linear-gradient(currentColor, currentColor) 100% 100% / 6px 6px no-repeat;
    border-radius: 2px;
    opacity: 0.9;
}
.fs-ideas-all-count {
    min-width: 22px;
    padding: 1px 7px;
    border-radius: 999px;
    background: var(--accent-primary, #c8a45c);
    color: #1a1726;
    font-size: 0.75rem;
    text-align: center;
}

.fs-ideas-mine-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    min-height: 44px;
    padding: 6px 14px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.18));
    border-radius: 999px;
    background: transparent;
    color: var(--text-primary, #fff);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    touch-action: manipulation;
}
.fs-ideas-mine-btn[aria-expanded="true"],
.fs-ideas-mine-btn:hover { border-color: var(--accent-primary, #c8a45c); }
.fs-ideas-mine-btn:focus-visible,
.fs-ideas-panel button:focus-visible,
.fs-ideas-save-hint button:focus-visible {
    outline: 2px solid var(--accent-primary, #c8a45c);
    outline-offset: 2px;
}
.fs-ideas-count {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--accent-primary, #c8a45c);
    color: #1a1726;
    font-size: 0.75rem;
    text-align: center;
}

/* Ideas without a picture (the neutral directions) read as plain chips. */
.fs-starter--text { padding: 4px 14px; }

.fs-ideas--empty .fs-starters-row { display: none; }

.fs-ideas-save-hint { margin: 6px 0 0; }
.fs-ideas-save-hint button {
    min-height: 44px;
    max-width: 100%;
    padding: 6px 12px;
    border: 1px dashed var(--accent-primary, #c8a45c);
    border-radius: 12px;
    background: transparent;
    color: var(--text-primary, #fff);
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fs-ideas-panel {
    margin: 8px 0 4px;
    padding: 12px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.18));
    border-radius: 14px;
    background: var(--bg-secondary, #1d1b2b);
    color: var(--text-primary, #fff);
}
.fs-ideas-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.fs-ideas-panel-title { margin: 0; font-size: 1rem; }
.fs-ideas-panel-close {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-primary, #fff);
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}
.fs-ideas-panel-body { max-height: min(55vh, 420px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.fs-mine-section { margin-top: 8px; }
.fs-mine-title {
    margin: 0 0 6px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.fs-mine-list { margin: 0; padding: 0; list-style: none; }
.fs-mine-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
}
.fs-mine-item:last-child { border-bottom: 0; }
.fs-mine-use {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 52px;
    align-items: center;
    gap: 10px;
    padding: 4px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    touch-action: manipulation;
}
.fs-mine-use:hover { background: rgba(200, 164, 92, 0.1); }
.fs-mine-use img {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
}
.fs-mine-use span { display: flex; flex-direction: column; min-width: 0; }
.fs-mine-use strong,
.fs-mine-use small {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fs-mine-use small { color: var(--text-secondary, rgba(255, 255, 255, 0.7)); font-size: 0.78rem; }
.fs-mine-actions { display: flex; flex-shrink: 0; gap: 4px; }
.fs-mine-action {
    min-height: 44px;
    padding: 6px 10px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.18));
    border-radius: 10px;
    background: transparent;
    color: var(--text-primary, #fff);
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    touch-action: manipulation;
}
.fs-mine-action:disabled { opacity: 0.5; cursor: default; }
.fs-ideas-empty,
.fs-ideas-note {
    margin: 8px 0;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    font-size: 0.85rem;
}
.fs-ideas-panel-actions { margin-top: 10px; }
.fs-ideas-primary {
    min-height: 48px;
    width: 100%;
    padding: 8px 16px;
    border: 0;
    border-radius: 12px;
    background: var(--accent-primary, #c8a45c);
    color: #1a1726;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    touch-action: manipulation;
}
.fs-ideas-primary:disabled { opacity: 0.6; cursor: default; }

.fs-ideas-form { margin-top: 10px; }
.fs-ideas-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
    font-size: 0.85rem;
    font-weight: 600;
}
.fs-ideas-field textarea,
.fs-ideas-field input {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.18));
    border-radius: 10px;
    background: var(--bg-tertiary, #252336);
    color: var(--text-primary, #fff);
    font: inherit;
    font-size: 16px; /* no zoom on iPhone */
    font-weight: 400;
}
.fs-ideas-photo { margin-bottom: 10px; }
.fs-ideas-photo-chosen { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.fs-ideas-photo-chosen img { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; }
.fs-photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    gap: 6px;
    max-height: 240px;
    margin-top: 6px;
    overflow-y: auto;
}
.fs-photo-grid .fs-ideas-note { grid-column: 1 / -1; }
.fs-photo-pick {
    aspect-ratio: 1;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background: var(--bg-tertiary, #252336);
    overflow: hidden;
    cursor: pointer;
}
.fs-photo-pick:hover,
.fs-photo-pick:focus-visible { border-color: var(--accent-primary, #c8a45c); }
.fs-photo-pick img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fs-ideas-error { min-height: 1em; margin: 4px 0; color: #ff8a80; font-size: 0.85rem; }
.fs-ideas-error:empty { display: none; }
.fs-ideas-form-actions { display: flex; gap: 8px; }
.fs-ideas-form-actions .fs-ideas-primary { flex: 1 1 auto; width: auto; }

@media (max-width: 380px) {
    .fs-ideas-head { flex-wrap: wrap; }
    .fs-mine-action { padding: 6px 8px; }
}


/* ---------------------------------------------------------------- All ideas sheet */
.fs-browse[hidden] { display: none !important; }
.fs-browse {
    position: fixed;
    inset: 0;
    /* Above the Continue window (2000), which opens it too. */
    z-index: 2100;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.fs-browse-backdrop { position: absolute; inset: 0; background: rgba(8, 6, 14, 0.66); }
.fs-browse-sheet {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 88vh;
    max-height: 88dvh;
    padding: 10px 12px calc(12px + env(safe-area-inset-bottom, 0px));
    border-radius: 18px 18px 0 0;
    background: var(--bg-secondary, #1a1726);
    color: var(--text-primary, #fff);
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.45);
}
@media (min-width: 760px) {
    .fs-browse { align-items: center; padding: 24px; }
    .fs-browse-sheet { width: min(980px, 100%); max-height: 86vh; border-radius: 18px; padding: 14px 18px 18px; }
}
.fs-browse-head { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fs-browse-title { margin: 0; font-size: 1.05rem; font-weight: 700; }
.fs-browse-close {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}
.fs-browse-cats {
    flex-shrink: 0;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 8px 0 10px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.fs-browse-cats::-webkit-scrollbar { display: none; }
.fs-browse-cats button {
    flex-shrink: 0;
    min-height: 40px;
    padding: 6px 14px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.18));
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 0.85rem;
    cursor: pointer;
    touch-action: manipulation;
}
.fs-browse-cats button[aria-pressed="true"] {
    border-color: var(--accent-primary, #c8a45c);
    background: var(--accent-primary, #c8a45c);
    color: #1a1726;
    font-weight: 700;
}
.fs-browse-cats small { opacity: 0.7; margin-left: 4px; }
.fs-browse-body {
    flex: 1 1 auto;
    min-height: 120px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}
.fs-browse-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 560px) { .fs-browse-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .fs-browse-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fs-browse-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.14));
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}
.fs-browse-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    padding: 0;
    border: 0;
    background: linear-gradient(160deg, #2b2440, #15121f);
    color: inherit;
    cursor: pointer;
    overflow: hidden;
}
.fs-browse-media img,
.fs-browse-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fs-browse-media--text { cursor: default; display: flex; align-items: center; justify-content: center; padding: 10px; font-size: 0.85rem; text-align: center; color: var(--text-secondary, rgba(255, 255, 255, 0.75)); }
.fs-browse-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    pointer-events: none;
}
.fs-browse-media.is-playing .fs-browse-play { display: none; }
.fs-browse-info { display: flex; flex-direction: column; gap: 6px; padding: 8px; }
.fs-browse-label {
    margin: 0;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.5em;
}
.fs-browse-use {
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    background: var(--accent-primary, #c8a45c);
    color: #1a1726;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    touch-action: manipulation;
}
.fs-browse-use:focus-visible,
.fs-browse-media:focus-visible,
.fs-browse-close:focus-visible,
.fs-browse-cats button:focus-visible { outline: 2px solid var(--accent-primary, #c8a45c); outline-offset: 2px; }
.fs-browse-empty { margin: 16px 4px; color: var(--text-secondary, rgba(255, 255, 255, 0.75)); font-size: 0.9rem; }
body.fs-browse-lock { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .fs-browse-sheet { transition: none; } }

/* v1.2.0: the preview's looping clip on a button; the still picture shows until the clip plays. */
.fs-starter.fs-starter--preview { padding: 4px 12px 4px 4px; min-height: 60px; border-radius: 16px; }
.fs-starter-media {
    position: relative;
    flex-shrink: 0;
    width: 40px;
    height: 52px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--bg-secondary, #1a1826);
}
.fs-starter .fs-starter-media { white-space: normal; text-overflow: clip; }
.fs-starter-media img,
.fs-starter-media video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    pointer-events: none;
}
.fs-starter-media video { opacity: 0; transition: opacity 0.2s ease; }
.fs-starter-media.is-moving video { opacity: 1; }
.fs-starter-len {
    flex-shrink: 0;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(200, 164, 92, 0.18);
    color: var(--accent-primary, #c8a45c);
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}
.fs-ideas-save-hint .fs-ideas-length-btn {
    display: block;
    margin: 0 0 6px;
    border-style: solid;
    font-weight: 600;
}
.fs-ideas-scene-note { margin: 0 0 6px; font-size: 0.85rem; color: var(--text-secondary, rgba(255, 255, 255, 0.75)); }
.fs-browse-loop { position: absolute; inset: 0; }
.fs-browse-loop video { opacity: 0; transition: opacity 0.2s ease; }
.fs-browse-loop.is-moving video { opacity: 1; }
.fs-browse-media.is-playing .fs-browse-loop { display: none; }
.fs-browse-len { margin: 2px 0 6px; font-size: 0.78rem; color: var(--text-secondary, rgba(255, 255, 255, 0.7)); }
@media (prefers-reduced-motion: reduce) {
    .fs-starter-media video, .fs-browse-loop video { transition: none; }
}

/* "New for you": one idea from a kind the person hasn't tried yet (the same one for a few days). */
.fs-starter-new {
    flex-shrink: 0;
    padding: 1px 6px;
    border: 1px solid rgba(200, 164, 92, 0.55);
    border-radius: 999px;
    color: var(--accent-primary, #c8a45c);
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

/* ---------------------------------------------------------------- v1.5.0: easy to browse */

/* "See all" at the end of the row. */
.fs-starter.fs-starter--more {
    padding: 4px 14px;
    border-style: dashed;
    border-color: var(--accent-primary, #c8a45c);
    color: var(--accent-light, #e8cc94);
}
.fs-starter.fs-starter--more .fs-ideas-all-icon { width: 12px; height: 12px; background-size: 5px 5px; }

/* The tapped idea: its moving clip, name and Save (on Create under the row; in Continue under its row). */
.fs-picked { display: flex; align-items: flex-start; gap: 10px; }
.fs-picked-media {
    position: relative;
    flex-shrink: 0;
    width: 72px;
    height: 96px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--bg-secondary, #1a1826);
    box-shadow: 0 0 0 1px rgba(200, 164, 92, 0.45);
}
.fs-picked-media img,
.fs-picked-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.fs-picked-media video { opacity: 0; transition: opacity 0.2s ease; }
.fs-picked-media.is-moving video { opacity: 1; }
.fs-picked-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1 1 auto; }
.fs-picked-label { margin: 0; font-size: 0.9rem; font-weight: 700; overflow-wrap: anywhere; }
.fs-picked-text .fs-ideas-scene-note { margin: 0; }
.fs-picked-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.fs-ideas-save-hint .fs-picked-actions .fs-ideas-length-btn { display: inline-block; margin: 0; }
.fs-ideas-save-hint .fs-picked-actions button { flex: 0 1 auto; }
.fs-ideas-save-hint .fs-ideas-save-hint-btn[aria-pressed="true"] { border-style: solid; color: var(--accent-light, #e8cc94); }
.fs-picked-text .fs-ideas-note { margin: 0; }

/* Pointing at an idea on a computer: its clip in a small window over the row. */
.fs-ideas-peek[hidden] { display: none !important; }
.fs-ideas-peek {
    position: fixed;
    z-index: 2200;
    width: 168px;
    padding: 6px;
    border: 1px solid rgba(200, 164, 92, 0.55);
    border-radius: 16px;
    background: var(--bg-secondary, #1a1726);
    color: var(--text-primary, #fff);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
    pointer-events: none;
}
.fs-ideas-peek-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 11px;
    overflow: hidden;
    background: linear-gradient(160deg, #2b2440, #15121f);
}
.fs-ideas-peek-media img,
.fs-ideas-peek-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fs-ideas-peek-media video { opacity: 0; transition: opacity 0.2s ease; }
.fs-ideas-peek-media.is-moving video { opacity: 1; }
.fs-ideas-peek-label { margin: 6px 2px 2px; font-size: 0.8rem; font-weight: 600; line-height: 1.25; }

/* All ideas: search, the Saved tab and a star on every card. */
.fs-browse-search { position: relative; flex-shrink: 0; margin-top: 8px; }
.fs-browse-search input {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 8px 44px 8px 38px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.18));
    border-radius: 12px;
    background: var(--bg-tertiary, #252336);
    color: var(--text-primary, #fff);
    font: inherit;
    font-size: 16px; /* no zoom on iPhone */
    -webkit-appearance: none;
    appearance: none;
}
[dir="rtl"] .fs-browse-search input { padding: 8px 38px 8px 44px; }
.fs-browse-search input::-webkit-search-cancel-button { display: none; }
.fs-browse-search input:focus-visible { outline: none; border-color: var(--accent-primary, #c8a45c); box-shadow: 0 0 0 2px rgba(200, 164, 92, 0.35); }
/* A magnifier drawn in CSS: a ring and a handle. */
.fs-browse-search-icon {
    position: absolute;
    top: 50%;
    inset-inline-start: 13px;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    border: 2px solid var(--text-secondary, rgba(255, 255, 255, 0.7));
    border-radius: 50%;
    pointer-events: none;
}
.fs-browse-search-icon::after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: -4px;
    width: 6px;
    height: 2px;
    background: var(--text-secondary, rgba(255, 255, 255, 0.7));
    transform: rotate(45deg);
}
.fs-browse-search-clear {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: var(--text-secondary, rgba(255, 255, 255, 0.75));
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}
.fs-browse-search-clear[hidden] { display: none; }
.fs-browse-found { margin: 0 2px 10px; color: var(--text-secondary, rgba(255, 255, 255, 0.75)); font-size: 0.85rem; }
.fs-browse-card { position: relative; }
.fs-browse-star {
    position: absolute;
    top: 4px;
    inset-inline-end: 4px;
    z-index: 2;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(8, 6, 14, 0.62);
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    touch-action: manipulation;
}
.fs-browse-star[aria-pressed="true"] { color: var(--accent-primary, #c8a45c); }
.fs-browse-star:disabled { opacity: 0.6; cursor: default; }
.fs-browse-star:focus-visible { outline: 2px solid var(--accent-primary, #c8a45c); outline-offset: 2px; }
.fs-browse-media--still { cursor: default; }
.fs-browse-info .fs-ideas-note { margin: 0; font-size: 0.8rem; }
.fs-browse-own { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 2px 4px; }
.fs-browse-own .fs-ideas-note { margin: 0; }

/* The one-tap row inside the Continue window, between its heading and its box. */
.fs-ideas--continue { margin: 4px 0 8px; }
.fs-ideas--continue .fs-ideas-save-hint { margin-bottom: 4px; }

@media (prefers-reduced-motion: reduce) {
    .fs-picked-media video, .fs-ideas-peek-media video { transition: none; }
}

/* ---------------------------------------------------------------- v1.6.0: quick pins */

.fs-starter-pin { flex-shrink: 0; font-size: 0.8rem; line-height: 1; }
.fs-browse-pin {
    position: absolute;
    top: 4px;
    inset-inline-end: 52px;
    z-index: 2;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(8, 6, 14, 0.62);
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
    touch-action: manipulation;
    filter: grayscale(1);
    opacity: 0.75;
}
.fs-browse-pin[aria-pressed="true"] { filter: none; opacity: 1; box-shadow: inset 0 0 0 2px var(--accent-primary, #c8a45c); }
.fs-browse-pin:disabled { opacity: 0.5; cursor: default; }
.fs-browse-pin:focus-visible { outline: 2px solid var(--accent-primary, #c8a45c); outline-offset: 2px; }
.fs-mine-action[aria-pressed="true"] { border-color: var(--accent-primary, #c8a45c); color: var(--accent-light, #e8cc94); }