:root{font-family:system-ui,sans-serif;color:#173d2e;background:#f4f7f4;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:16px}h1{font-size:1.5rem}button,input,textarea,select{font:inherit}button{min-height:44px;padding:10px 14px;border:1px solid #7c9b8b;border-radius:10px;background:#fff;color:#173d2e;cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff8a3d;outline-offset:2px}.app-header{background:#173d2e;color:white;padding:18px}.app-header small{display:block}.local-only{background:#fff0d5;color:#633b00;padding:10px;border:1px solid #b58434;border-radius:8px}.inbox-panel{background:white;border:1px solid #c7d8cd;border-radius:16px;padding:16px;margin:16px 0}.inbox-panel header{display:flex;justify-content:space-between;gap:12px;align-items:center}.inbox-panel h2{font-size:1.1rem;overflow-wrap:anywhere}.inbox-status{padding:10px;background:#e9f5ed;border-radius:10px}.inbox-timeline{font-size:.85rem;max-height:130px;overflow:auto}.inbox-tools{display:flex;gap:8px;flex-wrap:wrap}.inbox-messages{list-style:none;padding:0;max-height:45vh;overflow:auto}.message{background:#f2f5f2;border-radius:12px;padding:12px;margin:10px 20px 10px 0;overflow-wrap:anywhere}.message.mine{margin-left:20px;margin-right:0;background:#e4f3e9}.message p{white-space:pre-wrap;margin:6px 0}.message time,.inbox-pending small{font-size:.75rem;color:#476050}.inbox-pending-row{border:1px dashed #b58434;background:#fff7e8;border-radius:10px;padding:10px;margin:8px 0;overflow-wrap:anywhere}.inbox-pending-row button{margin:8px 8px 0 0}.inbox-panel form{display:grid;gap:10px}.inbox-panel textarea{width:100%;border:1px solid #7c9b8b;border-radius:10px;padding:12px;resize:vertical}.inbox-panel form button{background:#176a46;color:white;font-weight:700}.inbox-panel form small{color:#476050}.thread-button{display:block;width:100%;text-align:left;margin:10px 0}.thread-button strong,.thread-button small{display:block}.role-warning{padding:18px;background:#fff0d5;border-radius:12px}.login-form{display:grid;gap:10px}.login-form input{padding:12px;border:1px solid #7c9b8b;border-radius:8px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}