:root{color-scheme:light;--ink:#263a34;--paper:#f7f5ef;--green:#28634e;--line:#d6ddd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:720px;margin:auto;padding:24px 20px 110px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.brand{font-size:22px;letter-spacing:.12em;font-weight:800}.muted,small{color:#67756d}small{display:block}h1{font-size:34px;line-height:1.3}h2{font-size:22px}.hero{padding:20px 0}.card,.message,.panel,.recorder{border:1px solid var(--line);background:#fffdf8;border-radius:16px;padding:22px;margin:16px 0}.message{display:flex;align-items:center;gap:12px}.message>div{flex:1 1}button{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 16px;margin:5px 8px 5px 0;color:var(--ink);background:white;cursor:pointer}button.primary{color:white;background:var(--green);border-color:var(--green)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd8b38;outline-offset:3px}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:11px;background:white;color:var(--ink);margin:6px 0 16px}label{display:block;font-weight:600}audio{width:100%;margin:12px 0}.photo{max-height:320px;width:100%;object-fit:cover;border-radius:14px}.card{width:100%;text-align:left;display:block}.card img{width:70px;height:70px;object-fit:cover;float:right;border-radius:10px}.empty{padding:24px 0;color:#67756d}.error,[role=alert]{color:#922e22;overflow-wrap:anywhere}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffdf8;border-top:1px solid var(--line);display:flex;justify-content:center;padding:10px 10px max(12px,env(safe-area-inset-bottom));gap:24px}.bottom-nav button{border:0;margin:0}.bottom-nav [aria-current=page]{background:#e2eee4;color:var(--green)}@media(max-width:500px){h1{font-size:28px}.muted{font-size:12px}.message,.panel,.recorder{padding:16px}.message{flex-wrap:wrap}.bottom-nav{gap:12px}}.profile-image{display:block;max-width:180px;max-height:180px;object-fit:contain;border-radius:12px;margin:12px 0}.message-avatar{width:40px;height:40px;object-fit:cover;border-radius:50%}header{flex-wrap:wrap;gap:12px}.language-picker{font-size:14px}.language-picker select{width:auto;margin:4px 0}.site-links{max-width:720px;margin:0 auto 110px;padding:0 20px;display:flex;gap:20px;flex-wrap:wrap}.document-page{padding-bottom:30px}.document-page section{scroll-margin-top:20px;margin:32px 0}a{color:var(--green)}a:focus-visible{outline:3px solid #bd8b38;outline-offset:3px}