:root{--ink:#121018;--paper:#fff7df;--pink:#ff4f7b;--blue:#29c7ff;--yellow:#ffe35b;--green:#00c987;--purple:#5a35ff;--muted:#5e5967;--line:#121018;--card:#fffdf3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 15% 10%,#fff 0 7%,transparent 8%),linear-gradient(135deg,#fff7df,#fff1f7 46%,#e9f8ff);color:var(--ink);line-height:1.6}.topbar{position:sticky;top:0;z-index:20;background:#111;color:#fff;border-bottom:4px solid var(--yellow);padding:.65rem 1rem;text-align:center;font-weight:900}.topbar a{color:var(--yellow);text-decoration:none}.wrap{width:min(1120px,92vw);margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0}.brand{font-weight:1000;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:-.05em}.nav a{color:var(--ink);text-decoration:none;font-weight:800;margin-left:1rem}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:3rem 0 2rem}.badge{display:inline-block;border:3px solid var(--ink);border-radius:999px;padding:.45rem .8rem;background:var(--yellow);font-weight:900;box-shadow:5px 5px 0 var(--ink)}h1{font-size:clamp(3.2rem,9vw,7.4rem);line-height:.88;letter-spacing:-.075em;margin:.75rem 0}.lede{font-size:clamp(1.15rem,2vw,1.45rem);max-width:720px;color:#302b38}.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:4px solid var(--ink);padding:.9rem 1.25rem;border-radius:18px;background:#fff;color:var(--ink);font-weight:1000;text-decoration:none;box-shadow:7px 7px 0 var(--ink);transition:.15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--ink)}.btn.primary{background:var(--pink);color:#fff}.btn.dark{background:#111;color:#fff}.toon-card{border:5px solid var(--ink);background:#fff;border-radius:34px;padding:1rem;box-shadow:14px 14px 0 var(--ink);position:relative;overflow:hidden}.canvas{min-height:440px;border-radius:24px;background:linear-gradient(135deg,#fff,#c9f2ff);position:relative;border:3px dashed #111}.face{position:absolute;left:17%;top:20%;width:210px;height:210px;background:var(--yellow);border:7px solid #111;border-radius:50%;box-shadow:10px 12px 0 #111}.face:before,.face:after{content:"";position:absolute;background:#111;border-radius:50%;width:28px;height:36px;top:75px}.face:before{left:58px}.face:after{right:58px}.smile{position:absolute;left:62px;top:100px;width:82px;height:50px;border-bottom:8px solid #111;border-radius:50%}.toolbox{position:absolute;right:26px;bottom:30px;background:#fff;border:4px solid #111;border-radius:20px;padding:1rem;box-shadow:8px 8px 0 #111;font-weight:900}.swatches{display:flex;gap:.4rem;margin-top:.7rem}.swatches span{width:28px;height:28px;border:3px solid #111;border-radius:50%;display:block}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.card{background:var(--card);border:4px solid var(--ink);border-radius:26px;padding:1.25rem;box-shadow:7px 7px 0 var(--ink)}.card h3{margin-top:0;font-size:1.35rem}.section{padding:3rem 0}.section h2{font-size:clamp(2rem,5vw,4rem);line-height:.95;letter-spacing:-.06em;margin:0 0 1rem}.marquee{overflow:hidden;border-block:4px solid #111;background:#111;color:#fff;font-weight:1000;white-space:nowrap}.marquee div{display:inline-block;padding:.8rem 0;animation:roll 22s linear infinite}@keyframes roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.post-card a{color:var(--ink);text-decoration:none}.meta{color:var(--muted);font-size:.95rem;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.formbox{background:#111;color:#fff;border-radius:34px;border:5px solid #111;padding:1.25rem;box-shadow:12px 12px 0 var(--pink)}form{display:grid;gap:.85rem}label{font-weight:900}input,textarea,select{width:100%;font:inherit;border:3px solid #111;border-radius:14px;padding:.9rem;background:#fff;color:#111}textarea{min-height:130px}.legal{font-size:.9rem;color:#ddd}.footer{background:#111;color:#fff;padding:2rem 0;margin-top:3rem}.footer a{color:#ffe35b}.share{display:flex;gap:.7rem;flex-wrap:wrap}.mini{font-size:.92rem}.article{max-width:860px;margin:2rem auto;background:#fffdf3;border:4px solid #111;border-radius:28px;padding:clamp(1rem,4vw,2.5rem);box-shadow:10px 10px 0 #111}.article h1{font-size:clamp(2.4rem,7vw,4.8rem)}.article p{font-size:1.08rem}.notfound{text-align:center;padding:6rem 0}.character-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.char{height:120px;border:4px solid #111;border-radius:24px;background:var(--yellow);position:relative}.char:nth-child(2){background:var(--blue)}.char:nth-child(3){background:var(--pink)}.char:nth-child(4){background:var(--green)}.char:nth-child(5){background:var(--purple)}.char:before,.char:after{content:"";position:absolute;top:42px;width:14px;height:18px;background:#111;border-radius:50%}.char:before{left:35%}.char:after{right:35%}@media(max-width:800px){.hero,.split{grid-template-columns:1fr}.grid,.posts{grid-template-columns:1fr}.nav{align-items:flex-start;gap:.7rem;flex-direction:column}.nav a{margin:0 .7rem 0 0}.canvas{min-height:330px}.face{width:160px;height:160px}.character-strip{grid-template-columns:repeat(2,1fr)}h1{font-size:3.6rem}}