:root{--color-text: #4a3f35;--color-greeting: #927b5d;--color-bg: #f7f3ed;--font-serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:17px}body{font-family:var(--font-serif);font-weight:400;line-height:1.8;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20vh 2rem 3rem}main{max-width:720px}.greeting{font-style:italic;color:var(--color-greeting);letter-spacing:.04em;margin-bottom:1rem;font-size:.9rem}.construction-icon{font-size:3rem;text-align:center;margin-bottom:1.5rem}.wip{font-style:italic;color:var(--color-greeting);margin-top:1.5rem}h1{font-size:2rem;font-weight:400;margin-bottom:1.5rem;letter-spacing:.01em;border-bottom:1px solid #d4c9ba;padding-bottom:1.25rem}.name{position:relative;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--color-greeting);text-underline-offset:4px;cursor:help}.name:after{content:attr(data-pronunciation);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:var(--color-text);color:var(--color-bg);font-size:.85rem;font-style:italic;white-space:nowrap;border-radius:3px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;margin-bottom:.5rem}.name:hover:after{opacity:1;visibility:visible}p{margin-bottom:1.25rem}p:last-child{margin-bottom:0}.colophon{margin-top:2rem;text-align:center}.hint{position:relative;color:var(--color-greeting);cursor:help;font-size:1.5rem;text-shadow:0 0 4px var(--color-greeting);opacity:.6;transition:opacity .5s ease}.hint:hover{opacity:1}.hint:after{content:attr(data-note);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:var(--color-text);color:var(--color-bg);font-size:.9rem;font-style:italic;line-height:1.5;width:380px;white-space:pre-line;text-align:center;border-radius:8px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;margin-bottom:.5rem}.hint:hover:after{opacity:1;visibility:visible}@media(max-width:600px){html{font-size:16px}#app{padding:3rem 1.5rem}h1{font-size:1.75rem;margin-bottom:1.75rem;padding-bottom:1.25rem}}