:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#18312f;background:#f3f5f1;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#142b2a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px max(20px,calc((100vw - 920px)/2))}h1{font-size:24px;margin:4px 0}h2{font-size:24px;line-height:1.25;margin:0 0 16px}.brand,.eyebrow{font-size:11px;letter-spacing:.13em;color:#b4d7c9}.eyebrow{color:#3a7463;margin-bottom:16px}main{max-width:960px;margin:auto;padding:24px 20px}button,input,textarea{font:inherit}button{border:0;border-radius:12px;background:#216752;color:white;padding:12px 18px;cursor:pointer;min-height:46px}button:disabled{opacity:.55;cursor:wait}.quiet{background:transparent;color:inherit;border:1px solid #71928a}#login{max-width:460px;margin:30px auto;background:#fff;padding:28px;border:1px solid #dfe6dd;border-radius:22px}form label{display:block;font-weight:600;margin:16px 0}input,textarea{display:block;border:1px solid #bdcbc4;border-radius:12px;padding:12px;width:100%;background:#fff;color:#18312f;outline-offset:3px}#login button{width:100%}nav{display:flex;gap:6px;border-bottom:1px solid #d8e0d7;margin:20px 0 24px;padding-bottom:12px}nav button{background:transparent;color:#48625c;padding:10px 14px;font-size:14px;flex:1;white-space:normal}nav .selected{background:#dceade;color:#194d3c;font-weight:700}.overview{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.safety{color:#52645d}#welcome{padding:20px 0}p{margin:10px 0}.hint{font-size:13px;color:#61746a}.bubble{padding:18px;border-radius:18px;margin:16px 0;background:#fff;border:1px solid #dfe6dd;overflow-wrap:anywhere}.bubble.owner{background:#e2ede4;margin-left:12%;border:0}.bubble .role{font-size:12px;font-weight:700;color:#527066;margin-bottom:8px}.bubble pre{font:inherit;white-space:pre-wrap;margin:0}.badge{display:inline-block;background:#edf0e9;color:#405e50;border-radius:6px;padding:3px 7px;font-size:12px;margin:8px 0}.receipt{background:#f1f6ee;padding:12px;border-left:3px solid #54885a;margin-top:10px;font-size:14px}details{margin:10px 0}summary{cursor:pointer;font-size:13px;color:#436554}details pre{font:12px/1.5 ui-monospace,monospace!important;white-space:pre-wrap;overflow-wrap:anywhere}.card{background:#fff;border:1px solid #dfe6dd;border-radius:16px;padding:18px;margin:16px 0}.card h3{font-size:17px;margin:0 0 10px}#message-form{position:sticky;bottom:0;background:#f3f5f1;padding:14px 0 max(12px,env(safe-area-inset-bottom))}.composer-footer{display:flex;align-items:center;gap:16px;margin-top:10px}.composer-footer span{font-size:12px;color:#61746a;flex:1}#error{background:#fff0e9;border:1px solid #e4b197;color:#853c27;padding:14px;border-radius:12px}#progress{display:flex;align-items:center;gap:12px;padding:18px;border-radius:12px;background:#e3eee5}.spinner{width:20px;height:20px;border:2px solid #b6cfbd;border-top-color:#216752;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;color:#7a8d81;font-size:12px;padding:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d19b41;outline-offset:3px}@media(max-width:480px){header{padding:16px}h1{font-size:22px}main{padding:16px}#login{padding:22px;margin:16px 0}nav{gap:0}nav button{padding:10px 6px;font-size:13px}.composer-footer span{max-width:60%}.bubble.owner{margin-left:7%}h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}