/* Staging Profile Home: a personal room before the profile archive. */
.profile-home-beta[hidden],
.profile-home-beta [hidden] { display: none !important; }

:where(body.profile-home-beta-enabled) .profile-home-beta {
    --theme-accent: var(--friendspace-accent-color, #f97316);
    --profile-home-theme-layer: none;
    --profile-home-pattern-layer: none;
    --profile-home-pattern-size: auto;
    position: relative;
    display: block;
    margin-bottom: 1.35rem;
    padding: clamp(1rem, 2vw, 1.6rem);
    overflow: hidden;
    border: 1px solid rgba(249, 115, 22, .24);
    border-top: 4px solid var(--theme-accent, #f97316);
    border-radius: 1.35rem;
    color: var(--text-primary-color);
    background-color: var(--card-bg-color);
    background-image: var(--profile-home-pattern-layer), var(--profile-home-theme-layer);
    background-position: 0 0, center, center, center;
    background-repeat: repeat, no-repeat, no-repeat, no-repeat;
    background-size: var(--profile-home-pattern-size), cover, cover, cover;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .1);
}

.profile-home-beta__sticker {
    position: absolute;
    z-index: 2;
    top: 1rem;
    right: 1.1rem;
    color: var(--theme-accent);
    font-family: Georgia, serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .18em;
    transform: rotate(7deg);
    pointer-events: none;
}

.profile-home-beta[data-profile-font="editorial"] :is(.profile-home-beta__intro h2, .profile-home-beta__prompt, h3) { font-family: Georgia, 'Times New Roman', serif; }
.profile-home-beta[data-profile-font="rounded"] :is(.profile-home-beta__intro h2, .profile-home-beta__prompt, h3) { font-family: ui-rounded, 'Trebuchet MS', Arial, sans-serif; }
.profile-home-beta[data-profile-font="typewriter"] :is(.profile-home-beta__intro h2, .profile-home-beta__prompt, h3) { font-family: 'Courier New', monospace; letter-spacing: -.035em; }

/* Color themes own only the palette layer. They never replace a Card Style or
   texture, which keeps every editor combination predictable. */
.profile-home-beta[data-profile-theme="theme-dark"] { --profile-home-theme-layer: radial-gradient(circle at 16% 0, rgba(255,107,53,.18), transparent 31%), radial-gradient(circle at 86% 100%, rgba(41,196,255,.09), transparent 35%), linear-gradient(145deg, #171d2d, #141a29 58%, #1d1830); }
.profile-home-beta[data-profile-theme="theme-y2k-electric"] { --profile-home-theme-layer: radial-gradient(circle at 8% 0, rgba(69,226,255,.24), transparent 29%), radial-gradient(circle at 92% 88%, rgba(174,255,55,.16), transparent 28%), linear-gradient(145deg, #f8faff, #e8eeff); }
.profile-home-beta[data-profile-theme="theme-sunset"] { --profile-home-theme-layer: radial-gradient(circle at 88% 0, rgba(233,85,47,.18), transparent 31%), radial-gradient(circle at 8% 100%, rgba(42,177,166,.12), transparent 29%), linear-gradient(145deg, #fff8ef, #fffdf9 58%, #fff0df); }
.profile-home-beta[data-profile-theme="theme-forest"] { --profile-home-theme-layer: repeating-linear-gradient(-3deg, rgba(23,26,23,.026) 0 1px, transparent 1px 8px), linear-gradient(145deg, #fffdf5, #f4f1e6 62%, #eef0df); }
.profile-home-beta[data-profile-theme="theme-velvet-rope"] { --profile-home-theme-layer: radial-gradient(circle at 90% 8%, rgba(191,145,60,.16), transparent 29%), linear-gradient(145deg, #fffaf4, #fff 60%, #f7e9e5); }
.profile-home-beta[data-profile-theme="theme-ocean"] { --profile-home-theme-layer: repeating-radial-gradient(ellipse at 100% 100%, transparent 0 24px, rgba(8,127,140,.06) 25px 26px), linear-gradient(145deg, #f4ffff, #fcffff 62%, #e1f2f3); }
.profile-home-beta[data-profile-theme="theme-rose"] { --profile-home-theme-layer: radial-gradient(circle at 8% 4%, rgba(179,48,113,.15), transparent 28%), radial-gradient(circle at 90% 92%, rgba(111,95,190,.12), transparent 30%), linear-gradient(145deg, #fff7fc, #fffcff 62%, #f1e9f7); }
.profile-home-beta[data-profile-theme="theme-studio-minimal"] { --profile-home-theme-layer: linear-gradient(90deg, rgba(23,25,28,.032) 1px, transparent 1px), linear-gradient(rgba(23,25,28,.032) 1px, transparent 1px), linear-gradient(145deg, #fff, #f6f7f8); }
.profile-home-beta[data-profile-theme="theme-friendspace-glow"] { --profile-home-theme-layer: radial-gradient(circle at 90% 0, rgba(101,70,215,.16), transparent 30%), radial-gradient(circle at 0 100%, rgba(0,200,255,.14), transparent 33%), linear-gradient(145deg, #fff, #f4f7ff); }

.profile-home-beta[data-profile-theme="theme-default"] { --profile-home-theme-layer: none; }

/* Card Style owns physical treatment only: shape, border and shadow. Theme
   colors remain authoritative in every combination. */
.profile-home-beta[data-profile-card-style="scrapbook"] { border-style: dashed; border-radius: 1.35rem; box-shadow: 0 18px 44px rgba(15,23,42,.1); }
.profile-home-beta[data-profile-card-style="scrapbook"][data-profile-pattern="default"] { --profile-home-pattern-layer: radial-gradient(circle at 1px 1px, rgba(var(--button-primary-bg-rgb), .13) 1px, transparent 1.5px); --profile-home-pattern-size: 19px 19px; }
.profile-home-beta[data-profile-card-style="scrapbook"] .profile-home-beta__tape { display: block; }

.profile-home-beta[data-profile-card-style="studio"] { border-style: solid; border-radius: .7rem; box-shadow: 0 16px 38px rgba(15,23,42,.08); }
.profile-home-beta[data-profile-card-style="studio"] .profile-home-beta__panel { border-radius: .55rem; box-shadow: none; }
.profile-home-beta[data-profile-card-style="studio"] .profile-home-beta__person { border-radius: .8rem; transform: none; }

.profile-home-beta[data-profile-card-style="night-radio"] { border: 2px solid color-mix(in srgb, var(--border-color-soft) 58%, var(--theme-accent) 42%); border-radius: .55rem; box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--card-bg-color) 92%, var(--theme-accent) 8%), 0 20px 42px rgba(15,23,42,.14); }
.profile-home-beta[data-profile-card-style="night-radio"] :is(.profile-home-beta__panel, .profile-home-beta__builder, .profile-home-beta__checklist-item) { border: 1px solid color-mix(in srgb, var(--border-color-soft) 70%, var(--theme-accent) 30%); border-radius: .45rem; box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--card-bg-color) 95%, var(--theme-accent) 5%); }
.profile-home-beta[data-profile-card-style="night-radio"] .profile-home-beta__person { border-radius: .35rem; }

.profile-home-beta[data-profile-card-style="polaroid-pop"] { border-width: 3px; border-color: var(--theme-accent); border-radius: .75rem 2rem .9rem 1.5rem; box-shadow: 9px 10px 0 color-mix(in srgb, var(--theme-accent) 26%, transparent); }
.profile-home-beta[data-profile-card-style="polaroid-pop"] .profile-home-beta__panel { border-width: 2px; box-shadow: 4px 5px 0 rgba(15,23,42,.1); }
.profile-home-beta[data-profile-card-style="polaroid-pop"] .profile-home-beta__panel--current { transform: rotate(-.35deg); }

.profile-home-beta[data-profile-pattern="grid"] { --profile-home-pattern-layer: conic-gradient(from 90deg at 1px 1px, transparent 25%, rgba(var(--button-primary-bg-rgb), .11) 0); --profile-home-pattern-size: 24px 24px; }
.profile-home-beta[data-profile-pattern="stars"] { --profile-home-pattern-layer: radial-gradient(circle, rgba(var(--button-primary-bg-rgb), .24) 1.2px, transparent 1.7px); --profile-home-pattern-size: 26px 26px; }
.profile-home-beta[data-profile-pattern="aurora"] { --profile-home-pattern-layer: linear-gradient(135deg, rgba(56,189,248,.16), transparent 34%, rgba(244,114,182,.14) 66%, rgba(52,211,153,.13)); --profile-home-pattern-size: cover; }

.profile-home-beta__tape {
    display: none;
    position: absolute;
    top: -.25rem;
    left: 50%;
    width: 7.5rem;
    height: 1.1rem;
    border: 1px solid rgba(180, 83, 9, .12);
    background: rgba(254, 215, 170, .76);
    box-shadow: 0 2px 5px rgba(120, 53, 15, .08);
    transform: translateX(-50%) rotate(-1.5deg);
}

.profile-home-beta__header,
.profile-home-beta__actions,
.profile-home-beta__panel-heading,
.profile-home-beta__builder-heading,
.profile-home-beta__anthem,
.profile-home-beta__checklist-item,
.profile-home-beta__checklist-copy {
    display: flex;
    align-items: center;
}

.profile-home-beta__header {
    position: relative;
    z-index: 1;
    justify-content: space-between;
    gap: 1.5rem;
    padding: .35rem .2rem 1.15rem;
}

.profile-home-beta__intro { min-width: 0; }
.profile-home-beta__eyebrow > span[hidden],
.profile-home-beta [data-profile-home-action][hidden] { display: none !important; }

.profile-home-beta__eyebrow,
.profile-home-beta__panel-label,
.profile-home-beta__builder-heading p {
    color: var(--theme-accent, #ea580c);
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .115em;
    text-transform: uppercase;
}

.profile-home-beta__eyebrow {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0 0 .3rem;
}

.profile-home-beta__eyebrow span {
    padding: .15rem .42rem;
    border: 1px solid rgba(249, 115, 22, .28);
    border-radius: 999px;
    letter-spacing: .08em;
    background: color-mix(in srgb, var(--card-bg-color) 86%, var(--theme-accent) 14%);
}

.profile-home-beta__intro h2 {
    margin: 0;
    color: var(--text-primary-color);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    font-weight: 700;
    line-height: 1.1;
}

.profile-home-beta__intro > p:last-child {
    max-width: 46rem;
    margin: .42rem 0 0;
    color: var(--text-secondary-color);
    font-size: .9rem;
    line-height: 1.55;
}

.profile-home-beta__actions {
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.profile-home-beta__actions button,
.profile-home-beta__panel-heading button,
.profile-home-beta__checklist-item button {
    display: inline-flex;
    min-height: 2.45rem;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .52rem .75rem;
    border: 1px solid rgba(100, 116, 139, .22);
    border-radius: 999px;
    color: var(--text-primary-color);
    background: var(--card-bg-color);
    font-size: .74rem;
    font-weight: 750;
    transition: border-color .16s ease, color .16s ease, background-color .16s ease, transform .16s ease;
}

.profile-home-beta__actions button:hover,
.profile-home-beta__actions button:focus-visible,
.profile-home-beta__panel-heading button:hover,
.profile-home-beta__panel-heading button:focus-visible,
.profile-home-beta__checklist-item button:hover,
.profile-home-beta__checklist-item button:focus-visible {
    border-color: rgba(249, 115, 22, .42);
    color: var(--theme-accent, #ea580c);
    background: color-mix(in srgb, var(--card-bg-color) 84%, var(--theme-accent) 16%);
    outline: none;
    transform: translateY(-1px);
}

.profile-home-beta__actions [data-profile-home-owner-action] {
    border-color: transparent;
    color: var(--button-primary-text-color, #fff);
    background: var(--button-primary-bg, #f97316);
}

.profile-home-beta__actions [data-profile-home-owner-action]:hover,
.profile-home-beta__actions [data-profile-home-owner-action]:focus-visible {
    color: var(--button-primary-text-color, #fff);
    background: var(--button-primary-hover-bg, #ea580c);
}

.profile-home-beta__custom {
    position: relative;
    z-index: 1;
    margin-bottom: 1rem;
    padding: .3rem;
    border: 1px dashed rgba(249, 115, 22, .3);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--card-bg-color) 90%, transparent);
}

.profile-home-beta__custom .profile-safe-html-welcome {
    margin: 0;
    box-shadow: none;
}

.profile-home-beta__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(17rem, .82fr);
    grid-template-areas:
        'current circle'
        'current anthem';
    gap: .85rem;
}

.profile-home-beta[data-profile-divider="tape"] .profile-home-beta__grid::before,
.profile-home-beta[data-profile-divider="dots"] .profile-home-beta__grid::before,
.profile-home-beta[data-profile-divider="wave"] .profile-home-beta__grid::before {
    content: '';
    position: absolute;
    z-index: 3;
    top: -.52rem;
    left: 8%;
    width: 84%;
    height: .42rem;
    pointer-events: none;
}
.profile-home-beta[data-profile-divider="tape"] .profile-home-beta__grid::before { background: rgba(254,215,170,.78); box-shadow: 0 2px 5px rgba(120,53,15,.08); transform: rotate(-.35deg); }
.profile-home-beta[data-profile-divider="dots"] .profile-home-beta__grid::before { border-top: 4px dotted var(--theme-accent); }
.profile-home-beta[data-profile-divider="wave"] .profile-home-beta__grid::before { border-radius: 999px; background: linear-gradient(90deg,var(--theme-accent),#38bdf8,#ec4899,var(--theme-accent)); opacity: .7; }

.profile-home-beta__panel {
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 1rem;
    background: var(--card-bg-color);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .055);
}

.profile-home-beta__panel--current {
    position: relative;
    grid-area: current;
    display: flex;
    min-height: 15.5rem;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: clamp(1.15rem, 2.5vw, 2rem);
    border-left: 5px solid var(--theme-accent, #f97316);
    background: linear-gradient(118deg, color-mix(in srgb, var(--card-bg-color) 84%, var(--theme-accent) 16%), var(--card-bg-color) 62%);
}

.profile-home-beta[data-profile-theme="theme-default"] .profile-home-beta__panel--current {
    background: var(--card-bg-color);
}

.profile-home-beta__panel--current::after {
    content: '“';
    position: absolute;
    right: 1rem;
    bottom: -2.75rem;
    color: rgba(249, 115, 22, .09);
    font-family: Georgia, serif;
    font-size: 12rem;
    line-height: 1;
    pointer-events: none;
}

.profile-home-beta__panel--circle { grid-area: circle; }
.profile-home-beta__panel--anthem { grid-area: anthem; }

.profile-home-beta__panel-label {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .48rem;
}

.profile-home-beta__prompt {
    position: relative;
    z-index: 1;
    max-width: 42rem;
    margin: 0;
    color: var(--text-primary-color);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.25rem, 2.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.24;
}

.profile-home-beta__answer {
    position: relative;
    z-index: 1;
    max-width: 44rem;
    margin: .65rem 0 0;
    color: var(--text-secondary-color);
    font-size: .95rem;
    line-height: 1.65;
}

.profile-home-beta__interests {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: 1rem;
}

.profile-home-beta__interests span {
    padding: .28rem .58rem;
    border: 1px solid rgba(249, 115, 22, .2);
    border-radius: 999px;
    color: var(--text-secondary-color);
    background: color-mix(in srgb, var(--card-bg-color) 84%, var(--theme-accent) 16%);
    font-size: .7rem;
    font-weight: 700;
}

.profile-home-beta__panel-heading {
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.profile-home-beta__panel-heading .profile-home-beta__panel-label { margin: 0 0 .15rem; }
.profile-home-beta__panel-heading h3,
.profile-home-beta__builder-heading h3 {
    margin: 0;
    color: var(--text-primary-color);
    font-size: 1rem;
    font-weight: 800;
}
.profile-home-beta__panel-heading button { min-height: 2rem; padding: .35rem .58rem; font-size: .68rem; }

.profile-home-beta__circle {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
}

.profile-home-beta__person {
    min-width: 0;
    padding: .34rem .28rem .42rem;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: .4rem;
    background: color-mix(in srgb, var(--card-bg-color) 92%, var(--theme-accent) 8%);
    box-shadow: 0 4px 9px rgba(15, 23, 42, .08);
    text-align: center;
    transform: rotate(var(--profile-home-tilt, 0deg));
}

.profile-home-beta__person:nth-child(1) { --profile-home-tilt: -1.5deg; }
.profile-home-beta__person:nth-child(2) { --profile-home-tilt: 1deg; }
.profile-home-beta__person:nth-child(3) { --profile-home-tilt: -.7deg; }
.profile-home-beta__person:nth-child(4) { --profile-home-tilt: 1.4deg; }

.profile-home-beta__person img,
.profile-home-beta__person-placeholder {
    display: grid;
    width: 100%;
    aspect-ratio: 1;
    place-items: center;
    border-radius: .25rem;
    object-fit: cover;
    background: rgba(226, 232, 240, .9);
    color: #94a3b8;
}

.profile-home-beta__person span {
    display: block;
    margin-top: .32rem;
    overflow: hidden;
    color: var(--text-primary-color);
    font-size: .62rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-home-beta__anthem { display: flex; align-items: center; gap: .8rem; }
.profile-home-beta__anthem-heading { margin-bottom: .65rem; }
.profile-home-beta__anthem-heading .profile-home-beta__panel-label { margin-bottom: 0; }

.profile-home-beta__anthem-art {
    position: relative;
    display: grid;
    width: 4.15rem;
    height: 4.15rem;
    flex: 0 0 4.15rem;
    place-items: center;
    overflow: hidden;
    border-radius: .75rem;
    color: #fff;
    background: linear-gradient(145deg, #172033, #334155);
    box-shadow: 0 7px 16px rgba(15, 23, 42, .2);
}

.profile-home-beta__anthem-art img { width: 100%; height: 100%; object-fit: cover; }
.profile-home-beta__anthem-art i { font-size: 1.35rem; }
.profile-home-beta__anthem-copy { min-width: 0; }
.profile-home-beta__anthem-copy strong,
.profile-home-beta__anthem-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-home-beta__anthem-copy strong { color: var(--text-primary-color); font-size: .92rem; }
.profile-home-beta__anthem-copy span { margin-top: .2rem; color: var(--text-secondary-color); font-size: .73rem; }
.profile-home-beta__anthem-copy em { display: block; margin-top: .38rem; color: var(--theme-accent, #ea580c); font-size: .66rem; font-style: normal; font-weight: 750; }
.profile-home-beta__anthem-native { display: block; }
.profile-home-beta__anthem-native #profile-music-placeholder { width: 100%; }
.profile-home-beta__anthem-native #profile-music-placeholder > .flex { align-items: center; }
.profile-home-beta__anthem-native #profile-music-placeholder audio { width: 100%; max-width: none; }

.profile-home-beta__builder {
    position: relative;
    z-index: 1;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed rgba(249, 115, 22, .42);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--card-bg-color) 88%, transparent);
}

.profile-home-beta__builder-heading { justify-content: space-between; gap: 1rem; }
.profile-home-beta__builder-heading p { margin: 0 0 .15rem; }
.profile-home-beta__builder-heading > span,
.profile-home-beta__builder-status > span { color: var(--text-secondary-color); font-size: .72rem; font-weight: 750; }
.profile-home-beta__builder-status { display: flex; align-items: center; gap: .55rem; }
.profile-home-beta__builder-status button { padding: .3rem .5rem; border: 0; border-radius: 999px; color: var(--text-secondary-color); background: transparent; font-size: .68rem; font-weight: 750; text-decoration: underline; text-underline-offset: 2px; }
.profile-home-beta__builder-status button:hover, .profile-home-beta__builder-status button:focus-visible { color: var(--theme-accent); outline: none; }
.profile-home-beta__progress { height: .36rem; margin: .75rem 0; overflow: hidden; border-radius: 999px; background: rgba(148, 163, 184, .2); }
.profile-home-beta__progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--theme-accent, #f97316), #14b8a6); transition: width .3s ease; }
.profile-home-beta[data-profile-theme="theme-default"] .profile-home-beta__progress span { background: var(--theme-accent); }

.profile-home-beta__checklist {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.profile-home-beta__checklist-item {
    min-width: 0;
    justify-content: space-between;
    gap: .55rem;
    padding: .58rem;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: .75rem;
    background: var(--card-bg-color);
}

.profile-home-beta__checklist-copy { min-width: 0; gap: .48rem; }
.profile-home-beta__checklist-copy > i { color: #94a3b8; }
.profile-home-beta__checklist-item.is-ready .profile-home-beta__checklist-copy > i { color: #16a34a; }
.profile-home-beta__checklist-copy span { overflow: hidden; color: var(--text-primary-color); font-size: .7rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.profile-home-beta__checklist-item button { min-height: 1.9rem; padding: .32rem .48rem; font-size: .64rem; }

body.profile-home-beta-enabled #profile-content-grid { margin-top: 1rem; }
body.profile-home-beta-enabled .profile-home-beta-empty { display: none !important; }
body.profile-home-beta-enabled .profile-home-beta-duplicate { display: none !important; }
body.profile-home-beta-enabled .profile-home-user-hidden { display: none !important; }
body.profile-home-beta-enabled .profile-journey-nav a[hidden] { display: none !important; }
body.profile-home-beta-enabled:not(.profile-business) #profile-basics-card > .space-y-2 > div:first-child,
body.profile-home-beta-enabled:not(.profile-business) #profile-basics-card > .space-y-2 > hr:first-of-type { display: none; }

.profile-home-beta-conversation {
    width: min(100%, 64rem);
    margin: 1.5rem auto 0;
}

.profile-home-beta-conversation .profile-flow-heading { margin-bottom: .8rem; }
.profile-home-beta-conversation #posts-feed { min-width: 0; }

body.profile-home-beta-enabled .friendspace-photo-deck__stage {
    height: clamp(17rem, 36vw, 28rem);
    min-height: 0;
}

body.profile-home-beta-enabled .friendspace-photo-deck__image { max-height: min(62vh, 28rem); }

body.profile-home-beta-enabled #profile-notes {
    position: relative;
    border: 1px solid color-mix(in srgb, var(--theme-accent) 30%, var(--border-color-soft));
    border-left: 5px solid var(--theme-accent);
    background-image: repeating-linear-gradient(0deg, transparent 0 30px, rgba(var(--button-primary-bg-rgb), .075) 31px), linear-gradient(145deg, var(--card-bg-color), color-mix(in srgb, var(--card-bg-color) 92%, var(--theme-accent) 8%));
}
body.profile-home-beta-enabled #profile-notes::after { content: ''; position: absolute; top: -.35rem; right: 2.25rem; width: 4.5rem; height: 1rem; border: 1px solid rgba(var(--button-primary-bg-rgb), .2); background: rgba(254,215,170,.72); transform: rotate(2deg); pointer-events: none; }
body.profile-home-beta-enabled #profile-notes .profile-heading-sm { font-family: Georgia,'Times New Roman',serif; font-size: 1.18rem; }
body.profile-home-beta-enabled #profile-notes #profile-wall-comments-feed > * { background: color-mix(in srgb, var(--card-bg-color) 91%, var(--theme-accent) 9%); }

body.theme-default.profile-home-beta-enabled #profile-notes {
    background-color: var(--card-bg-color);
    background-image: none;
}
body.theme-default.profile-home-beta-enabled #profile-notes::after { display: none; }

body.profile-home-beta-enabled .profile-home-beta__panel--circle { border-top: 4px solid var(--theme-accent); }
body.profile-home-beta-enabled .profile-home-beta__panel--circle .profile-home-beta__panel-heading h3::after { content: '  •  TOP 4'; color: var(--theme-accent); font-size: .55rem; letter-spacing: .1em; vertical-align: middle; }
body.profile-home-beta-enabled .profile-home-beta__panel--anthem { position: relative; overflow: hidden; border-bottom: 4px solid #172033; }
body.profile-home-beta-enabled .profile-home-beta__panel--anthem::after { content: ''; position: absolute; right: -1.8rem; bottom: -2.1rem; width: 7rem; height: 7rem; border: 1rem solid rgba(15,23,42,.055); border-radius: 50%; box-shadow: inset 0 0 0 .7rem rgba(15,23,42,.035); pointer-events: none; }
body.profile-home-beta-enabled .profile-home-beta__anthem-native { position: relative; z-index: 1; }

.profile-theme-personality-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; margin-top: .7rem; }
.profile-theme-scope-note { margin: .45rem 0 0; color: var(--text-secondary-color); font-size: .68rem; line-height: 1.45; }
.profile-theme-personality-grid button { display: grid; grid-template-columns: 2.35rem minmax(0,1fr); min-width: 0; min-height: 3.65rem; column-gap: .65rem; padding: .65rem; border: 1px solid var(--border-color-soft); border-radius: .85rem; background: var(--card-bg-color); color: var(--text-primary-color); text-align: left; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.profile-theme-personality-grid button:hover { border-color: color-mix(in srgb, var(--border-color-soft) 48%, var(--friendspace-accent-color) 52%); transform: translateY(-1px); }
.profile-theme-personality-grid button.is-selected { border-color: var(--friendspace-accent-color); box-shadow: 0 0 0 2px rgba(var(--button-primary-bg-rgb),.15); }
.profile-theme-personality-grid strong, .profile-theme-personality-grid small { display: block; grid-column: 2; min-width: 0; }
.profile-theme-personality-grid strong { align-self: end; font-size: .78rem; }
.profile-theme-personality-grid small { margin-top: .08rem; color: var(--text-secondary-color); font-size: .64rem; line-height: 1.35; }
.profile-theme-personality-swatch { grid-row: 1 / 3; width: 2.35rem; height: 2.35rem; border-radius: .7rem; box-shadow: inset 0 0 0 1px rgba(15,23,42,.1), 0 4px 9px rgba(15,23,42,.08); }
.profile-theme-personality-swatch.is-classic { border-left: .72rem solid #ff7f50; background: #fff; box-shadow: inset -.62rem 0 #f0f2f5, inset 0 0 0 1px rgba(15,23,42,.1), 0 4px 9px rgba(15,23,42,.08); }
.profile-theme-personality-swatch.is-mixtape { background: radial-gradient(circle at 72% 28%,#ff6b35 0 15%,transparent 16%),linear-gradient(135deg,#090d18,#27213b); }
.profile-theme-personality-swatch.is-y2k { background: linear-gradient(135deg,#f8faff 0 28%,#45e2ff 28% 52%,#2855d9 52% 78%,#aeff37 78%); }
.profile-theme-personality-swatch.is-polaroid { background: linear-gradient(135deg,#fff8ef 0 36%,#e9552f 36% 68%,#2ab1a6 68%); }
.profile-theme-personality-swatch.is-zine { background: repeating-linear-gradient(-8deg,#fffdf5 0 8px,#171a17 8px 10px,#d9ed91 10px 18px); }
.profile-theme-personality-swatch.is-velvet { background: linear-gradient(135deg,#fffaf4 0 35%,#8c2344 35% 72%,#bf913c 72%); }
.profile-theme-personality-swatch.is-coastal { background: linear-gradient(135deg,#f4ffff 0 36%,#087f8c 36% 70%,#ffb59b 70%); }
.profile-theme-personality-swatch.is-wildflower { background: radial-gradient(circle at 28% 30%,#fffcff 0 14%,transparent 15%),linear-gradient(135deg,#e6e2fa,#b33071); }
.profile-theme-personality-swatch.is-studio { background: linear-gradient(90deg,#fff 0 42%,#17191c 42% 48%,#f1f2f2 48% 72%,#244bc4 72%); }
.profile-theme-personality-swatch.is-future { background: radial-gradient(circle at 28% 22%,#5ce1ff 0 12%,transparent 13%),linear-gradient(135deg,#f7fbff,#6546d7); }

.profile-home-designer { border-top: 4px solid var(--friendspace-accent-color); }
.profile-designer-preview-shell { margin: .9rem 0 1.05rem; padding: .7rem; border: 1px solid var(--border-color-soft); border-radius: 1rem; background: color-mix(in srgb, var(--subtle-bg-color) 72%, var(--card-bg-color) 28%); }
.profile-designer-preview-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: .8rem; padding: 0 .1rem .55rem; }
.profile-designer-preview-heading span, .profile-designer-preview-heading strong { display: block; }
.profile-designer-preview-heading span { color: var(--friendspace-accent-color); font-size: .58rem; font-weight: 850; letter-spacing: .1em; }
.profile-designer-preview-heading strong { margin-top: .12rem; color: var(--text-primary-color); font-size: .76rem; }
.profile-designer-preview-heading small { max-width: 24rem; color: var(--text-secondary-color); font-size: .64rem; line-height: 1.35; text-align: right; }
body.profile-home-beta-enabled .profile-home-beta.profile-home-beta--preview { min-height: 0; margin: 0; padding: .7rem; border-top-width: 3px; }
.profile-home-beta--preview .profile-home-beta__header { display: block; padding: .1rem 0 .6rem; }
.profile-home-beta--preview .profile-home-beta__intro h2 { font-size: 1.08rem; }
.profile-home-beta--preview .profile-home-beta__intro > p:last-child { margin-top: .25rem; font-size: .66rem; line-height: 1.35; }
.profile-home-beta--preview .profile-home-beta__eyebrow { margin-bottom: .2rem; font-size: .56rem; }
.profile-home-beta--preview .profile-home-beta__grid--preview { display: block; }
.profile-designer-preview-card { position: relative; z-index: 1; display: grid; gap: .16rem; padding: .58rem .65rem; border: 1px solid color-mix(in srgb, var(--border-color-soft) 82%, var(--theme-accent) 18%); border-left: 4px solid var(--theme-accent); border-radius: .65rem; background: var(--card-bg-color); }
.profile-designer-preview-card span { color: var(--theme-accent); font-size: .53rem; font-weight: 850; letter-spacing: .1em; }
.profile-designer-preview-card strong { color: var(--text-primary-color); font-size: .76rem; }
.profile-designer-preview-card small { color: var(--text-secondary-color); font-size: .61rem; }
.profile-designer-fieldset { margin-top: 1rem; padding: 0; border: 0; }
.profile-designer-fieldset legend, .profile-designer-layout h4 { margin: 0 0 .5rem; color: var(--text-primary-color); font-size: .8rem; font-weight: 800; }
.profile-designer-fieldset legend small { margin-left: .25rem; color: var(--text-secondary-color); font-size: .64rem; font-weight: 500; }
.profile-designer-card-styles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
.profile-designer-card-styles > button { display: flex; min-width: 0; align-items: center; gap: .65rem; padding: .75rem; border: 1px solid var(--border-color-soft); border-radius: .85rem; background: var(--card-bg-color); color: var(--text-primary-color); text-align: left; }
.profile-designer-card-styles > button > i { display: grid; width: 2.3rem; height: 2.3rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; background: rgba(var(--button-primary-bg-rgb),.12); color: var(--friendspace-accent-color); }
.profile-designer-card-styles > button span, .profile-designer-card-styles > button strong, .profile-designer-card-styles > button small { display: block; min-width: 0; }
.profile-designer-card-styles > button strong { font-size: .78rem; }.profile-designer-card-styles > button small { margin-top: .15rem; color: var(--text-secondary-color); font-size: .66rem; }
.profile-designer-card-styles > button.is-selected { border-color: var(--friendspace-accent-color); background: rgba(var(--button-primary-bg-rgb),.07); box-shadow: 0 0 0 2px rgba(var(--button-primary-bg-rgb),.14); }
.profile-designer-card-styles > button[data-profile-decor-value="default"] { grid-column: 1 / -1; border-style: dashed; }
.profile-designer-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; margin-top: 1rem; }
.profile-designer-controls label { color: var(--text-secondary-color); font-size: .7rem; font-weight: 750; }
.profile-designer-controls select { margin-top: .3rem; }
.profile-designer-layout { margin-top: 1rem; }.profile-designer-layout p { margin: -.35rem 0 .6rem; color: var(--text-secondary-color); font-size: .68rem; }
.profile-designer-sortable { display: grid; gap: .45rem; }
.profile-designer-sort-item { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .7rem; padding: .58rem .65rem; border: 1px solid var(--border-color-soft); border-radius: .7rem; background: var(--card-bg-color); cursor: grab; }
.profile-designer-sort-item.is-dragging { opacity: .5; }.profile-designer-sort-handle { display: flex; min-width: 0; align-items: center; gap: .55rem; color: var(--text-secondary-color); }.profile-designer-sort-handle strong { overflow: hidden; color: var(--text-primary-color); font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.profile-designer-sort-controls { display: flex; gap: .25rem; }.profile-designer-sort-controls button { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--border-color-soft); border-radius: .55rem; background: var(--subtle-bg-color); color: var(--text-secondary-color); }.profile-designer-sort-controls button:disabled { opacity: .32; }
.profile-designer-visibility { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; }
.profile-designer-visibility label, .profile-designer-checklist-toggle { display: flex; min-width: 0; align-items: center; gap: .55rem; padding: .58rem; border: 1px solid var(--border-color-soft); border-radius: .7rem; background: var(--card-bg-color); }
.profile-designer-visibility input, .profile-designer-checklist-toggle input { width: 1rem; height: 1rem; accent-color: var(--friendspace-accent-color); }
.profile-designer-visibility span { display: flex; min-width: 0; align-items: center; gap: .42rem; color: var(--text-primary-color); font-size: .72rem; font-weight: 750; }
.profile-designer-checklist-toggle { margin-top: 1rem; }.profile-designer-checklist-toggle span, .profile-designer-checklist-toggle strong, .profile-designer-checklist-toggle small { display: block; }.profile-designer-checklist-toggle strong { color: var(--text-primary-color); font-size: .75rem; }.profile-designer-checklist-toggle small { margin-top: .12rem; color: var(--text-secondary-color); font-size: .66rem; }
.profile-designer-advanced { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .6rem; margin-top: 1rem; padding: .7rem; border: 1px dashed var(--border-color-soft); border-radius: .75rem; color: var(--text-secondary-color); font-size: .68rem; }.profile-designer-advanced > i { color: var(--friendspace-accent-color); }.profile-designer-advanced button { padding: .4rem .55rem; border: 1px solid var(--border-color-soft); border-radius: 999px; background: var(--card-bg-color); color: var(--text-primary-color); font-size: .66rem; font-weight: 750; }

@media (max-width: 960px) {
    .profile-home-beta__header { align-items: flex-start; }
    .profile-home-beta__actions { max-width: 15rem; }
    .profile-home-beta__grid {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, .8fr);
    }
    .profile-home-beta__checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    body.profile-home-beta-enabled .profile-home-beta {
        margin-bottom: .8rem;
        padding: .85rem;
        border-radius: 1rem;
    }
    .profile-home-beta__tape { width: 5.5rem; }
    .profile-home-beta__header { display: block; padding-top: .55rem; }
    .profile-home-beta__actions { max-width: none; justify-content: flex-start; margin-top: .85rem; }
    .profile-home-beta__actions button { flex: 1 1 auto; min-height: 2.6rem; }
    .profile-home-beta__grid {
        display: grid;
        grid-template-columns: 1fr !important;
        grid-template-areas: none !important;
    }
    .profile-home-beta__panel { grid-area: auto !important; order: var(--profile-home-order, 0); }
    .profile-home-beta__panel--current { min-height: 12rem; }
    .profile-home-beta__checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .profile-home-beta__builder-heading { align-items: flex-start; }
    .profile-home-beta__builder-status { align-items: flex-end; flex-direction: column; gap: .2rem; }
    .profile-home-beta-conversation { margin-top: .9rem; }
    body.profile-home-beta-enabled .friendspace-photo-deck__stage { height: clamp(14rem, 72vw, 22rem); }
    body.profile-home-beta-enabled .friendspace-photo-deck__image { max-height: min(55vh, 22rem); }
    .profile-theme-personality-grid, .profile-designer-card-styles, .profile-designer-controls, .profile-designer-visibility { grid-template-columns: 1fr; }
    .profile-designer-preview-heading { align-items: flex-start; flex-direction: column; gap: .25rem; }
    .profile-designer-preview-heading small { text-align: left; }
    .profile-designer-advanced { grid-template-columns: auto minmax(0,1fr); }
    .profile-designer-advanced button { grid-column: 1 / -1; min-height: 2.35rem; }
}

@media (max-width: 420px) {
    .profile-home-beta__actions button {
        flex: 1 1 calc(33.333% - .35rem);
        min-width: 0;
        padding: .5rem .35rem;
        font-size: .66rem;
        line-height: 1.1;
    }
    .profile-home-beta__circle { gap: .3rem; }
    .profile-home-beta__person { padding: .25rem .2rem .35rem; }
}

@media (max-width: 350px) {
    .profile-home-beta__checklist { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .profile-home-beta__actions button,
    .profile-home-beta__panel-heading button,
    .profile-home-beta__checklist-item button,
    .profile-home-beta__progress span { transition: none; }
}