body.wallpaper-page-active{background-image:linear-gradient(rgba(255,255,255,var(--wallpaper-overlay-opacity,.82)),rgba(255,255,255,var(--wallpaper-overlay-opacity,.82))),var(--custom-wallpaper-url);background-size:var(--custom-wallpaper-size,cover);background-position:var(--custom-wallpaper-position,center);background-attachment:fixed;background-repeat:var(--custom-wallpaper-repeat,no-repeat)}:is(html[data-theme=dark],html[data-theme=lavender_night],html[data-theme=midnight_slate],html[data-theme=high_contrast]) body.wallpaper-page-active,body.dark.wallpaper-page-active{background-image:linear-gradient(rgba(7,10,18,var(--wallpaper-overlay-opacity-dark,.74)),rgba(7,10,18,var(--wallpaper-overlay-opacity-dark,.74))),var(--custom-wallpaper-url)}
.wallpaper-floating-btn{
    position:fixed;right:max(18px,env(safe-area-inset-left));bottom:max(24px,calc(env(safe-area-inset-bottom) + 70px));z-index:2500;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:12px 18px;border:0;border-radius:999px;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 30%),linear-gradient(135deg,#111827 0%,#7c3aed 45%,#ec4899 100%);box-shadow:0 18px 40px rgba(17,24,39,.32),0 6px 16px rgba(124,58,237,.28);font-weight:900;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.wallpaper-floating-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 22px 48px rgba(17,24,39,.38),0 8px 20px rgba(236,72,153,.3)}.wallpaper-floating-icon{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-size:19px}.wallpaper-floating-text{white-space:nowrap}
.wallpaper-mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid rgba(17,24,39,.12);border-radius:999px;color:#fff;background:linear-gradient(135deg,#111827,#374151);box-shadow:0 6px 16px rgba(0,0,0,.12);font-size:12px;font-weight:850;cursor:pointer}.wallpaper-mini-btn:hover{filter:brightness(1.08)}
.post-card.has-card-wallpaper,.entity-post-card.has-card-wallpaper,.shop-item-card.has-card-wallpaper,.shop-item-detail.has-card-wallpaper,.blog-post-card.has-card-wallpaper,.blog-readable-card.has-card-wallpaper{position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.94)),var(--card-wallpaper-url);background-size:var(--card-wallpaper-size,cover);background-position:var(--card-wallpaper-position,center);background-repeat:var(--card-wallpaper-repeat,no-repeat);box-shadow:0 18px 40px rgba(17,24,39,.14)}html[data-theme=dark] .post-card.has-card-wallpaper,html[data-theme=dark] .entity-post-card.has-card-wallpaper,html[data-theme=dark] .shop-item-card.has-card-wallpaper,html[data-theme=dark] .shop-item-detail.has-card-wallpaper,html[data-theme=dark] .blog-post-card.has-card-wallpaper,html[data-theme=dark] .blog-readable-card.has-card-wallpaper{background-image:linear-gradient(rgba(10,15,26,.72),rgba(10,15,26,.86)),var(--card-wallpaper-url)}
.blog-post-card.has-card-wallpaper{overflow:visible!important}
.wallpaper-overlay-group{display:grid;gap:10px;padding:14px 16px;border-radius:20px;background:rgba(248,250,252,.95);border:1px solid rgba(15,23,42,.08)}.wallpaper-overlay-group.hidden{display:none!important}.wallpaper-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wallpaper-overlay-head strong{color:#0f172a}.wallpaper-overlay-head span{color:#2563eb;font-weight:900}.wallpaper-overlay-range{width:100%}.wallpaper-overlay-note{margin:0;color:#64748b;font-size:13px;line-height:1.45}.wallpaper-preview{--wallpaper-preview-overlay-opacity:.82}.wallpaper-preview::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,var(--wallpaper-preview-overlay-opacity,.82));pointer-events:none}
.wallpaper-modal {
    position: fixed;
    inset: 0;
    z-index: 2147483450;
    display: grid;
    place-items: center;
    padding: 22px;
    pointer-events: auto;
    isolation: isolate;
}
.wallpaper-modal.hidden,
.wallpaper-modal[hidden],
.wallpaper-modal[aria-hidden="true"] {
    display: none !important;
    pointer-events: none !important;
}
.wallpaper-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(5, 8, 15, 0.66);
    backdrop-filter: blur(10px);
    z-index: 0;
}
.wallpaper-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(760px, calc(100vw - 32px));
    max-height: min(760px, 92dvh);
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(255, 255, 255, 0.5);
    pointer-events: auto;
}
.wallpaper-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 24px 16px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.wallpaper-modal-head h2 {
    margin: 0;
    font-size: 24px;
    line-height: 1.05;
}
.wallpaper-modal-head p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}
.wallpaper-modal-close {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 0;
    background: #111827;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}
.wallpaper-form {
    padding: 20px 24px 24px;
    display: grid;
    gap: 16px;
    overflow: hidden;
}
.wallpaper-preview {
    position: relative;
    min-height: 220px;
    border-radius: 24px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 20% 20%, rgba(124, 58, 237, 0.22), transparent 32%),
        linear-gradient(135deg, #e0e7ff, #fce7f3);
    border: 1px solid rgba(15, 23, 42, 0.08);
    background-size: var(--wallpaper-preview-bg-size, cover);
    background-position: var(--wallpaper-preview-bg-position, center);
    background-repeat: var(--wallpaper-preview-bg-repeat, no-repeat);
}
.wallpaper-preview img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    display: block;
}
.wallpaper-preview[data-wallpaper-preview-mode="tile"] img {
    pointer-events: none;
}
.wallpaper-display-group {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 20px;
    background: rgba(248,250,252,.95);
    border: 1px solid rgba(15,23,42,.08);
}
.wallpaper-display-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.wallpaper-display-options label {
    display: grid;
    gap: 3px;
    padding: 10px;
    border: 1px solid #dbe4f0;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
}
.wallpaper-display-options input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.wallpaper-display-options span {
    color: #0f172a;
    font-weight: 900;
}
.wallpaper-display-options small {
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
}
.wallpaper-display-options label:has(input:checked) {
    border-color: #7c3aed;
    background: #f5f3ff;
    box-shadow: inset 0 0 0 1px rgba(124,58,237,.25);
}
.wallpaper-image-admin-note {
    margin: 0;
    padding: 11px 14px;
    border-radius: 16px;
    border: 1px solid rgba(124, 58, 237, 0.2);
    background: rgba(124, 58, 237, 0.08);
    color: #4c1d95;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.35;
}
.wallpaper-image-admin-note.hidden {
    display: none !important;
}
.wallpaper-form.is-image-background-locked .wallpaper-display-group,
.wallpaper-form.is-image-background-locked .wallpaper-file-label {
    display: none !important;
}
.wallpaper-preview-empty {
    color: #334155;
    font-weight: 850;
    text-align: center;
    padding: 20px;
}
.wallpaper-pick-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.wallpaper-file-label,
.wallpaper-save-btn,
.wallpaper-remove-btn {
    border: 0;
    border-radius: 999px;
    padding: 11px 16px;
    font-weight: 850;
    cursor: pointer;
}
.wallpaper-file-label {
    background: #111827;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    overflow: hidden;
}
.wallpaper-file-label input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    cursor: pointer;
}
.wallpaper-save-btn {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
}
.wallpaper-remove-btn {
    background: #fee2e2;
    color: #991b1b;
}
.wallpaper-file-name {
    color: #64748b;
    font-size: 13px;
    min-width: 0;
    flex: 1 1 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wallpaper-file-name.is-success {
    color: #15803d;
    font-weight: 850;
}
.wallpaper-file-name.is-error {
    color: #dc2626;
    font-weight: 850;
}
.wallpaper-progress {
    display: grid;
    gap: 6px;
}
.wallpaper-progress.hidden {
    display: none !important;
}
.wallpaper-progress-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #64748b;
    font-size: 13px;
    font-weight: 750;
}
.wallpaper-progress-bar {
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: #e5e7eb;
}
.wallpaper-progress-fill {
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #2563eb, #ec4899);
    transition: width 0.18s ease;
}
.wallpaper-status {
    min-height: 20px;
    color: #334155;
    font-size: 14px;
    font-weight: 700;
}
.wallpaper-status.is-success {
    color: #15803d;
}
.wallpaper-status.is-error {
    color: #dc2626;
}
.wallpaper-settings-card {
    overflow: hidden;
}
.wallpaper-settings-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}
.wallpaper-settings-head h2 {
    margin-bottom: 4px;
}
.wallpaper-target-grid {
    display: grid;
    gap: 12px;
}
.wallpaper-target-row {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    background: rgb(248 250 252 / 14%);
    border: 1px solid rgba(15, 23, 42, 0.08);
}
.wallpaper-target-thumb {
    width: 78px;
    height: 54px;
    border-radius: 14px;
    object-fit: cover;
    background: linear-gradient(135deg, #e0e7ff, #fce7f3);
    border: 1px solid rgba(15, 23, 42, 0.08);
}
.wallpaper-target-meta strong {
    display: block;
    color: #0f172a;
}
.wallpaper-target-meta small {
    color: #64748b;
}

@media(max-width:700px){.wallpaper-floating-btn{bottom:max(145px,calc(env(safe-area-inset-bottom) + 124px));min-height:48px;padding:10px 14px}.wallpaper-floating-text{display:none}.wallpaper-floating-btn ~ .global-scroll-top-btn{bottom:max(204px,calc(env(safe-area-inset-bottom) + 183px))}.wallpaper-modal{padding:10px;align-items:end}.wallpaper-modal-dialog{width:100%;max-height:88dvh;border-radius:24px 24px 0 0}.wallpaper-target-row{grid-template-columns:64px minmax(0,1fr)}.wallpaper-target-row .wallpaper-mini-btn{grid-column:1/-1}}

.wallpaper-ui-example{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;pointer-events:none;display:flex;justify-content:center}
.wallpaper-ui-example.hidden{display:none!important}
.wallpaper-ui-example-card{--wallpaper-ui-example-alpha:1;max-width:340px;width:min(100%,340px);padding:14px 16px;border-radius:20px;background:rgba(255,255,255,var(--wallpaper-ui-example-alpha,1));border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 38px rgba(15,23,42,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.wallpaper-ui-example-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.wallpaper-ui-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899);display:inline-block;box-shadow:0 8px 18px rgba(124,58,237,.24)}
.wallpaper-ui-example-top strong{display:block;color:#0f172a;font-size:14px}.wallpaper-ui-example-top small{display:block;color:#475569;font-size:12px;margin-top:2px}
.wallpaper-ui-example-lines{display:grid;gap:8px}.wallpaper-ui-example-lines span{display:block;height:10px;border-radius:999px;background:rgba(148,163,184,.36)}.wallpaper-ui-example-lines span:nth-child(2){width:82%}.wallpaper-ui-example-lines span:nth-child(3){width:64%}

body.profile-page .layout-grid .card,
body.profile-page .layout-grid .post-card,
body.profile-page .layout-grid .entity-post-card,
body.profile-page .layout-grid .blog-readable-card,
body.profile-page .layout-grid .shop-item-card,
body.profile-page .layout-grid .shared-profile-card,
body.profile-page .layout-grid .bookmarked-profile-card{
  background-color:rgba(255,255,255,max(.28,var(--profile-ui-alpha,1))) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.home-feed-page .layout-grid .card,
body.home-feed-page .layout-grid .panel,
body.home-feed-page .layout-grid .post-card,
body.home-feed-page .layout-grid .feed-post,
body.home-feed-page .layout-grid .composer-launcher-card,
body.home-feed-page .layout-grid .feed-toolbar-card,
body.home-feed-page .layout-grid .feed-sidebar-stack .card,
body.home-feed-page .layout-grid .feed-sidebar-stack .panel,
body.home-feed-page .layout-grid .shared-profile-card,
body.home-feed-page .layout-grid .bookmarked-profile-card,
body.home-feed-page .layout-grid .empty-state{
  background-color:rgba(255,255,255,max(.28,var(--main-feed-ui-alpha,1))) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
html[data-theme=dark] body.profile-page .layout-grid .card,
html[data-theme=dark] body.profile-page .layout-grid .post-card,
html[data-theme=dark] body.profile-page .layout-grid .entity-post-card,
html[data-theme=dark] body.profile-page .layout-grid .blog-readable-card,
html[data-theme=dark] body.profile-page .layout-grid .shop-item-card,
html[data-theme=dark] body.profile-page .layout-grid .shared-profile-card,
html[data-theme=dark] body.profile-page .layout-grid .bookmarked-profile-card,
body.dark.profile-page .layout-grid .card,
body.dark.profile-page .layout-grid .post-card,
body.dark.profile-page .layout-grid .entity-post-card,
body.dark.profile-page .layout-grid .blog-readable-card,
body.dark.profile-page .layout-grid .shop-item-card,
body.dark.profile-page .layout-grid .shared-profile-card,
body.dark.profile-page .layout-grid .bookmarked-profile-card{
  background-color:rgba(17,24,39,max(.28,var(--profile-ui-alpha,1))) !important;
}
html[data-theme=dark] body.home-feed-page .layout-grid .card,
html[data-theme=dark] body.home-feed-page .layout-grid .panel,
html[data-theme=dark] body.home-feed-page .layout-grid .post-card,
html[data-theme=dark] body.home-feed-page .layout-grid .feed-post,
html[data-theme=dark] body.home-feed-page .layout-grid .composer-launcher-card,
html[data-theme=dark] body.home-feed-page .layout-grid .feed-toolbar-card,
html[data-theme=dark] body.home-feed-page .layout-grid .feed-sidebar-stack .card,
html[data-theme=dark] body.home-feed-page .layout-grid .feed-sidebar-stack .panel,
html[data-theme=dark] body.home-feed-page .layout-grid .shared-profile-card,
html[data-theme=dark] body.home-feed-page .layout-grid .bookmarked-profile-card,
html[data-theme=dark] body.home-feed-page .layout-grid .empty-state,
body.dark.home-feed-page .layout-grid .card,
body.dark.home-feed-page .layout-grid .panel,
body.dark.home-feed-page .layout-grid .post-card,
body.dark.home-feed-page .layout-grid .feed-post,
body.dark.home-feed-page .layout-grid .composer-launcher-card,
body.dark.home-feed-page .layout-grid .feed-toolbar-card,
body.dark.home-feed-page .layout-grid .feed-sidebar-stack .card,
body.dark.home-feed-page .layout-grid .feed-sidebar-stack .panel,
body.dark.home-feed-page .layout-grid .shared-profile-card,
body.dark.home-feed-page .layout-grid .bookmarked-profile-card,
body.dark.home-feed-page .layout-grid .empty-state{
  background-color:rgba(17,24,39,max(.28,var(--main-feed-ui-alpha,1))) !important;
}

/* Mobile wallpaper visibility repair — rollback-safe.
   Keep the original body wallpaper system, but avoid mobile Safari/Chrome hiding it
   behind opaque wrappers or unreliable fixed attachment behavior. */
@media (max-width: 980px) {
  body.has-custom-wallpaper,
  body.wallpaper-page-active {
    background-attachment: scroll !important;
    background-size: var(--custom-wallpaper-size, cover) !important;
    background-position: var(--custom-wallpaper-position, center top) !important;
    background-repeat: var(--custom-wallpaper-repeat, no-repeat) !important;
    background-color: transparent !important;
    min-height: 100dvh;
  }

  body.has-custom-wallpaper .app-shell,
  body.has-custom-wallpaper .layout-grid,
  body.has-custom-wallpaper .main-content,
  body.has-custom-wallpaper .profile-page-wrap,
  body.has-custom-wallpaper .profile-shell,
  body.has-custom-wallpaper .profile-main,
  body.has-custom-wallpaper .profile-main-column,
  body.has-custom-wallpaper .profile-content,
  body.wallpaper-page-active .app-shell,
  body.wallpaper-page-active .layout-grid,
  body.wallpaper-page-active .main-content,
  body.wallpaper-page-active .profile-page-wrap,
  body.wallpaper-page-active .profile-shell,
  body.wallpaper-page-active .profile-main,
  body.wallpaper-page-active .profile-main-column,
  body.wallpaper-page-active .profile-content {
    background: transparent !important;
  }

  body.has-custom-wallpaper .wallpaper-floating-btn,
  body.wallpaper-page-active .wallpaper-floating-btn {
    right: max(14px, env(safe-area-inset-right));
    bottom: max(145px, calc(env(safe-area-inset-bottom) + 124px));
  }
}

@keyframes wallpaperCycleShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.wallpaper-bg-cycle-aurora{--wallpaper-cycle-bg:linear-gradient(120deg,#0f172a 0%,#2563eb 22%,#22d3ee 46%,#a855f7 72%,#0f172a 100%)}
.wallpaper-bg-cycle-neon-dusk{--wallpaper-cycle-bg:linear-gradient(120deg,#111827 0%,#db2777 23%,#f97316 47%,#7c3aed 73%,#111827 100%)}
.wallpaper-bg-cycle-tropical-pulse{--wallpaper-cycle-bg:linear-gradient(120deg,#064e3b 0%,#10b981 24%,#facc15 50%,#06b6d4 76%,#064e3b 100%)}
.wallpaper-bg-cycle-candy-rain{--wallpaper-cycle-bg:linear-gradient(120deg,#be185d 0%,#fb7185 23%,#f0abfc 48%,#60a5fa 74%,#be185d 100%)}
.wallpaper-bg-cycle-solar-flare{--wallpaper-cycle-bg:linear-gradient(120deg,#7c2d12 0%,#ef4444 24%,#f97316 47%,#facc15 72%,#7c2d12 100%)}
.wallpaper-bg-cycle-deep-space{--wallpaper-cycle-bg:linear-gradient(120deg,#020617 0%,#312e81 24%,#0ea5e9 48%,#9333ea 72%,#020617 100%)}
.wallpaper-bg-cycle-river-glow{--wallpaper-cycle-bg:linear-gradient(120deg,#083344 0%,#0e7490 25%,#34d399 50%,#2563eb 75%,#083344 100%)}
.wallpaper-bg-cycle-rose-gold{--wallpaper-cycle-bg:linear-gradient(120deg,#881337 0%,#fb7185 25%,#f9a8d4 48%,#f59e0b 73%,#881337 100%)}
.wallpaper-bg-cycle-peacock{--wallpaper-cycle-bg:linear-gradient(120deg,#164e63 0%,#0891b2 25%,#22c55e 49%,#4338ca 74%,#164e63 100%)}
.wallpaper-bg-cycle-mango-sky{--wallpaper-cycle-bg:linear-gradient(120deg,#92400e 0%,#f59e0b 24%,#fb7185 49%,#38bdf8 75%,#92400e 100%)}
.wallpaper-bg-cycle-lagoon{--wallpaper-cycle-bg:linear-gradient(120deg,#134e4a 0%,#14b8a6 24%,#67e8f9 48%,#0f766e 74%,#134e4a 100%)}
.wallpaper-bg-cycle-firefly{--wallpaper-cycle-bg:linear-gradient(120deg,#1a2e05 0%,#65a30d 24%,#bef264 49%,#facc15 73%,#1a2e05 100%)}
.wallpaper-bg-cycle-amethyst{--wallpaper-cycle-bg:linear-gradient(120deg,#3b0764 0%,#7e22ce 24%,#c084fc 50%,#2563eb 75%,#3b0764 100%)}
.wallpaper-bg-cycle-coral-reef{--wallpaper-cycle-bg:linear-gradient(120deg,#7f1d1d 0%,#fb7185 25%,#fb923c 48%,#14b8a6 73%,#7f1d1d 100%)}
.wallpaper-bg-cycle-electric-lime{--wallpaper-cycle-bg:linear-gradient(120deg,#052e16 0%,#16a34a 24%,#a3e635 48%,#22d3ee 72%,#052e16 100%)}
.wallpaper-bg-cycle-ruby-frost{--wallpaper-cycle-bg:linear-gradient(120deg,#500724 0%,#e11d48 24%,#f0abfc 48%,#bae6fd 73%,#500724 100%)}
.wallpaper-bg-cycle-galaxy-pop{--wallpaper-cycle-bg:linear-gradient(120deg,#0f172a 0%,#6366f1 21%,#ec4899 47%,#facc15 73%,#0f172a 100%)}
.wallpaper-bg-cycle-spring-bloom{--wallpaper-cycle-bg:linear-gradient(120deg,#14532d 0%,#22c55e 24%,#f9a8d4 49%,#fde68a 73%,#14532d 100%)}
.wallpaper-bg-cycle-ember-night{--wallpaper-cycle-bg:linear-gradient(120deg,#111827 0%,#7f1d1d 25%,#f97316 50%,#4c1d95 75%,#111827 100%)}
.wallpaper-bg-cycle-arctic-rainbow{--wallpaper-cycle-bg:linear-gradient(120deg,#075985 0%,#38bdf8 20%,#a7f3d0 42%,#f0abfc 66%,#075985 100%)}
body.wallpaper-page-active.wallpaper-cycle-bg{background-image:linear-gradient(rgba(255,255,255,var(--wallpaper-overlay-opacity,.82)),rgba(255,255,255,var(--wallpaper-overlay-opacity,.82))),var(--wallpaper-cycle-bg)!important;background-size:100% 100%,260% 260%!important;background-position:center,0% 50%!important;background-repeat:no-repeat!important;animation:wallpaperCycleShift var(--wallpaper-cycle-duration,12s) ease-in-out infinite!important}
:is(html[data-theme=dark],html[data-theme=lavender_night],html[data-theme=midnight_slate],html[data-theme=high_contrast]) body.wallpaper-page-active.wallpaper-cycle-bg,body.dark.wallpaper-page-active.wallpaper-cycle-bg{background-image:linear-gradient(rgba(7,10,18,var(--wallpaper-overlay-opacity-dark,.74)),rgba(7,10,18,var(--wallpaper-overlay-opacity-dark,.74))),var(--wallpaper-cycle-bg)!important}
.post-card.has-card-wallpaper.wallpaper-cycle-bg,.entity-post-card.has-card-wallpaper.wallpaper-cycle-bg,.shop-item-card.has-card-wallpaper.wallpaper-cycle-bg,.shop-item-detail.has-card-wallpaper.wallpaper-cycle-bg,.blog-post-card.has-card-wallpaper.wallpaper-cycle-bg,.blog-readable-card.has-card-wallpaper.wallpaper-cycle-bg{background-image:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.94)),var(--wallpaper-cycle-bg)!important;background-size:100% 100%,260% 260%!important;background-position:center,0% 50%!important;background-repeat:no-repeat!important;animation:wallpaperCycleShift var(--wallpaper-cycle-duration,12s) ease-in-out infinite!important}
html[data-theme=dark] .post-card.has-card-wallpaper.wallpaper-cycle-bg,html[data-theme=dark] .entity-post-card.has-card-wallpaper.wallpaper-cycle-bg,html[data-theme=dark] .shop-item-card.has-card-wallpaper.wallpaper-cycle-bg,html[data-theme=dark] .shop-item-detail.has-card-wallpaper.wallpaper-cycle-bg,html[data-theme=dark] .blog-post-card.has-card-wallpaper.wallpaper-cycle-bg,html[data-theme=dark] .blog-readable-card.has-card-wallpaper.wallpaper-cycle-bg{background-image:linear-gradient(rgba(10,15,26,.72),rgba(10,15,26,.86)),var(--wallpaper-cycle-bg)!important}
.wallpaper-cycle-group{display:grid;gap:10px;padding:14px 16px;border-radius:20px;background:rgba(248,250,252,.95);border:1px solid rgba(15,23,42,.08)}
.wallpaper-cycle-speed-group{display:grid;gap:9px;padding:12px 14px;border-radius:18px;background:rgba(248,250,252,.95);border:1px solid rgba(15,23,42,.08)}
.wallpaper-cycle-speed-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.wallpaper-cycle-speed-options button{border:1px solid rgba(15,23,42,.1);border-radius:999px;background:#fff;color:#0f172a;font-size:12px;font-weight:850;padding:8px 7px;cursor:pointer}
.wallpaper-cycle-speed-options button.is-active{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:0 8px 18px rgba(124,58,237,.22)}
.wallpaper-cycle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.wallpaper-cycle-swatch{position:relative;min-height:48px;border:1px solid rgba(15,23,42,.12);border-radius:16px;background:var(--wallpaper-cycle-bg);background-size:260% 260%;background-position:0% 50%;animation:wallpaperCycleShift 14s ease-in-out infinite;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.wallpaper-cycle-swatch span{position:absolute;left:6px;right:6px;bottom:5px;padding:3px 5px;border-radius:999px;background:rgba(15,23,42,.6);color:#fff;font-size:10px;font-weight:850;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wallpaper-cycle-swatch.is-active{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.22),inset 0 0 0 1px rgba(255,255,255,.4)}
.wallpaper-preview.is-cycle-bg{background-image:var(--wallpaper-cycle-bg)!important;background-size:260% 260%!important;background-position:0% 50%!important;background-repeat:no-repeat!important;animation:wallpaperCycleShift var(--wallpaper-cycle-duration,12s) ease-in-out infinite}
.wallpaper-preview-cycle-label{position:relative;z-index:2;display:grid;gap:4px;place-items:center;padding:12px 16px;border-radius:18px;background:rgba(15,23,42,.62);color:#fff;text-align:center;box-shadow:0 16px 34px rgba(15,23,42,.22)}
.wallpaper-preview-cycle-label strong{font-size:18px;line-height:1.1}.wallpaper-preview-cycle-label span{font-size:12px;font-weight:800;opacity:.86}
.wallpaper-target-thumb.wallpaper-cycle-thumb{background:var(--wallpaper-cycle-bg);background-size:260% 260%;background-position:0% 50%;animation:wallpaperCycleShift 14s ease-in-out infinite}
@media(max-width:700px){.wallpaper-cycle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallpaper-cycle-swatch{min-height:44px}}
@media(prefers-reduced-motion:reduce){body.wallpaper-page-active.wallpaper-cycle-bg,.post-card.has-card-wallpaper.wallpaper-cycle-bg,.entity-post-card.has-card-wallpaper.wallpaper-cycle-bg,.shop-item-card.has-card-wallpaper.wallpaper-cycle-bg,.shop-item-detail.has-card-wallpaper.wallpaper-cycle-bg,.blog-post-card.has-card-wallpaper.wallpaper-cycle-bg,.blog-readable-card.has-card-wallpaper.wallpaper-cycle-bg,.wallpaper-cycle-swatch,.wallpaper-preview.is-cycle-bg,.wallpaper-target-thumb.wallpaper-cycle-thumb{animation:none!important}}