@import "profile-typography-PohL3F1.css";
@import "profile-scenery-UFfnizf.css";
@import "profile-interactions-W4tpDP8.css";
@import "profile-about-4rEnmKm.css";

.profile-theme-ocean { --paper:#dcecf0; --surface:#f4fcfc; --surface-soft:#dceff1; --line:#a8cbd0; --ink:#143c47; --muted:#42636c; --primary:#1c6878; --primary-hover:#165261; --green:#1c6878; --sage:#dceff1; }
.profile-theme-sunset { --paper:#f6ddd4; --surface:#fff8ee; --surface-soft:#fce6da; --line:#d6ac97; --ink:#492724; --muted:#76564d; --primary:#a7442f; --primary-hover:#883722; --green:#764534; --sage:#fce6da; }
.profile-theme-gothic { --paper:#171621; --surface:#25212e; --surface-soft:#373044; --line:#766487; --ink:#faf0fc; --muted:#d2bfdc; --primary:#eeb9d8; --primary-hover:#f4d0e5; --primary-ink:#333333; --primary-hover-ink:#333333; --green:#d9c4ec; --green-ink:#333333; --sage:#40354e; --surface-white:#25212e; --peach:#49374b; }
.profile-theme-amber { --paper:#dfcfa8; --surface:#fbf3dc; --surface-soft:#ebddba; --line:#a8976e; --ink:#3f3224; --muted:#6d5b3e; --primary:#855421; --primary-hover:#674019; --green:#655333; --sage:#ebddba; }

.profile-scenery {
    position:relative;
    isolation:isolate;
    min-width:0;
    background-color:var(--paper);
    background-repeat:no-repeat;
    --decor-ink:color-mix(in srgb,var(--primary) 14%,transparent);
    --primary-text:var(--primary-hover);
}
.profile-page {
    --primary-text:var(--primary-hover);
    --field-background:var(--surface);
    --field-ink:var(--ink);
    --field-border:var(--line-strong);
    --field-hover:var(--green);
    --field-focus:var(--green);
    --field-ring:color-mix(in srgb,var(--green) 16%,transparent);
}
.profile-page .avatar--initial { color:var(--text-inverse); }
.profile-scenery::before, .habillage-miniature::before {
    content:'';
    position:absolute;
    inset:0;
    background-image:var(--decor-pattern,none);
    background-size:var(--decor-size,auto);
    pointer-events:none;
    z-index:-1;
}
[data-design-pattern=dots] { --decor-pattern:radial-gradient(var(--decor-ink) 1.5px,transparent 2px); --decor-size:20px 20px; }
[data-design-pattern=grid] { --decor-pattern:linear-gradient(var(--decor-ink) 1px,transparent 1px),linear-gradient(90deg,var(--decor-ink) 1px,transparent 1px); --decor-size:24px 24px; }
[data-design-pattern=stars] { --decor-pattern:radial-gradient(ellipse 2px 8px at 20px 20px,var(--decor-ink) 98%,transparent),radial-gradient(ellipse 8px 2px at 20px 20px,var(--decor-ink) 98%,transparent),radial-gradient(circle at 48px 50px,var(--decor-ink) 1px,transparent 2px); --decor-size:70px 70px; }
[data-design-pattern=petals] { --decor-pattern:radial-gradient(ellipse 5px 9px at 15px 15px,var(--decor-ink) 98%,transparent),radial-gradient(ellipse 9px 5px at 28px 24px,var(--decor-ink) 98%,transparent); --decor-size:64px 64px; }
.profile-scenery > .profile-page { position:relative; background:transparent; }
.profile-public { position:relative; background:transparent; }
.profile-wallpaper { position:fixed; inset:0; z-index:-1; pointer-events:none; }
.profile-wallpaper[data-design-backgroundscroll=scroll] { position:absolute; }
.profile-scenery-content { display:flex; flex-direction:column; min-height:calc(100dvh - var(--header-height)); background:transparent; }
.profile-scenery-content::before { display:none; }
.profile-scenery-content > .profile-page { width:100%; flex:1; }
.profile-scenery-content > .site-footer { color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); margin-bottom:24px; }
.profile-scenery-content > .site-footer a { color:inherit; }
.profile-scenery-content > .site-footer a:focus-visible { outline:2px solid var(--primary); outline-offset:4px; }
.profile-page[data-design-width=narrow] { max-width:calc(var(--page-width-narrow) + 2 * var(--page-gutter)); }
/* Previously saved balanced profiles use the shared wide frame. */
.profile-page[data-design-width=balanced], .profile-page[data-design-width=wide] { max-width:var(--page-width-wide); }
.profile-page[data-design-corners=square] { --profile-card-radius:0px; }
.profile-page[data-design-corners=soft] { --profile-card-radius:var(--radius); }
.profile-page[data-design-corners=round] { --profile-card-radius:28px; }
.profile-page[data-design-border=none] { --profile-card-border:0px solid transparent; }
.profile-page[data-design-border=thin] { --profile-card-border:1px solid var(--line); }
.profile-page[data-design-border=double] { --profile-card-border:4px double var(--line); }
.profile-page[data-design-border=dashed] { --profile-card-border:1px dashed var(--line-strong,var(--line)); }
.profile-page[data-design-shadow=none] { --profile-card-shadow:none; }
.profile-page[data-design-shadow=soft] { --profile-card-shadow:0 8px 24px color-mix(in srgb,var(--ink) 12%,transparent); }
.profile-page[data-design-shadow=offset] { --profile-card-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 22%,transparent); }
.profile-page :is(.profile-header,.profile-main,.profile-module,.profile-section),
.profile-page .builder-block {
    border:var(--profile-card-border,1px solid var(--line));
    border-radius:var(--profile-card-radius,var(--radius));
    box-shadow:var(--profile-card-shadow,none);
}
.profile-page[data-design-corners=soft] .profile-header { border-radius:0 0 var(--radius-small) var(--radius-small); }
.profile-page .builder-block > .profile-module { border:0; box-shadow:none; border-radius:0 0 var(--profile-card-radius,var(--radius)) var(--profile-card-radius,var(--radius)); }
.profile-page .builder-block-tools { border-radius:var(--profile-card-radius,var(--radius)) var(--profile-card-radius,var(--radius)) 0 0; }
.profile-page[data-design-spacing=compact] :is(.profile-layout,.profile-zone) { gap:10px; }
.profile-page[data-design-spacing=airy] :is(.profile-layout,.profile-zone) { gap:24px; }
.profile-page[data-design-headingstyle=plain] :is(.module-heading,.profile-section-heading) { background:var(--surface); border-bottom:0; }
.profile-page[data-design-headingstyle=accent] :is(.module-heading,.profile-section-heading) { background:var(--surface); border-bottom:0; border-left:5px solid var(--primary); }
.profile-page[data-design-headingstyle=accent] .module-heading h2 { color:var(--ink); }
.profile-page[data-design-coverheight=compact] .profile-banner,
.profile-page[data-design-coverheight=compact] .profile-header > .qoops-cover { height:88px; min-height:0; }
.profile-page[data-design-coverheight=tall] .profile-banner,
.profile-page[data-design-coverheight=tall] .profile-header > .qoops-cover { height:clamp(190px,28cqw,340px); }
.profile-page[data-design-coverposition=top] :is(.profile-banner,.profile-banner > img) { object-position:center top; }
.profile-page[data-design-coverposition=bottom] :is(.profile-banner,.profile-banner > img) { object-position:center bottom; }
.profile-page[data-design-coverposition=center] :is(.profile-banner,.profile-banner > img) { object-position:center; }
.profile-page[data-design-portrait=soft] .profile-portrait,
.profile-page[data-design-portrait=soft] .profile-portrait > .avatar:not([data-pixel-art]) { border-radius:20px; }
.profile-page[data-design-portrait=square] .profile-portrait,
.profile-page[data-design-portrait=square] .profile-portrait > .avatar:not([data-pixel-art]) { border-radius:0; }
.profile-page[data-design-header=left] .profile-header .profile-identity--social { grid-template-columns:96px minmax(0,1fr) auto; gap:10px 20px; padding:0 24px 24px; }
.profile-page[data-design-header=left] .profile-portrait { grid-column:1; grid-row:1/4; justify-self:start; }
.profile-page[data-design-header=left] .profile-name { grid-column:2; grid-row:1; text-align:left; padding-top:16px; }
.profile-page[data-design-header=left] .profile-bio { grid-column:2; grid-row:2; text-align:left; justify-self:start; }
.profile-page[data-design-header=left] .profile-social-links { grid-column:2; grid-row:3; justify-content:flex-start; }
.profile-page[data-design-header=left] .profile-actions { grid-column:3; grid-row:1/4; justify-content:flex-end; }
.profile-page[data-design-textsize=large] { --text-base:1.125rem; }
.profile-page[data-design-textsize=large] :is(.preserve-lines,.module-caption,.profile-summary) { line-height:1.65; }
.profile-theme-gothic :is(.badge,.book-cover--text) { color:var(--ink); background:var(--surface-soft); }
.profile-page:is(.profile-theme-midnight,.profile-theme-gothic) .profile-module .module-heading { --module-surface:var(--surface-soft); }

@container profile (max-width:680px) {
    .profile-page[data-design-header=left] .profile-header .profile-identity--social { grid-template-columns:88px minmax(0,1fr); gap:12px; padding-inline:14px; }
    .profile-page[data-design-header=left] .profile-portrait { grid-row:1; width:88px; height:88px; }
    .profile-page[data-design-header=left] .profile-portrait > .avatar:not([data-pixel-art]) { width:78px; height:78px; }
    .profile-page[data-design-header=left] .profile-name { grid-row:1; padding-top:12px; }
    .profile-page[data-design-header=left] .profile-bio { grid-column:1/-1; grid-row:2; }
    .profile-page[data-design-header=left] .profile-social-links { grid-column:1/-1; grid-row:3; }
    .profile-page[data-design-header=left] .profile-actions { grid-column:1/-1; grid-row:4; justify-content:flex-start; }
    .profile-page[data-design-spacing=airy] :is(.profile-layout,.profile-zone) { gap:18px; }
    .profile-page[data-design-corners=round] { --profile-card-radius:20px; }
}
@media (prefers-contrast:more), (forced-colors:active) {
    .profile-scenery::before { display:none; }
    .profile-page :is(.profile-header,.profile-main,.profile-module,.profile-section) { border:1px solid currentColor; box-shadow:none; }
}

/* Saved custom colors own profile actions as well as card surfaces. */
.profile-page.has-custom-colors { --green:var(--primary-text); --green-ink:var(--primary-ink); --sage:var(--surface-soft); --peach:var(--surface-soft); }
