@font-face{font-family:"TikTok Sans";src:url(assets/TikTokSans.ttf);font-weight:300 900;font-display:swap}
:root{--peach:#FFDCCC;--pink:#E4286D;--ink:#292933;--cream:#FFF8F1}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:"TikTok Sans",system-ui,sans-serif;background:var(--ink);color:var(--cream);line-height:1.6}
a{color:var(--peach)}
.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px 24px;background:radial-gradient(120% 70% at 50% 0%,rgba(255,220,204,.22),transparent 60%),var(--ink)}
.card{width:100%;max-width:420px;text-align:center}
.avatar{width:132px;height:132px;border-radius:50%;border:4px solid var(--peach);box-shadow:0 0 0 4px var(--ink),0 0 0 6px var(--pink),0 18px 40px rgba(0,0,0,.35)}
.wordmark{display:block;width:240px;max-width:70%;margin:22px auto 10px;height:auto}
.tag{margin:0 0 30px;font-weight:700;font-size:1.1rem;color:var(--peach)}
.btns{display:grid;gap:14px}
.btn{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:18px;background:var(--peach);color:var(--ink);text-decoration:none;font-weight:800;font-size:1.25rem;box-shadow:0 5px 0 var(--pink);transition:transform .12s,box-shadow .12s}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 7px 0 var(--pink)}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--pink)}
.btn small{font-weight:700;font-size:.9rem;opacity:.7}
footer{margin-top:40px;font-size:.85rem;opacity:.8}
footer a{margin:0 8px}
.doc{background:var(--cream);color:var(--ink);min-height:100vh}
.doc main{max-width:720px;margin:0 auto;padding:32px 20px 48px}
.doc a{color:var(--pink)}
.doc header img{width:150px;height:auto}
.doc h1{font-size:2rem;font-weight:850;margin:.6em 0 .2em}
.doc h2{font-size:1.25rem;font-weight:800;margin:1.8em 0 .3em}
.doc p,.doc li{font-size:1.02rem}
.doc .meta{opacity:.7}
.doc footer{margin-top:40px;opacity:1;border-top:2px solid var(--peach);padding-top:16px}