:root{--cream:#F6EEDC;--ink:#2B2622;--blue:#2E4A7D;--mustard:#E0A93B;--red:#C8483A;--sage:#9DB59A;color-scheme:light}
*{box-sizing:border-box;margin:0}
html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{min-height:100vh;background:var(--cream);color:var(--ink);font-family:"Andika","Verdana","Segoe UI",system-ui,sans-serif;line-height:1.5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}
main{max-width:34rem}
.dots{display:flex;gap:.6rem;justify-content:center;margin-bottom:2.5rem}
.dots span{width:.9rem;height:.9rem;border-radius:50%}
.dots span:nth-child(1){background:var(--red)}.dots span:nth-child(2){background:var(--mustard)}.dots span:nth-child(3){background:var(--sage)}.dots span:nth-child(4){background:var(--blue)}
.name{font-size:clamp(2.6rem,9vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.01em}
.pl{color:var(--ink)}.en{color:var(--blue)}
.tag{margin-top:1rem;font-size:1.15rem}
.tag .en{display:block}
.book{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--mustard)}
.book h2{font-size:1.6rem;line-height:1.25}
.book h2 .en{display:block;font-size:1.2rem;font-weight:400}
.soon{margin-top:1rem}
.soon .en{display:block}
footer{margin-top:4rem;font-size:.85rem;opacity:.7}