:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18382f;background:#f5f2e9}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 92% 4%,#e8dbc0 0,transparent 32%),#f5f2e9}.shell{max-width:690px;margin:auto;padding:24px 20px 60px}
header{display:flex;align-items:center;gap:11px;padding:4px 0 42px}.mark{width:43px;height:43px;border-radius:14px;background:#1e4539;color:#fff;display:grid;place-items:center;font:700 25px Georgia,serif;position:relative}.mark span{font:13px sans-serif;color:#e7bd69;position:absolute;right:5px;top:3px}header strong{font:600 22px Georgia,serif;display:block}header small{font-size:9px;font-weight:800;letter-spacing:2px;color:#6d837b}
.intro{position:relative;padding:29px 24px 34px;background:#e5bc6d;border-radius:31px 7px 31px 7px;overflow:hidden}.intro:after{content:"✦";position:absolute;right:-8px;top:-47px;font-size:190px;color:#d4a855;opacity:.65;pointer-events:none}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px}.intro h1{font:normal clamp(38px,8vw,57px) Georgia,serif;letter-spacing:-2px;margin:18px 0 10px;position:relative;z-index:1}.intro p{font-size:15px;line-height:1.55;max-width:420px;margin:0;position:relative;z-index:1}
.panel,.context,.timeline,.bubble,form{background:#fff;border:1px solid #e1dfd6}.panel{margin-top:19px;padding:24px;border-radius:18px}.panel h2{font:normal 27px Georgia,serif}.context{display:flex;align-items:center;gap:13px;margin-top:19px;padding:18px;border-radius:18px}.dot{height:36px;width:36px;border-radius:50%;background:#d9e9cc;position:relative}.dot:after{content:"";width:13px;height:13px;background:#2e7a58;border-radius:50%;position:absolute;top:11px;left:11px}.context small{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#668274}.context h2{font:normal 25px Georgia,serif;margin:3px 0}.context p{margin:0;color:#6c786f;font-size:12px}.timeline{min-height:160px;border-radius:18px;margin:12px 0;padding:18px;display:flex;flex-direction:column;gap:12px}.empty{line-height:1.5;color:#74837b}.bubble{padding:14px 16px;max-width:85%;border-radius:16px 16px 16px 4px}.bubble.guest{align-self:flex-end;background:#1e4539;color:#fff;border-color:#1e4539;border-radius:16px 16px 4px 16px}.bubble small{font-size:10px;opacity:.68}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:8px 0 0}
form{border-radius:18px;padding:20px;display:grid;gap:9px}label{font-size:12px;font-weight:700;margin-top:7px}select,textarea{font:inherit;color:inherit;width:100%;border:1px solid #cbd4cd;border-radius:12px;padding:12px;background:#f9faf6}textarea{resize:vertical;min-height:95px}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}button{border:0;border-radius:30px;padding:12px 17px;background:#1e4539;color:#fff;font-size:13px;font-weight:700;cursor:pointer}button.quiet{background:transparent;color:#1e4539;padding-left:0}button:disabled{opacity:.45;cursor:default}.fine,#notice,footer{font-size:12px;line-height:1.5;color:#65766d}.fine{padding:0 4px}#notice:not(:empty){padding:12px}footer{margin:28px 4px}footer span{padding:0 5px}[hidden]{display:none!important}
@media(max-width:460px){.shell{padding:18px 14px 45px}.intro{padding:23px 19px 28px}.bubble{max-width:93%}}