/* ==== assets/yamforge-responsive-v1.css ==== */
/* Yamkage responsive fixes (2026-11-05). Loaded last on every page. */

/* Footer: the full-bleed rule used 100vw, which includes the scrollbar and caused a few px of horizontal scroll on every page. */
html body .yf-site-footer.yf-footer-card{left:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}

/* Artwork page: long titles (nowrap) were widening the sidebar past its column on desktop and past the screen on phones. */
.artwork-page .art-layout>*,.artwork-page .art-main>*,.artwork-page .art-sidebar>*{min-width:0;max-width:100%;box-sizing:border-box}
html body .artwork-page .art-sidebar{grid-template-columns:minmax(0,1fr)!important}
.more-art-card .more-art-grid>a{min-width:0}
.more-art-card .more-art-grid span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1000px){
 .artwork-page .art-layout{align-items:stretch}
 .artwork-page .art-layout>*,.artwork-page .art-main>*,.artwork-page .art-sidebar>*{width:100%}
}

/* Home "Continue where you left off": keep long titles inside the card. */
.ex-resume-grid>a{min-width:0}

/* Phones: comfortable tap targets (at least ~40px high) for small links and buttons. */
@media(max-width:700px){
 .yf-footer-actions a,.yf-footer-actions button,.ex-accessibility-footer{display:inline-flex;align-items:center;min-height:40px}
 .yf-language-heading button[data-yf-language-close]{min-width:40px;min-height:40px}
 header nav a.button,header nav>a{min-height:40px;display:inline-flex;align-items:center}
 .art-breadcrumb a{display:inline-flex;align-items:center;min-height:36px}
 .auth-card a,.auth-links a{display:inline-block;padding:8px 0}
 input,select,textarea{font-size:16px}
}
@media(max-width:700px){.art-section-heading>a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}}

