:root{font-family:system-ui,sans-serif;color:#29455d;background:#f5faff;font-size:18px;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:20px}header{display:flex;align-items:center;gap:24px}h1{font-size:1.9rem}h2{font-size:1.3rem}a{color:#245d83;text-underline-offset:4px;display:inline-block;padding:10px 0;overflow-wrap:anywhere}label{display:block;margin:22px 0 8px;font-weight:600}select,textarea,button{font:inherit;max-width:100%;min-height:48px;border:1px solid #c8d8e3;border-radius:12px;padding:12px;color:inherit;background:white}select,textarea{width:100%}textarea{resize:vertical}button{cursor:pointer;margin:12px 8px 8px 0;background:#def3e9}button:disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2675a3;outline-offset:3px}section{background:white;border:1px solid #e1eaf0;border-radius:20px;padding:20px;margin:20px 0;min-width:0}p,h2{overflow-wrap:anywhere}.writing{white-space:pre-wrap}#sent-list a{display:block;border-bottom:1px solid #e1eaf0}[hidden]{display:none!important}@media(max-width:380px){main{padding:12px}section{padding:14px}header{gap:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}