*,:before,:after{box-sizing:border-box}:root{--ink:#151922;--accent:#ee4b2b}html{min-width:0}body{min-height:100svh;color:var(--ink);background:#fff;margin:0;font-family:Open Sans,sans-serif;line-height:1.6}h1,.wordmark{font-family:Oswald,sans-serif;font-weight:500;line-height:1.15}h1{overflow-wrap:anywhere;margin:0 0 32px;font-size:clamp(36px,4vw,52px)}.container{width:min(1200px,100%);min-width:0;margin-inline:auto}.site-header{padding:calc(20px + env(safe-area-inset-top,0px)) max(32px, env(safe-area-inset-right,0px)) 20px max(32px, env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{min-height:44px;color:inherit;white-space:nowrap;align-items:center;font-size:30px;text-decoration:none;display:inline-flex}.wordmark-icon{flex:none;margin-right:10px}.wordmark-lettering>span{color:var(--accent)}.illustration{justify-content:center;align-items:center;min-width:0;display:flex}.illustration img{width:100%;height:auto;display:block}.home-layout{padding:48px 48px max(48px, env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.home-layout .illustration{width:100%;max-width:560px}.home-contents{min-width:0}.collection-intro{color:#b9b9bf;max-width:48ch;margin:0 0 24px;font-size:15px;line-height:1.7}.profile-links{flex-wrap:wrap;gap:4px 20px;margin-top:24px;display:flex}.profile-links a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.dark .profile-links a{color:#b9b9bf;text-underline-offset:4px;text-decoration:underline}.dark .profile-links a:hover{color:var(--accent)}.home-contents h1{margin-bottom:16px}.poems-list{margin:0;padding:0;list-style:none}.poems-list a{overflow-wrap:anywhere;border-bottom:1px solid #ffffff20;grid-template-columns:28px minmax(0,1fr) 20px;align-items:baseline;gap:16px;min-height:44px;padding:10px 0;font-size:18px;display:grid}.poem-number{color:#9d9da6;font-variant-numeric:tabular-nums;font-size:12px}.list-arrow{color:#9d9da6}.poems-list a:hover,.dark .poems-list a:hover{color:var(--accent)}.poem-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:56px;padding:56px 48px 64px;display:grid}.poem-layout .illustration{margin-top:32px}.poem-container{min-width:0}.poem-content{width:100%}.poem{overflow-wrap:anywhere;font-size:18px;line-height:1.8}.poem p{margin:0}.poem p+p{margin-top:1.5em}.menu{width:min(1104px,100% - 96px);padding:32px 0 max(48px, env(safe-area-inset-bottom,0px));border-top:1px solid #15192226;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:32px;margin:0 auto;display:grid}.menu a{min-width:44px;min-height:44px;color:inherit;overflow-wrap:anywhere;flex-direction:column;justify-content:center;text-decoration:none;display:flex}.menu a:hover{color:var(--accent)}.nav-label{color:#666;margin-bottom:4px;font-size:12px}#home{text-underline-offset:4px;font-size:14px;text-decoration:underline}#next{text-align:right}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.error-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:100svh;padding:20px;display:grid}.error-message{min-width:0;padding:24px}@media (width<960px){.home-layout{gap:32px;padding:32px 32px 48px}.poem-layout{gap:32px;padding:40px 32px 48px}.poem{font-size:17px}.menu{width:calc(100% - 64px)}}@media (width<760px){.site-header{padding-inline:max(20px, env(safe-area-inset-left,0px))}.wordmark{font-size:26px}.home-layout{grid-template-columns:minmax(0,1fr);gap:32px;width:min(520px,100%);padding:16px 24px 32px}.home-layout .illustration{width:min(280px,70%);margin-inline:auto}.poem-layout{flex-direction:column;gap:24px;width:min(600px,100%);padding:24px 24px 48px;display:flex}.poem-container,.poem-content{display:contents}.poem-content h1{order:-1;margin:0}.poem-layout .illustration{width:min(240px,65%);margin:0 auto 8px}.poem{width:100%;font-size:17px}.menu{grid-template-columns:minmax(0,1fr);gap:16px;width:min(552px,100% - 48px)}.nav-placeholder{display:none}#home{order:1}#next{text-align:left}.error-layout{grid-template-columns:minmax(0,1fr)}.error-layout .illustration{width:min(320px,100%);margin-inline:auto}}@media (width<360px){.site-header{gap:8px;padding-inline:16px}.wordmark{font-size:22px}.wordmark-icon{margin-right:8px}}body.dark{color:#fff;background-color:#151419}.dark a{color:#fff;text-decoration:none}