/* Theme 5 — Creator / Social Media. Vibrant gradient accents, big rounded
   pill everything, profile-strip header, engagement-style stat chips. */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

.theme-creator{--cr-bg:#fafafa;--cr-surface:#fff;--cr-ink:#18181b;--cr-muted:#71717a;--cr-line:#f0f0f2;--cr-grad:linear-gradient(135deg,#f43f5e,#a855f7,#3b82f6);font-family:'Inter',-apple-system,sans-serif;color:var(--cr-ink);background:var(--cr-bg);}
[data-theme="dark"] .theme-creator{--cr-bg:#0e0e11;--cr-surface:#18181b;--cr-ink:#f4f4f5;--cr-muted:#a1a1aa;--cr-line:#27272a;}
.theme-creator *{box-sizing:border-box;}
.theme-creator a{color:inherit;text-decoration:none;}
.theme-creator h1,.theme-creator h2,.theme-creator h3{font-family:'Baloo 2',sans-serif;font-weight:700;color:var(--cr-ink);}
.theme-creator .cr-wrap{max-width:1180px;margin:0 auto;padding:0 20px 60px;}

.theme-creator .cr-profile{display:flex;align-items:center;gap:18px;padding:30px 0;}
.theme-creator .cr-avatar{width:64px;height:64px;border-radius:50%;background:var(--cr-grad);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}
.theme-creator .cr-profile h1{font-size:24px;margin-bottom:4px;}
.theme-creator .cr-profile p{color:var(--cr-muted);font-size:13.5px;}

.theme-creator .cr-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:22px;}
.theme-creator .cr-pills a{white-space:nowrap;font-size:13px;font-weight:700;padding:9px 18px;border-radius:999px;background:var(--cr-surface);border:2px solid var(--cr-line);}
.theme-creator .cr-pills a.active{background:var(--cr-grad);color:#fff;border-color:transparent;}

.theme-creator .cr-hero{position:relative;border-radius:24px;overflow:hidden;margin-bottom:28px;background:var(--cr-grad);padding:3px;}
.theme-creator .cr-hero-inner{background:var(--cr-surface);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;}
.theme-creator .cr-hero img{width:100%;height:100%;object-fit:cover;min-height:260px;}
.theme-creator .cr-hero-text{padding:30px;display:flex;flex-direction:column;justify-content:center;}
.theme-creator .cr-badge{display:inline-block;background:var(--cr-grad);color:#fff;font-size:11px;font-weight:800;padding:5px 14px;border-radius:999px;margin-bottom:12px;width:fit-content;}
.theme-creator .cr-hero-text h2{font-size:26px;margin-bottom:10px;}
.theme-creator .cr-hero-text p{color:var(--cr-muted);font-size:14px;line-height:1.6;}
.theme-creator .cr-stats{display:flex;gap:14px;margin-top:16px;font-size:12.5px;color:var(--cr-muted);font-weight:600;}

.theme-creator .cr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.theme-creator .cr-card{background:var(--cr-surface);border-radius:20px;overflow:hidden;border:1px solid var(--cr-line);transition:transform .2s;}
.theme-creator .cr-card:hover{transform:scale(1.02);}
.theme-creator .cr-card img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.theme-creator .cr-card-body{padding:16px;}
.theme-creator .cr-card h3{font-size:16px;margin-bottom:6px;}
.theme-creator .cr-card p{color:var(--cr-muted);font-size:12.5px;line-height:1.5;}
.theme-creator .cr-tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.theme-creator .cr-tagrow span,.theme-creator .cr-tagrow a{font-size:11px;background:var(--cr-line);padding:4px 10px;border-radius:999px;color:var(--cr-muted);font-weight:600;}
.theme-creator .cr-eng{display:flex;gap:12px;margin-top:10px;font-size:11.5px;color:var(--cr-muted);}

@media(max-width:900px){.theme-creator .cr-grid{grid-template-columns:1fr 1fr;}.theme-creator .cr-hero-inner{grid-template-columns:1fr;}}
@media(max-width:600px){.theme-creator .cr-grid{grid-template-columns:1fr;}}

/* Article */
.theme-creator .cr-art-head{text-align:center;max-width:760px;margin:20px auto 0;}
.theme-creator .cr-art-head h1{font-size:clamp(26px,4.5vw,40px);margin:14px 0;}
.theme-creator .cr-chip-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:13px;}
.theme-creator .cr-chip-row span{background:var(--cr-surface);border:1px solid var(--cr-line);padding:6px 14px;border-radius:999px;color:var(--cr-muted);font-weight:600;}
.theme-creator .cr-art-hero{width:100%;max-height:460px;object-fit:cover;border-radius:24px;margin:30px 0;}
.theme-creator .cr-content{max-width:760px;margin:0 auto;font-size:17px;line-height:1.85;}
.theme-creator .cr-content h2{font-size:23px;margin:30px 0 12px;}
.theme-creator .cr-content img{width:100%;border-radius:16px;margin:20px 0;}
.theme-creator .cr-content a{color:#a855f7;font-weight:600;}
.theme-creator .cr-share-fab{display:flex;gap:10px;justify-content:center;margin:36px 0;}
.theme-creator .cr-share-fab a{background:var(--cr-grad);color:#fff;font-size:13px;font-weight:700;padding:10px 20px;border-radius:999px;}
.theme-creator .cr-related-title{text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--cr-muted);margin:40px 0 20px;font-weight:700;}