:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7f5;font-family:system-ui,Noto Sans HK,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.page{width:min(100% - 32px,640px);margin:0 auto;padding:48px 0 32px}.page-header{margin-bottom:28px}.eyebrow{color:#526b59;letter-spacing:.14em;margin:0 0 8px;font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(2rem,8vw,3rem)}.subtitle{color:#667085;margin-bottom:0}.panel,.message-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #1423190d}.panel{padding:22px}.panel h2,.board h2{margin-bottom:16px;font-size:1.15rem}label{margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:120px;font:inherit;border:1px solid #d0d5dd;border-radius:10px;padding:12px;line-height:1.5}textarea:focus{border-color:#526b59;outline:3px solid #526b5924}.form-footer,.board-heading{justify-content:space-between;align-items:center;display:flex}.form-footer{color:#667085;margin-top:12px;font-size:.85rem}button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#345b42;border:0;border-radius:10px;padding:0 18px;font-weight:650}button:disabled{cursor:not-allowed;background:#c6cec8}.board{margin-top:32px}.board-heading{justify-content:flex-start;gap:10px}.message-count{color:#345b42;background:#eaf0eb;border-radius:999px;place-items:center;min-width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid}.empty-state{color:#667085}.message-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.message-card{padding:16px}.message-card p{overflow-wrap:anywhere;margin-bottom:12px;line-height:1.55}.message-card time{color:#667085;font-size:.8rem}.page-footer{color:#667085;text-align:center;margin-top:32px;font-size:.8rem}@media (width<=480px){.page{padding-top:32px}.panel{padding:18px}}.key-input{width:100%;min-height:44px;font:inherit;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px}.key-input:focus{border-color:#526b59;outline:3px solid #526b5924}.field-hint{color:#667085;margin:8px 0 20px;font-size:.8rem;line-height:1.5}.board-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.board-toolbar h2{margin-bottom:0}.refresh-button{white-space:nowrap;padding:0 12px;font-size:.85rem}.status-error,.status-success{margin:16px 0 0;font-size:.9rem;line-height:1.5}.status-error{color:#b42318}.status-success{color:#267044}.message-card p{white-space:pre-wrap}