/* MusePixel public skin. Thumbnails stay clean: no labels on the photo. */
body.mu-page{
  --mu-bg:#fbf6f0;
  --mu-ink:#1c140f;
  --mu-muted:#8d7568;
  --mu-line:#f0e4d8;
  --mu-card:#fff;
  --mu-coral:#ff5a1f;
  --mu-coral-2:#ff7a3c;
  --mu-pink:#e4378b;
  --mu-violet:#7c3aed;
  --mu-mint:#14956a;
  --mu-gold:#c9841a;
  --mu-sky:#1d8fbf;
  --mu-shadow:0 16px 40px rgba(90,48,20,.08);
  --mu-serif:"Fraunces",Georgia,"Times New Roman",serif;
  color:var(--mu-ink);
  background:#fbf6f0;
  background-image:none;
  font-family:Outfit,var(--font),system-ui,sans-serif;
}
body.mu-page::before{
  content:"";
  position:fixed;
  inset:-4vh -4vw;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(880px 520px at 0% -10%, rgba(255,186,140,.45), transparent 62%),
    radial-gradient(720px 480px at 100% 0%, rgba(255,150,196,.32), transparent 58%),
    radial-gradient(640px 460px at 90% 100%, rgba(150,210,255,.28), transparent 55%),
    radial-gradient(560px 420px at 0% 100%, rgba(190,160,255,.24), transparent 55%);
  animation:mu-wash 18s ease-in-out infinite alternate;
}
body.mu-page h1,body.mu-page h2,body.mu-page h3,body.mu-page .mu-miss .big404{
  font-family:var(--mu-serif);
  font-weight:560;
  letter-spacing:-.03em;
}
body.mu-page :focus-visible{outline-color:var(--mu-coral)}

