:root{color-scheme:dark;font-family:Georgia,"Songti SC","Noto Serif CJK SC",serif;color:#d3ded3;background:#142c30}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 75% 15%,#254447,transparent 65%)}main{max-width:1000px;margin:auto;padding:60px 28px 36px}.brand{font:11px system-ui;letter-spacing:.4em;color:#aabdaf}h1{font-size:clamp(34px,6vw,52px);font-weight:400;letter-spacing:.2em;margin:15px 0}.poem{color:#aabdaf;letter-spacing:.13em;font-size:14px}section{max-width:420px;margin:58px auto 0}.eyebrow{font-size:12px;letter-spacing:.22em;color:#b6c7b7}h2{font-size:24px;font-weight:400}.intro,.footnote{font-size:13px;line-height:1.9;color:#aabbb3}nav{display:flex;gap:22px;border-bottom:1px solid #829b9240;margin:28px 0 22px}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}nav button{padding:10px 0;color:#a4b8b0}nav button[aria-pressed=true]{color:#e1e6d6;border-bottom:1px solid #c6d4c1}label{display:block;font-size:13px;margin:18px 0}input{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #81998e70;border-radius:4px;background:#14282b90;color:#e0e8dd;font:15px system-ui}input:focus{outline:2px solid #b8cdb5;outline-offset:2px}.hint{display:block;color:#a6b7ae;font-size:11px;margin-top:6px}.primary{width:100%;background:#c3d0bd;color:#183235;padding:13px;border-radius:4px;margin-top:6px}.text-button{font-size:12px;color:#b6c4b9;padding:16px 0}#status{font-size:13px;line-height:1.8;min-height:24px;color:#e4d2ac}.footnote{font-size:11px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}@media(max-width:600px){main{padding-top:32px}section{margin-top:34px}}

@media(min-width:800px){main{display:grid;grid-template-columns:minmax(220px,1fr) 420px;gap:70px;padding-top:56px}section{margin:0}.eyebrow{margin-top:0}h2{margin-top:18px}}