.auto-cycle-toggle{flex:none;display:inline-grid;place-items:center;box-sizing:border-box;min-width:44px!important;min-height:44px!important;width:44px;padding:6px!important;border:1px solid var(--baton-border);border-radius:9px;background:transparent;color:var(--baton-text);font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer}
.auto-cycle-toggle[hidden]{display:none!important}.auto-cycle-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--baton-action) 10%,transparent)}
[data-auto-cycle-viewport]{scroll-behavior:auto!important}
.home-gallery-heading>div,.community-spotlight-controls{display:flex;align-items:center;gap:4px}
.home-meme-list[data-auto-cycle-viewport],.comic-shelf[data-auto-cycle-viewport]{display:flex!important;gap:8px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;min-width:0;min-height:0}
.home-meme-list[data-auto-cycle-viewport]::-webkit-scrollbar,.comic-shelf[data-auto-cycle-viewport]::-webkit-scrollbar{display:none}
.home-meme-list[data-auto-cycle-viewport]>button,.comic-shelf[data-auto-cycle-viewport]>.comic-cover-card{flex:0 0 calc((100% - 16px)/3);min-width:0;scroll-snap-align:start}
.home-card>header>.auto-cycle-toggle{margin:0}.home-card .home-gallery-heading{gap:4px}.home-card .home-gallery-heading h2{min-width:0;flex:1}
@media(min-width:701px){.home-card .community-spotlight-status{margin:2px 0!important}}
@media(min-width:701px) and (max-width:850px){.home-card>header{gap:4px}.home-card>header>div:first-child{min-width:0;flex:1}.home-card>header h2{font-size:16px!important}.home-card>header>[data-home-memes-room],.home-card [data-library]{flex:none;width:44px;min-width:44px;padding:0;font-size:0}.home-card>header>[data-home-memes-room]::after,.home-card [data-library]::after{content:'↗';font-size:18px}.home-card .home-gallery-heading>div{gap:4px}}
@media(max-width:700px){.home-card .console-community{height:auto}html[data-theme] body.mobile-app[data-primary-view=home] .console-home .home-card .community-spotlight{display:block!important;max-height:none}html[data-theme] body.mobile-app[data-primary-view=home] .console-home .home-card .community-spotlight-controls{display:flex!important}}
@media(max-width:700px){html[data-theme] body.mobile-app .community-spotlight-controls{display:flex!important}html[data-theme] body.mobile-app .community-spotlight-head{padding-bottom:0!important}}
/* Every meme owns a frame matching its natural proportions, bounded by its shelf. */
.home-meme-list[data-auto-cycle-viewport]{align-items:center}
.home-meme-list[data-auto-cycle-viewport]>button{flex:0 0 auto!important;width:var(--meme-width,160px);height:var(--meme-height,100%);max-width:100%;max-height:100%;align-self:center}

/* Galleries sit in the page: soft edge-to-edge colour, with quiet pairing doodles. */
html[data-theme] body [data-auto-cycle]{position:relative;isolation:isolate;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
[data-auto-cycle]::before,[data-auto-cycle]::after{content:'';position:absolute;inset:-8px 0;z-index:-1;pointer-events:none;user-select:none;mask-image:linear-gradient(transparent,black 24px,black calc(100% - 24px),transparent)}
[data-auto-cycle]::before{background:linear-gradient(105deg,color-mix(in srgb,var(--cycle-tint,#70b9ba) 18%,transparent),color-mix(in srgb,var(--cycle-tint,#70b9ba) 6%,transparent) 60%,transparent);opacity:.9}
[data-auto-cycle]::after{background:var(--baton-text);opacity:.065;mask-image:url('/art/pattern-v1/doodle-tile-v1.svg?v=14d389b5b781');mask-size:320px 320px;mask-repeat:repeat;mask-position:16px 0;clip-path:inset(12px 0 round 14px)}
html[data-theme=dark] [data-auto-cycle]::before{opacity:.5}html[data-theme=dark] [data-auto-cycle]::after{opacity:.08}
[data-auto-cycle=Memes]{--cycle-tint:#d1ac72}[data-auto-cycle=Spotlight]{--cycle-tint:#91a5cf}[data-auto-cycle='New tokens']{--cycle-tint:#c4accc}
html[data-theme] body .console-home .home-dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:'memes' 'community' 'comics' 'metrics' 'about';grid-template-rows:clamp(260px,35vh,330px) auto auto auto auto;row-gap:24px}
html[data-theme] body .console-home .home-memes,html[data-theme] body .console-home .home-comics,html[data-theme] body .console-home .home-card[data-home-panel=community]{margin-inline:-16px;padding:14px 16px;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden}
html[data-theme] body .console-home .home-card[data-home-panel=community]{padding:0;overflow:visible}
html[data-theme] body .console-home .home-card[data-home-panel=community] .community-spotlight{padding:14px 16px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html[data-theme] body .console-home .home-comics:has(.comic-empty){min-height:0;height:auto;grid-template-rows:44px auto;padding-block:0}
.console-home .home-comics:has(.comic-empty) .comic-shelf{padding:2px 0!important;border:0!important;background:transparent!important;gap:3px}.console-home .home-comics:has(.comic-empty) .comic-shelf-note{display:none}
@media(prefers-reduced-motion:no-preference){[data-auto-cycle]::before{animation:cycle-colour-breathe 72s ease-in-out infinite alternate}[data-auto-cycle]::after{animation:cycle-doodle-drift 96s ease-in-out infinite alternate}[data-auto-cycle]:not([data-cycle-state=running])::before,[data-auto-cycle]:not([data-cycle-state=running])::after{animation-play-state:paused}@keyframes cycle-colour-breathe{from{filter:hue-rotate(-10deg);opacity:.65}to{filter:hue-rotate(20deg);opacity:1}}@keyframes cycle-doodle-drift{from{mask-position:16px 0}to{mask-position:64px 28px}}}
@media(max-width:700px){html[data-theme] body .console-home .home-dashboard{grid-template-rows:280px auto auto auto auto;row-gap:20px}[data-auto-cycle]::after{mask-size:260px 260px;opacity:.05}}