/* Artwork page: "Published" date and the NoAI / WithAI row (with 18+ / SFW) in one premium card. */
.ct-art-heading .ct-art-meta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;flex:none;min-width:220px;margin-top:6px;padding:4px!important;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel) 70%);box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent) inset,0 8px 24px -14px color-mix(in srgb,var(--accent) 45%,transparent)}
.ct-art-meta>time,.ct-art-meta>.yf-ai-row{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;min-height:38px;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:10px;background:transparent!important;color:var(--ink)!important;font-size:13px!important;font-weight:600;letter-spacing:.005em;line-height:1.2;white-space:nowrap}
.ct-art-meta>*+*{border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important;border-top-left-radius:0;border-top-right-radius:0}
.ct-art-meta>time svg,.ct-art-meta>.yf-ai-row>svg{box-sizing:content-box;width:15px!important;height:15px!important;padding:6px;border-radius:8px;flex:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.ct-art-meta>.yf-ai-row.is-ai>svg{color:color-mix(in srgb,#a66bff 80%,var(--ink));background:color-mix(in srgb,#a66bff 15%,transparent)}
.ct-art-meta>.yf-ai-row.is-human>svg{color:color-mix(in srgb,#2fbf71 80%,var(--ink));background:color-mix(in srgb,#2fbf71 15%,transparent)}
.ct-art-meta .yf-pill{margin-left:auto;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.04em;line-height:1.3}
.ct-art-meta .yf-pill.is-mature{background:color-mix(in srgb,#ff5d7a 16%,transparent);color:color-mix(in srgb,#ff5d7a 85%,var(--ink));box-shadow:0 0 0 1px color-mix(in srgb,#ff5d7a 30%,transparent) inset}
.ct-art-meta .yf-pill.is-sfw{background:color-mix(in srgb,#2fbf71 14%,transparent);color:color-mix(in srgb,#2fbf71 85%,var(--ink));box-shadow:0 0 0 1px color-mix(in srgb,#2fbf71 28%,transparent) inset}
@media(max-width:700px){.ct-art-heading .ct-art-meta{width:100%;min-width:0}}

/* Artwork page: Favorite, Share and Edit (or Wishlist) always on one even row; status message below. */
.ct-art-actions,.yf-art-premium .ct-art-actions{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;gap:8px!important;align-items:stretch}
.ct-art-actions>*,.ct-art-actions .forge-share{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;order:1}
.ct-art-actions .art-favorite,.ct-art-actions .forge-share,.ct-art-actions .art-edit-quick,.ct-art-actions .nx-wishlist-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:100%!important;min-height:46px!important;padding:10px 8px!important;border-radius:12px!important;font-size:13.5px!important;font-weight:650!important;line-height:1.2;white-space:nowrap;text-decoration:none!important;box-sizing:border-box;transition:background-color .15s,border-color .15s,transform .15s,box-shadow .15s}
.ct-art-actions .art-favorite span,.ct-art-actions .forge-share span,.ct-art-actions .art-edit-quick span,.ct-art-actions .nx-wishlist-button span{overflow:hidden;text-overflow:ellipsis}
.ct-art-actions .art-favorite svg,.ct-art-actions .forge-share svg,.ct-art-actions .art-edit-quick svg,.ct-art-actions .nx-wishlist-button svg{width:18px;height:18px;flex:none}
.ct-art-actions .forge-share,.ct-art-actions .art-edit-quick,.ct-art-actions .nx-wishlist-button{background:var(--panel,#fff)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.ct-art-actions .forge-share:hover,.ct-art-actions .art-edit-quick:hover,.ct-art-actions .nx-wishlist-button:hover{border-color:var(--accent)!important}
.ct-art-actions .art-favorite:hover,.ct-art-actions .forge-share:hover,.ct-art-actions .art-edit-quick:hover{transform:translateY(-1px)}
.ct-art-actions [data-forge-status]{flex:0 0 100%!important;order:5;margin:2px 2px 0!important}
.ct-art-actions [data-forge-status]:empty{display:none}
@media(prefers-reduced-motion:reduce){.ct-art-actions .art-favorite,.ct-art-actions .forge-share,.ct-art-actions .art-edit-quick{transition:none}.ct-art-actions .art-favorite:hover,.ct-art-actions .forge-share:hover,.ct-art-actions .art-edit-quick:hover{transform:none}}

/* Artwork page: "More actions" (artist only) as premium tiles with icons; delete in a separate danger zone. */
.yf-artist-tools>summary{font-weight:650}
.yf-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
.yf-tool-grid>form{display:contents}
.yf-tool{display:flex!important;align-items:center;gap:12px;min-height:58px;margin:0!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))!important;border-radius:14px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel) 75%)!important;color:var(--ink)!important;font:inherit;font-size:14px!important;font-weight:600!important;line-height:1.3;text-align:left;text-decoration:none!important;box-shadow:0 1px 0 color-mix(in srgb,#fff 5%,transparent) inset!important;box-sizing:border-box;width:100%;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.yf-tool:hover{border-color:var(--accent)!important;transform:translateY(-1px);box-shadow:0 10px 24px -16px color-mix(in srgb,var(--accent) 60%,transparent)!important}
.yf-tool:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.yf-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}
.yf-tool-icon svg{width:18px;height:18px}
.yf-tool-label{flex:1;min-width:0}
.yf-tool-go{display:inline-flex;flex:none;color:var(--muted)}
.yf-tool-go svg{width:15px;height:15px}
.yf-danger-zone{display:flex;align-items:center;gap:12px;margin:0 14px 14px;padding:12px 14px;border:1px solid color-mix(in srgb,#e5484d 35%,var(--line));border-radius:14px;background:color-mix(in srgb,#e5484d 6%,var(--panel))}
.yf-danger-zone p{flex:1;margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.yf-tool-icon.is-danger{background:color-mix(in srgb,#e5484d 15%,transparent);color:#e5484d}
.yf-danger-zone .danger{flex:none;min-height:40px;padding:9px 16px!important;border:0!important;border-radius:10px!important;background:#d93a4c!important;color:#fff!important;font:inherit;font-size:14px!important;font-weight:700!important;cursor:pointer;box-shadow:none!important}
.yf-danger-zone .danger:hover{background:#c22f40!important}
@media(max-width:600px){.yf-tool-grid{grid-template-columns:1fr}.yf-danger-zone{flex-wrap:wrap}.yf-danger-zone .danger{width:100%}}
@media(prefers-reduced-motion:reduce){.yf-tool{transition:none}.yf-tool:hover{transform:none}}

/* Artwork page: title + artist on the left, info card + tools card on the right (no empty gap). */
.art-info-card.ct-art-info{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:22px!important}
.art-info-card.ct-art-info>*{grid-column:1/-1}
.art-info-card.ct-art-info>.ct-art-heading{display:contents!important}
.art-info-card.ct-art-info>.ct-art-heading>div:first-child{grid-column:1;grid-row:1;align-self:start}
.art-info-card.ct-art-info .ct-art-side{grid-column:2;grid-row:1/span 2;align-self:start;display:flex;flex-direction:column;gap:10px;width:250px}
.art-info-card.ct-art-info>.art-artist{grid-column:1;grid-row:2;align-self:start;justify-self:start}
.ct-art-side .ct-art-meta{min-width:0!important;margin-top:6px}
/* Second card: Follow / Save to collection / Report / Moderator controls. */
.yf-meta-tools{padding:4px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel) 70%);box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent) inset,0 8px 24px -14px color-mix(in srgb,var(--accent) 45%,transparent)}
.yf-meta-tools:not(:has(.follow-artist a,.follow-artist button,.premium-tool)){display:none}
.yf-meta-tools .art-community-tools{display:flex!important;flex-direction:column;gap:0;margin:0!important;padding:0!important;border:0!important;background:none!important}
.yf-meta-tools .art-community-tools>*{margin:0!important}
.yf-meta-tools .art-community-tools>*+*{border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.yf-meta-tools .follow-artist{padding:4px}
.yf-meta-tools .follow-artist:empty{display:none}
.yf-meta-tools .follow-artist .button,.yf-meta-tools .follow-artist button{width:100%;min-height:38px;border-radius:10px}
.yf-meta-tools .premium-content-badge:has(strong){display:none}
.yf-meta-tools .premium-content-badge{padding:8px 10px;font-size:12px}
.yf-meta-tools .premium-tool{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible;margin:0!important}
.yf-meta-tools .premium-tool>summary{min-height:38px!important;padding:7px 8px!important;gap:10px!important;font-size:13px!important;font-weight:600!important;color:var(--ink)!important;border-radius:10px;border-bottom:0!important}
.yf-meta-tools .premium-tool>summary:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.yf-meta-tools .premium-tool .tool-icon{display:inline-flex;align-items:center;justify-content:center;width:27px!important;height:27px!important;border:0!important;border-radius:8px!important;background:color-mix(in srgb,var(--accent) 14%,transparent)!important;color:var(--accent);flex:none}
.yf-meta-tools .premium-tool .tool-icon svg{width:15px!important;height:15px!important}
.yf-meta-tools .premium-tool .tool-chevron{margin-left:auto}
.yf-meta-tools .premium-tool>form,.yf-meta-tools .premium-tool>p,.yf-meta-tools .premium-tool>div{padding:8px 8px 10px!important;font-size:13px}
.yf-meta-tools .premium-tool select,.yf-meta-tools .premium-tool input,.yf-meta-tools .premium-tool textarea{width:100%;box-sizing:border-box}
@media(max-width:700px){.art-info-card.ct-art-info .ct-art-side{grid-column:1/-1;grid-row:auto;width:100%}.art-info-card.ct-art-info>.art-artist{grid-row:auto}}
/* Both right-hand cards: same width, same row height, same typography. */
.art-info-card.ct-art-info .ct-art-side{align-items:stretch!important}
.ct-art-side>.ct-art-meta,.ct-art-side>.yf-meta-tools{width:100%!important;max-width:none!important;box-sizing:border-box;margin:0!important;align-self:stretch!important}
.ct-art-side>.ct-art-meta{margin-top:6px!important}
.yf-meta-tools .premium-tool>summary{display:flex!important;align-items:center;min-height:41px!important;padding:7px 8px!important;background:transparent!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:.005em}
.yf-meta-tools .premium-tool>summary:hover,.yf-meta-tools .premium-tool[open]>summary{background:color-mix(in srgb,var(--accent) 8%,transparent)!important}
.yf-meta-tools .premium-tool .tool-icon{width:27px!important;height:27px!important;padding:0!important;box-sizing:border-box}
.yf-meta-tools .premium-tool .tool-chevron{display:inline-flex;margin-left:auto;color:var(--muted)}
.yf-meta-tools .premium-tool .tool-chevron svg{width:14px;height:14px}

/* Footer: one row - logo left, links centre, actions right (wraps on smaller screens). */
html body .yf-site-footer.yf-footer-card{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:16px!important;padding-bottom:16px!important}
html body .yf-site-footer.yf-footer-card>.yf-footer-main{display:contents!important}
html body .yf-site-footer.yf-footer-card .yf-footer-identity{order:1;flex:none;width:auto!important;margin:0!important;padding:0!important;border:0!important}
html body .yf-site-footer.yf-footer-card>.pf-footer-links{order:2;flex:1 1 auto;display:flex!important;flex-wrap:wrap;justify-content:center;gap:2px 6px;width:auto!important;margin:0!important;padding:0!important;border:0!important}
html body .yf-site-footer.yf-footer-card .yf-footer-actions{order:3;flex:none;width:auto!important;margin:0!important;padding:0!important;border:0!important;flex-wrap:nowrap!important;justify-content:flex-end!important}
@media(max-width:1180px){html body .yf-site-footer.yf-footer-card>.pf-footer-links{order:3;flex-basis:100%}html body .yf-site-footer.yf-footer-card .yf-footer-actions{order:2}}
@media(max-width:600px){html body .yf-site-footer.yf-footer-card .yf-footer-actions{flex-wrap:wrap!important;justify-content:flex-start!important;flex-basis:100%}}
/* An odd last tile spans the full row so the grid stays even. */
.yf-tool-grid>:last-child:nth-child(odd){grid-column:1/-1}

/* Artwork page: "Tip" - send Kage Coins to the artist. */
.ct-art-actions .yf-tip{position:relative;flex:1 1 0!important;min-width:0!important;order:1}
.ct-art-actions .yf-tip-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:100%!important;min-height:46px!important;padding:10px 8px!important;border:1px solid color-mix(in srgb,#f0b429 55%,var(--line))!important;border-radius:12px!important;background:linear-gradient(160deg,color-mix(in srgb,#f0b429 18%,var(--panel)),var(--panel) 80%)!important;color:var(--ink)!important;font-size:13.5px!important;font-weight:700!important;line-height:1.2;white-space:nowrap;text-decoration:none!important;list-style:none;cursor:pointer;box-sizing:border-box;transition:border-color .15s,transform .15s}
.ct-art-actions .yf-tip-button::-webkit-details-marker{display:none}
.ct-art-actions .yf-tip-button::marker{content:''}
.ct-art-actions .yf-tip-button svg{width:18px;height:18px;flex:none;color:#d99a0b}
.ct-art-actions .yf-tip-button:hover{border-color:#f0b429!important;transform:translateY(-1px)}
.yf-tip-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(290px,86vw);padding:14px;border:1px solid color-mix(in srgb,#f0b429 40%,var(--line));border-radius:16px;background:var(--panel);box-shadow:0 18px 40px -18px rgba(0,0,0,.45)}
.yf-tip-panel form{display:grid;gap:12px;margin:0}
.yf-tip-title{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.yf-tip-title svg{width:18px;height:18px;color:#d99a0b;flex:none}
.yf-tip-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.yf-tip-amounts label{position:relative;margin:0}
.yf-tip-amounts input{position:absolute;opacity:0;pointer-events:none}
.yf-tip-amounts span{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--field,var(--panel));color:var(--ink);font-weight:800;font-size:15px;cursor:pointer;transition:border-color .15s,background-color .15s}
.yf-tip-amounts input:checked+span{border-color:#f0b429;background:color-mix(in srgb,#f0b429 20%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,#f0b429 35%,transparent)}
.yf-tip-amounts input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.yf-tip-amounts input:disabled+span{opacity:.4;cursor:not-allowed}
.yf-tip-send{min-height:44px;border:0;border-radius:11px;background:linear-gradient(180deg,#f5c242,#e3a512);color:#2b1d00;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.yf-tip-send:hover{filter:brightness(1.05)}
.yf-tip-send:disabled{opacity:.5;cursor:not-allowed}
.yf-tip-meta{color:var(--muted);font-size:12px;line-height:1.5}
.yf-tip-meta b{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.ct-art-actions .yf-tip-button,.yf-tip-amounts span{transition:none}}
/* Wishlist as a regular action button; saved state highlighted. */
.ct-art-actions .nx-wishlist-button.is-saved{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important}
.ct-art-actions .nx-wishlist-button.is-saved svg{fill:currentColor}
.ct-art-actions>form{display:flex}
/* Equal widths for 3-4 action buttons: no side padding (content is centred). */
.ct-art-actions .art-favorite,.ct-art-actions .forge-share,.ct-art-actions .art-edit-quick,.ct-art-actions .nx-wishlist-button,.ct-art-actions .yf-tip-button{padding-left:0!important;padding-right:0!important}

/* Account menu: a little smaller overall. */
#account-menu-panel.account-menu-panel{transform:scale(.92);transform-origin:top right}
/* Account menu header: the name/avatar link must not get the light hover box (white text became unreadable). */
#account-menu-panel.yf-account-premium a.account-menu-identity,#account-menu-panel.yf-account-premium a.account-menu-identity:is(:hover,:focus,:active){background:none!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}
#account-menu-panel.yf-account-premium a.account-menu-identity:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:4px;border-radius:12px;background:none!important}
#account-menu-panel.yf-account-premium a.account-menu-identity:hover strong{text-decoration:underline;text-underline-offset:3px}

/* YamGames features: Daily Rewards, Community goal, Hall of Fame, Invite friends. */
.yfx-daily-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 22px!important;border:1px solid color-mix(in srgb,#f0b429 45%,var(--line))!important;background:linear-gradient(140deg,color-mix(in srgb,#f0b429 14%,var(--panel)),var(--panel) 65%)!important}
.yfx-streak{display:flex;align-items:center;gap:12px}
.yfx-flame{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(160deg,#f7c548,#e8890c);color:#2b1d00;box-shadow:0 10px 26px -12px #e8890c}
.yfx-flame svg{width:28px;height:28px}
.yfx-streak strong{display:block;font-size:34px;line-height:1;color:var(--ink)}
.yfx-streak small{color:var(--muted);font-weight:600}
.yfx-daily-cta{display:grid;gap:8px;justify-items:start}
.yfx-daily-cta form{margin:0}
.yfx-claim{display:inline-flex!important;align-items:center;gap:8px;min-height:48px;padding:12px 22px!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,#f5c242,#e3a512)!important;color:#2b1d00!important;font-weight:800!important;font-size:15px!important;box-shadow:0 12px 26px -14px #e3a512!important;cursor:pointer}
.yfx-claim:hover{filter:brightness(1.05);transform:translateY(-1px)}
.yfx-claim svg{width:18px;height:18px}
.yfx-done{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;color:color-mix(in srgb,#2fbf71 80%,var(--ink))}
.yfx-done svg{width:18px;height:18px;flex:none}
.yfx-daily-cta small{color:var(--muted)}
.yfx-stats{display:flex;gap:10px;margin:0}
.yfx-stats>div{min-width:92px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:center}
.yfx-stats dt{font-size:12px;color:var(--muted)}
.yfx-stats dd{margin:2px 0 0;font-size:20px;font-weight:800;color:var(--ink)}
.yfx-cycle{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}
.yfx-cycle li{position:relative;display:grid;grid-template-rows:auto auto 16px;align-content:start;justify-items:center;gap:6px;padding:14px 6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:center}
.yfx-cycle li span{font-size:12px;font-weight:700;color:var(--muted)}
.yfx-cycle li b{display:inline-flex;align-items:center;gap:4px;font-size:18px;color:var(--ink)}
.yfx-cycle li b svg{width:16px;height:16px;color:#d99a0b}
.yfx-cycle li em{font-style:normal;font-size:11px;font-weight:800;color:var(--accent)}
.yfx-cycle li em svg{width:14px;height:14px;color:#2fbf71}
.yfx-cycle li.is-done{border-color:color-mix(in srgb,#2fbf71 45%,var(--line));background:color-mix(in srgb,#2fbf71 8%,var(--panel))}
.yfx-cycle li.is-today{border-color:#f0b429;box-shadow:0 0 0 3px color-mix(in srgb,#f0b429 28%,transparent)}
.yfx-cycle li.is-jackpot{background:linear-gradient(160deg,color-mix(in srgb,#f0b429 20%,var(--panel)),var(--panel))}
.yfx-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:16px 0}
.yfx-two>.nx-card{margin:0}
.yfx-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:10px}
.yfx-month>span{display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;font-size:13px;font-weight:600;color:var(--ink)}
.yfx-month .yfx-dow{height:auto;font-size:11px;font-weight:700;color:var(--muted)}
.yfx-day{border:1px solid var(--line);background:var(--panel)}
.yfx-day.is-done{border-color:transparent;background:linear-gradient(160deg,#f5c242,#e3a512);color:#2b1d00;font-weight:800}
.yfx-day.is-today{border:2px solid var(--accent)}
.yfx-day.is-missed{opacity:.45}
.yfx-goal-num{display:flex;align-items:baseline;gap:6px;margin:6px 0 10px}
.yfx-goal-num strong{font-size:34px;line-height:1;color:var(--ink)}
.yfx-goal-num span{color:var(--muted);font-weight:700}
.yfx-meter{height:12px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}
.yfx-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#a66bff))}
.yfx-goal .button{display:inline-flex;align-items:center;gap:8px}
.yfx-goal .button svg{width:16px;height:16px}
.yfx-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.yfx-link{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel) 75%);color:var(--ink);font-weight:650;text-decoration:none;transition:border-color .15s,transform .15s}
.yfx-link:hover{border-color:var(--accent);transform:translateY(-1px)}
.yfx-link svg{width:20px;height:20px;flex:none;color:var(--accent)}
.yfx-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end;margin:6px 0 18px}
.yfx-podium-card{position:relative;display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);text-decoration:none;box-shadow:0 14px 34px -22px rgba(0,0,0,.5);transition:transform .15s,border-color .15s}
.yfx-podium-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.yfx-podium-card.is-place-1{border-color:#f0b429;background:linear-gradient(170deg,color-mix(in srgb,#f0b429 16%,var(--panel)),var(--panel) 60%);padding-bottom:20px}
.yfx-podium-card.is-place-2{border-color:color-mix(in srgb,#b8c2cc 70%,var(--line))}
.yfx-podium-card.is-place-3{border-color:color-mix(in srgb,#cd7f32 60%,var(--line))}
.yfx-podium-art{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--line) 50%,transparent)}
.yfx-podium-card.is-place-1 .yfx-podium-art{aspect-ratio:1}
.yfx-podium-art img{width:100%;height:100%;object-fit:cover;display:block}
.yfx-place{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:13px;font-weight:800}
.yfx-place svg{width:14px;height:14px;color:#f5c242}
.yfx-podium-card strong{font-size:17px}
.yfx-podium-card small,.yfx-legends small,.yfx-work small{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}
.yfx-podium-card small svg,.yfx-legends small svg,.yfx-work small svg{width:13px;height:13px;color:#ff5d7a}
.yfx-legends{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.yfx-legends li{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.yfx-legends li a{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yfx-pos{min-width:34px;font-weight:800;color:var(--muted)}
.yfx-works{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}
.yfx-work{display:grid;gap:8px;color:var(--ink);text-decoration:none}
.yfx-work img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block;transition:transform .2s}
.yfx-work:hover img{transform:scale(1.02)}
.yfx-work span{display:grid;gap:2px;min-width:0}
.yfx-work strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.yfx-invite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:18px}
.yfx-invite h2,.yfx-invite p{margin:0}
.yfx-copy{display:grid;gap:6px}
.yfx-copy input{width:100%;min-height:44px;box-sizing:border-box;font-family:ui-monospace,Consolas,monospace;font-size:13px}
.yfx-code{font-size:13px;color:var(--muted)}
.yfx-code b{color:var(--ink);letter-spacing:.04em}
.yfx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 0;padding:0;list-style:none}
.yfx-steps li{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.yfx-steps b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.yfx-invites{display:grid;gap:8px;margin:10px 0;padding:0;list-style:none}
.yfx-invites li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px}
.yfx-invites form{margin:0}
.yfx-invites .button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px}
.yfx-invites .button svg,.yfx-tag svg{width:14px;height:14px}
.yfx-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--line) 60%,transparent);color:var(--muted);font-size:12px;font-weight:700}
.yfx-tag.is-done{background:color-mix(in srgb,#2fbf71 14%,transparent);color:color-mix(in srgb,#2fbf71 85%,var(--ink))}
.yfx-daily-hero~.nx-card h2 svg,.yfx-two .nx-card h2 svg,.yfx-invite h2 svg,.yfx-invite~.nx-card h2 svg,.yfx-podium~.nx-card h2 svg{width:20px;height:20px;vertical-align:-3px}
@media(max-width:900px){.yfx-daily-hero,.yfx-invite{grid-template-columns:1fr}.yfx-links,.yfx-works{grid-template-columns:repeat(2,minmax(0,1fr))}.yfx-two{grid-template-columns:1fr}}
@media(max-width:600px){.yfx-cycle{grid-template-columns:repeat(4,minmax(0,1fr))}.yfx-podium{grid-template-columns:1fr}.yfx-podium-card.is-place-1{order:-1}.yfx-steps{grid-template-columns:1fr}.yfx-stats{flex-wrap:wrap}.yfx-stats>div{flex:1}}
@media(prefers-reduced-motion:reduce){.yfx-link,.yfx-podium-card,.yfx-work img,.yfx-claim{transition:none;transform:none!important}}

/* Yamkage Plus: coins row, artwork stats, commission card, followed tags, clubs, coin packs. */
.ct-art-meta>.yf-coins-row{display:flex!important;align-items:center;gap:10px;min-height:38px;margin:0!important;padding:7px 8px!important;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important;border-radius:0 0 10px 10px;color:var(--ink)!important;font-size:13px!important;font-weight:600;line-height:1.2;text-decoration:none!important;white-space:nowrap}
.ct-art-meta>.yf-coins-row>svg{box-sizing:content-box;width:15px!important;height:15px!important;padding:6px;border-radius:8px;flex:none;color:#d99a0b;background:color-mix(in srgb,#f0b429 16%,transparent)}
.ct-art-meta>.yf-coins-row>span{overflow:hidden;text-overflow:ellipsis}
.ct-art-meta>.yf-coins-row>b{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:11.5px;font-weight:800}
.ct-art-meta>.yf-coins-row>b svg{width:12px;height:12px}
.ct-art-meta>.yf-coins-row:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)!important}
.yfp-stats-head{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:18px}
.yfp-stats-head h2{margin:0 0 4px}
.yfp-stats-head p{margin:0 0 8px}
.yfp-stats-thumb img{width:120px;height:120px;object-fit:cover;border-radius:14px;display:block}
.yfp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.yfp-kpi{display:grid;gap:4px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel) 70%)}
.yfp-kpi>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:700}
.yfp-kpi>span svg{width:16px;height:16px;color:var(--accent)}
.yfp-kpi strong{font-size:28px;line-height:1.1;color:var(--ink)}
.yfp-kpi small{color:var(--muted);font-size:12px}
.yfp-kpi em{font-style:normal;font-weight:800}
.yfp-kpi em.is-up{color:#2fbf71}
.yfp-kpi em.is-down{color:#ff5d7a}
.yfp-kpi.is-gold{border-color:color-mix(in srgb,#f0b429 45%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,#f0b429 14%,var(--panel)),var(--panel) 70%)}
.yfp-kpi.is-gold>span svg{color:#d99a0b}
.yfp-chart{display:flex;align-items:flex-end;gap:3px;height:180px;margin-top:12px;padding:8px 4px 0;border-bottom:1px solid var(--line)}
.yfp-bar{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;min-width:3px}
.yfp-bar i{display:block;width:100%;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 45%,transparent))}
.yfp-bar b{position:absolute;left:50%;bottom:-11px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#ff5d7a}
.yfp-bar:hover i{filter:brightness(1.2)}
.yfp-legend{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0;color:var(--muted);font-size:12px}
.yfp-legend span{display:inline-flex;align-items:center;gap:6px}
.yfp-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}
.yfp-legend i.is-views{background:var(--accent)}
.yfp-legend i.is-favs{border-radius:50%;background:#ff5d7a}
.yfp-sources{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}
.yfp-sources li{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;overflow:hidden;font-size:14px;font-weight:600}
.yfp-sources li i{position:absolute;inset:0 auto 0 0;z-index:0;background:color-mix(in srgb,var(--accent) 16%,transparent)}
.yfp-sources li span,.yfp-sources li b{position:relative;z-index:1}
.yfp-commission{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel) 70%)}
.yfp-commission.is-open{border-color:color-mix(in srgb,#2fbf71 45%,var(--line))}
.yfp-commission-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.yfp-commission-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px}
.yfp-commission-head h2 svg{width:20px;height:20px;color:var(--accent)}
.yfp-state{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:color-mix(in srgb,var(--line) 70%,transparent);color:var(--muted)}
.is-open .yfp-state{background:color-mix(in srgb,#2fbf71 16%,transparent);color:color-mix(in srgb,#2fbf71 85%,var(--ink))}
.is-full .yfp-state{background:color-mix(in srgb,#f0b429 18%,transparent);color:color-mix(in srgb,#d99a0b 85%,var(--ink))}
.yfp-commission-facts{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.yfp-commission-facts>div{padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.yfp-commission-facts dt{font-size:11.5px;color:var(--muted);font-weight:700}
.yfp-commission-facts dd{margin:2px 0 0;font-weight:800;color:var(--ink)}
.yfp-commission-text{margin:12px 0 0;color:var(--ink);line-height:1.55}
.yfp-commission-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}
.yfp-commission-actions .button,.yfp-cta{display:inline-flex!important;align-items:center;gap:8px}
.yfp-commission-actions .button svg,.yfp-cta svg{width:16px;height:16px}
.yfp-commission-art{display:grid;grid-template-columns:repeat(3,92px);gap:8px;align-content:center}
.yfp-commission-art img{width:92px;height:92px;object-fit:cover;border-radius:12px;display:block}
.yfp-tag-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.yfp-tag-bar form{margin:0}
.yfp-tag-follow{display:inline-flex!important;align-items:center;gap:6px}
.yfp-tag-follow svg{width:16px;height:16px}
.yfp-tag-follow.is-on{background:color-mix(in srgb,#2fbf71 16%,var(--panel))!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,#2fbf71 45%,var(--line))!important}
.yfp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.yfp-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 6px 5px 12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));font-weight:700;font-size:13px}
.yfp-chip a{color:var(--ink);text-decoration:none}
.yfp-chip form{margin:0;display:inline}
.yfp-chip button{width:22px;height:22px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--muted)!important;font-size:16px;line-height:1;cursor:pointer}
.yfp-chip button:hover{background:color-mix(in srgb,#ff5d7a 18%,transparent)!important;color:#ff5d7a!important}
.yfp-chip.is-suggest{padding:5px 12px;color:var(--ink);text-decoration:none;border-style:dashed}
.yfp-chip small{color:var(--muted);font-weight:600}
.yfc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:14px 0}
.yfc-card{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}
.yfc-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.yfc-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:80px 80px;gap:2px;background:var(--line)}
.yfc-mosaic img,.yfc-mosaic i{width:100%;height:100%;object-fit:cover;display:block;background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.yfc-card-body{display:grid;gap:4px;padding:12px 14px}
.yfc-card-body strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yfc-card-body small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12.5px}
.yfc-card-body small svg{width:13px;height:13px}
.yfc-focus{display:inline-flex;width:max-content;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)!important;font-size:12px;font-weight:800}
.yfc-hero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px}
.yfc-hero p{margin:8px 0 0}
.yfc-actions form{margin:0}
.yfc-share{display:flex;gap:10px;flex-wrap:wrap}
.yfc-share select{flex:1;min-width:200px}
.yfc-gallery h2{display:flex;align-items:center;gap:8px}
.yfc-gallery h2 svg{width:20px;height:20px}
.yfc-item{position:relative}
.yfc-item>form{position:absolute;top:8px;right:8px;margin:0;z-index:3}
.yfc-remove{width:28px;height:28px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.6)!important;color:#fff!important;font-size:18px;line-height:1;cursor:pointer}
.yfc-remove:hover{background:#d93a4c!important}
.yfc-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none}
.yfc-members li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px}
.yfc-members li a{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yfc-members form{margin:0}
.yfc-members .yfc-remove{width:24px;height:24px;font-size:15px;background:color-mix(in srgb,var(--line) 70%,transparent)!important;color:var(--muted)!important}
.yfc-manage>summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}
.yfc-manage>summary svg{width:18px;height:18px}
.yfc-manage form{display:grid;gap:10px;margin-top:12px}
.yfc-manage .yf-danger-zone{margin:14px 0 0}
.yfc-manage .yf-danger-zone form{display:flex;gap:8px;margin:0;flex-wrap:wrap}
.yfc-create form{display:grid;gap:10px}
.yfs-balance{display:flex;align-items:center;gap:14px}
.yfs-balance>svg{width:38px;height:38px;padding:9px;border-radius:12px;background:color-mix(in srgb,#f0b429 18%,transparent);color:#d99a0b;box-sizing:border-box}
.yfs-balance div{display:grid;flex:1}
.yfs-balance small{color:var(--muted)}
.yfs-balance strong{font-size:20px}
.yfs-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.yfs-pack{position:relative;margin:0;cursor:pointer}
.yfs-pack input{position:absolute;opacity:0;pointer-events:none}
.yfs-pack-body{position:relative;display:grid;justify-items:center;gap:4px;padding:26px 12px 18px;border:2px solid var(--line);border-radius:18px;background:var(--panel);text-align:center;transition:border-color .15s,transform .15s}
.yfs-pack:hover .yfs-pack-body{transform:translateY(-2px)}
.yfs-pack input:checked+.yfs-pack-body{border-color:#f0b429;background:linear-gradient(170deg,color-mix(in srgb,#f0b429 16%,var(--panel)),var(--panel) 70%);box-shadow:0 0 0 3px color-mix(in srgb,#f0b429 25%,transparent)}
.yfs-pack input:focus-visible+.yfs-pack-body{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.yfs-pack em{position:absolute;top:-11px;padding:3px 10px;border-radius:999px;background:linear-gradient(180deg,#f5c242,#e3a512);color:#2b1d00;font-style:normal;font-size:11.5px;font-weight:800}
.yfs-pack b{display:inline-flex;align-items:center;gap:6px;font-size:26px;color:var(--ink)}
.yfs-pack b svg{width:22px;height:22px;color:#d99a0b}
.yfs-pack small{color:var(--muted);font-weight:600}
.yfs-pack strong{margin-top:6px;font-size:17px;color:var(--ink)}
.yfs-agree{display:flex;align-items:flex-start;gap:10px;margin:6px 0 14px;font-size:13px;color:var(--muted);line-height:1.5}
.yfs-agree input{margin-top:3px;flex:none}
.yfs-result{display:flex;align-items:center;gap:14px}
.yfs-result>svg{width:40px;height:40px;flex:none;padding:9px;border-radius:50%;box-sizing:border-box;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.yfs-result.is-paid>svg{background:color-mix(in srgb,#2fbf71 16%,transparent);color:#2fbf71}
.yfs-result h2,.yfs-result p{margin:0}
.yfs-notes{margin:8px 0 0;padding-left:18px;line-height:1.7;color:var(--muted)}
.yfp-kpis~.nx-card h2 svg,.yfs-balance~.nx-card h2 svg,.yfc-hero~.nx-card h2 svg,.yfc-grid~.nx-card h2 svg,.nx-card>h2>svg{width:20px;height:20px;vertical-align:-3px}
@media(max-width:900px){.yfp-kpis,.yfs-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.yfp-stats-head{grid-template-columns:90px minmax(0,1fr)}.yfp-stats-head>.button{grid-column:1/-1}.yfp-stats-thumb img{width:90px;height:90px}.yfp-commission{grid-template-columns:1fr}.yfc-hero{grid-template-columns:1fr}}
@media(max-width:600px){.yfp-chart{gap:1px;height:140px}.yfp-commission-art{grid-template-columns:repeat(3,minmax(0,1fr))}.yfp-commission-art img{width:100%;height:auto;aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){.yfc-card,.yfs-pack-body{transition:none;transform:none!important}}

/* Width/height steps used instead of inline styles (blocked by CSP). */
.yfx-w-0{width:0%!important}.yfx-w-5{width:5%!important}.yfx-w-10{width:10%!important}.yfx-w-15{width:15%!important}.yfx-w-20{width:20%!important}.yfx-w-25{width:25%!important}.yfx-w-30{width:30%!important}.yfx-w-35{width:35%!important}.yfx-w-40{width:40%!important}.yfx-w-45{width:45%!important}.yfx-w-50{width:50%!important}.yfx-w-55{width:55%!important}.yfx-w-60{width:60%!important}.yfx-w-65{width:65%!important}.yfx-w-70{width:70%!important}.yfx-w-75{width:75%!important}.yfx-w-80{width:80%!important}.yfx-w-85{width:85%!important}.yfx-w-90{width:90%!important}.yfx-w-95{width:95%!important}.yfx-w-100{width:100%!important}
.yfp-h-5{height:5%!important}.yfp-h-10{height:10%!important}.yfp-h-15{height:15%!important}.yfp-h-20{height:20%!important}.yfp-h-25{height:25%!important}.yfp-h-30{height:30%!important}.yfp-h-35{height:35%!important}.yfp-h-40{height:40%!important}.yfp-h-45{height:45%!important}.yfp-h-50{height:50%!important}.yfp-h-55{height:55%!important}.yfp-h-60{height:60%!important}.yfp-h-65{height:65%!important}.yfp-h-70{height:70%!important}.yfp-h-75{height:75%!important}.yfp-h-80{height:80%!important}.yfp-h-85{height:85%!important}.yfp-h-90{height:90%!important}.yfp-h-95{height:95%!important}.yfp-h-100{height:100%!important}
.yfp-bar i.is-zero{opacity:.25}

/* Theme contrast fixes (2026-11-05 audit) */
html[data-mode=light] .yf-site-footer .pf-footer-links a{color:#4c5873!important}
html[data-mode=light] .yf-site-footer .pf-footer-links a:hover{color:var(--accent)!important}
html:not([data-mode=light]) .fr-nav a[aria-current]{color:#0b1530}
/* account menu: scroll without visible scrollbar */
#account-menu-panel,.account-menu-panel{scrollbar-width:none!important;-ms-overflow-style:none!important}
#account-menu-panel::-webkit-scrollbar,.account-menu-panel::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#account-menu-panel.yf-account-premium .yg-quick-links .account-menu-link{min-height:40px;padding-top:5px;padding-bottom:5px}
#account-menu-panel.yf-account-premium .yg-identity{padding:11px 14px;margin-bottom:8px}
#account-menu-panel.yf-account-premium .yf-account-footer{padding-top:8px;margin-top:8px}
#account-menu-panel.yf-account-premium .yf-account-footer .account-signout button{min-height:40px;height:auto;padding:8px 14px;white-space:nowrap;align-items:center;gap:8px}
#account-menu-panel.yf-account-premium .yf-account-footer .account-signout button svg{width:18px;height:18px;flex:none}
#account-menu-panel.yf-account-premium :is(.yg-stats a,.yg-resume){min-height:62px;padding-top:7px;padding-bottom:7px}
#account-menu-panel.yf-account-premium .yg-data-row{min-height:42px;padding-top:6px;padding-bottom:6px}
@media (max-width:650px){
#account-menu-panel.yf-account-premium .yg-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#account-menu-panel.yf-account-premium .yg-dashboard>.yg-resume{grid-column:1/-1;min-height:0}
#account-menu-panel.yf-account-premium .yg-dashboard>.yg-stats{grid-column:1/-1}
#account-menu-panel.yf-account-premium .yg-quick-links .account-link-icon{width:26px;height:26px;flex:none}
#account-menu-panel.yf-account-premium .yg-quick-links .account-menu-link>span:nth-child(2){font-size:12.5px;overflow-wrap:normal;word-break:normal;min-width:0}
#account-menu-panel.yf-account-premium .yg-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#account-menu-panel.yf-account-premium .yg-quick-links .account-menu-link{font-size:13px;gap:7px;padding-left:7px;padding-right:7px}
#account-menu-panel.yf-account-premium .yg-quick-links .account-link-arrow{display:none}
#account-menu-panel.yf-account-premium :is(.yg-uploads a,.yg-data-row){font-size:13px;padding-left:8px;padding-right:8px;gap:6px}
}
#account-menu-panel.yf-account-premium .account-menu-link>span:nth-child(2){overflow-wrap:normal;word-break:normal;hyphens:none}
/* account menu: panel reaches the bottom of the window, footer pinned to the bottom */
#account-menu-panel.yf-account-premium.yf-account-grid{display:flex!important;flex-direction:column;box-sizing:border-box}
#account-menu-panel.yf-account-premium>*{flex:none}
#account-menu-panel.yf-account-premium>.yf-account-footer{margin-top:auto}
#account-menu-panel.yf-account-premium{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:0!important}
/* account menu: secondary tools always visible, compact 3-column grid */
#account-menu-panel.yf-account-premium .yg-more-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}
#account-menu-panel.yf-account-premium .yg-more-tools .account-menu-link{min-height:36px;padding:4px 7px;gap:7px;font-size:12.5px;font-weight:650;background:var(--soft)!important}
#account-menu-panel.yf-account-premium .yg-more-tools .account-link-icon{width:24px;height:24px;flex:none}
#account-menu-panel.yf-account-premium .yg-more-tools .account-link-icon svg{width:15px;height:15px}
#account-menu-panel.yf-account-premium .yg-more-tools .account-link-arrow{display:none}
#account-menu-panel.yf-account-premium .yg-more-tools .account-menu-link>span:nth-child(2){font-size:12.5px;line-height:1.2}
@media (max-width:650px){#account-menu-panel.yf-account-premium .yg-more-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* account menu: quick access in 3 columns, tighter tiles so everything fits */
#account-menu-panel.yf-account-premium .yg-quick-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#account-menu-panel.yf-account-premium .yg-quick-links .account-link-arrow{display:none}
#account-menu-panel.yf-account-premium .yg-quick-links .account-menu-link>span:nth-child(2){font-size:14px}
#account-menu-panel.yf-account-premium .yg-membership>a{min-height:0;padding-top:7px;padding-bottom:7px}
#account-menu-panel.yf-account-premium :is(.yg-progress,.yg-viewing){padding-top:8px;padding-bottom:8px;min-height:0}
#account-menu-panel.yf-account-premium .yg-identity{padding-top:9px;padding-bottom:9px}
@media (max-width:650px){#account-menu-panel.yf-account-premium .yg-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* account menu: on tall screens use the free space - tools as big as Quick Access, roomier tiles */
@media (min-height:1080px) and (min-width:651px){
#account-menu-panel.yf-account-premium .yg-more-tools{gap:7px}
#account-menu-panel.yf-account-premium .yg-more-tools .account-menu-link{min-height:44px;padding:6px 9px;gap:9px;background:var(--panel)!important}
#account-menu-panel.yf-account-premium .yg-more-tools .account-link-icon{width:30px;height:30px}
#account-menu-panel.yf-account-premium .yg-more-tools .account-link-icon svg{width:18px;height:18px}
#account-menu-panel.yf-account-premium .yg-more-tools .account-menu-link>span:nth-child(2){font-size:13.5px;font-weight:700;line-height:1.2}
#account-menu-panel.yf-account-premium .yg-membership>a{padding-top:11px;padding-bottom:11px}
#account-menu-panel.yf-account-premium :is(.yg-progress,.yg-viewing){padding-top:12px;padding-bottom:12px}
#account-menu-panel.yf-account-premium .yg-identity{padding-top:13px;padding-bottom:13px}
#account-menu-panel.yf-account-premium .yg-dashboard{gap:9px}
}
/* account menu: Quick Access and All Tools buttons identical in size and style */
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools){grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:7px!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-menu-link{min-height:44px!important;height:100%;box-sizing:border-box;padding:5px 9px!important;gap:9px!important;background:var(--panel)!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-icon{width:30px!important;height:30px!important;flex:none}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-icon svg{width:18px!important;height:18px!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-menu-link>span:nth-child(2){font-size:13.5px!important;font-weight:700!important;line-height:1.15!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-arrow{display:none!important}
@media (max-width:650px){#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* account menu: 6-track grid so an incomplete last row is split evenly (no gap) */
@media (min-width:651px){
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools){grid-template-columns:repeat(6,minmax(0,1fr))!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools)>.account-menu-link{grid-column:span 2}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools)>.account-menu-link:nth-child(3n+1):nth-last-child(2),
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools)>.account-menu-link:nth-child(3n+2):last-child{grid-column:span 3}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools)>.account-menu-link:nth-child(3n+1):last-child{grid-column:1/-1}
}
@media (min-height:1080px) and (min-width:651px){
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools){gap:8px!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-menu-link{min-height:50px!important;padding:6px 11px!important;gap:10px!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-icon{width:34px!important;height:34px!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-icon svg{width:20px!important;height:20px!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-menu-link>span:nth-child(2){font-size:14.5px!important}
}

/* account menu: tiles grow to fill the free space (--yg-tile-h set by restored-v3.js), bigger icons */
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-menu-link{min-height:max(46px,var(--yg-tile-h,0px))!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-icon{width:40px!important;height:40px!important;border-radius:11px}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-icon svg{width:23px!important;height:23px!important}
@media (min-height:1080px) and (min-width:651px){
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-menu-link{min-height:max(52px,var(--yg-tile-h,0px))!important}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-icon{width:44px!important;height:44px!important;border-radius:12px}
#account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools) .account-link-icon svg{width:26px!important;height:26px!important}
}
/* Sticky footer: short pages push the footer to the bottom of the screen. */
html body:not(.yf-console-page){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
html body:not(.yf-console-page)>*{flex-shrink:0}
html body:not(.yf-console-page)>main#main-content{flex:1 0 auto;width:100%;box-sizing:border-box}
html body:not(.yf-console-page)>footer.yf-site-footer{margin-top:auto}
/* Guest header: Sign in / Join Yamkage with icons */
html body header .header-signin,html body header .header-join{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
html body header .header-signin svg,html body header .header-join svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body header .header-signin svg{color:var(--accent)}
/* Compact mobile header: logo row, full-width search, one swipeable row of shortcuts. */
@media (max-width:700px){
html body>header{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand acct" "search search" "nav nav"!important;align-items:center!important;gap:10px 10px!important;padding:10px 14px 8px!important;min-height:0!important;height:auto!important}
html body>header>.brand{grid-area:brand!important;margin:0!important;min-width:0}
html body>header>.brand .yf-forge-icon{width:36px!important;height:36px!important}
html body>header>.brand .yf-forge-word{font-size:21px!important}
html body>header>form.search{grid-area:search!important;width:100%!important;max-width:none!important;margin:0!important;min-height:0!important}
html body>header>form.search input{min-height:44px!important;height:44px!important;font-size:15px!important}
html body>header>nav{grid-area:nav!important;position:static!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;margin:0 -14px!important;padding:2px 14px 6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html body>header>nav::-webkit-scrollbar{display:none}
html body>header>nav>*{flex:none!important;margin:0!important}
html body>header>nav>a,html body>header>nav>details>summary{min-height:38px!important;height:38px!important;padding:0 13px!important;border-radius:999px!important;font-size:13.5px!important;white-space:nowrap!important;box-sizing:border-box}
html body>header>nav>details.appearance>summary{width:38px!important;padding:0!important;display:grid!important;place-items:center!important}
html body>header>nav .yf-language-header .yf-language-name{display:none!important}
html body>header>nav>a svg{width:17px!important;height:17px!important}
html body>header>nav>a.header-join{order:-1;padding:0 14px!important}
/* account avatar / sign in sit on the logo row, top right */
html body>header>nav>details.account-menu,html body>header>nav>a.header-signin{position:absolute!important;top:12px!important;right:14px!important;z-index:5}
html body>header>nav>a.header-signin{height:38px!important;min-height:38px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--panel)!important}
html body>header>nav>details.account-menu>summary{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}
html body>header>nav>a.header-submit{order:-1}
html body>main#main-content{padding-top:16px!important}
html body>main#main-content>.yf-ad-mobile:first-child{margin-top:4px!important}
}
@media (max-width:360px){html body>header>.brand .yf-forge-word{font-size:18px!important}html body>header>nav>a.header-signin span{display:none}}
/* ==== assets/yf-menus-premium.css ==== */
/* Yamkage premium sub-menus: tabs, sub-navigation, period filters and breadcrumbs share one look. */
:where(.nx-tabs,.gr-nav,.fr-nav,.cm-actions){display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a{display:inline-flex;align-items:center;gap:8px;min-height:40px;box-sizing:border-box;padding:0 15px;border:1px solid var(--line);border-radius:12px;font-size:14px;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 6px 16px -12px rgba(10,14,40,.5);transition:border-color .15s,background-color .15s,color .15s,transform .15s}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--accent);transition:color .15s}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a:is(.is-active,[aria-current]){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a:is(.is-active,[aria-current]) svg{color:currentColor}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a.button{border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#b26bff));color:#fff}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a.button svg{color:#fff}
html body .fr-nav>span{display:inline-flex;align-items:center;min-height:40px;padding:0 6px;color:var(--muted);font-size:13.5px}

/* breadcrumb on artwork pages */
html body .art-breadcrumb>a:first-child{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);text-decoration:none;transition:border-color .15s,color .15s}
html body .art-breadcrumb>a:first-child svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--accent)}
html body .art-breadcrumb>a:first-child:hover{border-color:var(--accent)}

/* header Submit button */
html body header .header-submit{display:inline-flex;align-items:center;gap:7px}
html body header .header-submit svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* phones: tab rows scroll sideways instead of wrapping into tall stacks */
@media (max-width:700px){
html body :is(.nx-tabs,.gr-nav,.fr-nav){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-4px;margin-right:-4px;padding:2px 4px 6px}
html body :is(.nx-tabs,.gr-nav,.fr-nav)::-webkit-scrollbar{display:none}
html body :is(.nx-tabs,.gr-nav,.fr-nav)>a{flex:none;min-height:38px;padding:0 13px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a{transition:none}html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a:hover{transform:none}}

/* ===== Shortcut chips (Journals, Challenges, Search...) : coloured gradient icon tiles + hover effects ===== */
html body .nx-shortcuts{display:flex;flex-wrap:wrap;gap:10px}
html body .nx-shortcuts>a{--chip-a:#7c5cff;--chip-b:#b26bff;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;min-height:48px;box-sizing:border-box;padding:0 16px 0 7px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--ink);font-size:14.5px;font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;box-shadow:0 8px 20px -16px rgba(20,16,60,.55);transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}
html body .nx-shortcuts .yf-shortcut-icon{position:relative;display:inline-grid;place-items:center;flex:none;width:34px!important;height:34px!important;min-width:34px!important;border:0!important;border-radius:11px!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b))!important;color:#fff!important;box-shadow:0 8px 16px -8px var(--chip-a),inset 0 1px 0 rgba(255,255,255,.35)!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
html body .nx-shortcuts .yf-shortcut-icon svg{width:19px!important;height:19px!important;min-width:19px!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:#fff!important}
/* light sweep on hover */
html body .nx-shortcuts>a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--chip-a) 16%,transparent) 50%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
html body .nx-shortcuts>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chip-a) 55%,var(--line));box-shadow:0 14px 28px -16px var(--chip-a)}
html body .nx-shortcuts>a:hover::after{transform:translateX(120%)}
html body .nx-shortcuts>a:hover .yf-shortcut-icon{transform:rotate(-8deg) scale(1.08)}
html body .nx-shortcuts>a:focus-visible{outline:2px solid var(--chip-a);outline-offset:2px}
html body .nx-shortcuts>a:active{transform:translateY(0) scale(.98)}
/* one colour per shortcut */
html body .nx-shortcuts>a:nth-child(7n+1){--chip-a:#7c5cff;--chip-b:#b26bff}
html body .nx-shortcuts>a:nth-child(7n+2){--chip-a:#f59e0b;--chip-b:#f97316}
html body .nx-shortcuts>a:nth-child(7n+3){--chip-a:#3b82f6;--chip-b:#06b6d4}
html body .nx-shortcuts>a:nth-child(7n+4){--chip-a:#10b981;--chip-b:#14b8a6}
html body .nx-shortcuts>a:nth-child(7n+5){--chip-a:#ec4899;--chip-b:#f43f5e}
html body .nx-shortcuts>a:nth-child(7n+6){--chip-a:#eab308;--chip-b:#f59e0b}
html body .nx-shortcuts>a:nth-child(7n+7){--chip-a:#6366f1;--chip-b:#8b5cf6}
html:not([data-mode=light]) body .nx-shortcuts>a{background:linear-gradient(160deg,color-mix(in srgb,var(--chip-a) 9%,var(--panel)),var(--panel) 70%)}

/* ===== Sub-category tabs (nx-tabs, gr-nav, fr-nav, cm-actions): same icon tile, in the site accent ===== */
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a{min-height:46px;padding:0 15px 0 7px;border-radius:14px;gap:10px;font-weight:700}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a svg{width:18px;height:18px;padding:7px;box-sizing:content-box;border-radius:10px;color:#fff;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff));box-shadow:0 7px 14px -8px var(--accent),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a:not(:has(svg)){padding:0 16px}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a:hover svg{transform:rotate(-8deg) scale(1.08)}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a:is(.is-active,[aria-current]) svg{color:var(--accent);background:#fff}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions)>a.button svg{color:var(--accent);background:#fff}

@media (max-width:700px){
html body .nx-shortcuts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
html body .nx-shortcuts::-webkit-scrollbar{display:none}
html body .nx-shortcuts>a{flex:none;min-height:44px;font-size:14px}
html body .nx-shortcuts .yf-shortcut-icon{width:30px!important;height:30px!important;min-width:30px!important}
}
@media (prefers-reduced-motion:reduce){html body .nx-shortcuts>a,html body .nx-shortcuts .yf-shortcut-icon,html body .nx-shortcuts>a::after{transition:none}html body .nx-shortcuts>a:hover{transform:none}html body .nx-shortcuts>a:hover .yf-shortcut-icon{transform:none}}

/* ===== Main menu (community bar under the header): colourful icon tiles, lift + sheen on hover ===== */
html body .premium-nav .community-nav-item{--chip-a:#7c5cff;--chip-b:#b26bff;position:relative;isolation:isolate;overflow:hidden;gap:10px;min-height:46px;padding:6px 15px 6px 7px;border:1px solid var(--line);border-radius:15px;background:var(--panel);font-weight:700;box-shadow:0 8px 20px -16px rgba(20,16,60,.55);transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s,background-color .2s}
html body .premium-nav .community-nav-item .nav-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;color:#fff!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 7px 14px -8px var(--chip-a),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
html body .premium-nav .community-nav-item .nav-icon svg,html body .premium-nav .community-nav-item .yf-icon{width:18px!important;height:18px!important;stroke-width:2;color:#fff}
html body .premium-nav .community-nav-item::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--chip-a) 16%,transparent) 50%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
html body .premium-nav .community-nav-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chip-a) 55%,var(--line));background:var(--panel);box-shadow:0 14px 28px -16px var(--chip-a)}
html body .premium-nav .community-nav-item:hover::after{transform:translateX(120%)}
html body .premium-nav .community-nav-item:hover .nav-icon{transform:rotate(-8deg) scale(1.08)}
html body .premium-nav .community-nav-item.is-active{border-color:var(--chip-a);background:linear-gradient(140deg,color-mix(in srgb,var(--chip-a) 16%,var(--panel)),var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--chip-a) 18%,transparent),0 14px 28px -18px var(--chip-a)}
html body .premium-nav .community-nav-item .notification-count{position:absolute;top:4px;left:31px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#ef4444;color:#fff;font-size:10.5px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--panel)}
html body .premium-nav .community-nav-track>.community-nav-item:nth-child(7n+1){--chip-a:#7c5cff;--chip-b:#b26bff}
html body .premium-nav .community-nav-track>.community-nav-item:nth-child(7n+2){--chip-a:#3b82f6;--chip-b:#06b6d4}
html body .premium-nav .community-nav-track>.community-nav-item:nth-child(7n+3){--chip-a:#10b981;--chip-b:#14b8a6}
html body .premium-nav .community-nav-track>.community-nav-item:nth-child(7n+4){--chip-a:#ec4899;--chip-b:#f43f5e}
html body .premium-nav .community-nav-track>.community-nav-item:nth-child(7n+5){--chip-a:#eab308;--chip-b:#f59e0b}
html body .premium-nav .community-nav-track>.community-nav-item:nth-child(7n+6){--chip-a:#f97316;--chip-b:#ef4444}
html body .premium-nav .community-nav-track>.community-nav-item:nth-child(7n+7){--chip-a:#6366f1;--chip-b:#8b5cf6}

/* ===== Header buttons (For You, Coin Shop, Galleries, Favorites, Inbox): small colour tiles ===== */
html body header nav>a.header-gallery{--chip-a:#7c5cff;--chip-b:#b26bff;gap:9px;padding-left:5px!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}
html body header nav>a.header-gallery>svg{width:17px!important;height:17px!important;padding:6px;box-sizing:content-box;border-radius:9px;color:#fff!important;stroke-width:2!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 6px 12px -7px var(--chip-a);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
html body header nav>a.header-gallery:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--chip-a) 55%,var(--line));box-shadow:0 10px 20px -14px var(--chip-a)}
html body header nav>a.header-gallery:hover>svg{transform:rotate(-8deg) scale(1.08)}
html body header nav>a.header-gallery[href*="for-you"]{--chip-a:#7c5cff;--chip-b:#b26bff}
html body header nav>a.header-gallery[href*="coin-shop"]{--chip-a:#f59e0b;--chip-b:#f97316}
html body header nav>a.header-gallery[href*="galleries"]{--chip-a:#3b82f6;--chip-b:#06b6d4}
html body header nav>a.header-gallery[href*="favorites"]{--chip-a:#ec4899;--chip-b:#f43f5e}
html body header nav>a.header-gallery[href*="inbox"]{--chip-a:#10b981;--chip-b:#14b8a6}
html body header nav>a.header-gallery[aria-current]{border-color:var(--chip-a);box-shadow:0 0 0 3px color-mix(in srgb,var(--chip-a) 18%,transparent)}
@media (prefers-reduced-motion:reduce){html body .premium-nav .community-nav-item,html body .premium-nav .community-nav-item .nav-icon,html body header nav>a.header-gallery,html body header nav>a.header-gallery>svg{transition:none}html body .premium-nav .community-nav-item:hover,html body header nav>a.header-gallery:hover{transform:none}}

/* Every word in menus and sub-menus starts with a capital letter (Trending This Week, New Artists, For You...) */
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions,.nx-shortcuts)>a,
html body .premium-nav .community-nav-item,
html body header nav>a,
html body .account-menu-link,
html body .art-breadcrumb>a:first-child{text-transform:capitalize}

/* Shortcut chips: two even rows on desktop (7 per row), auto-fit on tablets */
@media (min-width:1400px){html body .nx-shortcuts{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
html body .nx-shortcuts>a{width:100%;min-width:0}
html body .nx-shortcuts>a>:not(.yf-shortcut-icon){overflow:hidden;text-overflow:ellipsis}}
@media (min-width:701px) and (max-width:1399px){html body .nx-shortcuts{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}html body .nx-shortcuts>a{width:100%;min-width:0}}
/* icons inside tiles always white, whatever page-specific colours say */
html body .nx-shortcuts .yf-shortcut-icon svg,html body .premium-nav .community-nav-item .nav-icon svg{color:#fff!important;stroke:#fff!important}

/* ===== Artwork sidebar: Sell on Patreon + DeviantArt / Pixiv / X cards, same premium look as the menus ===== */
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card>a,a.yf-external-offer){--chip-a:#7c5cff;--chip-b:#b26bff;position:relative!important;isolation:isolate;overflow:hidden;display:flex!important;align-items:center!important;gap:14px!important;min-height:78px!important;padding:14px 16px!important;border-radius:18px!important;text-decoration:none!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s!important}
html body .art-sidebar.art-sidebar.art-sidebar a.yf-external-offer{border:1px solid var(--line)!important;background:var(--panel)!important;box-shadow:0 8px 20px -16px rgba(20,16,60,.55)!important}
html body .art-sidebar.art-sidebar.art-sidebar .premium-sell-card{border:1px solid color-mix(in srgb,#ff424d 40%,var(--line))!important;border-radius:18px!important;background:linear-gradient(140deg,color-mix(in srgb,#ff424d 9%,var(--panel)),var(--panel) 70%)!important;overflow:hidden}
html body .art-sidebar.art-sidebar.art-sidebar .premium-sell-card>a{--chip-a:#ff424d;--chip-b:#f96854}
html body .art-sidebar.art-sidebar.art-sidebar a.yf-external-da{--chip-a:#05cc47;--chip-b:#00975c}
html body .art-sidebar.art-sidebar.art-sidebar a.yf-external-pixiv{--chip-a:#0096fa;--chip-b:#2e6ff2}
html body .art-sidebar.art-sidebar.art-sidebar a.yf-external-x{--chip-a:#1f2937;--chip-b:#000}
/* brand tile */
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card .sell-icon,a.yf-external-offer .yf-external-mark){display:grid!important;place-items:center!important;flex:none!important;width:46px!important;height:46px!important;border:0!important;border-radius:14px!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b))!important;color:#fff!important;font-size:17px!important;font-weight:900!important;letter-spacing:-.02em;box-shadow:0 10px 18px -10px var(--chip-a),inset 0 1px 0 rgba(255,255,255,.3)!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card,a.yf-external-offer) strong{font-size:15px!important;font-weight:800!important;color:var(--ink)!important}
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card,a.yf-external-offer) small{font-size:13.5px!important;color:var(--muted)!important;margin-top:3px!important}
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card .sell-arrow,a.yf-external-offer .yf-external-arrow){display:grid!important;place-items:center!important;flex:none!important;margin-left:auto!important;width:34px!important;height:34px!important;border-radius:11px!important;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--chip-a)!important;transition:transform .2s,background-color .2s,color .2s}
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card .sell-arrow,a.yf-external-offer .yf-external-arrow) svg{width:16px!important;height:16px!important}
/* sheen + hover */
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card>a,a.yf-external-offer)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--chip-a) 14%,transparent) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s ease}
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card>a,a.yf-external-offer):hover::after{transform:translateX(120%)}
html body .art-sidebar.art-sidebar.art-sidebar a.yf-external-offer:hover,html body .art-sidebar.art-sidebar.art-sidebar .premium-sell-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chip-a) 60%,var(--line))!important;box-shadow:0 16px 30px -18px var(--chip-a)!important}
html body .art-sidebar.art-sidebar.art-sidebar .premium-sell-card:hover>a{transform:none}
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card>a,a.yf-external-offer):hover :is(.sell-icon,.yf-external-mark){transform:rotate(-8deg) scale(1.07)}
html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card>a,a.yf-external-offer):hover :is(.sell-arrow,.yf-external-arrow){background:var(--chip-a)!important;color:#fff!important;border-color:transparent!important;transform:translate(2px,-2px)}
html:not([data-mode=light]) body .art-sidebar.art-sidebar.art-sidebar a.yf-external-x{--chip-a:#e5e7eb;--chip-b:#9ca3af}
html:not([data-mode=light]) body .art-sidebar.art-sidebar.art-sidebar a.yf-external-x .yf-external-mark{color:#111!important}
@media (prefers-reduced-motion:reduce){html body .art-sidebar.art-sidebar.art-sidebar :is(.premium-sell-card,.premium-sell-card>a,a.yf-external-offer,.sell-icon,.yf-external-mark){transition:none!important;transform:none!important}}

/* ===== Account menu (avatar dropdown): colourful gradient icon tiles, lift + sheen on every card ===== */
html body #account-menu-panel.yf-account-premium{--t-a:#7c5cff;--t-b:#b26bff}
html body #account-menu-panel.yf-account-premium :is(.account-menu-link,.yg-vip,.yg-small-tile,.yg-uploads>a,.yg-data-row,.yg-stats>a,.yg-resume){--chip-a:#7c5cff;--chip-b:#b26bff;position:relative;isolation:isolate;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s!important}
html body #account-menu-panel.yf-account-premium :is(.account-menu-link,.yg-vip,.yg-small-tile,.yg-uploads>a,.yg-data-row,.yg-stats>a,.yg-resume)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--chip-a) 14%,transparent) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s ease}
html body #account-menu-panel.yf-account-premium :is(.account-menu-link,.yg-vip,.yg-small-tile,.yg-uploads>a,.yg-data-row,.yg-stats>a,.yg-resume):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chip-a) 55%,var(--line))!important;box-shadow:0 14px 26px -18px var(--chip-a)!important}
html body #account-menu-panel.yf-account-premium :is(.account-menu-link,.yg-vip,.yg-small-tile,.yg-uploads>a,.yg-data-row,.yg-stats>a,.yg-resume):hover::after{transform:translateX(120%)}

/* the tiles themselves */
html body #account-menu-panel.yf-account-premium :is(.account-menu-link .account-link-icon,.yg-tile-icon,.yg-resume-icon,.yg-small-tile>svg,.yg-uploads>a>svg,.yg-data-row>svg:first-child,.yg-stats>a>span>svg){display:grid!important;place-items:center!important;flex:none!important;box-sizing:content-box!important;border:0!important;border-radius:11px!important;color:#fff!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b))!important;box-shadow:0 8px 16px -9px var(--chip-a),inset 0 1px 0 rgba(255,255,255,.32)!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
html body #account-menu-panel.yf-account-premium :is(.account-menu-link .account-link-icon,.yg-tile-icon,.yg-resume-icon){width:36px!important;height:36px!important;min-width:36px!important}
html body #account-menu-panel.yf-account-premium :is(.account-menu-link .account-link-icon,.yg-tile-icon,.yg-resume-icon) svg{width:19px!important;height:19px!important;color:#fff!important;stroke:#fff!important;stroke-width:2!important}
html body #account-menu-panel.yf-account-premium :is(.yg-small-tile>svg,.yg-uploads>a>svg,.yg-data-row>svg:first-child,.yg-stats>a>span>svg){width:17px!important;height:17px!important;padding:8px!important;stroke:#fff!important;stroke-width:2!important}
html body #account-menu-panel.yf-account-premium :is(.account-menu-link,.yg-vip,.yg-small-tile,.yg-uploads>a,.yg-data-row,.yg-stats>a,.yg-resume):hover :is(.account-link-icon,.yg-tile-icon,.yg-resume-icon,.yg-small-tile>svg,.yg-uploads>a>svg,.yg-data-row>svg:first-child,.yg-stats>a>span>svg){transform:rotate(-8deg) scale(1.07)}

/* colours: quick links follow their tone; dashboard cards get their own */
html body #account-menu-panel.yf-account-premium .account-menu-link[data-tone=violet]{--chip-a:#7c5cff;--chip-b:#b26bff}
html body #account-menu-panel.yf-account-premium .account-menu-link[data-tone=gold]{--chip-a:#f59e0b;--chip-b:#f97316}
html body #account-menu-panel.yf-account-premium .account-menu-link[data-tone=rose]{--chip-a:#ec4899;--chip-b:#f43f5e}
html body #account-menu-panel.yf-account-premium .account-menu-link[data-tone=sky]{--chip-a:#3b82f6;--chip-b:#06b6d4}
html body #account-menu-panel.yf-account-premium .account-menu-link[data-tone=mint]{--chip-a:#10b981;--chip-b:#14b8a6}
html body #account-menu-panel.yf-account-premium .account-menu-link[data-tone=theme]{--chip-a:#6366f1;--chip-b:#8b5cf6}
html body #account-menu-panel.yf-account-premium .yg-stats>a:nth-child(1){--chip-a:#ec4899;--chip-b:#f43f5e}
html body #account-menu-panel.yf-account-premium .yg-stats>a:nth-child(2){--chip-a:#3b82f6;--chip-b:#06b6d4}
html body #account-menu-panel.yf-account-premium .yg-resume{--chip-a:#7c5cff;--chip-b:#b26bff}
html body #account-menu-panel.yf-account-premium .yg-uploads>a:nth-child(1){--chip-a:#8b5cf6;--chip-b:#ec4899}
html body #account-menu-panel.yf-account-premium .yg-uploads>a:nth-child(2){--chip-a:#06b6d4;--chip-b:#3b82f6}
html body #account-menu-panel.yf-account-premium .yg-data-row{--chip-a:#10b981;--chip-b:#14b8a6}
html body #account-menu-panel.yf-account-premium .yg-data-row.yg-balance{--chip-a:#f59e0b;--chip-b:#eab308}
html body #account-menu-panel.yf-account-premium .yg-membership>a:nth-child(1){--chip-a:#f59e0b;--chip-b:#f97316}
html body #account-menu-panel.yf-account-premium .yg-membership>a:nth-child(2){--chip-a:#f97316;--chip-b:#ef4444}
html body #account-menu-panel.yf-account-premium .yg-membership>a:nth-child(3){--chip-a:#ec4899;--chip-b:#f43f5e}
html body #account-menu-panel.yf-account-premium .yg-membership>a:nth-child(4){--chip-a:#3b82f6;--chip-b:#6366f1}

/* small polish: chevrons and progress */
html body #account-menu-panel.yf-account-premium .account-menu-link .account-link-arrow{opacity:.45;transition:opacity .2s,transform .2s}
html body #account-menu-panel.yf-account-premium .account-menu-link:hover .account-link-arrow{opacity:1;transform:translateX(2px);color:var(--chip-a)}
html body #account-menu-panel.yf-account-premium .yg-progress progress{accent-color:var(--accent)}
html body #account-menu-panel.yf-account-premium .yg-progress strong>svg{color:var(--accent)}
@media (prefers-reduced-motion:reduce){html body #account-menu-panel.yf-account-premium *{transition:none!important}html body #account-menu-panel.yf-account-premium :is(a,a *):hover{transform:none!important}}

/* ===== Coin Shop wallet strip: gold coin tile, glowing balance, colourful link pills ===== */
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-primary{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,#f59e0b 16%,transparent),transparent 60%),var(--panel)!important;border-color:color-mix(in srgb,#f59e0b 35%,var(--line))!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-primary::before{content:""!important;position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(#f59e0b,#f97316);display:block!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-icon{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;min-width:54px!important;border:0!important;border-radius:16px!important;color:#fff!important;background:linear-gradient(140deg,#fbbf24,#f97316)!important;box-shadow:0 12px 22px -12px #f59e0b,inset 0 1px 0 rgba(255,255,255,.4)!important;animation:yfCoinFloat 3.2s ease-in-out infinite}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-icon svg{width:27px!important;height:27px!important;color:#fff!important;stroke:#fff!important;stroke-width:2!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-copy>strong{background:linear-gradient(120deg,#f59e0b,#f97316 60%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-copy>strong>span{-webkit-text-fill-color:var(--ink);color:var(--ink)!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-stat{background:linear-gradient(160deg,color-mix(in srgb,#7c5cff 12%,var(--panel)),var(--panel))!important;border-color:color-mix(in srgb,#7c5cff 35%,var(--line))!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-stat-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:0!important;border-radius:11px!important;color:#fff!important;background:linear-gradient(140deg,#7c5cff,#b26bff)!important;box-shadow:0 8px 16px -9px #7c5cff!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-stat-icon svg{width:18px!important;height:18px!important;color:#fff!important;stroke:#fff!important;stroke-width:2!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a{--chip-a:#3b82f6;--chip-b:#06b6d4;position:relative;isolation:isolate;overflow:hidden;display:flex!important;align-items:center!important;gap:9px!important;padding:4px 12px 4px 4px!important;border-radius:12px!important;font-weight:750!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a>svg{flex:none;width:14px!important;height:14px!important;padding:6px;box-sizing:content-box;border-radius:8px;color:#fff!important;stroke:#fff!important;stroke-width:2.2!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 6px 12px -7px var(--chip-a);transition:transform .25s}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a:nth-child(2){--chip-a:#10b981;--chip-b:#14b8a6}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a:nth-child(3){--chip-a:#f59e0b;--chip-b:#f97316}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--chip-a) 16%,transparent) 50%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--chip-a) 60%,var(--line))!important;box-shadow:0 10px 20px -14px var(--chip-a)!important}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a:hover::after{transform:translateX(120%)}
html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a:hover>svg{transform:rotate(-8deg) scale(1.08)}
@keyframes yfCoinFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-icon{animation:none}html body .yf-shop-wallet.yf-shop-wallet .yf-shop-wallet-links>a{transition:none!important}}

/* ===== Footer: glass bar, colourful icon tiles on every link, gradient call-to-action ===== */
html body>footer.yf-site-footer.yf-footer-card{position:relative;border-top:1px solid var(--line)!important;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--panel)!important;box-shadow:0 -18px 40px -36px rgba(20,16,60,.6)!important}
html body>footer.yf-site-footer.yf-footer-card::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#7c5cff,#3b82f6,#10b981,#f59e0b,#ec4899,transparent);opacity:.75}
html body footer.yf-site-footer.yf-footer-card :is(.yf-footer-policy-inline>a,.yf-footer-actions>a,.yf-footer-actions form>button){--chip-a:#7c5cff;--chip-b:#b26bff;position:relative;isolation:isolate;overflow:hidden;display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:4px 13px 4px 5px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel)!important;color:var(--ink)!important;font-weight:700!important;font-size:13.5px!important;text-decoration:none!important;text-transform:capitalize;box-shadow:0 6px 16px -14px rgba(20,16,60,.6)!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s!important}
html body footer.yf-site-footer.yf-footer-card :is(.yf-footer-policy-inline>a,.yf-footer-actions>a) .yf-footer-link-icon{flex:none;width:14px!important;height:14px!important;padding:7px;box-sizing:content-box;border-radius:9px;color:#fff!important;stroke:#fff!important;stroke-width:2.1!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 6px 12px -7px var(--chip-a);transition:transform .25s}
html body footer.yf-site-footer.yf-footer-card :is(.yf-footer-policy-inline>a,.yf-footer-actions>a,.yf-footer-actions form>button)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--chip-a) 16%,transparent) 50%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
html body footer.yf-site-footer.yf-footer-card :is(.yf-footer-policy-inline>a,.yf-footer-actions>a,.yf-footer-actions form>button):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chip-a) 55%,var(--line))!important;box-shadow:0 12px 22px -14px var(--chip-a)!important;background:var(--panel)!important;color:var(--ink)!important}
html body footer.yf-site-footer.yf-footer-card :is(.yf-footer-policy-inline>a,.yf-footer-actions>a,.yf-footer-actions form>button):hover::after{transform:translateX(120%)}
html body footer.yf-site-footer.yf-footer-card :is(.yf-footer-policy-inline>a,.yf-footer-actions>a):hover .yf-footer-link-icon{transform:rotate(-8deg) scale(1.08)}
html body footer.yf-site-footer.yf-footer-card .yf-footer-policy-inline>a:nth-child(1){--chip-a:#3b82f6;--chip-b:#06b6d4}
html body footer.yf-site-footer.yf-footer-card .yf-footer-policy-inline>a:nth-child(2){--chip-a:#10b981;--chip-b:#14b8a6}
html body footer.yf-site-footer.yf-footer-card .yf-footer-policy-inline>a:nth-child(3){--chip-a:#6366f1;--chip-b:#8b5cf6}
html body footer.yf-site-footer.yf-footer-card .yf-footer-policy-inline>a:nth-child(4){--chip-a:#7c5cff;--chip-b:#b26bff}
html body footer.yf-site-footer.yf-footer-card .yf-footer-policy-inline>a:nth-child(5){--chip-a:#f59e0b;--chip-b:#f97316}
html body footer.yf-site-footer.yf-footer-card .yf-footer-policy-inline>a:nth-child(6){--chip-a:#ec4899;--chip-b:#f43f5e}
html body footer.yf-site-footer.yf-footer-card .yf-footer-actions>a.ex-accessibility-footer{--chip-a:#10b981;--chip-b:#3b82f6}
/* Become a creator: full gradient button */
html body footer.yf-site-footer.yf-footer-card .yf-footer-actions>a[href*="page=register"]{--chip-a:#7c5cff;border-color:transparent!important;background:linear-gradient(120deg,#7c5cff,#b26bff)!important;color:#fff!important;box-shadow:0 10px 22px -12px #7c5cff!important}
html body footer.yf-site-footer.yf-footer-card .yf-footer-actions>a[href*="page=register"] .yf-footer-link-icon{background:rgba(255,255,255,.22);box-shadow:none}
/* Sign out: calm red outline */
html body footer.yf-site-footer.yf-footer-card .yf-footer-actions form>button{--chip-a:#ef4444;padding:4px 15px!important;color:#ef4444!important;border-color:color-mix(in srgb,#ef4444 35%,var(--line))!important}
/* language picker in the footer */
html body footer.yf-site-footer.yf-footer-card .yf-language-footer>summary{border-radius:13px!important;min-height:40px;border:1px solid var(--line)!important;background:var(--panel)!important;transition:border-color .2s}
html body footer.yf-site-footer.yf-footer-card .yf-language-footer>summary:hover{border-color:var(--accent)!important}
@media (prefers-reduced-motion:reduce){html body footer.yf-site-footer.yf-footer-card *{transition:none!important}html body footer.yf-site-footer.yf-footer-card a:hover{transform:none!important}}

/* ===== AI labels on artwork cards and pages: WithAI (violet/cyan) and NoAI (green) ===== */
html body .yx-ai-badge.yx-ai-badge{--chip-a:#7c5cff;--chip-b:#06b6d4;position:relative;overflow:hidden;display:inline-flex!important;align-items:center;gap:7px;width:fit-content!important;max-width:100%;min-height:28px;margin:2px 0;padding:3px 11px 3px 3px!important;border:1px solid color-mix(in srgb,var(--chip-a) 35%,var(--line))!important;border-radius:999px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--chip-a) 12%,var(--panel)),color-mix(in srgb,var(--chip-b) 10%,var(--panel)))!important;color:var(--ink)!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.02em;box-shadow:0 6px 14px -10px var(--chip-a)}
html body .yx-ai-badge.yx-ai-badge>svg{width:12px!important;height:12px!important;padding:5px;box-sizing:content-box;border-radius:50%;color:#fff!important;stroke:#fff!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 4px 10px -5px var(--chip-a)}
html body .yx-ai-badge.yx-ai-badge::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-130%);animation:yfBadgeShine 5s ease-in-out infinite;pointer-events:none}
html body .yx-ai-badge.yx-ai-no{--chip-a:#10b981;--chip-b:#14b8a6}
@keyframes yfBadgeShine{0%,70%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@media (prefers-reduced-motion:reduce){html body .yx-ai-badge.yx-ai-badge::after{animation:none}}

/* Long labels (other languages) end with … inside their button */
html body .yf-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions,.nx-shortcuts,.pf-nav,.yf-shop-wallet-links)>a,html body .premium-nav .community-nav-item,html body .account-menu-link{min-width:0;max-width:100%}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions,.nx-shortcuts,.pf-nav)>a{overflow:hidden}
html body :is(.nx-tabs,.gr-nav,.fr-nav,.cm-actions,.nx-shortcuts,.pf-nav)>a>:is(svg,.yf-shortcut-icon){flex:none}

/* shortcut chips always fill both rows: chips grow to share the row width (yf-labels.js sets --yf-per-row) */
@media (min-width:1000px){html body .nx-shortcuts.nx-shortcuts{display:flex!important;flex-wrap:wrap;gap:10px}html body .nx-shortcuts.nx-shortcuts>a{flex:1 1 calc((100% - (var(--yf-per-row,7) - 1) * 10px) / var(--yf-per-row,7));width:auto;min-width:0}}

/* ===== Phone: tab and shortcut rows wrap into a 2-column grid instead of being cut off ===== */
@media (max-width:700px){
html body .nx-shortcuts,html body .fr-nav,html body .gr-nav,html body .nx-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;flex-wrap:wrap!important;padding-bottom:0!important}
html body .nx-shortcuts>*,html body .fr-nav>*,html body .gr-nav>*,html body .nx-tabs>*{min-width:0!important;max-width:none!important;width:auto!important;flex:none!important;margin:0!important}
html body .nx-shortcuts>:last-child:nth-child(odd),html body .fr-nav>:last-child:nth-child(odd),html body .gr-nav>:last-child:nth-child(odd),html body .nx-tabs>:last-child:nth-child(odd){grid-column:1/-1}
/* leaderboard table: soft edge to show it scrolls */
html body .fr-table{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
}
/* Profile cover icon sits in the corner instead of over the breadcrumb */
html body .profile-cover>.profile-cover-symbol{position:absolute!important;z-index:1}
@media (max-width:700px){html body .profile-cover>.profile-cover-label{display:block;padding-right:64px}}
html body header nav>a.header-gallery.header-surprise{--chip-a:#14b8a6;--chip-b:#6366f1}
html body header nav>a.header-gallery.header-surprise:hover>svg{transform:scale(1.1) rotate(-8deg)}

/* ===== Phone header: first row Join / language / theme, second row the shortcut chips as equal icon buttons ===== */
@media (max-width:700px){
html body>header>nav{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important;padding-bottom:2px!important;-webkit-mask-image:none!important;mask-image:none!important}
html body>header>nav::before{content:"";order:1;flex:0 0 100%;height:0}
html body>header>nav>*{order:0}
html body>header>nav>a.header-join{flex:1 1 auto!important;justify-content:center!important;max-width:none!important}
html body>header>nav>a.header-gallery,html body>header>nav>a.header-submit{order:2;flex:1 1 0!important;min-width:0!important;justify-content:center!important;padding:0!important;height:44px;gap:0!important}
html body>header>nav>a.header-gallery>span:not(.dm-badge):not([class*=badge]),html body>header>nav>a.header-submit>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html body>header>nav>a.header-gallery{position:relative}
html body>header>nav>a.header-gallery>svg{margin:0!important}
}

/* ===== Phone, signed in: compact avatar button + community menu as a 5-column icon grid ===== */
@media (max-width:700px){
html body>header>nav>details.account-menu{top:4px!important;right:14px!important}
html body>header>nav>details.account-menu>summary.account-trigger{display:grid!important;place-items:center;width:46px!important;height:46px!important;min-width:0!important;min-height:0!important;padding:0!important;gap:0!important;border-radius:14px!important;overflow:hidden}
html body>header>nav>details.account-menu>summary .account-trigger-copy,html body>header>nav>details.account-menu>summary .account-trigger-chevron{display:none!important}
html body>header>nav>details.account-menu>summary .account-trigger-avatar{width:40px!important;height:40px!important;min-width:0!important;border-radius:12px!important;font-size:16px!important}
html body>header>nav>details.account-menu>summary .account-trigger-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit}
html body>header>nav>a.header-gallery,html body>header>nav>a.header-submit{border-radius:14px!important}

}

/* ===== Phone: community menu as one smooth swipe row (compact chips, edge fade, active item centred by JS) ===== */
@media (max-width:700px){
html body nav.community-nav.premium-nav{overflow:hidden!important;padding:8px 0!important}
html body nav.community-nav.premium-nav .community-nav-track{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-width:0!important;margin:0!important;padding:2px 16px 4px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 16px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 38px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 38px),transparent)}
html body nav.community-nav.premium-nav .community-nav-track::-webkit-scrollbar{display:none}
html body nav.community-nav.premium-nav .community-nav-item{flex:none!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0!important;width:auto!important;height:42px;padding:0 13px 0 5px!important;border-radius:999px!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important;scroll-snap-align:start}
html body nav.community-nav.premium-nav .community-nav-item>span:not(.nav-icon),html body nav.community-nav.premium-nav .community-nav-item .yf-tab-label{display:inline!important;white-space:nowrap!important;overflow:visible!important;max-width:none!important;font-size:13px!important;font-weight:700}
html body nav.community-nav.premium-nav .community-nav-item .nav-icon{width:32px!important;height:32px!important;margin:0!important;border-radius:50%!important;flex:none}
html body nav.community-nav.premium-nav .community-nav-item .nav-icon svg{width:16px!important;height:16px!important}
}
/* Phone: exactly two menu buttons per screen, centred, swipe for the rest */
@media (max-width:700px){
html body nav.community-nav.premium-nav .community-nav-track{gap:10px!important;padding:2px 16px 4px!important;scroll-padding:0 16px;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 10px,#000 16px,#000 calc(100% - 16px),transparent calc(100% - 10px),transparent);mask-image:linear-gradient(90deg,transparent 0,transparent 10px,#000 16px,#000 calc(100% - 16px),transparent calc(100% - 10px),transparent)}
html body nav.community-nav.premium-nav .community-nav-item{flex:0 0 calc(50% - 5px)!important;justify-content:center!important;padding:0 10px 0 6px!important;scroll-snap-align:start;overflow:hidden}
html body nav.community-nav.premium-nav .community-nav-item>span:not(.nav-icon),html body nav.community-nav.premium-nav .community-nav-item .yf-tab-label{display:block!important;min-width:0;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* ===== Phone footer: tidy 2-column grid of equal, compact buttons ===== */
@media (max-width:700px){
html body footer.yf-site-footer .yf-footer-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;justify-items:stretch!important;align-items:stretch!important}
html body footer.yf-site-footer .yf-footer-policy-inline{display:contents!important}
html body footer.yf-site-footer .yf-footer-actions a,html body footer.yf-site-footer .yf-footer-actions>form>button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;min-width:0!important;height:46px!important;min-height:0!important;margin:0!important;padding:0 12px!important;box-sizing:border-box;border-radius:14px!important;font-size:13.5px!important;font-weight:800!important;line-height:1.1!important;text-align:left!important;white-space:nowrap;overflow:hidden}
html body footer.yf-site-footer .yf-footer-actions a>span{overflow:hidden;text-overflow:ellipsis}
html body footer.yf-site-footer .yf-footer-actions a svg{flex:none;width:16px!important;height:16px!important}
html body footer.yf-site-footer .yf-footer-actions>form{display:block!important;margin:0!important;width:100%}
html body footer.yf-site-footer .yf-footer-actions>form>button{justify-content:center!important;border:1px solid color-mix(in srgb,#ef4444 40%,var(--line))!important;background:color-mix(in srgb,#ef4444 7%,var(--panel))!important;color:#dc2626!important}
html body footer.yf-site-footer .yf-footer-actions>.yf-language,html body footer.yf-site-footer .yf-footer-actions>details{grid-column:1/-1!important;width:100%!important;margin:4px 0 0!important}
html body footer.yf-site-footer .yf-footer-actions>.yf-language>summary,html body footer.yf-site-footer .yf-footer-actions>details>summary{width:100%!important;height:46px!important;box-sizing:border-box;justify-content:center!important;border-radius:14px!important}
}

/* ===== Phone: account menu as a clean sheet between the header and the bottom bar ===== */
@media (max-width:700px){
html body #account-menu-panel.yf-account-premium{position:fixed!important;left:8px!important;right:8px!important;top:64px!important;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:14px 12px 16px!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:22px!important;z-index:1000!important;box-shadow:0 24px 60px -20px rgba(10,14,40,.55)!important;transform:none!important}
html body #account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body #account-menu-panel.yf-account-premium .account-menu-link{display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;height:auto!important;padding:8px 10px!important;border-radius:14px!important;font-size:13px!important;line-height:1.2!important}
html body #account-menu-panel.yf-account-premium .account-menu-link :is(span,strong):not(.account-link-icon):not(.account-link-arrow):not(.account-unread){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;min-width:0;font-size:13px!important;font-weight:800!important;line-height:1.2!important}
html body #account-menu-panel.yf-account-premium .account-menu-link .yf-tab-label{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html body #account-menu-panel.yf-account-premium .account-link-icon{flex:none!important;width:34px!important;height:34px!important;border-radius:11px!important}
html body #account-menu-panel.yf-account-premium .account-link-icon svg{width:17px!important;height:17px!important}
html body #account-menu-panel.yf-account-premium .account-link-arrow{display:none!important}
html body #account-menu-panel.yf-account-premium .yf-account-footer{position:sticky;bottom:-16px;margin:12px -12px -16px!important;padding:10px 12px!important;background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}
html body #account-menu-panel.yf-account-premium .yf-account-footer :is(a,button){min-height:42px;font-size:13px!important}
}
@media (max-width:700px){
html body:has(details.account-menu[open])>header{z-index:2000!important}
html body:has(details.account-menu[open]) :is(.yf-ad-wrap,iframe[src*="jads"],ins[id]){visibility:hidden!important}
html body #account-menu-panel.yf-account-premium :is(.yg-quick-links,.yg-more-tools){padding:0!important;margin:0 0 6px!important}
html body #account-menu-panel.yf-account-premium .yf-account-footer>a,html body #account-menu-panel.yf-account-premium .yf-account-footer .account-signout button{display:inline-flex!important;align-items:center;gap:7px;height:42px;padding:0 14px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;font-weight:800!important;text-decoration:none!important}
html body #account-menu-panel.yf-account-premium .yf-account-footer .account-signout{margin:0!important;border:0!important;padding:0!important}
html body #account-menu-panel.yf-account-premium .yf-account-footer .account-signout button{color:#dc2626!important;border-color:color-mix(in srgb,#ef4444 40%,var(--line))!important}
html body #account-menu-panel.yf-account-premium .yf-account-footer svg{width:16px!important;height:16px!important}
}
/* Phone account panel: dashboard cards */
@media (max-width:700px){
html body #account-menu-panel.yf-account-premium :is(.yg-columns,.yg-dashboard){display:block!important}
html body #account-menu-panel.yf-account-premium .yg-uploads{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:8px 0!important}
html body #account-menu-panel.yf-account-premium :is(.yg-uploads>a,.yg-data-row){display:flex!important;align-items:center!important;gap:10px!important;min-height:58px;padding:10px 12px!important;box-sizing:border-box;min-width:0}
html body #account-menu-panel.yf-account-premium :is(.yg-uploads>a,.yg-data-row)>:is(span,strong):not(:last-child){flex:1 1 auto;min-width:0;font-size:13px!important;line-height:1.2!important;white-space:normal!important}
html body #account-menu-panel.yf-account-premium :is(.yg-uploads>a,.yg-data-row) :is(strong[data-forge-balance],strong:last-child,span:last-of-type){flex:none!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
html body #account-menu-panel.yf-account-premium .yg-uploads>a>strong:last-child{font-size:20px!important;font-weight:900!important}
html body #account-menu-panel.yf-account-premium .yg-data-row{width:100%!important;margin:0 0 8px!important}
html body #account-menu-panel.yf-account-premium .yg-data-row>strong[data-forge-balance],html body #account-menu-panel.yf-account-premium .yg-data-row>span:nth-of-type(1):last-of-type{margin-left:auto}
html body #account-menu-panel.yf-account-premium .yg-data-row>svg:last-child{flex:none;width:15px!important;height:15px!important;padding:0!important;background:none!important;box-shadow:none!important;color:var(--accent)!important}
html body #account-menu-panel.yf-account-premium .yg-membership{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
html body #account-menu-panel.yf-account-premium :is(.yg-progress,.yg-viewing,.yg-resume){grid-column:1/-1!important;width:100%!important;box-sizing:border-box;margin:8px 0 0!important}
html body #account-menu-panel.yf-account-premium .yg-viewing{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important}
html body #account-menu-panel.yf-account-premium .yg-viewing>div{flex:1 1 auto;min-width:0}
html body #account-menu-panel.yf-account-premium .yg-viewing>div>*{display:block;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
html body #account-menu-panel.yf-account-premium .yg-viewing .yg-duration{flex:none;white-space:nowrap!important;font-weight:900}
html body #account-menu-panel.yf-account-premium .yg-large-icon{flex:none}
html body #account-menu-panel.yf-account-premium .yg-progress{display:block!important;padding:12px!important}
html body #account-menu-panel.yf-account-premium .yg-progress>div{display:flex!important;justify-content:space-between;gap:8px;align-items:center;font-size:12.5px}
html body #account-menu-panel.yf-account-premium .yg-progress progress{width:100%;margin:8px 0}
html body #account-menu-panel.yf-account-premium .yg-resume{display:flex!important;align-items:center;gap:12px;padding:12px!important}
html body #account-menu-panel.yf-account-premium .yg-resume strong{font-size:14px!important;line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-width:700px){
html body #account-menu-panel.yf-account-premium .yg-uploads>a{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:9px!important;padding:10px!important;overflow:hidden}
html body #account-menu-panel.yf-account-premium .yg-uploads>a>span{min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;font-size:12.5px!important;line-height:1.2!important}
html body #account-menu-panel.yf-account-premium .yg-uploads>a>strong{font-size:18px!important;padding-right:2px}
html body #account-menu-panel.yf-account-premium .yg-uploads>a>svg{width:18px!important;height:18px!important}
}

/* My Galleries: shortcuts match the premium style used everywhere else, slightly bigger icons */
html body .yf-galleries-premium .nx-shortcuts>a{justify-content:flex-start!important;text-align:left!important;gap:11px!important;min-height:52px!important;padding:7px 12px 7px 7px!important;border-radius:16px!important;font-size:14px!important;font-weight:800!important;color:var(--ink)!important;background:var(--panel)!important;border:1px solid color-mix(in srgb,var(--chip-a,#7c5cff) 22%,var(--line))!important}
html body .yf-galleries-premium .nx-shortcuts>a:hover{background:color-mix(in srgb,var(--chip-a,#7c5cff) 7%,var(--panel))!important;border-color:color-mix(in srgb,var(--chip-a,#7c5cff) 55%,var(--line))!important;box-shadow:0 12px 24px -16px var(--chip-a,#7c5cff)!important;color:var(--ink)!important}
html body .yf-galleries-premium .nx-shortcuts .yf-shortcut-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;background:linear-gradient(140deg,var(--chip-a,#7c5cff),var(--chip-b,#b26bff))!important;color:#fff!important;box-shadow:0 8px 16px -8px var(--chip-a,#7c5cff),inset 0 1px 0 rgba(255,255,255,.3)!important}
html body .yf-galleries-premium .nx-shortcuts .yf-shortcut-icon svg{width:20px!important;height:20px!important;color:#fff!important;stroke:#fff!important}
html body .yf-galleries-premium .nx-shortcuts>a>span:not(.yf-shortcut-icon),html body .yf-galleries-premium .nx-shortcuts .yf-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .yf-galleries-premium .nx-shortcuts{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;gap:10px!important}
html body .yf-galleries-premium .nx-shortcuts>a{flex:1 1 calc(100% / var(--yf-per-row,7) - 10px)!important;min-width:150px!important;white-space:nowrap!important}
@media (max-width:650px){html body .yf-galleries-premium .nx-shortcuts>a{flex-basis:calc(50% - 5px)!important;min-width:0!important}}
/* My Galleries shortcuts: 3 rows so every label is fully visible */
@media (min-width:651px){html body .yf-galleries-premium .nx-shortcuts>a{flex:1 1 calc(20% - 8px)!important;min-width:0!important}}
@media (min-width:651px) and (max-width:1000px){html body .yf-galleries-premium .nx-shortcuts>a{flex-basis:calc(33.333% - 7px)!important}}
/* ==== assets/yf-subpages-premium.css ==== */
/* Yamkage premium sub-pages (Journals, Challenges, Search, Discover, Tags, Hall of Fame, Clubs, Commissions,
   Wishlist, Missions, Rewards, Followed Tags...): one shared look for heading, cards, filters, empty states, paging. */

/* page heading: a premium hero card, title on top, shortcut chips on their own row underneath */
html body main .nx-heading{position:relative;display:flex!important;flex-direction:column;align-items:stretch;gap:18px;margin:0 0 26px;padding:28px 30px 22px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 58%),var(--panel);box-shadow:0 22px 50px -38px rgba(10,14,40,.7);overflow:hidden}
html body main .nx-heading>div:first-child{max-width:none!important;width:100%}
html body main .nx-heading h1{display:flex;align-items:center;gap:14px;margin:10px 0 8px!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.1;letter-spacing:-.02em}
html body main .nx-heading h1 svg{flex:none;width:30px!important;height:30px!important;padding:9px;box-sizing:content-box;border-radius:14px;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#b26bff));box-shadow:0 12px 24px -14px var(--accent)}
html body main .nx-heading p{max-width:760px;margin:0!important}
html body main .nx-heading>.nx-shortcuts{width:100%;margin:0;padding-top:16px;border-top:1px solid var(--line);gap:8px}

/* cards, filter bars and section titles */
html body main :is(.nx-card,form.filters,.sc-search-form){border:1px solid var(--line)!important;border-radius:20px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel) 60%)!important;box-shadow:0 16px 40px -32px rgba(10,14,40,.7)}
html body main form.filters{padding:16px 18px;gap:12px}
html body main section:has(>.nx-heading)>h2,html body main :is(.nx-heading~h2){display:flex;align-items:center;gap:10px;margin:28px 0 14px;font-size:21px;letter-spacing:-.01em}
html body main section:has(>.nx-heading)>h2::before,html body main :is(.nx-heading~h2)::before{content:"";width:4px;height:22px;border-radius:4px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))}

/* empty states: the plain "No ... yet." paragraphs become a centred card with an icon */
html body main :is(.nx-heading~p:not([class]),.yf-empty-note){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;margin:18px 0;padding:30px 22px;border:1.5px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));color:var(--muted);font-size:15px;font-weight:600;text-align:center}
html body main :is(.nx-heading~p:not([class]),.yf-empty-note)::before{content:"";width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--accent) 16%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2379a9ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11Z'/%3E%3C/svg%3E") center/24px no-repeat}

/* pagination: centred pills */
html body main nav.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:26px 0 8px}
html body main nav.pagination>a,html body main nav.pagination>span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:14px;font-weight:650;text-decoration:none}
html body main nav.pagination>span{color:var(--muted);background:transparent;border-style:dashed}
html body main nav.pagination>a:hover{border-color:var(--accent);color:var(--accent)}

/* action rows (Write a journal, Following, ...) */
html body main .cm-actions{margin:0 0 18px}

@media (max-width:700px){
html body main .nx-heading{padding:20px 16px 16px;border-radius:20px;gap:14px}
html body main .nx-heading h1 svg{width:24px!important;height:24px!important;padding:8px}
html body main :is(.nx-heading~p:not([class]),.yf-empty-note){min-height:120px;padding:22px 16px}
}
html body main .nx-heading h1{color:var(--ink)!important}

/* ===== Creator Studio + Forge Wallet: hero heading, tab row, premium cards, offers list, rewards, ledger ===== */
html body main .nx-heading>.nx-tabs{margin:0;padding-top:16px;border-top:1px solid var(--line)}
html body main :is(.yf-studio-card,.yx-rewards,.forge-profile-card,.yx-reward-card){border:1px solid var(--line)!important;border-radius:20px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel) 60%)!important;box-shadow:0 16px 40px -32px rgba(10,14,40,.7)!important}
html body main .yf-studio-card h2{display:flex;align-items:center;gap:12px}
html body main .yf-studio-tile{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;color:#fff;font-weight:900;font-size:18px;background:linear-gradient(140deg,#ff424d,#f96854);box-shadow:0 10px 18px -10px #ff424d}
html body main .yf-studio-galleries .yf-studio-tile{background:linear-gradient(140deg,#f59e0b,#f97316);box-shadow:0 10px 18px -10px #f59e0b}
html body main .yf-studio-tile svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body main .yf-studio-card input{border-radius:12px;min-height:46px}
html body main .yf-studio-card button{border-radius:12px;min-height:44px;font-weight:750}
html body main .yf-studio-section{display:flex;align-items:center;gap:10px;margin:30px 0 14px;font-size:22px}
html body main .yf-studio-section::before{content:"";width:4px;height:22px;border-radius:4px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))}
/* offers list */
html body main .offer-table.yf-offer-list{display:grid;gap:10px;border:0!important;background:none;overflow:visible}
html body main .yf-offer-list>div{position:relative;border:1px solid var(--line)!important;border-radius:16px;background:var(--panel)!important;padding:14px 16px 14px 20px!important;transition:transform .2s,border-color .2s,box-shadow .2s}
html body main .yf-offer-list>div::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))}
html body main .yf-offer-list>div:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))!important;box-shadow:0 12px 26px -20px var(--accent)}
html body main .yf-offer-list>div>a:first-child{font-weight:700;color:var(--ink);text-decoration:none}
html body main .yf-offer-list>div>span{justify-self:start;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));font-weight:650}
html body main .yf-offer-manage{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 7px;border:1px solid var(--line);border-radius:11px;font-weight:700;font-size:13.5px;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
html body main .yf-offer-manage svg{width:14px;height:14px;padding:5px;box-sizing:content-box;border-radius:8px;color:#fff;stroke:#fff;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))}
html body main .yf-offer-manage:hover{border-color:var(--accent);transform:translateY(-1px)}
/* rewards cards (Forge Wallet) */
html body main .yx-reward-card{--chip-a:#7c5cff;--chip-b:#b26bff;transition:transform .2s,border-color .2s,box-shadow .2s}
html body main .yx-reward-card:nth-child(4n+2){--chip-a:#ec4899;--chip-b:#f43f5e}
html body main .yx-reward-card:nth-child(4n+3){--chip-a:#3b82f6;--chip-b:#06b6d4}
html body main .yx-reward-card:nth-child(4n+4){--chip-a:#10b981;--chip-b:#14b8a6}
html body main .yx-reward-card .yx-icon{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border:0!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b))!important;box-shadow:0 10px 18px -10px var(--chip-a)!important;transition:transform .25s}
html body main .yx-reward-card .yx-icon svg{width:22px!important;height:22px!important;color:#fff!important;stroke:#fff!important;stroke-width:2!important}
html body main .yx-reward-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chip-a) 55%,var(--line))!important;box-shadow:0 16px 30px -20px var(--chip-a)!important}
html body main .yx-reward-card:hover .yx-icon{transform:rotate(-8deg) scale(1.07)}
html body main .yx-rewards .yx-section-title>svg{width:30px;height:30px;padding:9px;box-sizing:content-box;border-radius:14px;color:#fff;stroke:#fff;background:linear-gradient(140deg,#f59e0b,#f97316);box-shadow:0 12px 22px -12px #f59e0b}
/* activity ledger */
html body main .forge-ledger{display:grid;gap:10px}
html body main .forge-ledger>article{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:14px 18px;transition:border-color .2s,transform .2s}
html body main .forge-ledger>article:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-1px)}
html body main .forge-ledger>article>span{font-weight:800;color:#10b981}
@media (prefers-reduced-motion:reduce){html body main :is(.yf-offer-list>div,.yx-reward-card,.forge-ledger>article,.yf-offer-manage){transition:none;transform:none!important}}

/* ===== Lighter heroes (Following, Premium Galleries, Notifications, Collections, Settings...) share the premium heading ===== */
html body main .nx-heading.yf-hero-lite p{margin-top:6px!important}

/* ===== Buttons and form fields inside pages ===== */
html body main :is(.button,button:not([class]),input[type=submit]:not([class])):not(.yf-auth-submit):not(.yf-premium-publish):not(.yf-drop2-change){border-radius:12px!important;font-weight:750;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,filter .18s}
html body main :is(.button,button:not([class]),input[type=submit]:not([class])):not(.yf-auth-submit):not(.yf-premium-publish):not(.yf-drop2-change):hover{transform:translateY(-1px);box-shadow:0 10px 22px -14px var(--accent);filter:brightness(1.05)}
html body main :is(.button,button:not([class]),input[type=submit]:not([class])):active{transform:translateY(0) scale(.98)}
html body main :is(form.filters,.sc-search-form,.gr-toolbar,.edit-art-form,.yf-studio-card,.community-card) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea){border-radius:12px!important;border:1.5px solid var(--line)!important;background:var(--field,var(--panel))!important;color:var(--ink)!important;transition:border-color .15s,box-shadow .15s}
html body main :is(form.filters,.sc-search-form,.gr-toolbar,.edit-art-form,.yf-studio-card,.community-card) :is(input,select,textarea):focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)!important}
html body main :is(form.filters,.sc-search-form,.gr-toolbar) label{font-weight:700;font-size:13.5px}

/* ===== Discover / Search filters ===== */
html body main details.yx-search-details{border-radius:14px!important;border:1px solid var(--line)!important;background:var(--panel)!important}
html body main details.yx-search-details>summary{display:flex;align-items:center;gap:9px;font-weight:750;cursor:pointer}
html body main details.yx-search-details>summary>svg{width:16px;height:16px;padding:6px;box-sizing:content-box;border-radius:9px;color:#fff;stroke:#fff;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))}
html body main .sc-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}
html body main .sc-results-heading>span{padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:13px;font-weight:700;color:var(--muted)}

/* ===== Tags ===== */
html body main .ct-tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
html body main .ct-tag-tile{--chip-a:#7c5cff;--chip-b:#b26bff;position:relative;display:flex!important;flex-direction:column;gap:6px;padding:18px 18px 16px 70px!important;min-height:76px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
html body main .ct-tag-tile::before{content:"#";position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;font-weight:900;font-size:19px;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 10px 18px -10px var(--chip-a)}
html body main .ct-tag-tile:nth-child(5n+2){--chip-a:#3b82f6;--chip-b:#06b6d4}
html body main .ct-tag-tile:nth-child(5n+3){--chip-a:#ec4899;--chip-b:#f43f5e}
html body main .ct-tag-tile:nth-child(5n+4){--chip-a:#10b981;--chip-b:#14b8a6}
html body main .ct-tag-tile:nth-child(5n+5){--chip-a:#f59e0b;--chip-b:#f97316}
html body main .ct-tag-tile strong{font-size:16px;color:var(--ink)}
html body main .ct-tag-tile span{font-size:13px;color:var(--muted)}
html body main .ct-tag-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chip-a) 55%,var(--line))!important;box-shadow:0 16px 30px -20px var(--chip-a)!important}
html body main .yfp-tag-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
html body main .yfp-tag-bar>a:first-child{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:700;text-decoration:none}
html body main .ct-creators{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
html body main .ct-creators>a{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;transition:border-color .2s,transform .2s}
html body main .ct-creators>a:hover{border-color:var(--accent);transform:translateY(-1px)}
html body main .ct-creators .artist-monogram{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-weight:900;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))}

/* ===== Clubs ===== */
html body main .yfc-card{border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden;background:var(--panel)!important;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 14px 34px -28px rgba(10,14,40,.7)}
html body main .yfc-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;box-shadow:0 20px 40px -26px var(--accent)}
html body main .yfc-card .yfc-focus{display:inline-flex;width:fit-content;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);font-weight:700}

/* ===== Public collections / growth cards ===== */
html body main .gr-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
html body main .gr-card{border:1px solid var(--line)!important;border-radius:20px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel) 60%)!important;box-shadow:0 14px 34px -28px rgba(10,14,40,.7)!important}
html body main .gr-collection{transition:transform .2s,border-color .2s}
html body main .gr-collection:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important}
html body main .gr-card .gr-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))}
html body main .gr-card .gr-icon svg{width:19px;height:19px;stroke:#fff}
html body main .gr-card>h2{display:flex;align-items:center;gap:10px}
html body main .gr-card>h2>svg{width:19px;height:19px;padding:8px;box-sizing:content-box;border-radius:12px;color:#fff!important;stroke:#fff;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))}

/* ===== Commissions ===== */
html body main .ex-request-list{display:grid;gap:12px}
html body main .ex-request-list>a.nx-card{display:block;padding:16px 18px;text-decoration:none;transition:transform .2s,border-color .2s}
html body main .ex-request-list>a.nx-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important}
html body main .ex-status{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent)}

/* ===== Hall of Fame / Challenges ===== */
html body main .fr-empty{text-align:center}
html body main .fr-empty>svg{width:30px!important;height:30px!important;padding:13px;box-sizing:content-box;border-radius:18px;color:#fff;stroke:#fff;background:linear-gradient(140deg,#f59e0b,#f97316);box-shadow:0 14px 26px -14px #f59e0b;margin:0 auto 10px}
html body main section.nx-card>h2:first-child{font-size:24px;letter-spacing:-.01em}

/* ===== Capital letters on short labels: buttons, tabs, chips, actions (not descriptions) ===== */
html body :is(button,.button,input[type=submit],input[type=button],summary:not(.account-trigger),.pagination>a,.pagination>span,.cm-actions>a,.yx-actions>a,.forge-wallet-actions>a,.yfp-tag-bar>a,.yf-offer-manage,.ex-status,.yf-ad-caption,.sc-results-heading>span,.gr-nav>a,.fr-nav>a,.nx-tabs>a,.nx-shortcuts>a,.account-menu-link,.community-nav-item){text-transform:capitalize}
html body :is(.theme-panel,.yf-language-panel,.yf-language) :is(button,summary){text-transform:none}
html body main :is(form.filters,.sc-search-form,.gr-toolbar) :is(label,a,select,option){text-transform:capitalize}
html body main :is(form.filters,.sc-search-form,.gr-toolbar) :is(input,textarea){text-transform:none}
html body main :is(.yf-studio-section,.yf-offer-list>div>span,.yf-studio-card>h2,.yx-section-title h2,.yx-daily-heading>h3,.sc-results-heading>h2,.nx-heading~h2,section:has(>.nx-heading)>h2,.community-shell>h2,.gr-card>h2,.nx-heading h1,.yf-section-label){text-transform:capitalize}

/* ===== Every form on every page: premium fields, fieldsets, checkboxes, filter bars (login + upload keep their own) ===== */
html body main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea):not(.yf-auth *):not(.yf-drop2 *):not(.yf-premium-upload-form *){box-sizing:border-box;min-height:46px;border-radius:12px!important;border:1.5px solid var(--line)!important;background-color:var(--field,var(--panel))!important;color:var(--ink)!important;font-size:15px;transition:border-color .15s,box-shadow .15s}
html body main textarea:not(.yf-auth *){min-height:110px;padding-top:12px}
html body main :is(input,select,textarea):not(.yf-auth *):not(.yf-drop2 *):hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important}
html body main :is(input,select,textarea):not(.yf-auth *):not(.yf-drop2 *):focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)!important}
html body main :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent);width:18px;height:18px;cursor:pointer}
html body main label:not(.yf-auth *):not(.yf-drop2){font-weight:650;color:var(--ink)}
html body main label:not(.yf-auth *):not(.yf-drop2) :is(input,select,textarea){font-weight:500}

/* fieldsets become small cards; the legend (often a checkbox) becomes a pill */
html body main fieldset{margin:0;padding:18px 18px 16px;border:1px solid var(--line)!important;border-radius:18px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--panel) 70%)!important;transition:border-color .2s,box-shadow .2s}
html body main fieldset:has(legend input:checked){border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
html body main fieldset>legend{padding:0}
html body main fieldset>legend>:is(label,span){display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:750;box-shadow:0 6px 14px -12px rgba(10,14,40,.6)}
html body main fieldset>p,html body main fieldset>small{color:var(--muted);font-size:13.5px}

/* filter bars: search field grows, checkbox and button sit on the same line */
html body main form.filters{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:12px 14px}
html body main form.filters>label:not(.check-label){display:grid;gap:6px;flex:1 1 260px;min-width:0}
html body main form.filters>label.check-label{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
html body main form.filters>:is(button,.button){min-height:46px;padding:0 20px}

/* bulk editor grid + secondary buttons */
html body main .ct-bulk-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
html body main button:not([class]):not(.yf-auth *){min-height:44px;padding:0 18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--ink);font-weight:750;cursor:pointer}
html body main button:not([class]):not(.yf-auth *):hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel))}

/* capital letters on short form labels, legends and card titles */
html body main :is(label,legend,.nx-card>h2,.community-card>h2,fieldset h3):not(.yf-auth *){text-transform:capitalize}
html body main :is(input,textarea){text-transform:none}
html body main select:not(.yf-language *){text-transform:capitalize}

/* ===== Page-by-page polish (Batch Studio, Buy Coins, Daily Rewards, Followed Tags, VIP, Watched Galleries, Wishlist...) ===== */
/* icons that sit in headings become gradient tiles */
html body main :is(h2,h3)>svg:first-child:not(.nx-heading *){width:18px!important;height:18px!important;padding:8px;box-sizing:content-box;border-radius:11px;color:#fff!important;stroke:#fff;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff));box-shadow:0 8px 16px -10px var(--accent);vertical-align:middle;margin-right:4px}
html body main :is(h2,h3):has(>svg:first-child){display:flex;align-items:center;gap:10px}
/* headings: capital letters (artwork titles are links and stay as written) */
html body main :is(h2,h3):not(:has(a)):not(.yf-auth *){text-transform:capitalize}
/* empty states with the old .empty box */
html body main .empty{border:1.5px dashed color-mix(in srgb,var(--accent) 35%,var(--line))!important;border-radius:20px!important;background:color-mix(in srgb,var(--accent) 5%,var(--panel))!important;padding:34px 22px!important;text-align:center}
html body main .empty>span:first-child{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff));color:#fff;font-size:20px}
html body main .empty .button{margin-top:6px}
/* alerts */
html body main :is(.alert,p.alert){border-radius:14px!important;padding:12px 16px!important}
/* batch upload drop zone */
html body main label.drop:not(.yf-premium-drop){display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:170px;padding:26px!important;border:2px dashed color-mix(in srgb,var(--accent) 45%,var(--line))!important;border-radius:22px!important;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--field,var(--panel))!important;cursor:pointer;transition:border-color .2s,box-shadow .2s}
html body main label.drop:not(.yf-premium-drop):hover{border-color:var(--accent)!important;box-shadow:0 16px 34px -24px var(--accent)}
html body main label.drop:not(.yf-premium-drop) input[type=file]{max-width:100%;border-radius:12px}
/* shortcut cards (Review link, VIP shop shortcut) */
html body main :is(a.im-review-link,a.vr-shop-shortcut){display:flex!important;align-items:center;gap:12px;padding:14px 16px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--panel)!important;text-decoration:none;font-weight:700;transition:transform .2s,border-color .2s,box-shadow .2s}
html body main :is(a.im-review-link,a.vr-shop-shortcut):hover{transform:translateY(-2px);border-color:var(--accent)!important;box-shadow:0 14px 28px -20px var(--accent)}
html body main :is(a.im-review-link,a.vr-shop-shortcut)>svg:first-child{flex:none;width:18px;height:18px;padding:8px;box-sizing:content-box;border-radius:11px;color:#fff;stroke:#fff;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))}
/* round icon badges used by VIP, watched galleries, rewards */
html body main :is(.yf-vip-icon,.ws-watch-icon){display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(140deg,#f59e0b,#f97316)!important;box-shadow:0 10px 18px -10px #f59e0b!important;border:0!important}
html body main .ws-watch-icon{background:linear-gradient(140deg,#3b82f6,#06b6d4)!important;box-shadow:0 10px 18px -10px #3b82f6!important}
html body main :is(.yf-vip-icon,.ws-watch-icon) svg{width:21px!important;height:21px!important;color:#fff!important;stroke:#fff!important}
html body main .yfx-done>svg,html body main b>svg{color:#10b981}
html body main label.check-label{border-radius:12px!important}
html body main .yf-empty-symbol{display:inline-grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:16px!important;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))!important;box-shadow:0 12px 22px -12px var(--accent)!important}
html body main .yf-empty-symbol svg{color:#fff!important;stroke:#fff!important}
html body main input[type=file]::file-selector-button{margin-right:12px;padding:9px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#b26bff));color:#fff;font-weight:750;cursor:pointer;transition:filter .15s}
html body main input[type=file]::file-selector-button:hover{filter:brightness(1.08)}
html body main input[type=file]{font-size:14px;color:var(--muted)}
html body main .yf-for-you-premium .nx-heading h1>svg,html body main .yf-for-you-premium .nx-heading h1>svg *{color:#fff!important;stroke:#fff!important;fill:none!important}
/* tab rows inside page heroes stretch to the full width (Creator Studio, Forge Wallet...) */
html body main .nx-heading>.nx-tabs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px}
html body main .nx-heading>.nx-tabs>a{width:100%;min-width:0;box-sizing:border-box}
@media (max-width:700px){html body main .nx-heading>.nx-tabs{display:flex!important}html body main .nx-heading>.nx-tabs>a{width:auto}}
/* Creator membership: Patreon (coral) and DeviantArt (green) cards */
html body main .membership-card{border:1px solid var(--line)!important;border-radius:22px!important;background:linear-gradient(160deg,color-mix(in srgb,#ff424d 6%,var(--panel)),var(--panel) 60%)!important;box-shadow:0 16px 40px -32px rgba(10,14,40,.7)!important;margin-bottom:18px}
html body main .membership-card.yf-membership-da{background:linear-gradient(160deg,color-mix(in srgb,#05cc47 7%,var(--panel)),var(--panel) 60%)!important}
html body main .membership-card .patreon-mark{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;border:0!important;border-radius:16px!important;color:#fff!important;font-weight:900!important;font-size:22px!important;background:linear-gradient(140deg,#ff424d,#f96854)!important;box-shadow:0 12px 22px -12px #ff424d!important}
html body main .membership-card .patreon-mark.da-mark{font-size:19px!important;background:linear-gradient(140deg,#05cc47,#00975c)!important;box-shadow:0 12px 22px -12px #05cc47!important}
html body main .membership-card.yf-membership-da .button{background:linear-gradient(135deg,#05cc47,#00975c)!important;border-color:transparent!important;color:#fff!important}
html body main .membership-card .offer-status{display:inline-flex;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:700;font-size:12.5px}

/* no duplicate links: a shortcut is hidden when the same page is already in the tab row above */
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=challenges"]) .nx-shortcuts>a[href="index.php?page=challenges"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=hall-of-fame"]) .nx-shortcuts>a[href="index.php?page=hall-of-fame"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=journals"]) .nx-shortcuts>a[href="index.php?page=journals"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=tags"]) .nx-shortcuts>a[href="index.php?page=tags"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=clubs"]) .nx-shortcuts>a[href="index.php?page=clubs"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=commissions"]) .nx-shortcuts>a[href="index.php?page=commissions"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=wishlist"]) .nx-shortcuts>a[href="index.php?page=wishlist"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=weekly-missions"]) .nx-shortcuts>a[href="index.php?page=weekly-missions"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=daily-rewards"]) .nx-shortcuts>a[href="index.php?page=daily-rewards"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=followed-tags"]) .nx-shortcuts>a[href="index.php?page=followed-tags"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=batch-upload"]) .nx-shortcuts>a[href="index.php?page=batch-upload"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=search"]) .nx-shortcuts>a[href="index.php?page=search"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=leaderboards"]) .nx-shortcuts>a[href="index.php?page=leaderboards"],
html body main:has(:is(.gr-nav,.fr-nav,.nx-heading>.nx-tabs) a[href^="index.php?page=random"]) .nx-shortcuts>a[href="index.php?page=random"]{display:none!important}

/* ===== Artwork page: source bar (Yamkage Upload / Original / Download) ===== */
html body main .yf-local-source{position:relative;overflow:hidden;border-radius:18px!important;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))!important;background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),linear-gradient(120deg,#151a33,#0f1426)!important;box-shadow:0 18px 38px -26px rgba(20,16,60,.9)!important}
html body main .yf-local-source .yf-local-brand{display:flex;align-items:center;gap:12px}
html body main .yf-local-source .yf-local-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:0!important;border-radius:13px!important;color:#fff!important;font-weight:900!important;font-size:18px!important;background:linear-gradient(140deg,#7c5cff,#3b82f6)!important;box-shadow:0 10px 20px -10px #7c5cff,inset 0 1px 0 rgba(255,255,255,.35)!important}
html body main .yf-local-source .yf-local-brand strong{color:#fff!important;font-size:15px;letter-spacing:.01em}
html body main .yf-local-source .yf-local-original{display:inline-flex!important;align-items:center;gap:8px;min-height:38px;padding:0 14px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-weight:750}
html body main .yf-local-source .yf-local-original::before{content:"";width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:yfPulse 2s infinite}
html body main .yf-local-source .yf-local-download{position:relative;isolation:isolate;overflow:hidden;display:inline-flex!important;align-items:center;gap:10px;min-height:40px;padding:4px 16px 4px 5px!important;border:0!important;border-radius:13px!important;background:linear-gradient(120deg,#7c5cff,#b26bff)!important;color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 12px 24px -12px #7c5cff!important;transition:transform .2s,box-shadow .2s}
html body main .yf-local-source .yf-local-download>svg{width:16px!important;height:16px!important;padding:7px;box-sizing:content-box;border-radius:9px;background:rgba(255,255,255,.2);color:#fff;stroke:#fff}
html body main .yf-local-source .yf-local-download::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s ease}
html body main .yf-local-source .yf-local-download:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px #7c5cff!important}
html body main .yf-local-source .yf-local-download:hover::after{transform:translateX(120%)}
@keyframes yfPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
html[data-mode=light] body main .yf-local-source{background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),linear-gradient(120deg,#1b2147,#141a35)!important}

/* artwork page details */
html body main .art-stage .expand-art,html body main button.expand-art{border-radius:12px!important}
html body main .stage-footer{border-radius:0 0 18px 18px}
html body main :is(.stat-symbol,.yf-conversation-icon,.yf-guest-benefits-icon){display:inline-grid!important;place-items:center!important;border-radius:11px!important;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))!important;box-shadow:0 8px 16px -10px var(--accent)!important;border:0!important}
html body main :is(.stat-symbol,.yf-conversation-icon,.yf-guest-benefits-icon) svg{color:#fff!important;stroke:#fff!important}
html body main .stat-symbol:is(:nth-of-type(1)){background:linear-gradient(140deg,#3b82f6,#06b6d4)!important}
html body main a.yf-guest-benefits-register{border-radius:12px!important}

/* artwork cards in every grid */
html body main article.card{border-radius:18px!important;overflow:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s}
html body main article.card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px color-mix(in srgb,var(--accent) 70%,#000)}

/* ===== Help / Privacy / Legal / Terms / Cookies ===== */
html body main .pf-hero{border:1px solid var(--line)!important;border-radius:24px!important;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 58%),var(--panel)!important;box-shadow:0 22px 50px -38px rgba(10,14,40,.7)!important}
html body main .pf-icon{display:inline-grid!important;place-items:center!important;border:0!important;border-radius:16px!important;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))!important;box-shadow:0 12px 24px -14px var(--accent)!important}
html body main .pf-icon svg{color:#fff!important;stroke:#fff!important}
html body main .pf-hero .pf-icon{width:56px!important;height:56px!important}
html body main .pf-nav>a{--chip-a:#7c5cff;--chip-b:#b26bff;display:inline-flex!important;align-items:center;gap:8px;padding:4px 14px 4px 5px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel)!important;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s}
html body main .pf-nav>a>svg{width:15px;height:15px;padding:7px;box-sizing:content-box;border-radius:9px;color:#fff!important;stroke:#fff;background:linear-gradient(140deg,var(--chip-a),var(--chip-b))}
html body main .pf-nav>a:nth-child(2){--chip-a:#10b981;--chip-b:#14b8a6}html body main .pf-nav>a:nth-child(3){--chip-a:#6366f1;--chip-b:#8b5cf6}html body main .pf-nav>a:nth-child(4){--chip-a:#3b82f6;--chip-b:#06b6d4}html body main .pf-nav>a:nth-child(5){--chip-a:#f59e0b;--chip-b:#f97316}html body main .pf-nav>a:nth-child(6){--chip-a:#ec4899;--chip-b:#f43f5e}
html body main .pf-nav>a:is([aria-current],.is-active){border-color:var(--chip-a)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--chip-a) 18%,transparent)}
html body main .pf-nav>a:hover{transform:translateY(-2px);border-color:var(--chip-a)!important}
html body main .pf-toc,html body main .pf-body section{border-radius:18px!important}
html body main .pf-toc a{border-radius:10px}

/* ===== Small pages using .yx-shell (Achievements, Forgot password...) ===== */
html body main .yx-shell>h1{text-transform:capitalize;letter-spacing:-.02em}
html body main .yx-shell>form.community-card{border-radius:20px!important}

/* ===== Artist profile ===== */
html body main .profile-cover-symbol{display:inline-grid!important;place-items:center!important;border-radius:18px!important;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))!important;box-shadow:0 14px 26px -14px var(--accent)!important}
html body main .profile-cover-symbol svg{color:#fff!important;stroke:#fff!important}
html body main .profile-bottom{border-radius:16px!important}
html body main :is(a.dm-profile-button,a.ar-watch,a.patreon-profile-link,.profile-follow-button,.yx-actions>a){display:inline-flex!important;align-items:center;gap:8px;min-height:42px;padding:4px 15px 4px 5px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel)!important;color:var(--ink)!important;font-weight:750;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
html body main :is(a.dm-profile-button,a.ar-watch,a.patreon-profile-link,.yx-actions>a)>svg:first-child,html body main .yf-follow-icon{width:15px!important;height:15px!important;padding:8px;box-sizing:content-box;border-radius:9px;color:#fff!important;stroke:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))}
html body main a.patreon-profile-link>svg:first-child{background:linear-gradient(140deg,#ff424d,#f96854)}
html body main a.ar-watch>svg:first-child{background:linear-gradient(140deg,#3b82f6,#06b6d4)}
html body main :is(a.dm-profile-button,a.ar-watch,a.patreon-profile-link,.yx-actions>a):hover{transform:translateY(-2px);border-color:var(--accent)!important;box-shadow:0 12px 24px -16px var(--accent)}

/* ===== Rank emblems (Leaderboards / Ranks) ===== */
html body main .fr-emblem{display:inline-grid!important;place-items:center!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(140deg,#64748b,#94a3b8)!important;box-shadow:0 10px 20px -12px rgba(0,0,0,.5)!important}
html body main .fr-emblem svg{color:#fff!important;stroke:#fff!important}
html body main .fr-emblem.fr-tier-sketcher{background:linear-gradient(140deg,#10b981,#14b8a6)!important}
html body main .fr-emblem.fr-tier-artisan{background:linear-gradient(140deg,#3b82f6,#06b6d4)!important}
html body main .fr-emblem.fr-tier-curator{background:linear-gradient(140deg,#7c5cff,#b26bff)!important}
html body main .fr-emblem.fr-tier-visionary{background:linear-gradient(140deg,#ec4899,#f43f5e)!important}
html body main .fr-emblem:is(.fr-tier-master,.fr-tier-legend,.fr-tier-grandmaster){background:linear-gradient(140deg,#f59e0b,#f97316)!important}
@media (prefers-reduced-motion:reduce){html body main .yf-local-source .yf-local-original::before{animation:none}html body main article.card:hover{transform:none}}

/* ===== Forge Wallet: activity ledger rows + reward pills ===== */
html body main .forge-ledger{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
html body main .forge-ledger>article{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--panel)!important;box-shadow:0 8px 20px -18px rgba(20,16,60,.6)}
html body main .forge-ledger .yf-ledger-icon{--chip-a:#7c5cff;--chip-b:#b26bff;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 8px 16px -9px var(--chip-a)}
html body main .forge-ledger .yf-ledger-icon svg{width:19px;height:19px;stroke:#fff;color:#fff}
html body main .forge-ledger>article[data-kind=site_watch] .yf-ledger-icon,html body main .forge-ledger>article[data-kind=watch] .yf-ledger-icon{--chip-a:#3b82f6;--chip-b:#06b6d4}
html body main .forge-ledger>article[data-kind=like] .yf-ledger-icon,html body main .forge-ledger>article[data-kind^=tip] .yf-ledger-icon{--chip-a:#ec4899;--chip-b:#f43f5e}
html body main .forge-ledger>article[data-kind=comment] .yf-ledger-icon,html body main .forge-ledger>article[data-kind^=mission] .yf-ledger-icon{--chip-a:#10b981;--chip-b:#14b8a6}
html body main .forge-ledger>article:is([data-kind=coin_purchase],[data-kind=sale],[data-kind=challenge_prize],[data-kind=daily_checkin]) .yf-ledger-icon{--chip-a:#f59e0b;--chip-b:#f97316}
html body main .forge-ledger>article>div strong{display:block;font-size:15px}
html body main .forge-ledger>article>div small{color:var(--muted);font-size:12.5px}
html body main .forge-ledger>article>span:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:0}
html body main .forge-ledger>article>span:last-child br{display:none}
html body main .forge-ledger>article>span:last-child{font-size:13px;font-weight:800;color:#10b981;text-align:right;line-height:1.7}
/* XP / Coins pills on the reward cards */
html body main .yx-reward-pills{display:flex;flex-wrap:wrap;gap:8px}
html body main .yx-reward-pills>span{display:inline-flex!important;align-items:center;gap:7px;padding:4px 12px 4px 4px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;font-size:12.5px;color:var(--muted)}
html body main .yx-reward-pills>span strong{font-size:15px;color:var(--ink)}
html body main .yx-reward-pills>span>svg{width:14px!important;height:14px!important;padding:6px;box-sizing:content-box;border-radius:8px;color:#fff!important;stroke:#fff!important;background:linear-gradient(140deg,#7c5cff,#b26bff)}
html body main .yx-reward-pills>span:nth-child(2)>svg{background:linear-gradient(140deg,#f59e0b,#f97316)}
html body main .yx-reward-card.yx-reward-link{display:flex;flex-direction:column;align-items:flex-start}
html body main .yx-reward-card.yx-reward-link:nth-last-child(2){--chip-a:#f59e0b;--chip-b:#f97316}
html body main .yx-reward-card.yx-reward-link:last-child{--chip-a:#6366f1;--chip-b:#8b5cf6}
html body main .yx-reward-card.yx-reward-link .button{margin-top:auto}
html body main .yx-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}

/* ===== VIP Rewards Shop ===== */
html body main .vr-summary{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 22px!important;border-radius:20px!important;background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,#f59e0b 16%,transparent),transparent 60%),var(--panel)!important;border:1px solid color-mix(in srgb,#f59e0b 35%,var(--line))!important}
html body main .vr-summary>strong{font-size:18px;text-transform:capitalize}
html body main .vr-summary>span{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:900;background:linear-gradient(120deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
html body main .vr-summary>span>svg{width:20px;height:20px;padding:9px;box-sizing:content-box;border-radius:13px;color:#fff;stroke:#fff;background:linear-gradient(140deg,#fbbf24,#f97316);box-shadow:0 10px 18px -10px #f59e0b}
html body main .vr-summary>a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-weight:750;text-decoration:none;text-transform:capitalize}
html body main .vr-rewards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:18px 0}
html body main .vr-reward{--tier-a:#b45309;--tier-b:#f59e0b;position:relative;display:flex!important;flex-direction:column;gap:10px;padding:20px!important;border-radius:20px!important;overflow:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s}
html body main .vr-reward::before{content:"";position:absolute;inset:0 0 auto 0;height:90px;background:radial-gradient(ellipse at 50% -20%,color-mix(in srgb,var(--tier-b) 30%,transparent),transparent 70%);pointer-events:none}
html body main .vr-reward:has(.vr-tier-silver,.vr-frame-silver){--tier-a:#64748b;--tier-b:#cbd5e1}
html body main .vr-reward:has(.vr-tier-gold,.vr-frame-gold){--tier-a:#d97706;--tier-b:#fde047}
html body main .vr-reward:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tier-b) 60%,var(--line))!important;box-shadow:0 20px 40px -26px var(--tier-a)}
html body main .vr-reward .vr-demo{position:relative;display:grid!important;place-items:center;width:64px!important;height:64px!important;border-radius:20px!important;color:#fff!important;font-weight:900;font-size:26px;background:linear-gradient(140deg,var(--tier-a),var(--tier-b))!important;box-shadow:0 14px 26px -14px var(--tier-a),inset 0 1px 0 rgba(255,255,255,.4)!important}
html body main .vr-reward .vr-demo svg{width:30px;height:30px;color:#fff;stroke:#fff}
html body main .vr-reward .vr-required{align-self:flex-start;padding:4px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tier-b) 50%,var(--line));background:color-mix(in srgb,var(--tier-b) 14%,var(--panel));font-size:12px;font-weight:800;text-transform:capitalize}
html body main .vr-reward h2{margin:2px 0 0;font-size:19px}
html body main .vr-reward>p{color:var(--muted);font-size:13.5px;margin:0}
html body main .vr-reward>strong{font-size:20px;font-weight:900}
html body main .vr-reward form{margin-top:auto}
html body main .vr-reward form .button{width:100%;min-height:44px}
html body main .vr-reward form .button:disabled{opacity:.6;filter:grayscale(.3);transform:none!important;box-shadow:none!important}
html body main .vr-rewards~section.nx-card>p:not(.nx-muted){display:flex;justify-content:space-between;gap:12px;margin:8px 0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:14px}
html body main .up-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:12px}
html body main .nx-heading>.nx-tabs.yf-wallet-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){html body main .nx-heading>.nx-tabs.yf-wallet-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body main .nx-heading>.nx-tabs.yf-studio-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1200px){html body main .nx-heading>.nx-tabs.yf-studio-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){html body main .nx-heading>.nx-tabs.yf-studio-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body main .yx-reward-pills>span:first-child>svg{background:linear-gradient(140deg,#7c5cff,#06b6d4)!important}
html body main .yx-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:1100px){html body main .yx-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){html body main .yx-card-grid{grid-template-columns:1fr!important}}
html body main .yx-reward-card.yx-reward-link:nth-last-child(2){--chip-a:#ec4899;--chip-b:#f43f5e}
html body main .yx-reward-card.yx-reward-link:nth-last-child(4){--chip-a:#f59e0b;--chip-b:#f97316}
html body main .yx-reward-card.yx-reward-link:nth-last-child(3){--chip-a:#6366f1;--chip-b:#8b5cf6}
html body main .yx-reward-card.yx-reward-link:last-child{--chip-a:#10b981;--chip-b:#14b8a6}
html body main .yx-reward-card .button{border-radius:12px!important}

/* ===== Daily missions block: heading card with icon, countdown + next reset pills, progress bars ===== */
html body main .yx-daily-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"ico title count next" "ico sub count next";align-items:center;column-gap:16px;row-gap:2px;margin:26px 0 16px!important;padding:18px 20px!important;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,#6366f1 14%,transparent),transparent 60%),var(--panel)}
html body main .yx-daily-heading::before{content:"";grid-area:ico;width:48px;height:48px;border-radius:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E") center/24px no-repeat,linear-gradient(140deg,#6366f1,#06b6d4);box-shadow:0 12px 22px -12px #6366f1}
html body main .yx-daily-heading>h3{grid-area:title;margin:0!important;font-size:21px}
html body main .yx-daily-heading>p:nth-of-type(1){grid-area:sub;margin:0!important;color:var(--muted);font-size:13.5px}
html body main .yx-daily-heading>p:nth-of-type(2),html body main .yx-daily-heading>p:nth-of-type(3){display:inline-flex;align-items:center;gap:8px;margin:0!important;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:13px;font-weight:750;white-space:nowrap}
html body main .yx-daily-heading>p:nth-of-type(2){grid-area:count;color:var(--ink)}
html body main .yx-daily-heading>p:nth-of-type(3){grid-area:next;color:var(--muted)}
html body main .yx-daily-heading>p:nth-of-type(2)::before,html body main .yx-daily-heading>p:nth-of-type(3)::before{content:"";width:26px;height:26px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M9 2h6'/%3E%3C/svg%3E") center/15px no-repeat,linear-gradient(140deg,#f59e0b,#f97316)}
html body main .yx-daily-heading>p:nth-of-type(3)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") center/14px no-repeat,linear-gradient(140deg,#3b82f6,#06b6d4)}
html body main .yx-daily-heading>p:nth-of-type(2):has(span:empty){display:none}
@media (max-width:820px){html body main .yx-daily-heading{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico title" "ico sub" "count count" "next next";row-gap:8px}html body main .yx-daily-heading>p:nth-of-type(2),html body main .yx-daily-heading>p:nth-of-type(3){justify-self:start}}
/* mission progress + claimed state */
html body main .yx-daily-progress{display:grid;gap:6px;margin:4px 0 10px}
html body main .yx-daily-progress progress{-webkit-appearance:none;appearance:none;width:100%;height:8px;border:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));overflow:hidden}
html body main .yx-daily-progress progress::-webkit-progress-bar{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-radius:999px}
html body main .yx-daily-progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--chip-a,#7c5cff),var(--chip-b,#06b6d4));border-radius:999px}
html body main .yx-daily-progress progress::-moz-progress-bar{background:linear-gradient(90deg,var(--chip-a,#7c5cff),var(--chip-b,#06b6d4));border-radius:999px}
html body main .yx-daily-progress>span{font-size:12.5px;font-weight:700;color:var(--muted)}
html body main .yx-reward-card form{margin-top:auto}
html body main .yx-reward-card form .button{width:100%}
html body main .yx-reward-card.is-claimed{opacity:.75}
html body main .yx-reward-card.is-claimed .yx-icon{background:linear-gradient(140deg,#10b981,#14b8a6)!important}
html body main .yx-reward-card{display:flex!important;flex-direction:column}
html body main .yx-rewards>p{color:var(--muted);font-size:13px}

/* How rewards work: rules card with icon list */
html body main .yx-rules{margin:22px 0 8px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 6%,var(--panel)),var(--panel) 70%)}
html body main .yx-rules>h4{margin:0 0 12px;font-size:17px;text-transform:capitalize}
html body main .yx-rules>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin:0;padding:0;list-style:none}
html body main .yx-rules li{--chip-a:#7c5cff;--chip-b:#06b6d4;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-size:13.5px;line-height:1.5;color:var(--muted)}
html body main .yx-rules li>svg{flex:none;width:16px;height:16px;padding:7px;box-sizing:content-box;border-radius:10px;color:#fff;stroke:#fff;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 6px 12px -8px var(--chip-a)}
html body main .yx-rules li strong{color:var(--ink)}
html body main .yx-rules li:nth-child(2){--chip-a:#ec4899;--chip-b:#f43f5e}
html body main .yx-rules li:nth-child(3){--chip-a:#3b82f6;--chip-b:#06b6d4}
html body main .yx-rules li:nth-child(4){--chip-a:#10b981;--chip-b:#14b8a6}
html body main .yx-rules li:nth-child(5){--chip-a:#f59e0b;--chip-b:#f97316}

/* ===== Artist commission page: studio card, detail facts with icons, status pill, actions ===== */
html body main .ex-commission-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:start}
@media (max-width:900px){html body main .ex-commission-layout{grid-template-columns:1fr}}
html body main .ex-commission-layout>article.nx-card{position:relative;padding:24px 26px!important}
html body main .ex-commission-layout>article.nx-card>h2{display:flex;align-items:center;gap:12px;margin:12px 0 8px;font-size:24px}
html body main .ex-commission-layout>article.nx-card>h2::before{content:"";flex:none;width:44px;height:44px;border-radius:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 4 6-1-1 6-9 9-4-4ZM4 15c-3 1 0 4-2 6 4 1 7-1 6-4'/%3E%3C/svg%3E") center/22px no-repeat,linear-gradient(140deg,#ec4899,#7c5cff);box-shadow:0 12px 22px -12px #ec4899}
html body main .ex-commission-layout>article.nx-card>h3{display:flex;align-items:center;gap:10px;margin:22px 0 6px;padding-top:16px;border-top:1px solid var(--line)}
html body main .ex-commission-layout>article.nx-card>h3::before{content:"";width:30px;height:30px;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 3v6c0 5-8 9-8 9s-8-4-8-9V6Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(140deg,#10b981,#14b8a6)}
html body main .ex-commission-layout .preserve{color:var(--muted)}
/* status pill: green when open, red when closed */
html body main .ex-status{display:inline-flex!important;align-items:center;gap:7px;padding:5px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}
html body main .ex-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
html body main .ex-status.status-accepted{color:#059669!important;background:color-mix(in srgb,#10b981 14%,var(--panel))!important;border:1px solid color-mix(in srgb,#10b981 40%,var(--line))}
html body main .ex-status.status-cancelled{color:#dc2626!important;background:color-mix(in srgb,#ef4444 12%,var(--panel))!important;border:1px solid color-mix(in srgb,#ef4444 35%,var(--line))}
html body main .ex-status.status-accepted::before{box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:yfPulse 2s infinite}
/* details card */
html body main .ex-commission-layout>aside.nx-card{padding:22px!important;position:sticky;top:90px}
html body main .ex-commission-layout>aside.nx-card>h2{margin:0 0 12px;font-size:20px}
html body main .ex-fact{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:14px;background:var(--panel)}
html body main .ex-fact>span{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13.5px}
html body main .ex-fact>span::before{content:"";width:30px;height:30px;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='M15.1 9.6A6 6 0 1 1 9.6 15.1M9 7v4M7 9h4'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(140deg,#f59e0b,#f97316)}
html body main .ex-fact:nth-of-type(2)>span::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Cpath d='M8 10h8M8 14h5'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(140deg,#3b82f6,#06b6d4)}
html body main .ex-fact:nth-of-type(3)>span::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M9 2h6'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(140deg,#7c5cff,#b26bff)}
html body main .ex-fact>strong{font-size:14px;font-weight:800;text-align:right}
html body main .ex-commission-layout>aside.nx-card>.button,html body main .ex-commission-layout>aside.nx-card .up-waitlist :is(.button,button){display:flex;width:100%;justify-content:center;margin:10px 0 0;min-height:46px;box-sizing:border-box}
html body main .ex-commission-layout>aside.nx-card .ex-muted{margin-top:12px;font-size:12.5px;color:var(--muted);text-align:center}
html body main .ex-commission-layout+a,html body main a[href^="index.php?page=commissions"]:only-child{display:inline-flex;align-items:center;margin-top:16px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:700;text-decoration:none}
html body main .ex-commission-layout>aside.nx-card>.button~.button,html body main .ex-commission-layout>aside.nx-card>form>button{background:var(--panel)!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))!important;box-shadow:none!important}
html body main .ex-commission-layout>aside.nx-card>form>button{display:flex;width:100%;justify-content:center;margin-top:10px;min-height:46px}
html body main .yx-reward-pills>span.yx-pill-xp>svg{background:linear-gradient(140deg,#8b5cf6,#ec4899)!important}
html body main .yx-reward-pills>span.yx-pill-xp>svg path{fill:#fff;stroke:#fff;stroke-width:1.2}

/* ===== Weekly challenge card ===== */
html body main .yf-challenge{position:relative;overflow:hidden;padding:26px 28px!important;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,#f59e0b 14%,transparent),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel) 60%)!important}
html body main .yf-challenge-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px}
html body main .yf-challenge-status{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
html body main .yf-challenge-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
html body main .yf-challenge-status.is-open{color:#059669;background:color-mix(in srgb,#10b981 14%,var(--panel));border:1px solid color-mix(in srgb,#10b981 40%,var(--line))}
html body main .yf-challenge-status.is-open::before{animation:yfPulse 2s infinite}
html body main .yf-challenge-status.is-closed{color:#dc2626;background:color-mix(in srgb,#ef4444 12%,var(--panel));border:1px solid color-mix(in srgb,#ef4444 35%,var(--line))}
html body main .yf-challenge-dates{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:13px;font-weight:700;color:var(--muted)}
html body main .yf-challenge-dates>svg{width:13px;height:13px;padding:5px;box-sizing:content-box;border-radius:50%;color:#fff;stroke:#fff;background:linear-gradient(140deg,#3b82f6,#06b6d4)}
html body main .yf-challenge>h2{margin:8px 0 6px!important;font-size:clamp(24px,2.6vw,32px)!important;letter-spacing:-.02em}
html body main .yf-challenge-prompt{font-size:16px;color:var(--ink);max-width:820px}
html body main .yf-challenge-rule{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));color:var(--muted);font-size:13.5px}
html body main .yf-challenge-rule>svg{flex:none;width:15px;height:15px;padding:6px;box-sizing:content-box;border-radius:9px;color:#fff;stroke:#fff;background:linear-gradient(140deg,#10b981,#14b8a6)}
/* prizes */
html body main .gr-prizes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 12px}
html body main .gr-prizes>span{--p-a:#f59e0b;--p-b:#fde047;position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:14px!important;border:1px solid color-mix(in srgb,var(--p-a) 45%,var(--line))!important;border-radius:16px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--p-a) 16%,var(--panel)),var(--panel))!important;font-size:15px!important;font-weight:850!important;text-align:center;box-shadow:0 12px 24px -20px var(--p-a)}
html body main .gr-prizes>span::before{content:"";width:34px;height:34px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='m7 13-2 9 7-4 7 4-2-9'/%3E%3C/svg%3E") center/18px no-repeat,linear-gradient(140deg,var(--p-a),var(--p-b));box-shadow:0 8px 16px -8px var(--p-a)}
html body main .gr-prizes>span:nth-child(2){--p-a:#64748b;--p-b:#cbd5e1}
html body main .gr-prizes>span:nth-child(3){--p-a:#b45309;--p-b:#f59e0b}
@media (max-width:620px){html body main .gr-prizes{grid-template-columns:1fr}}
/* submission + actions */
html body main .yf-challenge-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
html body main .yf-challenge-actions>form{margin:0}
html body main .yf-challenge-actions>form:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
html body main .yf-challenge-actions>form:first-child>button{min-height:46px;padding:0 20px;border:0!important;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#b26bff))!important;color:#fff!important}
html body main .yf-challenge-actions>form:not(:first-child)>button{min-height:46px;padding:0 16px}
html body main .yf-challenge-actions>form:last-child>button{color:#dc2626!important;border-color:color-mix(in srgb,#ef4444 35%,var(--line))!important;background:var(--panel)!important}
@media (max-width:820px){html body main .yf-challenge-actions{grid-template-columns:1fr}html body main .yf-challenge-actions>form:first-child{grid-template-columns:1fr}}

/* tiles stretch to the end of the row (Creative Goals, Public Collections, Rewards Shop...) */
html body main .gr-tiles{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
html body main .vr-rewards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
html body main .gr-tiles>.gr-card{--chip-a:#7c5cff;--chip-b:#b26bff}
html body main .gr-tiles>.gr-card:nth-child(4n+2){--chip-a:#3b82f6;--chip-b:#06b6d4}
html body main .gr-tiles>.gr-card:nth-child(4n+3){--chip-a:#ec4899;--chip-b:#f43f5e}
html body main .gr-tiles>.gr-card:nth-child(4n+4){--chip-a:#f59e0b;--chip-b:#f97316}
html body main .gr-tiles>.gr-card .gr-icon{background:linear-gradient(140deg,var(--chip-a),var(--chip-b))!important;box-shadow:0 10px 18px -10px var(--chip-a)}
html body main .gr-tiles>.gr-card progress{-webkit-appearance:none;appearance:none;height:8px;border:0;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--chip-a) 12%,var(--panel))}
html body main .gr-tiles>.gr-card progress::-webkit-progress-bar{background:color-mix(in srgb,var(--chip-a) 12%,var(--panel));border-radius:999px}
html body main .gr-tiles>.gr-card progress::-webkit-progress-value{background:linear-gradient(90deg,var(--chip-a),var(--chip-b));border-radius:999px}
html body main .gr-tiles>.gr-card progress::-moz-progress-bar{background:linear-gradient(90deg,var(--chip-a),var(--chip-b));border-radius:999px}
html body main .gr-tiles>.gr-card .gr-value{font-size:28px;font-weight:900}

/* Artwork card metrics (favorites / views): small premium pills */
html body .card .ex-art-metrics{display:inline-flex!important;align-items:center;gap:6px}
html body .card .ex-art-metrics>span{display:inline-flex!important;align-items:center;gap:5px;min-height:24px;padding:2px 9px 2px 3px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:12px!important;font-weight:800;color:var(--ink)!important;font-variant-numeric:tabular-nums}
html body .card .ex-art-metrics>span>svg{width:11px!important;height:11px!important;padding:4px;box-sizing:content-box;border-radius:50%;color:#fff!important;stroke:#fff!important;stroke-width:2.4!important;background:linear-gradient(140deg,#ec4899,#f43f5e)}
html body .card .ex-art-metrics>span+span>svg{background:linear-gradient(140deg,#3b82f6,#06b6d4)}
html body .card:hover .ex-art-metrics>span:first-child{border-color:color-mix(in srgb,#ec4899 45%,var(--line))}

/* Pagination: hidden when there is only one page; premium pills everywhere else (div or nav) */
html body main .pagination:not(:has(a)){display:none!important}
html body main div.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:26px 0 8px}
html body main div.pagination>a,html body main div.pagination>span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:14px;font-weight:650;text-decoration:none}
html body main div.pagination>span{color:var(--muted);background:transparent;border-style:dashed}
html body main .pagination>a{transition:border-color .2s,color .2s,transform .2s}
html body main .pagination>a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}

/* Coin offer box on the artwork page: action buttons in capital letters */
html body :is(.yf-coin-manage,.yf-coin-offer :is(a,button),.yf-coins-row :is(a,button),.yf-coin-empty :is(a,button)){text-transform:capitalize}

/* ===== Kage Coin offer editor: centred column, artwork chip, premium form ===== */
html body main .yf-coin-offer-edit{max-width:820px;margin:0 auto}
html body main .yf-coin-offer-edit .nx-heading h1 svg{background:linear-gradient(140deg,#fbbf24,#f97316)!important;box-shadow:0 12px 24px -14px #f59e0b!important}
html body main .yf-coin-offer-art{display:inline-flex!important;align-items:center;gap:10px;margin:6px 0 0!important;padding:5px 14px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--panel);max-width:100%}
html body main .yf-coin-offer-art>svg{flex:none;width:15px;height:15px;padding:6px;box-sizing:content-box;border-radius:50%;color:#fff;stroke:#fff;background:linear-gradient(140deg,#7c5cff,#b26bff)}
html body main .yf-coin-offer-art>a{font-weight:750;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body main .yf-coin-offer-note{margin-top:10px!important;font-size:13.5px;color:var(--muted)}
html body main .yf-coin-offer-edit>form.community-card{display:grid;gap:14px;max-width:none!important;width:100%;box-sizing:border-box;margin:0 0 16px!important;padding:24px 26px!important}
html body main .yf-coin-offer-form>label:not(.check-label){display:grid;gap:7px}
html body main .yf-coin-offer-form input[name=price]{font-size:20px;font-weight:800}
html body main .yf-coin-offer-form>p{margin:-4px 0 0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));color:var(--muted);font-size:13px;line-height:1.55;word-break:break-word}
html body main .yf-coin-offer-form>label.check-label{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
html body main .yf-coin-offer-form>button.button{justify-self:stretch;min-height:50px;font-size:15.5px;background:linear-gradient(135deg,#f59e0b,#f97316)!important;border:0!important;color:#fff!important;box-shadow:0 14px 26px -14px #f59e0b!important}
html body main .yf-coin-offer-off{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:color-mix(in srgb,#ef4444 30%,var(--line))!important;background:linear-gradient(160deg,color-mix(in srgb,#ef4444 5%,var(--panel)),var(--panel))!important}
html body main .yf-coin-offer-off>p{margin:0;flex:1 1 300px;color:var(--muted);font-size:13.5px}
html body main .yf-coin-offer-off>button{min-height:44px;padding:0 18px;color:#dc2626!important;border-color:color-mix(in srgb,#ef4444 40%,var(--line))!important;background:var(--panel)!important}


/* ===== Help / Terms / Privacy / Legal / Cookies: no "On this page" list, text uses the full width ===== */
html body main .pf-document{display:block!important}
html body main .pf-toc{display:none!important}
html body main .pf-body{max-width:none}

/* ===== Cookie Settings: card as wide as the hero, no inner frame ===== */
html body main .pf-wrap>.pf-settings{max-width:none!important;width:auto!important;margin:0!important}
html body main .pf-settings form{border:0!important;padding:0!important;background:none!important;box-shadow:none!important}

/* ===== Creator Membership: info rows in premium boxes with icons ===== */
html body main .membership-card .yf-memb-info{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
html body main .membership-card .yf-memb-item{position:relative;display:flex;gap:13px;align-items:flex-start;padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--memb,#ff424d) 6%,var(--panel)),var(--panel) 75%);box-shadow:0 12px 26px -24px rgba(10,14,40,.7);transition:transform .2s,border-color .2s}
html body main .membership-card .yf-memb-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--memb,#ff424d) 45%,var(--line))}
html body main .membership-card.yf-membership-da{--memb:#05cc47}
html body main .membership-card .yf-memb-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(140deg,var(--memb,#ff424d),color-mix(in srgb,var(--memb,#ff424d) 55%,#7b3cf0));box-shadow:0 10px 18px -10px var(--memb,#ff424d)}
html body main .membership-card .yf-memb-ico .yf-icon,html body main .membership-card .yf-memb-ico svg{width:19px;height:19px}
html body main .membership-card .yf-memb-item>div{min-width:0}
html body main .membership-card .yf-memb-item strong{display:block;font-size:14.5px;font-weight:800;color:var(--ink);margin:1px 0 3px}
html body main .membership-card .yf-memb-item p{margin:0!important;font-size:13.5px;line-height:1.55;color:var(--muted)}
html body main .membership-card .yf-memb-info+form,html body main .membership-card .yf-memb-info~form{margin-top:12px}
@media (max-width:700px){html body main .membership-card h2{font-size:22px!important;line-height:1.25!important;margin:12px 0 8px!important}html body main .membership-card .button{display:flex!important;justify-content:center;text-align:center;line-height:1.3}html body main .membership-card .yf-memb-item{padding:12px 13px}}
html body .card .ex-art-metrics>span.ex-metric-comments>svg{background:linear-gradient(140deg,#8b5cf6,#6366f1)}
html body .card:hover .ex-art-metrics>span.ex-metric-comments{border-color:color-mix(in srgb,#8b5cf6 45%,var(--line))}
html body .card .caption>div{flex-wrap:wrap;row-gap:6px;column-gap:8px}
html body .card .caption>div>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .card .ex-art-metrics{margin-left:auto}

/* ===== Artwork page: comments scroll inside the card after 2, Suggestions below ===== */
html body .art-conversation .yx-comment-list{position:relative;display:grid;gap:12px;max-height:var(--yx-list-h,340px);overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 40%,transparent) transparent}
html body .art-conversation .yx-comment-list::-webkit-scrollbar{width:6px}
html body .art-conversation .yx-comment-list::-webkit-scrollbar-thumb{border-radius:6px;background:color-mix(in srgb,var(--accent) 40%,transparent)}
html body .art-conversation .yx-comment-list.yx-has-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 26px),transparent)}
html body .art-conversation .yx-comment-list.yx-has-more.yx-at-end{-webkit-mask-image:none;mask-image:none}
html body .art-conversation .yx-comment-list>.yx-comment{margin:0!important}
html body .yf-art-suggestions{margin-top:24px;padding:26px 28px 28px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 18px 40px -34px rgba(10,14,40,.7)}
html body .yf-art-suggestions .art-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}
html body .yf-art-suggestions h2{display:flex;align-items:center;gap:12px;margin:0;font-size:22px}
html body .yf-art-suggestions .yf-suggest-icon{background:linear-gradient(140deg,#f59e0b,#ec4899)!important}
html body .yf-art-suggestions .yf-suggest-more{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap;transition:border-color .2s,transform .2s}
html body .yf-art-suggestions .yf-suggest-more:hover{border-color:var(--accent);transform:translateY(-1px)}
html body .yf-art-suggestions .yf-suggest-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0!important;columns:auto!important}
html body .yf-art-suggestions .yf-suggest-grid>.card{margin:0!important;width:auto!important;break-inside:avoid}
@media (max-width:1100px){html body .yf-art-suggestions .yf-suggest-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:800px){html body .yf-art-suggestions .yf-suggest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body .yf-art-suggestions{padding:18px 14px 16px;border-radius:20px}html body .yf-art-suggestions h2{font-size:19px}}
/* Suggestions: same image height on every card, title max 2 lines, stats pinned to the bottom */
html body .yf-art-suggestions .yf-suggest-grid>.card{display:flex!important;flex-direction:column;height:100%}
html body .yf-art-suggestions .yf-suggest-grid .artwork-thumbnail{flex:none;aspect-ratio:3/4;overflow:hidden}
html body .yf-art-suggestions .yf-suggest-grid .artwork-thumbnail img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top}
html body .yf-art-suggestions .yf-suggest-grid .caption{flex:1;display:flex!important;flex-direction:column}
html body .yf-art-suggestions .yf-suggest-grid .caption strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .yf-art-suggestions .yf-suggest-grid .caption>div:last-child{margin-top:auto;padding-top:8px}
/* Staff delete button next to Reply */
html body .yx-comment>div{position:relative}
html body .yx-comment .yf-comment-reply{display:inline-block;vertical-align:top}
html body .yx-comment .yf-comment-delete{display:inline-block;vertical-align:top;margin:0 0 0 8px!important;padding:0!important;border:0!important;background:none!important}
html body .yx-comment .yf-comment-delete button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 11px!important;border:1px solid color-mix(in srgb,#ef4444 35%,var(--line))!important;border-radius:9px!important;background:color-mix(in srgb,#ef4444 7%,var(--panel))!important;color:#dc2626!important;font-size:13px!important;font-weight:700;box-shadow:none!important;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
html body .yx-comment .yf-comment-delete button:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;transform:translateY(-1px)}
html body .yx-comment .yf-comment-delete svg{width:14px;height:14px}
html body .yx-comment .yf-comment-reply[open]~.yf-comment-delete{display:none}
html body main .art-conversation .yx-comment form.yf-comment-delete>button[type=submit]{min-height:30px!important;height:30px!important;min-width:0!important;width:auto!important;padding:0 10px!important;margin:0!important;line-height:1!important;font-size:13px!important;font-weight:700!important;gap:6px!important;border-radius:8px!important;border:1px solid color-mix(in srgb,#ef4444 35%,var(--line))!important;background:color-mix(in srgb,#ef4444 7%,var(--panel))!important;color:#dc2626!important;box-shadow:none!important;transform:none}
html body main .art-conversation .yx-comment form.yf-comment-delete>button[type=submit]:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}
html body main .art-conversation .yx-comment form.yf-comment-delete>button[type=submit] svg{width:14px!important;height:14px!important}
html body main .art-conversation .yx-comment form.yf-comment-delete{margin-left:6px!important}
/* Reply and Delete: same row, same height */
html body main .art-conversation .yx-comment .yf-comment-reply:not([open]){margin:12px 0 0!important;vertical-align:top}
html body main .art-conversation .yx-comment .yf-comment-reply>summary{box-sizing:border-box;height:30px;min-height:30px;padding:0 9px!important;line-height:1}
html body main .art-conversation .yx-comment form.yf-comment-delete{margin:12px 0 0 6px!important;vertical-align:top}
html body main .art-conversation .yx-comment form.yf-comment-delete>button[type=submit]{box-sizing:border-box;padding:0 9px!important;font-size:12px!important;font-weight:650!important}
/* Kage Coin offer footer: two premium trust chips instead of a plain line */
html body .yf-coin-offer>.yf-coin-trust{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px!important}
html body .yf-coin-offer>.yf-coin-trust>span{--t:#f59e0b;display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;border:1px solid color-mix(in srgb,var(--t) 30%,var(--line));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--t) 10%,var(--panel)),var(--panel));font-size:11.5px;font-weight:750;letter-spacing:.01em;color:var(--ink);white-space:nowrap}
html body .yf-coin-offer>.yf-coin-trust>span.yf-trust-cash{--t:#6366f1}
html body .yf-coin-offer>.yf-coin-trust>span>svg{width:12px!important;height:12px!important;padding:4px;box-sizing:content-box;border-radius:50%;color:#fff!important;stroke:#fff!important;stroke-width:2.3!important;background:linear-gradient(140deg,var(--t),color-mix(in srgb,var(--t) 55%,#ec4899));box-shadow:0 6px 12px -8px var(--t)}

/* ===== Artwork page: artist card ===== */
html body main a.art-artist{position:relative;display:inline-flex!important;align-items:center;gap:13px!important;min-width:250px;padding:10px 12px 10px 10px!important;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))!important;border-radius:18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),color-mix(in srgb,#b26bff 8%,var(--panel)) 60%,var(--panel))!important;box-shadow:0 14px 30px -22px color-mix(in srgb,var(--accent) 70%,transparent)!important;text-decoration:none!important;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
html body main a.art-artist::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 66%);transform:translateX(-110%);transition:transform .7s}
html body main a.art-artist:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;box-shadow:0 18px 34px -20px color-mix(in srgb,var(--accent) 80%,transparent)!important}
html body main a.art-artist:hover::after{transform:translateX(110%)}
html body main a.art-artist .artist-monogram{position:relative;display:grid!important;place-items:center;width:44px!important;height:44px!important;flex:none;border:0!important;border-radius:14px!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))!important;color:#fff!important;font-size:18px!important;font-weight:900!important;box-shadow:0 10px 18px -10px var(--accent),inset 0 1px 0 rgba(255,255,255,.3)!important}
html body main a.art-artist .artist-monogram::after{content:"";position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border:2px solid var(--panel);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/8px no-repeat,linear-gradient(140deg,#22c55e,#14b8a6)}
html body main a.art-artist>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}
html body main a.art-artist strong{font-size:15px!important;font-weight:850!important;color:var(--ink)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body main a.art-artist small{display:inline-flex;align-items:center;gap:5px;font-size:12px!important;font-weight:650;color:color-mix(in srgb,var(--accent) 70%,var(--muted))!important}
html body main a.art-artist .artist-arrow{display:grid!important;place-items:center;width:34px!important;height:34px!important;flex:none;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))!important;border-radius:11px!important;background:var(--panel)!important;color:var(--accent)!important;transition:background .25s,color .25s,transform .25s}
html body main a.art-artist:hover .artist-arrow{background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))!important;color:#fff!important;border-color:transparent!important;transform:rotate(-8deg)}
html body main a.art-artist .artist-arrow svg{width:16px!important;height:16px!important}
html[data-mode=dark] body main a.art-artist::after{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 48%,transparent 66%)}

/* ===== Achievements page ===== */
html body .yx-ach-summary{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;margin:0 0 26px;padding:22px 26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel) 65%);box-shadow:0 18px 40px -34px rgba(10,14,40,.7)}
html body .yx-ach-ring{--p:0;position:relative;display:grid;place-items:center;align-content:center;width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p)*1%),color-mix(in srgb,var(--accent) 12%,var(--panel)) 0)}
html body .yx-ach-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--panel)}
html body .yx-ach-ring>*{position:relative}
html body .yx-ach-ring strong{font-size:27px;font-weight:900;line-height:1;color:var(--ink)}
html body .yx-ach-ring small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
html body .yx-ach-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body .yx-ach-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
html body .yx-ach-stats>div>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(140deg,#22c55e,#14b8a6);box-shadow:0 10px 18px -12px #22c55e}
html body .yx-ach-stats>div:nth-child(2)>span{background:linear-gradient(140deg,#64748b,#6366f1);box-shadow:0 10px 18px -12px #6366f1}
html body .yx-ach-stats>div:nth-child(3)>span{background:linear-gradient(140deg,#f59e0b,#ec4899);box-shadow:0 10px 18px -12px #f59e0b}
html body .yx-ach-stats>div>span svg{width:20px;height:20px}
html body .yx-ach-stats strong{font-size:20px;font-weight:900;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .yx-ach-stats small{font-size:12px;color:var(--muted);font-weight:650}
html body .yx-ach-section{margin:0 0 30px}
html body .yx-ach-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
html body .yx-ach-head h2{display:flex;align-items:center;gap:11px;margin:0;font-size:20px}
html body .yx-ach-head h2>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))}
html body .yx-ach-head h2>span svg{width:18px;height:18px}
html body .yx-ach-count{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:12.5px;font-weight:800;color:var(--muted)}
html body .yx-ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
html body .yx-ach{--a:#c27c4a;--b:#e9a46b;position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 14px 30px -28px rgba(10,14,40,.7);overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
html body .yx-ach.yx-tier-2{--a:#64748b;--b:#cbd5e1}
html body .yx-ach.yx-tier-3{--a:#d97706;--b:#facc15}
html body .yx-ach.yx-tier-4{--a:#8b5cf6;--b:#ec4899}
html body .yx-ach.is-unlocked{border-color:color-mix(in srgb,var(--a) 40%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--a) 9%,var(--panel)),var(--panel) 62%)}
html body .yx-ach.is-unlocked::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}
html body .yx-ach:hover{transform:translateY(-3px);box-shadow:0 20px 36px -26px color-mix(in srgb,var(--a) 70%,transparent)}
html body .yx-ach.is-unlocked:hover::after{transform:translateX(120%)}
html body .yx-ach-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
html body .yx-ach-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:#fff;background:linear-gradient(140deg,var(--a),var(--b));box-shadow:0 12px 22px -12px var(--a),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s}
html body .yx-ach:hover .yx-ach-icon{transform:rotate(-8deg) scale(1.06)}
html body .yx-ach-icon svg{width:24px!important;height:24px!important;stroke-width:2!important}
html body .yx-ach.is-locked .yx-ach-icon{filter:grayscale(1);opacity:.55;box-shadow:none}
html body .yx-ach-tier{padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--a);border:1px solid color-mix(in srgb,var(--a) 35%,var(--line));background:color-mix(in srgb,var(--a) 8%,var(--panel))}
html body .yx-ach h3{margin:0;font-size:16.5px;font-weight:850;color:var(--ink)}
html body .yx-ach p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted);flex:1}
html body .yx-ach.is-locked h3{color:color-mix(in srgb,var(--ink) 70%,var(--muted))}
html body .yx-ach-progress{height:7px;margin-top:10px;border-radius:999px;background:color-mix(in srgb,var(--a) 12%,var(--soft,#eef0f8));overflow:hidden}
html body .yx-ach-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--a),var(--b))}
html body .yx-ach-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--muted)}
html body .yx-ach-state{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:var(--muted)}
html body .yx-ach.is-unlocked .yx-ach-state{color:#16a34a}
html body .yx-ach-state svg{width:13px;height:13px;stroke-width:2.6}
html body .yx-ach-num{font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}
html[data-mode=dark] body .yx-ach.is-unlocked::after{background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%)}
@media (max-width:800px){html body .yx-ach-summary{grid-template-columns:1fr;justify-items:center;padding:18px}html body .yx-ach-stats{grid-template-columns:1fr;width:100%}html body .yx-ach-grid{grid-template-columns:1fr 1fr;gap:10px}html body .yx-ach{padding:14px}html body .yx-ach-icon{width:42px;height:42px;border-radius:13px}}
@media (max-width:420px){html body .yx-ach-grid{grid-template-columns:1fr}}

/* ===== Daily missions grouped by difficulty ===== */
html body .yx-rewards .yx-tier-head{--t:#22c55e;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--t) 30%,var(--line));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--t) 10%,var(--panel)),var(--panel) 70%)}
html body .yx-rewards .yx-tier-h-2{--t:#3b82f6}
html body .yx-rewards .yx-tier-h-3{--t:#f97316}
html body .yx-rewards .yx-tier-h-4{--t:#a855f7}
html body .yx-rewards .yx-tier-head h4{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:850;color:var(--ink)}
html body .yx-rewards .yx-tier-head h4>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:linear-gradient(140deg,var(--t),color-mix(in srgb,var(--t) 50%,#ec4899));box-shadow:0 8px 16px -10px var(--t)}
html body .yx-rewards .yx-tier-head h4>span svg{width:16px;height:16px}
html body .yx-rewards .yx-tier-head>span{font-size:12.5px;font-weight:800;color:var(--muted);white-space:nowrap}
html body .yx-rewards .yx-reward-card.yx-mission-t1{--chip-a:#22c55e;--chip-b:#14b8a6}
html body .yx-rewards .yx-reward-card.yx-mission-t2{--chip-a:#3b82f6;--chip-b:#06b6d4}
html body .yx-rewards .yx-reward-card.yx-mission-t3{--chip-a:#f97316;--chip-b:#f59e0b}
html body .yx-rewards .yx-reward-card.yx-mission-t4{--chip-a:#a855f7;--chip-b:#ec4899}
html body .yx-rewards .yx-reward-card[class*="yx-mission-t"]>.yx-icon{background:linear-gradient(140deg,var(--chip-a),var(--chip-b))!important;color:#fff!important}
html body .yx-rewards .yx-reward-card.yx-mission-t4{border-color:color-mix(in srgb,#a855f7 35%,var(--line))}
html body .nx-missions{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:14px!important}

/* ===== Account Security: download data + delete account ===== */
html body .yap-card{--y:#3b82f6;position:relative;padding:22px 24px!important;border:1px solid color-mix(in srgb,var(--y) 25%,var(--line))!important;border-radius:22px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--y) 7%,var(--panel)),var(--panel) 65%)!important}
html body .yap-card.yap-danger{--y:#ef4444}
html body .yap-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
html body .yap-head h2{margin:2px 0 4px!important;font-size:19px!important}
html body .yap-head p{margin:0;color:var(--muted);line-height:1.55}
html body .yap-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(140deg,var(--y),color-mix(in srgb,var(--y) 55%,#8b5cf6));box-shadow:0 12px 22px -12px var(--y)}
html body .yap-ico svg{width:22px;height:22px}
html body .yap-card .button{display:inline-flex;align-items:center;gap:8px}
html body .yap-card .button svg{width:17px;height:17px}
html body .yap-note{margin:10px 0 0;font-size:12.5px;color:var(--muted)}
html body .yap-list{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px}
html body .yap-list li{position:relative;padding:10px 12px 10px 34px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13.5px;line-height:1.5;color:var(--ink)}
html body .yap-list li::before{content:"";position:absolute;left:12px;top:14px;width:10px;height:10px;border-radius:50%;background:linear-gradient(140deg,#ef4444,#f97316)}
html body .yap-confirm>summary{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid color-mix(in srgb,#ef4444 40%,var(--line));border-radius:12px;background:color-mix(in srgb,#ef4444 8%,var(--panel));color:#dc2626;font-weight:800;cursor:pointer;list-style:none}
html body .yap-confirm>summary::-webkit-details-marker{display:none}
html body .yap-confirm>summary svg{width:16px;height:16px}
html body .yap-confirm[open]>summary{margin-bottom:14px}
html body .yap-form{display:grid;gap:12px;max-width:460px;padding:16px;border:1px solid color-mix(in srgb,#ef4444 30%,var(--line));border-radius:16px;background:var(--panel)}
html body .yap-form label{display:grid;gap:6px;font-size:13px;font-weight:700}
html body .yap-form .check-label{display:flex;align-items:flex-start;gap:9px;font-weight:600;line-height:1.45}
html body .yap-form .check-label input{margin-top:3px}
html body .yap-card .yap-delete-btn{justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 24px -14px #ef4444!important}
html body .yap-form .check-label,html body .yap-form .check-label *{text-transform:none!important}

/* ===== Phone home hero: calmer heading and button sizes ===== */
@media (max-width:700px){
html body main .hero{padding:22px 20px!important}
html body main .hero .eyebrow{font-size:10.5px!important;letter-spacing:.16em!important;padding:7px 14px!important}
html body main .hero h1{font-size:clamp(21px,5.9vw,25px)!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:14px 0 18px!important}
html body main .hero h1 em{display:block;margin-top:4px}
html body main .hero .button{min-height:48px!important;padding:12px 18px!important;font-size:15.5px!important;border-radius:14px!important}
html body main .hero .nx-discover-link{font-size:14.5px!important;margin-top:12px!important}
}
@media (max-width:700px){html body main .hero .eyebrow{letter-spacing:.12em!important;font-size:10px!important}html body main .hero{margin-bottom:18px!important}}

/* ===== Home hero: Artist Journals / Weekly Challenge as premium chips ===== */
html body .cm-home-links{display:flex!important;flex-wrap:wrap;gap:12px!important}
html body .cm-home-links>a{--chip-a:#7c5cff;--chip-b:#b26bff;position:relative;display:inline-flex!important;align-items:center;gap:11px!important;min-height:50px;padding:6px 18px 6px 6px!important;border:1px solid color-mix(in srgb,var(--chip-a) 28%,var(--line))!important;border-radius:999px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--chip-a) 10%,var(--panel)),var(--panel) 70%)!important;box-shadow:0 12px 26px -20px var(--chip-a)!important;color:var(--ink)!important;font-size:14px!important;font-weight:800!important;text-decoration:none!important;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
html body .cm-home-links>a[href*="challenge"]{--chip-a:#f59e0b;--chip-b:#f97316}
html body .cm-home-links>a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 48%,transparent 66%);transform:translateX(-120%);transition:transform .7s}
html body .cm-home-links>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chip-a) 55%,var(--line))!important;box-shadow:0 16px 30px -18px var(--chip-a)!important}
html body .cm-home-links>a:hover::after{transform:translateX(120%)}
html body .cm-home-links>a>svg{flex:none;width:18px!important;height:18px!important;padding:10px;box-sizing:content-box;border-radius:50%;color:#fff!important;stroke:#fff!important;stroke-width:2!important;background:linear-gradient(140deg,var(--chip-a),var(--chip-b));box-shadow:0 8px 16px -8px var(--chip-a),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .25s}
html body .cm-home-links>a:hover>svg{transform:rotate(-8deg) scale(1.06)}
html[data-mode=dark] body .cm-home-links>a::after{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 48%,transparent 66%)}
@media (max-width:700px){html body .cm-home-links>a{flex:1 1 0;justify-content:flex-start;font-size:13px!important;padding-right:12px!important}}

/* ===== Home hero eyebrow: premium badge with sparkle tile and gradient text ===== */
html body main .hero .eyebrow{position:relative;display:inline-flex!important;align-items:center;gap:10px;padding:5px 16px 5px 5px!important;border:1px solid transparent!important;border-radius:999px!important;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(120deg,color-mix(in srgb,var(--accent) 70%,transparent),color-mix(in srgb,#b26bff 60%,transparent),color-mix(in srgb,#f59e0b 55%,transparent)) border-box!important;box-shadow:0 10px 24px -16px var(--accent),0 0 0 4px color-mix(in srgb,var(--accent) 6%,transparent)!important;font-weight:900!important;letter-spacing:.16em!important;overflow:hidden;isolation:isolate}
html body main .hero .eyebrow::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2.5l1.9 5.6 5.6 1.9-5.6 1.9L12 17.5l-1.9-5.6L4.5 10l5.6-1.9z'/%3E%3Cpath d='M18.5 15l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8z' opacity='.85'/%3E%3C/svg%3E") center/15px no-repeat,linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff));box-shadow:0 6px 14px -6px var(--accent)}
html body main .hero .eyebrow{color:color-mix(in srgb,var(--accent) 85%,var(--ink))!important}
html body main .hero .eyebrow::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--accent) 14%,transparent) 48%,transparent 66%);transform:translateX(-120%);animation:yfEyebrowSheen 5s ease-in-out 1.2s infinite}
@keyframes yfEyebrowSheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){html body main .hero .eyebrow::after{animation:none}}

/* ===== Search page filters: premium card ===== */
html body .sc-search-form{position:relative;padding:26px 28px 24px!important;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;border-radius:24px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel) 60%)!important;box-shadow:0 22px 46px -38px rgba(10,14,40,.75)!important}
html body .sc-search-form .sc-search-main{display:flex!important;align-items:flex-end;gap:12px!important}
html body .sc-search-form .sc-search-main>label{flex:1;display:grid!important;gap:8px;font-size:13.5px!important;font-weight:800!important;color:var(--ink)!important}
html body .sc-search-form .sc-search-main input{height:54px!important;padding:0 18px 0 48px!important;border-radius:16px!important;font-size:15.5px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 16px center/20px no-repeat,var(--field,var(--panel))!important}
html body .sc-search-form .sc-search-main .button{display:inline-flex!important;align-items:center;gap:9px;height:54px!important;padding:0 22px 0 16px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))!important;color:#fff!important;font-weight:800!important;box-shadow:0 14px 26px -16px var(--accent)!important;white-space:nowrap;transition:transform .2s,box-shadow .2s}
html body .sc-search-form .sc-search-main .button::before{content:"";width:22px;height:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z'/%3E%3C/svg%3E") center/14px no-repeat,rgba(255,255,255,.22)}
html body .sc-search-form .sc-search-main .button:hover{transform:translateY(-2px);box-shadow:0 18px 30px -16px var(--accent)!important}
html body .sc-search-form .sc-search-filters{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 14px!important;margin-top:20px!important;padding-top:20px;border-top:1px dashed color-mix(in srgb,var(--accent) 22%,var(--line))}
html body .sc-search-form .sc-search-filters>label:not(.check-label){--a:#7c5cff;--b:#b26bff;display:grid!important;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:9px;row-gap:8px;align-items:center;font-size:13px!important;font-weight:800!important;color:var(--ink)!important}
html body .sc-search-form .sc-search-filters>label:not(.check-label)::before{content:"";grid-row:1;width:26px;height:26px;border-radius:9px;background:var(--ic) center/14px no-repeat,linear-gradient(140deg,var(--a),var(--b));box-shadow:0 6px 12px -7px var(--a)}
html body .sc-search-form .sc-search-filters>label:not(.check-label)>select,html body .sc-search-form .sc-search-filters>label:not(.check-label)>input{grid-column:1/-1;height:46px!important;border-radius:14px!important;border:1px solid var(--line)!important;background-color:var(--field,var(--panel))!important;font-size:14.5px!important;transition:border-color .2s,box-shadow .2s}
html body .sc-search-form :is(input,select):focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)!important}
html body .sc-search-form .sc-search-filters>.check-label{align-self:end;display:inline-flex!important;align-items:center;gap:10px;height:46px;padding:0 16px;border:1px solid color-mix(in srgb,#10b981 35%,var(--line));border-radius:14px;background:color-mix(in srgb,#10b981 7%,var(--panel));font-weight:800!important;font-size:13.5px!important;color:var(--ink)!important;cursor:pointer;width:max-content}
html body .sc-search-form .sc-search-filters>.check-label input{width:18px;height:18px;accent-color:#10b981;margin:0}
html body .sc-search-form>p.nx-muted{position:relative;margin:18px 0 0!important;padding:12px 14px 12px 46px!important;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,var(--panel));font-size:13px!important;line-height:1.6!important}
html body .sc-search-form>p.nx-muted::before{content:"";position:absolute;left:12px;top:13px;width:24px;height:24px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/14px no-repeat,linear-gradient(140deg,#64748b,#6366f1)}
html body .sc-search-form>a[href*="page=search"]{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 14px 7px 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:13px;font-weight:800;color:var(--muted)!important;text-decoration:none!important;transition:border-color .2s,color .2s}
html body .sc-search-form>a[href*="page=search"]::before{content:"";width:22px;height:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/12px no-repeat,linear-gradient(140deg,#ef4444,#f97316)}
html body .sc-search-form>a[href*="page=search"]:hover{border-color:#ef4444;color:#ef4444!important}
@media (max-width:1000px){html body .sc-search-form .sc-search-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){html body .sc-search-form{padding:18px 16px!important}html body .sc-search-form .sc-search-main{flex-direction:column;align-items:stretch}html body .sc-search-form .sc-search-main .button{justify-content:center}html body .sc-search-form .sc-search-filters{grid-template-columns:1fr 1fr!important;gap:12px 10px!important}}

html body .sc-search-form .sc-search-filters>label:nth-child(1){--a:#7c5cff;--b:#b26bff;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(2){--a:#3b82f6;--b:#06b6d4;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 9 5-9 5-9-5 9-5Z'/%3E%3Cpath d='m3 12 9 5 9-5'/%3E%3Cpath d='m3 17 9 5 9-5'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(3){--a:#ff424d;--b:#f97316;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14.5' cy='9.5' r='6.5'/%3E%3Cpath d='M3 3h3.5v18H3z'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(4){--a:#10b981;--b:#14b8a6;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 3-9.6 9.6M15.5 3.5l5 5M4 21l9-9'/%3E%3Cpath d='m3 3 1 2 2 1-2 1-1 2-1-2-2-1 2-1z'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(5){--a:#6366f1;--b:#8b5cf6;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M6 12h12M10 18h4'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(6){--a:#f59e0b;--b:#eab308;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M14.5 9a3 3 0 0 0-5 1c0 3 5 1 5 4a3 3 0 0 1-5 1M12 6v2m0 8v2'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(7){--a:#14b8a6;--b:#22c55e;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 6-6 6 6'/%3E%3Cpath d='M4 20h16'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(8){--a:#ec4899;--b:#f43f5e;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 10 6 6 6-6'/%3E%3Cpath d='M4 4h16'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(9){--a:#0ea5e9;--b:#6366f1;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
html body .sc-search-form .sc-search-filters>label:nth-child(10){--a:#a855f7;--b:#ec4899;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h14M5 15h14M10 3 8 21M16 3l-2 18'/%3E%3C/svg%3E")}
html body main form.sc-search-form .sc-search-main input[name=q]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:16px center!important;background-size:20px!important;padding-left:48px!important}
html body .sc-search-form .sc-search-main>label{position:relative}
html body .sc-search-form .sc-search-main>label::after{content:"";position:absolute;left:16px;bottom:17px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/20px no-repeat;pointer-events:none}
@media (max-width:700px){html body main .hero h1{white-space:nowrap!important;overflow:hidden}html body main .hero h1 em{white-space:nowrap!important}}
@media (max-width:700px){html body main .hero>div:first-child{min-width:0!important;max-width:100%!important}html body main .hero h1{max-width:100%!important;min-width:0!important;width:100%!important}}
@media (max-width:700px){html body main .hero .eyebrow{white-space:nowrap!important;max-width:100%}html body main .hero .button{white-space:nowrap!important}}
@media (max-width:380px){html body main .hero .eyebrow{font-size:9px!important;letter-spacing:.08em!important;gap:7px}html body main .hero .eyebrow::before{width:22px;height:22px;background-size:13px,auto}html body main .hero .button{font-size:14px!important;padding:12px 12px!important}}
@media (max-width:700px){html body main .hero .eyebrow{box-sizing:border-box}html body main .hero .eyebrow.yf-eyebrow-fit{display:block!important;position:relative;text-align:center;line-height:26px!important;padding:5px 12px 5px 40px!important;overflow:hidden;text-overflow:ellipsis}html body main .hero .eyebrow.yf-eyebrow-fit::before{position:absolute;left:5px;top:50%;transform:translateY(-50%)}}
@media (max-width:700px){html body main .hero .eyebrow.yf-eyebrow-fit{font-size:11px!important}}
@media (max-width:700px){
html body main .hero h1{font-size:clamp(18px,5.1vw,21.5px)!important;margin:12px 0 14px!important;line-height:1.22!important}
html body main .hero .button{min-height:44px!important;padding:10px 16px!important;font-size:14.5px!important}
html body main .hero .nx-discover-link{margin-top:8px!important;padding-top:4px!important;padding-bottom:4px!important}
html body main .hero{padding-top:18px!important;padding-bottom:16px!important}
}
@media (max-width:700px){
html body main .hero>div:first-child{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
html body main .hero h1{text-align:center!important}
html body main .hero .eyebrow{margin-left:auto!important;margin-right:auto!important}
html body main .hero .button{align-self:stretch;justify-content:center!important}
html body main .hero .nx-discover-link{align-self:center}
}
/* Phone artwork page: Suggestions right after Conversations */
@media (max-width:1000px){html body main .art-layout .yf-art-suggestions{order:4!important}}
/* Phone: artist card full width */
@media (max-width:700px){html body main a.art-artist{display:flex!important;grid-column:1/-1!important;justify-self:stretch!important;align-self:stretch!important;width:auto!important;max-width:none!important;min-width:0!important;box-sizing:border-box}html body main a.art-artist .artist-arrow{margin-left:auto!important}}
/* Phone: artwork stat boxes keep their labels inside */
@media (max-width:700px){
html body main .art-social-stats{gap:8px!important}
html body main .art-social-stats>*{min-width:0!important;padding:12px 8px!important;box-sizing:border-box;overflow:hidden;grid-template-columns:30px minmax(0,max-content)!important;grid-template-rows:30px auto!important;justify-content:center!important;align-content:center!important;align-items:center!important;column-gap:8px!important;row-gap:6px!important}
html body main .art-social-stats>*>span:last-child{display:block;grid-column:1/-1!important;grid-row:2!important;margin:0!important;justify-self:center!important;text-align:center!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px!important;line-height:1.25!important;letter-spacing:0!important}
html body main .art-social-stats>*>strong{grid-column:2!important;grid-row:1!important;margin:0!important;align-self:center!important;justify-self:start!important;font-size:20px!important;line-height:1!important}
html body main .art-social-stats .stat-symbol{grid-column:1!important;grid-row:1!important;width:30px!important;height:30px!important;margin:0!important;align-self:center!important;justify-self:center!important}
}
@media (max-width:700px){
html body main .art-favorite,html body main .ct-engagement-row :is(.button,button,a.button){min-width:0!important;padding-left:10px!important;padding-right:10px!important;gap:7px!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden;justify-content:center!important;box-sizing:border-box}
html body main .art-favorite>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
html body main .art-favorite>svg{flex:none;width:17px!important;height:17px!important}
}
/* Coin offer trust chips: equal widths with breathing room; stacked on phones */
html body .art-sidebar .yf-coin-offer>.yf-coin-caption.yf-coin-trust,html body .yf-coin-offer>.yf-coin-trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;justify-items:stretch}
html body .yf-coin-offer>.yf-coin-trust>span{justify-content:center;min-width:0;margin:0!important}
@media (max-width:700px){html body .art-sidebar .yf-coin-offer>.yf-coin-caption.yf-coin-trust,html body .yf-coin-offer>.yf-coin-trust{grid-template-columns:1fr!important;gap:8px!important}html body .yf-coin-offer>.yf-coin-trust>span{justify-content:flex-start;padding:6px 14px 6px 6px}}
html body main .art-favorite.is-saved>svg{fill:currentColor}
html body .art-sidebar .ct-commerce-card .yf-coin-offer>.yf-coin-caption.yf-coin-trust:last-child,html body main .yf-coin-offer>.yf-coin-caption.yf-coin-trust:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
@media (max-width:700px){html body .art-sidebar .ct-commerce-card .yf-coin-offer>.yf-coin-caption.yf-coin-trust:last-child,html body main .yf-coin-offer>.yf-coin-caption.yf-coin-trust:last-child{grid-template-columns:1fr!important;gap:8px!important}}
html body .art-sidebar .ct-commerce-card .yf-coin-offer>.yf-coin-caption.yf-coin-trust:last-child,html body main .yf-coin-offer>.yf-coin-caption.yf-coin-trust:last-child{display:flex!important;flex-wrap:wrap!important;gap:8px 10px!important;padding:12px 14px!important}
html body .yf-coin-offer>.yf-coin-caption.yf-coin-trust>span{flex:1 1 auto!important;justify-content:center!important;min-width:0}
@media (max-width:700px){html body .art-sidebar .ct-commerce-card .yf-coin-offer>.yf-coin-caption.yf-coin-trust:last-child,html body main .yf-coin-offer>.yf-coin-caption.yf-coin-trust:last-child{flex-direction:column!important}html body .yf-coin-offer>.yf-coin-caption.yf-coin-trust>span{width:100%;box-sizing:border-box}}
html body .art-sidebar .yf-coin-offer :is(.button,a.button,button){box-sizing:border-box!important;max-width:100%!important}
html body .art-sidebar .yf-coin-offer>:is(a.button,.button){width:calc(100% - 38px)!important;max-width:calc(100% - 38px)!important}
/* Daily missions + rules: the last row stretches so every row is full */
html body .yx-rewards .yx-card-grid{display:flex!important;flex-wrap:wrap!important;gap:14px!important;grid-template-columns:none!important}
html body .yx-rewards .yx-card-grid>.yx-reward-card{flex:1 1 250px!important;min-width:0!important;max-width:none!important;width:auto!important}
html body .yx-rewards .yx-rules ul{display:flex!important;flex-wrap:wrap!important;gap:10px!important;grid-template-columns:none!important}
html body .yx-rewards .yx-rules ul>li{flex:1 1 300px!important;min-width:0!important;max-width:none!important}
@media (max-width:600px){html body .yx-rewards .yx-card-grid>.yx-reward-card{flex-basis:100%!important}}

/* ===== Preferences: shortcut cards ===== */
html body .yf-settings-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
html body .yf-settings-links>a{--a:#7c5cff;--b:#b26bff;position:relative;display:flex;align-items:center;gap:13px;min-height:72px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--a) 25%,var(--line));border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--a) 8%,var(--panel)),var(--panel) 70%);box-shadow:0 14px 30px -26px var(--a);color:var(--ink)!important;text-decoration:none!important;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
html body .yf-settings-links>a.yf-sl-security{--a:#10b981;--b:#14b8a6}
html body .yf-settings-links>a.yf-sl-profile{--a:#ec4899;--b:#f97316}
html body .yf-settings-links>a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 48%,transparent 66%);transform:translateX(-120%);transition:transform .7s}
html body .yf-settings-links>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--a) 55%,var(--line));box-shadow:0 18px 32px -22px var(--a)}
html body .yf-settings-links>a:hover::after{transform:translateX(120%)}
html body .yf-settings-links .yf-sl-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(140deg,var(--a),var(--b));box-shadow:0 10px 18px -10px var(--a);transition:transform .25s}
html body .yf-settings-links>a:hover .yf-sl-ico{transform:rotate(-8deg) scale(1.05)}
html body .yf-settings-links .yf-sl-ico svg{width:21px;height:21px}
html body .yf-settings-links>a>span:nth-child(2){flex:1;min-width:0;display:grid;gap:3px}
html body .yf-settings-links strong{font-size:14.5px;font-weight:850;line-height:1.25}
html body .yf-settings-links small{font-size:12.5px;color:var(--muted);line-height:1.35}
html body .yf-settings-links .yf-sl-go{flex:none;color:var(--a);opacity:.8}
html body .yf-settings-links .yf-sl-go svg{width:16px;height:16px}
html[data-mode=dark] body .yf-settings-links>a::after{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 48%,transparent 66%)}
@media (max-width:800px){html body .yf-settings-links{grid-template-columns:1fr}}

/* ===== Inbox: premium ===== */
html body main .dm-page-heading{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px!important;padding:24px 28px!important;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:24px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel) 65%);box-shadow:0 18px 40px -34px rgba(10,14,40,.7)}
html body main .dm-page-heading h1{display:flex;align-items:center;gap:12px;margin:6px 0 4px!important}
html body main .dm-page-heading h1>svg{flex:none;width:24px!important;height:24px!important;padding:11px;box-sizing:content-box;border-radius:15px;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff));box-shadow:0 12px 22px -12px var(--accent)}
html body main .dm-page-heading>.button,html body main .dm-compose-page .button,html body main .dm-conversation .button{display:inline-flex!important;align-items:center;gap:8px;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))!important;color:#fff!important;box-shadow:0 14px 26px -16px var(--accent)!important;transition:transform .2s}
html body main .dm-page-heading>.button:hover{transform:translateY(-2px)}
html body main .dm-workspace{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;border-radius:24px!important;overflow:hidden;box-shadow:0 22px 46px -38px rgba(10,14,40,.75)!important;background:var(--panel)}
html body main .dm-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--panel))!important}
html body main .dm-folders{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;padding:12px!important;margin:0!important}
html body main .dm-folders>a{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;font-size:13px!important;font-weight:800!important;color:var(--ink)!important;text-decoration:none!important;transition:border-color .2s,transform .2s}
html body main .dm-folders>a:hover{border-color:var(--accent)!important;transform:translateY(-1px)}
html body main .dm-folders>a.is-active{border-color:transparent!important;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#b26bff))!important;color:#fff!important;box-shadow:0 10px 20px -14px var(--accent)}
html body main .dm-folders>a:last-child{grid-column:1/-1;justify-content:flex-start;padding-left:12px!important;color:var(--muted)!important;font-weight:700!important}
html body main .dm-folders>a:last-child svg{width:16px;height:16px;padding:5px;box-sizing:content-box;border-radius:8px;color:#fff;background:linear-gradient(140deg,#64748b,#6366f1)}
html body main .dm-search{display:flex!important;gap:8px!important;padding:0 12px 12px!important;border-bottom:1px solid var(--line)}
html body main .dm-search input{flex:1;height:44px!important;border-radius:14px!important}
html body main .dm-search button{flex:none;display:grid!important;place-items:center;width:44px;height:44px;padding:0!important;border:0!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))!important}
html body main .dm-thread-row{margin:4px 8px!important;border-radius:14px!important;border:1px solid transparent!important;transition:background .2s,border-color .2s}
html body main .dm-thread-row:hover{background:color-mix(in srgb,var(--accent) 6%,var(--panel))!important;border-color:var(--line)!important}
html body main .dm-thread-row.is-selected{background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 35%,var(--line))!important}
html body main .dm-empty-list{display:grid;justify-items:center;gap:8px;padding:34px 18px!important;text-align:center}
html body main .dm-empty-list>svg,html body main .dm-large-icon,html body main .dm-conversation-empty-icon{display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:18px;color:#fff!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))!important;box-shadow:0 14px 26px -14px var(--accent)}
html body main .dm-empty-list>svg{width:26px!important;height:26px!important;padding:15px;box-sizing:content-box}
html body main .dm-large-icon svg{width:28px!important;height:28px!important;color:#fff!important}
html body main .dm-conversation{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%),var(--panel)}
@media (max-width:700px){html body main .dm-page-heading{flex-direction:column;align-items:flex-start;padding:18px!important}html body main .dm-page-heading>.button{width:100%;justify-content:center}}
/* Dark mode: artwork titles on cards stay readable */
html[data-mode=dark] body .card .caption a>strong,html[data-mode=dark] body .card .caption strong{color:var(--ink)!important}
/* Coin Shop: hero and grid as wide as the page cards (same width as the ad above) */
html body main .forge-shell:has(.yf-coin-shop-premium){max-width:none!important;width:100%!important;margin:0 auto 64px!important}
html body main .yf-coin-shop-premium{max-width:none!important}
html body main .yf-coin-shop-premium>.yf-coin-shop-hero{max-width:none!important;width:100%!important;box-sizing:border-box}
html body main .yf-coin-shop-premium>.forge-shop-grid.grid,html body main .yf-coin-shop-premium>.forge-shop-grid{max-width:none!important;width:100%!important}
@media (min-width:1300px){html body main .yf-coin-shop-premium>.forge-shop-grid.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html body main .yf-coin-shop-premium>*{max-width:none!important;width:100%!important;box-sizing:border-box}
html body main .yf-coin-shop-premium .yf-shop-wallet{max-width:none!important;width:100%!important;box-sizing:border-box}

/* ===== VIP frames: Neon Pulse and Prism Crown ===== */
.vr-frame-neon{outline:2px solid #22d3ee;outline-offset:3px;box-shadow:0 0 0 6px #22d3ee26,0 0 18px #a855f780,0 0 4px #22d3ee;animation:vr-neon-pulse 2.6s ease-in-out infinite}
@keyframes vr-neon-pulse{0%,100%{box-shadow:0 0 0 6px #22d3ee26,0 0 14px #a855f766,0 0 4px #22d3ee}50%{box-shadow:0 0 0 7px #a855f733,0 0 24px #22d3ee99,0 0 6px #a855f7}}
.vr-frame-prism{outline:2px solid transparent;outline-offset:3px;box-shadow:0 0 0 3px #f472b6,0 0 0 6px #facc15,0 0 0 9px #60a5fa,0 0 24px #a855f766;animation:vr-prism-shift 6s linear infinite}
@keyframes vr-prism-shift{0%{box-shadow:0 0 0 3px #f472b6,0 0 0 6px #facc15,0 0 0 9px #60a5fa,0 0 24px #a855f766}33%{box-shadow:0 0 0 3px #60a5fa,0 0 0 6px #f472b6,0 0 0 9px #facc15,0 0 24px #22d3ee66}66%{box-shadow:0 0 0 3px #facc15,0 0 0 6px #60a5fa,0 0 0 9px #f472b6,0 0 24px #f472b666}100%{box-shadow:0 0 0 3px #f472b6,0 0 0 6px #facc15,0 0 0 9px #60a5fa,0 0 24px #a855f766}}
.vr-demo.vr-frame-neon{background:linear-gradient(140deg,#0e7490,#7c3aed)!important;color:#fff!important}
.vr-demo.vr-frame-prism{background:linear-gradient(140deg,#f472b6,#facc15 50%,#60a5fa)!important;color:#fff!important}
@media (prefers-reduced-motion:reduce){.vr-frame-neon,.vr-frame-prism{animation:none}}
:root[data-read-motion=on] .vr-frame-neon,:root[data-read-motion=on] .vr-frame-prism{animation:none}

/* ===== Account Security ===== */
html body .yf-sec-page{display:grid;gap:18px}
html body .yf-sec-hero h1{display:flex;align-items:center;gap:12px}
html body .yf-sec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body .yf-sec-card{--s:#6366f1;position:relative;margin:0!important;padding:22px 24px!important;border:1px solid color-mix(in srgb,var(--s) 25%,var(--line))!important;border-radius:22px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--s) 7%,var(--panel)),var(--panel) 65%)!important;box-shadow:0 18px 40px -34px rgba(10,14,40,.7)!important}
html body .yf-sec-card.yf-sec-email{--s:#3b82f6}
html body .yf-sec-card.yf-sec-email.is-ok{--s:#10b981}
html body .yf-sec-card.yf-sec-email.is-warn{--s:#f59e0b}
html body .yf-sec-card.yf-sec-pass{--s:#8b5cf6}
html body .yf-sec-card.yf-sec-sessions{--s:#0ea5e9}
html body .yf-sec-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
html body .yf-sec-head h2{margin:0!important;font-size:18px!important;flex:1}
html body .yf-sec-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(140deg,var(--s),color-mix(in srgb,var(--s) 50%,#8b5cf6));box-shadow:0 10px 18px -10px var(--s)}
html body .yf-sec-ico svg{width:21px;height:21px}
html body .yf-sec-badge{padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800;color:var(--s);border:1px solid color-mix(in srgb,var(--s) 40%,var(--line));background:color-mix(in srgb,var(--s) 10%,var(--panel));white-space:nowrap}
html body .yf-sec-card>p{color:var(--muted);line-height:1.6}
html body .yf-sec-card .button,html body .yf-sec-card form>button{display:inline-flex!important;align-items:center;gap:8px;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--s),color-mix(in srgb,var(--s) 50%,#8b5cf6))!important;color:#fff!important;font-weight:800!important;box-shadow:0 12px 24px -14px var(--s)!important}
html body .yf-sec-sessions .up-session{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;margin:10px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
html body .yf-sec-sessions .up-session>strong{font-size:14.5px}
html body .yf-sec-sessions .up-session>p{grid-column:1;margin:0;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .yf-sec-sessions .up-session>small{grid-column:1;color:var(--muted);font-size:12px}
html body .yf-sec-sessions .up-session>form{grid-column:2;grid-row:1/4;margin:0}
html body .yf-sec-sessions .up-session>form>button{background:color-mix(in srgb,#ef4444 8%,var(--panel))!important;color:#dc2626!important;border:1px solid color-mix(in srgb,#ef4444 35%,var(--line))!important;box-shadow:none!important;font-size:13px!important;padding:8px 12px!important}
@media (max-width:760px){html body .yf-sec-grid{grid-template-columns:1fr}html body .yf-sec-sessions .up-session{grid-template-columns:1fr}html body .yf-sec-sessions .up-session>form{grid-column:1;grid-row:auto}}
html body .yf-sec-hero .eyebrow{text-transform:uppercase}
/* Empty states: clear white icon on the gradient tile */
html body .empty>.yf-empty-ico{display:inline-grid!important;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff!important;font-size:0!important;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#b26bff))!important;box-shadow:0 12px 22px -12px var(--accent)}
html body .empty>.yf-empty-ico svg{width:24px!important;height:24px!important;color:#fff!important;stroke:#fff!important;stroke-width:2!important}
/* Short pages: no big empty gap between the last card and the footer */
html body>main{min-height:0!important;padding-bottom:40px!important;flex:0 0 auto!important}
/* Comfortable reading width: every page uses the same centred content width (~1290px) */
@media (min-width:1100px){
html body>main{max-width:1520px!important}
html body>main .nx-shell{max-width:none!important;width:100%!important}
html body>main:has(.following-heading)>*{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}
}

/* Page width for every screen size:
   phones keep their own 14-16px gutters; from 701px the gutter grows smoothly (20 -> 40px)
   and content stops at 1440px on large and ultra-wide screens. */
@media (min-width:701px){html body>main{box-sizing:border-box!important;max-width:1520px!important;padding-left:clamp(20px,3.2vw,40px)!important;padding-right:clamp(20px,3.2vw,40px)!important}}
/* Cookie Settings: no inner frame, buttons get breathing room */
html body main .pf-settings fieldset{border:0!important;padding:0!important;margin:0!important;min-width:0}
html body main .pf-settings .pf-actions{display:flex!important;flex-wrap:wrap;gap:12px!important;margin-top:20px!important;padding-top:20px!important;border-top:1px solid var(--line)!important}
html body main .pf-settings .pf-actions>button{min-height:46px;padding:0 20px!important;border-radius:14px!important}

/* ===== Batch Studio: tidy upload card and draft actions ===== */
html body main form[data-nx-upload]{display:grid!important;gap:16px!important}
html body main form[data-nx-upload]>label.drop{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-height:150px;padding:24px!important;text-align:center!important;font-weight:800!important;cursor:pointer}
html body main form[data-nx-upload]>label.drop>input[type=file]{width:auto!important;max-width:100%;margin:0 auto!important;text-align:center}
html body main form[data-nx-upload]>button.button{justify-self:start;min-height:48px;padding:0 24px!important;border-radius:14px!important}
html body main form[data-nx-upload]>progress{width:100%;height:10px;border-radius:999px}
html body main form[data-nx-upload]>[data-nx-upload-status]:empty{display:none}
html body main form[data-nx-upload]>[data-nx-upload-status]{margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-weight:700}
html body main .nx-section-heading{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin:26px 0 8px!important}
html body main .nx-section-heading>h2{margin:0!important}
html body main #nx-publish{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:10px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
html body main #nx-publish>label{display:grid!important;gap:6px;font-size:12.5px;font-weight:800;margin:0!important;min-width:220px}
html body main #nx-publish>label>input{height:44px}
html body main #nx-publish>button{height:44px;margin:0!important;padding:0 18px!important;border-radius:12px!important;white-space:nowrap}
@media (max-width:700px){html body main #nx-publish{width:100%}html body main #nx-publish>label{flex:1 1 100%}html body main #nx-publish>button{flex:1 1 auto}}

/* Batch upload: one status line per image */
html body main form[data-nx-upload] .yf-batch-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
html body main form[data-nx-upload] .yf-batch-list:empty{display:none}
html body main form[data-nx-upload] .yf-batch-list>li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13px}
html body main form[data-nx-upload] .yf-batch-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
html body main form[data-nx-upload] .yf-batch-state{flex:none;font-weight:800;color:var(--muted)}
html body main form[data-nx-upload] .yf-batch-list>li.is-busy .yf-batch-state{color:var(--accent)}
html body main form[data-nx-upload] .yf-batch-list>li.is-ok{border-color:color-mix(in srgb,#10b981 40%,var(--line))}
html body main form[data-nx-upload] .yf-batch-list>li.is-ok .yf-batch-state{color:#059669}
html body main form[data-nx-upload] .yf-batch-list>li.is-fail{border-color:color-mix(in srgb,#ef4444 45%,var(--line));background:color-mix(in srgb,#ef4444 5%,var(--panel))}
html body main form[data-nx-upload] .yf-batch-list>li.is-fail .yf-batch-state{color:#dc2626;flex:0 1 auto;white-space:normal;text-align:right;max-width:60%}