:root{--ink:#4b315b;--forest:#7057a6;--mint:#c9f4e6;--cream:#fff8fb;--gold:#ffd45c;--coral:#ff6f91;--muted:#786a83;--line:#eadcf1;--shadow:0 18px 45px rgba(111,86,166,.15)}
body{background:linear-gradient(180deg,#fff8fb,#fffdf7)}
.topbar{background:rgba(255,248,251,.94);border-color:#eadcf1}
.brand-mark{background:linear-gradient(135deg,#7057a6,#ff6f91);color:#fff;border-radius:15px;transform:rotate(-4deg)}
.intro{background:radial-gradient(circle at 87% 20%,#ffd85f 0 8%,transparent 8.3%),radial-gradient(circle at 80% 40%,#bcefe3 0 17%,transparent 17.3%),radial-gradient(circle at 98% 72%,#ffb1c4 0 19%,transparent 19.3%),linear-gradient(135deg,#fff8fb 42%,#eee2ff 72%,#dff8f1)}
.intro h1 em{color:#ff5d8f;text-shadow:3px 3px 0 #ffd75f}.lead{color:#6c5b78}
.filter{background:white;border:2px solid #eadcf1;transition:.2s}.filter:hover{transform:translateY(-2px)}.filter.active{background:linear-gradient(135deg,#7659b5,#ff6f91);border-color:transparent;box-shadow:0 7px 18px rgba(255,111,145,.25)}
.card{border:2px solid var(--line);border-radius:28px;overflow:hidden}.card:after{content:'✦';position:absolute;right:15px;top:10px;color:#ffc84f;font-size:20px}.card:nth-child(4n+1){background:#fff1f6}.card:nth-child(4n+2){background:#f1edff}.card:nth-child(4n+3){background:#eafff8}.card:nth-child(4n){background:#fff8dc}
.card .icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#8fe5d1,#cbb7ff);font-size:22px;font-weight:800;color:#4b315b;box-shadow:0 6px 0 rgba(75,49,91,.1)}
.open-card,.restart{background:linear-gradient(135deg,#7057a6,#8d6dc4)}.save-card.saved{background:#ff8fab;border-color:#ff8fab}
.synergy{background:linear-gradient(135deg,#6f56a6,#a460b6 55%,#ef6f91)}.checker{background:#fff8dc}
.quiz{background:linear-gradient(180deg,#eafff8,#f4edff)}.option{border:2px solid var(--line);border-radius:18px}.option:hover{background:#fff1f6}
.basic-grid article{border:2px solid var(--line);border-top:7px solid var(--gold);border-radius:24px}.basic-grid article:nth-child(2){border-top-color:#ff88a6}.basic-grid article:nth-child(3){border-top-color:#7fdac7}.basic-grid article:nth-child(4){border-top-color:#ad91ea}
.sources{background:linear-gradient(120deg,#ff6f91,#f39b6d)}footer{background:#4b315b}.detail-hero{background:linear-gradient(135deg,#7057a6,#ff6f91)}
.magazine{padding:90px max(7vw,28px);background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{min-height:340px;padding:26px;border-radius:30px;display:flex;flex-direction:column;border:2px solid rgba(75,49,91,.08);transition:.25s}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.blog-card.pink{background:#fff0f6}.blog-card.yellow{background:#fff7d6}.blog-card.mint{background:#e7fff7}.blog-card.lilac{background:#f1ebff}.blog-card.blue{background:#e8f6ff}.blog-card.coral{background:#fff0e8}.blog-emoji{font-size:42px}.blog-meta{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--coral);margin:18px 0 8px}.blog-card h3{font:700 27px/1.15 "Fraunces";margin:0 0 12px}.blog-card p{color:var(--muted)}.blog-card button{margin-top:auto;border:0;background:transparent;text-align:left;padding:0;font-weight:800;color:var(--forest);cursor:pointer}.shop-bridge{padding:65px max(7vw,28px);background:linear-gradient(120deg,#7659b5,#ff6f91);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:50px}.shop-bridge>div{max-width:720px}.shop-bridge h2{font:700 clamp(35px,4vw,54px)/1.05 "Fraunces";margin:0}.shop-bridge p{color:#fff5fb}.shop-bridge>a{flex:none;background:#ffd85f;color:#4b315b;text-decoration:none;padding:17px 22px;border-radius:99px;font-weight:800;box-shadow:0 8px 0 rgba(75,49,91,.2)}.article-modal{padding:42px}.article-modal .article-emoji{font-size:48px}.article-modal h2{font:700 clamp(34px,5vw,52px)/1.05 "Fraunces";margin:10px 0 18px}.article-modal h3{font:700 23px "Fraunces";margin-top:28px}.article-modal p,.article-modal li{color:var(--muted)}.article-modal .article-note{background:#fff1f6;border-left:4px solid var(--coral);padding:17px;border-radius:12px}.article-cta{display:inline-block;margin-top:20px;background:linear-gradient(135deg,#7057a6,#ff6f91);color:#fff;text-decoration:none;padding:13px 18px;border-radius:99px;font-weight:800}@media(max-width:950px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.shop-bridge{flex-direction:column;align-items:flex-start}.article-modal{padding:28px}}