/* Play background: rings, orbs, sparks. Sits on every public page. */
.mu-sky{position:fixed;inset:-12vh -8vw;z-index:0;pointer-events:none;overflow:hidden;transform:translate3d(var(--mx,0),var(--my,0),0)}
.ring-set{position:absolute;border-radius:50%;border:1.5px solid rgba(242,168,110,.55);animation:mu-spin 70s linear infinite}
.rs1{width:280px;height:280px;left:-40px;top:80px;box-shadow:0 0 0 34px rgba(242,168,110,.16),0 0 0 72px rgba(255,120,170,.12),0 0 0 116px rgba(255,196,120,.12),0 0 0 168px rgba(140,190,255,.1)}
.rs2{width:220px;height:220px;right:-20px;top:40px;animation-duration:90s;animation-direction:reverse;border-color:rgba(228,55,139,.35);box-shadow:0 0 0 28px rgba(228,55,139,.12),0 0 0 64px rgba(124,58,237,.1),0 0 0 108px rgba(255,180,80,.12)}
.rs3{width:260px;height:260px;right:8%;bottom:-80px;animation-duration:80s;border-color:rgba(20,149,106,.28);box-shadow:0 0 0 36px rgba(56,189,248,.12),0 0 0 78px rgba(255,122,60,.1),0 0 0 128px rgba(168,85,247,.08)}
.rs4{width:180px;height:180px;left:18%;bottom:8%;animation-duration:54s;animation-direction:reverse;border-color:rgba(255,90,31,.28);box-shadow:0 0 0 24px rgba(255,196,120,.16),0 0 0 56px rgba(255,150,196,.1)}
.mu-orb{position:absolute;border-radius:50%;filter:blur(1px);animation:mu-drift 16s ease-in-out infinite}
.o1{width:90px;height:90px;left:12%;top:22%;background:radial-gradient(circle,#ffd0ae,transparent 70%)}
.o2{width:70px;height:70px;right:18%;top:30%;background:radial-gradient(circle,#ffc0dd,transparent 70%);animation-duration:19s}
.o3{width:54px;height:54px;left:42%;top:8%;background:radial-gradient(circle,#d7c4ff,transparent 70%);animation-duration:22s}
.o4{width:80px;height:80px;right:6%;bottom:18%;background:radial-gradient(circle,#b7f0dc,transparent 70%);animation-duration:17s}
.o5{width:46px;height:46px;left:6%;bottom:24%;background:radial-gradient(circle,#ffe08a,transparent 70%);animation-duration:21s}
.o6{width:36px;height:36px;left:58%;bottom:12%;background:radial-gradient(circle,#bae6ff,transparent 70%);animation-duration:15s}
.mu-spark{position:absolute;width:14px;height:14px;background:linear-gradient(135deg,#ff7a3c,#e4378b);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:mu-twinkle 3.4s ease-in-out infinite;opacity:.8}
.k1{left:22%;top:18%}.k2{right:28%;top:14%;animation-delay:.6s;background:linear-gradient(135deg,#7c3aed,#38bdf8)}
.k3{left:70%;top:46%;animation-delay:1.1s;background:linear-gradient(135deg,#14956a,#ffe08a)}
.k4{left:14%;bottom:20%;animation-delay:.3s}.k5{right:12%;bottom:30%;animation-delay:1.6s}
.k6{left:46%;top:62%;width:10px;height:10px;animation-delay:.9s}
.mu-mesh{position:absolute;inset:0;background-image:radial-gradient(rgba(120,70,40,.05) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%)}

body.mu-page .site-header,body.mu-page main,body.mu-page .site-footer{position:relative;z-index:1}
body.mu-page .site-header{background:transparent;border:0;top:8px}
body.mu-page .mu-nav{
  height:68px;margin-top:12px;padding:0 10px 0 16px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.8);
  border-radius:999px;
  box-shadow:var(--mu-shadow);
  position:relative;
}
body.mu-page .mu-nav::after{
  content:"";position:absolute;left:22%;right:22%;bottom:6px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#ff5a1f,#e4378b,#7c3aed,#14956a,#38bdf8,#ff5a1f);
  background-size:200% 100%;animation:mu-bar 8s linear infinite;opacity:.8;
}
.mu-brand{gap:10px}
.mu-mark{width:36px;height:36px;border-radius:12px;background:conic-gradient(from 120deg,#ff5a1f,#e4378b,#7c3aed,#14956a,#ff5a1f);position:relative;display:grid;place-items:center}
.mu-mark i{display:none}
.mu-mark::after{content:"";width:16px;height:16px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.mu-brand-txt{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.mu-brand-txt strong{font-size:15px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.mu-brand-txt small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#a08b80;font-weight:700}
body.mu-page .menu>a,body.mu-page .nav-drop>a{color:#6d584c;font-weight:650;border-radius:999px;padding:8px 12px;font-size:13.5px;position:relative}
body.mu-page .menu>a:hover,body.mu-page .nav-drop>a:hover{background:#fff1e8;color:var(--mu-coral)}
body.mu-page .menu>a.on,body.mu-page .nav-drop>a.on{background:var(--mu-coral);color:#fff}
body.mu-page .nav-search{height:40px;border:0;border-radius:999px;background:#f6efe8;padding:0 14px}
body.mu-page .desk-search input{width:190px}
body.mu-page .icon-btn,body.mu-page .theme-toggle{width:38px;height:38px;border-radius:999px;background:#fff;border:1px solid var(--mu-line);color:var(--mu-ink)}
body.mu-page .submit-btn{height:38px;border-radius:999px;background:var(--mu-coral);padding:0 14px}
body.mu-page .nav-drop-panel{border-radius:16px;border-color:var(--mu-line);box-shadow:var(--mu-shadow)}

/* Hero */
.mu-hero{padding:28px 0 8px}
.mu-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;align-items:center}
.mu-hero h1{margin:0 0 12px;font-size:clamp(46px,6vw,78px);line-height:.98;max-width:9em;color:var(--mu-ink)}
.mu-grad{background:linear-gradient(100deg,#e4378b,#ff5a1f 55%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% 100%;animation:mu-bar 7s linear infinite}
.mu-lead{margin:0 0 18px;max-width:34em;font-size:16px;line-height:1.55;color:var(--mu-muted)}
.mu-cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.mu-btn,.mu-page .btn,.mu-page .hero-search button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(180deg,var(--mu-coral-2),var(--mu-coral));
  color:#fff;text-decoration:none;border:0;border-radius:999px;
  padding:12px 18px;font-weight:750;font-size:14px;
  box-shadow:0 10px 20px rgba(255,90,31,.28);
  position:relative;overflow:hidden;
}
.mu-btn svg{width:16px;height:16px}
.mu-btn::after,.mu-go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45),transparent 70%);transform:translateX(-120%);animation:mu-sheen 3.6s ease-in-out infinite}
.mu-btn-ghost{background:#fff;color:var(--mu-ink);box-shadow:0 8px 20px rgba(90,48,20,.06);border:1px solid #f3e6da}
.mu-btn-ghost::after{display:none}
.mu-btn:hover,.mu-go:hover{transform:translateY(-2px)}
.mu-stats{display:flex;gap:28px;margin:0}
.mu-stats div{min-width:0}
.mu-stats dt{font-family:var(--mu-serif);font-size:32px;font-weight:560;line-height:1}
.mu-stats dd{margin:2px 0 0;color:var(--mu-muted);font-size:13px;font-weight:650}
.mu-stage{position:relative;height:420px;margin-right:24px}
.mu-stage.solo{height:280px}
.mu-star{position:absolute;z-index:4;right:8px;top:6px;width:58px;height:58px;background:linear-gradient(135deg,#d8b4fe,#7c3aed);clip-path:polygon(50% 0,63% 34%,100% 38%,72% 60%,80% 96%,50% 76%,20% 96%,28% 60%,0 38%,37% 34%);filter:drop-shadow(0 10px 14px rgba(124,58,237,.35));animation:mu-bob 5s ease-in-out infinite}
.mu-polar{position:absolute;display:block;background:#fff;padding:10px 10px 28px;border-radius:18px;box-shadow:0 18px 40px rgba(70,36,16,.16);text-decoration:none;overflow:hidden}
.mu-polar img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f6f0e8;border-radius:12px}
.mu-polar.p0{width:168px;height:230px;left:0;top:78px;--rot:-10deg;z-index:1;animation:mu-float 7s ease-in-out infinite}
.mu-polar.p1{width:196px;height:270px;left:118px;top:36px;--rot:2deg;z-index:3;animation:mu-float 8s ease-in-out infinite .4s}
.mu-polar.p2{width:160px;height:224px;right:18px;top:92px;--rot:9deg;z-index:2;animation:mu-float 7.5s ease-in-out infinite .8s}

/* How it works */
.mu-how{padding:18px 0 8px}
.mu-how-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}
.mu-how-grid.solo{grid-template-columns:minmax(0,640px)}
.mu-how-shot{margin:0}
.mu-how-shot a{display:block;background:#f6f0e8;border-radius:28px;overflow:hidden;box-shadow:var(--mu-shadow)}
.mu-how-shot img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#f6f0e8}
.mu-how-shot figcaption{margin-top:10px;font-size:13px;font-weight:700}
.mu-how-shot figcaption a{background:none;box-shadow:none;border-radius:0;color:var(--mu-ink);text-decoration:none}
.mu-kicker-label{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mu-coral)}
.mu-how-copy h2,.mu-head h2,.mu-head h1,.mu-shell .page-head h1,.mu-article .article-head h1,.mu-doc h1,.mu-miss h1{
  margin:0;font-size:clamp(32px,4vw,52px);line-height:1.05;color:var(--mu-ink)
}
.mu-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.mu-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.mu-steps span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff4ec;color:var(--mu-coral)}
.mu-steps svg{width:16px;height:16px}
.mu-steps strong{display:block;font-size:16px}
.mu-steps p{margin:2px 0 0;color:var(--mu-muted);font-size:14px}

/* Sections, cards. Image is clean. Meta lives in the sheet under it. */
.mu-home,.mu-shell{padding-bottom:28px}
.mu-block{margin:34px 0}
.mu-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}
.mu-more{display:inline-flex;align-items:center;gap:6px;color:var(--mu-coral);font-weight:750;text-decoration:none;white-space:nowrap}
.mu-more svg{width:16px;height:16px}
body.mu-page .post-grid,body.mu-page .prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
body.mu-page .post-card.mu-card,body.mu-page .pcard.mu-card{
  background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;min-width:0;
}
body.mu-page .mu-shot,body.mu-page .post-hero,body.mu-page .prompt-fig,body.mu-page .sp-th{
  display:flex;align-items:center;justify-content:center;
  background:#f6f0e8;border-radius:22px;overflow:hidden;border:0;
}
body.mu-page .mu-shot::before,body.mu-page .mu-shot::after,
body.mu-page .thumb-wrap::before,body.mu-page .thumb-wrap::after,
body.mu-page .pc-img::before,body.mu-page .pc-img::after,
body.mu-page .prompt-fig::before,body.mu-page .prompt-fig::after{content:none;display:none}
body.mu-page .shot-label,body.mu-page .prompt-fig .num{display:none}
body.mu-page .mu-shot img,body.mu-page .pc-img img,body.mu-page .post-hero img,body.mu-page .prompt-fig img{
  width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;display:block;background:#f6f0e8
}
body.mu-page .sp-th{width:52px;height:52px;border-radius:12px;flex:none}
body.mu-page .sp-th img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;background:#f6f0e8}
.thumb-ph{display:grid;place-items:center;min-height:180px;width:100%;font-size:28px;color:#e0cbb8}
.mu-card-body{margin-top:12px;background:var(--mu-card);border-radius:18px;padding:12px 14px 14px;box-shadow:0 10px 26px rgba(70,36,16,.06);display:flex;flex-direction:column;gap:8px}
.tone-0 .mu-card-body{box-shadow:inset 0 3px 0 #ff5a1f,0 10px 26px rgba(70,36,16,.06)}
.tone-1 .mu-card-body{box-shadow:inset 0 3px 0 #e4378b,0 10px 26px rgba(70,36,16,.06)}
.tone-2 .mu-card-body{box-shadow:inset 0 3px 0 #7c3aed,0 10px 26px rgba(70,36,16,.06)}
.tone-3 .mu-card-body{box-shadow:inset 0 3px 0 #14956a,0 10px 26px rgba(70,36,16,.06)}
.tone-4 .mu-card-body{box-shadow:inset 0 3px 0 #c9841a,0 10px 26px rgba(70,36,16,.06)}
.tone-5 .mu-card-body{box-shadow:inset 0 3px 0 #1d8fbf,0 10px 26px rgba(70,36,16,.06)}
.mu-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;color:var(--mu-muted);font-size:12px;font-weight:650}
.mu-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;text-decoration:none;background:#fff1e8;color:#c2410c}
.mu-chip.tone-0,.tone-0 .mu-chip{background:#fff1e8;color:#c2410c}
.mu-chip.tone-1,.tone-1 .mu-chip{background:#fde7f3;color:#be185d}
.mu-chip.tone-2,.tone-2 .mu-chip{background:#f3e8ff;color:#6d28d9}
.mu-chip.tone-3,.tone-3 .mu-chip{background:#e7f8f1;color:#047857}
.mu-chip.tone-4,.tone-4 .mu-chip{background:#fff6df;color:#a16207}
.mu-chip.tone-5,.tone-5 .mu-chip{background:#e6f6fd;color:#0369a1}
body.mu-page .mu-card h2,body.mu-page .mu-card h3{margin:0;font-size:18px;line-height:1.25;font-weight:560}
body.mu-page .mu-card h2 a,body.mu-page .mu-card h3 a{color:var(--mu-ink);text-decoration:none}
body.mu-page .mu-card h2 a:hover,body.mu-page .mu-card h3 a:hover{color:var(--mu-coral)}
.pc-excerpt,.mu-from{margin:0;font-size:13px}
.mu-actions{display:flex;align-items:center;gap:8px;margin-top:auto}
.mu-go{
  flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(180deg,var(--mu-coral-2),var(--mu-coral));color:#fff;text-decoration:none;
  border:0;border-radius:999px;padding:10px 12px;font-weight:750;font-size:13px;position:relative;overflow:hidden;cursor:pointer
}
.mu-go svg,.mu-icon svg,.mu-views svg{width:15px;height:15px}
.mu-go-sm{flex:none;padding:8px 12px}
.mu-icon,body.mu-page .card-like,body.mu-page .card-share{
  width:38px;height:38px;border-radius:999px;border:1px solid var(--mu-line);background:#fff;color:var(--mu-ink);
  display:inline-grid;place-items:center;padding:0;flex:none;text-decoration:none
}
.mu-views{display:inline-flex;align-items:center;gap:4px;color:var(--mu-muted);font-size:12px;font-weight:750;flex:none}
body.mu-page .card-like.liked{color:var(--mu-pink);border-color:#f6c1d8;background:#fff5f8}
body.mu-page .mu-card:hover{transform:translateY(-6px)}
body.mu-page .mu-card{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
body.mu-page.layout-list .post-card{flex-direction:column}
body.mu-page.layout-list .thumb-wrap{width:auto}
body.mu-page.layout-masonry .post-grid{columns:unset;display:grid}

/* Trending table */
.mu-table-wrap{overflow:auto;background:#fff;border-radius:22px;box-shadow:var(--mu-shadow)}
.mu-table{width:100%;border-collapse:collapse;min-width:760px}
.mu-table th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b08972;padding:14px 16px;background:#fff8f3;font-weight:800}
.mu-table td{padding:12px 16px;border-top:1px solid #f6eee6;vertical-align:middle}
.mu-table tr:hover td{background:#fffaf6}
.mu-rank{font-family:var(--mu-serif);font-size:22px;width:52px}
.mu-table tbody tr:nth-child(1) .mu-rank{color:#ff5a1f}
.mu-table tbody tr:nth-child(2) .mu-rank{color:#e4378b}
.mu-table tbody tr:nth-child(3) .mu-rank{color:#7c3aed}
.mu-row-art{display:flex;align-items:center;gap:12px;color:var(--mu-ink);text-decoration:none;font-weight:700}
.mu-row-shot{width:54px;height:54px;border-radius:12px;overflow:hidden;background:#f6f0e8;flex:none;display:grid}
.mu-row-shot img{width:100%;height:100%;object-fit:contain;background:#f6f0e8;display:block}
.mu-heat{display:inline-flex;align-items:center;color:#14956a;background:#e9f8f1;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}
.mu-row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.mu-ph{background:linear-gradient(135deg,#ffe0cc,#ffd0e6 45%,#e4d4ff)}

/* Category mosaic. Name sits under the photo. */
.mu-bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.mu-tile{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--mu-ink);min-width:0}
.mu-tile.t0{grid-column:1;grid-row:1 / span 2}
.mu-tile.t1{grid-column:2;grid-row:1}
.mu-tile.t2{grid-column:3;grid-row:1}
.mu-tile.t3{grid-column:2;grid-row:2}
.mu-tile.t4{grid-column:3;grid-row:2}
.mu-tile.t5{grid-column:1;grid-row:3}
.mu-tile.t6{grid-column:2 / span 2;grid-row:3}
.mu-tile-shot{display:flex;align-items:center;justify-content:center;height:168px;border-radius:22px;overflow:hidden;background:#f6f0e8}
.mu-tile.t0 .mu-tile-shot{height:360px}
.mu-tile.t6 .mu-tile-shot{height:200px}
.mu-tile-shot img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f6f0e8}
.mu-tile-cap{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 4px 2px}
.mu-tile-cap strong{font-family:var(--mu-serif);font-size:20px;font-weight:560}
.mu-tile-cap small{color:var(--mu-muted);font-weight:700}
.mu-tile:hover .mu-tile-shot{transform:translateY(-4px)}
.mu-tile-shot{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.mu-ph.tone-0{background:linear-gradient(145deg,#ffd8c2,#fff)}
.mu-ph.tone-1{background:linear-gradient(145deg,#ffd0e6,#fff)}
.mu-ph.tone-2{background:linear-gradient(145deg,#e4d4ff,#fff)}
.mu-ph.tone-3{background:linear-gradient(145deg,#c9f3e2,#fff)}
.mu-ph.tone-4{background:linear-gradient(145deg,#ffe7b8,#fff)}
.mu-ph.tone-5{background:linear-gradient(145deg,#cdebff,#fff)}

/* Inner pages */
body.mu-page main{padding-bottom:20px}
.mu-shell,.mu-doc,.mu-article,.mu-miss{padding-top:18px}
body.mu-page .crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--mu-muted);margin:0 0 12px}
body.mu-page .crumbs a{color:var(--mu-coral);text-decoration:none;font-weight:700}
body.mu-page .page-head{margin-bottom:18px}
body.mu-page .kicker{color:var(--mu-coral);letter-spacing:.14em}
body.mu-page .page-content,body.mu-page .article-main,body.mu-page .side-card,body.mu-page .box,body.mu-page .faq,body.mu-page .author-box,body.mu-page .toc{
  background:#fff;border:1px solid #f3e7dc;border-radius:22px;box-shadow:0 10px 28px rgba(70,36,16,.05)
}
body.mu-page .article-main{padding:22px 22px 26px}
body.mu-page .intro{background:#fff6ef;border:0;border-left:4px solid var(--mu-coral);border-radius:16px}
body.mu-page .post-hero{border-radius:28px;margin-bottom:18px}
body.mu-page .prompt-card{grid-template-columns:1fr;border:0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--mu-shadow);gap:0}
body.mu-page .prompt-fig{border-radius:0;background:#f6f0e8}
body.mu-page .prompt-card.is-focus{outline:2px solid var(--mu-coral)}
body.mu-page .prompt-body{padding:16px 18px 18px}
body.mu-page .copy-btn,body.mu-page .prompt-jump a.on,body.mu-page .prompt-jump a:hover{
  background:linear-gradient(180deg,var(--mu-coral-2),var(--mu-coral));color:#fff;border-color:transparent
}
body.mu-page .copy-btn.done{background:#14956a}
body.mu-page .prompt-text{background:#fffaf6;border-color:#f0e4d8;border-radius:16px}
body.mu-page #tips.box{background:#f3fbf7}
body.mu-page .box:nth-of-type(odd){background:#fff8f3}
body.mu-page .meta span,body.mu-page .meta .by,body.mu-page .pill{border-color:#f0e4d8;background:#fff}
body.mu-page .pill{background:#fff1e8;color:#c2410c}
body.mu-page .pagination{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
body.mu-page .pagination a,body.mu-page .pagination span{min-width:36px;height:36px;display:inline-grid;place-items:center;border-radius:999px;background:#fff;border:1px solid var(--mu-line);text-decoration:none;color:var(--mu-ink);font-weight:750}
body.mu-page .pagination a.on{background:var(--mu-coral);color:#fff;border-color:transparent}
body.mu-page .chip,body.mu-page .tag-cloud a{border-radius:999px}
body.mu-page .newsletter{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;background:#fff;border-radius:28px;padding:26px;box-shadow:var(--mu-shadow);margin:22px auto;width:min(1180px,calc(100% - 28px))}
body.mu-page .nl-form{display:flex;flex-wrap:wrap;gap:8px}
body.mu-page .nl-form input[type=email]{flex:1;min-width:180px;height:44px;border-radius:999px;border:1px solid var(--mu-line);padding:0 14px;background:#fbf6f0}
body.mu-page .nl-form button{height:44px;border:0;border-radius:999px;background:var(--mu-coral);color:#fff;font-weight:750;padding:0 16px}
body.mu-page .contact-form input,body.mu-page .contact-form textarea,body.mu-page .hero-search.inline{
  border:1px solid var(--mu-line);border-radius:16px;background:#fff
}
body.mu-page .hero-search.inline{border-radius:999px;padding:4px 4px 4px 14px}
body.mu-page .empty,.mu-miss{text-align:center}
.mu-miss .big404{font-size:clamp(72px,12vw,120px);line-height:.9;margin:10px 0;background:linear-gradient(100deg,#ff5a1f,#e4378b,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
body.mu-page .suggest-box{border-radius:16px;border-color:var(--mu-line);box-shadow:var(--mu-shadow)}
body.mu-page .toast.show{background:var(--mu-ink)}

/* Footer */
.mu-footer{padding:28px 0 36px;background:transparent;border:0}
.mu-foot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.mu-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}
.mu-foot-nav a{color:#6d584c;text-decoration:none;font-weight:700}
.mu-foot-nav a:hover{color:var(--mu-coral)}
.mu-social{display:flex;gap:8px}
.mu-social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--mu-ink);text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 6px 16px rgba(70,36,16,.08)}
.mu-social a:nth-child(3n+1){color:#e4378b}
.mu-social a:nth-child(3n+2){color:#ff5a1f}
.mu-social a:nth-child(3n){color:#7c3aed}
.mu-copy{margin:0;color:var(--mu-muted);font-size:13px}

/* Reveal */
body.mu-page .reveal{opacity:0;translate:0 18px}
body.mu-page .reveal.in{animation:mu-rise .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0ms)}

@keyframes mu-wash{to{transform:translate3d(2%,-1%,0) scale(1.06)}}
@keyframes mu-spin{to{transform:rotate(360deg)}}
@keyframes mu-drift{50%{transform:translate3d(12px,-18px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes mu-twinkle{50%{opacity:.2;transform:scale(.7) rotate(20deg)}}
@keyframes mu-bar{to{background-position:200% 0}}
@keyframes mu-bob{50%{transform:translateY(-8px) rotate(12deg)}}
@keyframes mu-float{50%{transform:translateY(-12px) rotate(var(--rot,0deg))}0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}}
@keyframes mu-sheen{0%,62%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes mu-rise{to{opacity:1;translate:0 0}}

@media(max-width:1100px){
  body.mu-page .menu{top:84px;left:14px;right:14px;border-radius:22px;border:1px solid var(--mu-line);box-shadow:var(--mu-shadow);background:#fff}
  .mu-brand-txt small{display:none}
}
@media(max-width:980px){
  .mu-hero-grid,.mu-how-grid,body.mu-page .newsletter{grid-template-columns:1fr}
  .mu-stage{height:320px;max-width:420px;margin:8px auto 0}
  .mu-polar.p0{width:130px;height:180px}
  .mu-polar.p1{width:156px;height:214px;left:96px}
  .mu-polar.p2{width:124px;height:172px}
  body.mu-page .post-grid,body.mu-page .prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mu-bento{grid-template-columns:1fr 1fr}
  .mu-tile,.mu-tile.t0,.mu-tile.t1,.mu-tile.t2,.mu-tile.t3,.mu-tile.t4,.mu-tile.t5,.mu-tile.t6{grid-column:auto;grid-row:auto}
  .mu-tile.t0{grid-column:1 / span 2}
  .mu-tile-shot,.mu-tile.t0 .mu-tile-shot,.mu-tile.t6 .mu-tile-shot{height:200px}
}
@media(max-width:640px){
  .mu-hero h1{font-size:clamp(38px,12vw,52px)}
  .mu-stats dt{font-size:24px}
  .mu-stats{gap:16px}
  body.mu-page .post-grid,body.mu-page .prompt-grid,.mu-bento{grid-template-columns:1fr}
  .mu-tile.t0{grid-column:auto}
  .mu-head{flex-direction:column;align-items:flex-start}
  .mu-cta .mu-btn{width:100%}
  body.mu-page .article-main{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  body.mu-page::before,.ring-set,.mu-orb,.mu-spark,.mu-star,.mu-polar,.mu-btn::after,.mu-go::after,.mu-grad,body.mu-page .mu-nav::after{animation:none}
  body.mu-page .reveal{opacity:1;translate:0 0}
}
html[data-theme=dark] body.mu-page{
  --mu-bg:#16110e;--mu-ink:#f6efe8;--mu-muted:#cbb8aa;--mu-line:#3a2c24;--mu-card:#241c18;--mu-shadow:0 16px 40px rgba(0,0,0,.35);
  background:#16110e;color:var(--mu-ink)
}
html[data-theme=dark] body.mu-page::before{opacity:.45}
html[data-theme=dark] body.mu-page .mu-nav,html[data-theme=dark] body.mu-page .mu-card-body,html[data-theme=dark] body.mu-page .mu-table-wrap,html[data-theme=dark] body.mu-page .page-content,html[data-theme=dark] body.mu-page .article-main,html[data-theme=dark] body.mu-page .side-card,html[data-theme=dark] body.mu-page .box,html[data-theme=dark] body.mu-page .faq,html[data-theme=dark] body.mu-page .author-box,html[data-theme=dark] body.mu-page .prompt-card,html[data-theme=dark] body.mu-page .newsletter,html[data-theme=dark] body.mu-page .mu-polar,html[data-theme=dark] body.mu-page .mu-btn-ghost,html[data-theme=dark] body.mu-page .icon-btn,html[data-theme=dark] body.mu-page .mu-icon,html[data-theme=dark] body.mu-page .pagination a,html[data-theme=dark] body.mu-page .menu,html[data-theme=dark] body.mu-page .nav-drop-panel,html[data-theme=dark] body.mu-page .suggest-box{background:#241c18;color:var(--mu-ink)}
html[data-theme=dark] body.mu-page .mu-table th{background:#2c221c;color:#e7cbb8}
html[data-theme=dark] body.mu-page .mu-table td{border-color:#3a2c24}
html[data-theme=dark] body.mu-page .nav-search,html[data-theme=dark] body.mu-page .mu-shot,html[data-theme=dark] body.mu-page .post-hero,html[data-theme=dark] body.mu-page .prompt-fig,html[data-theme=dark] body.mu-page .mu-tile-shot,html[data-theme=dark] body.mu-page .mu-row-shot,html[data-theme=dark] body.mu-page .intro{background:#1c1512}
html[data-theme=dark] body.mu-page .menu>a,html[data-theme=dark] body.mu-page .nav-drop>a,html[data-theme=dark] body.mu-page .mu-foot-nav a{color:#e7d5c8}
html[data-theme=dark] body.mu-page .menu>a.on{color:#fff}
html[data-theme=dark] body.mu-page .mu-card h2 a,html[data-theme=dark] body.mu-page .mu-card h3 a,html[data-theme=dark] body.mu-page .mu-row-art{color:#f6efe8}