:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#263d36;background:#f3f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:900px;padding:48px 24px;margin:auto}.brand{letter-spacing:.16em;font-size:12px;color:#61796a}h1{font-size:36px;margin:12px 0}header p,.privacy{color:#62716b;line-height:1.7}form,.card{background:#fff;border:1px solid #dce5da;border-radius:16px;padding:28px;margin:24px 0}form{max-width:420px}label{display:block;margin:18px 0}input{display:block;width:100%;font:inherit;padding:12px;margin-top:6px;border:1px solid #afbdb0;border-radius:8px}button{font:inherit;font-weight:600;background:#365e49;color:#fff;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button.quiet{background:#e3ebe0;color:#263d36}.toolbar,.heading,.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.toolbar{margin-top:28px;padding:16px;background:#e7eee2;border-radius:12px}#connection{flex:1;font-weight:600}.offline #connection,#message,#login-error{color:#a23326}#sound-status,.heading>span{font-size:13px;color:#62716b}.card h3{margin:0}.badge{background:#f6ecd6;color:#705119;border-radius:20px;padding:5px 12px;font-size:12px}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.details dt{font-size:12px;color:#61796a}.details dd{margin:4px 0;overflow-wrap:anywhere}.card time{font-size:12px;color:#62716b}.empty{padding:40px;text-align:center;border:1px dashed #b8c9ba;border-radius:16px;color:#61796a}.privacy{font-size:12px}#message:empty,#login-error:empty{display:none}[hidden]{display:none!important}@media(max-width:520px){main{padding:24px 16px}h1{font-size:28px}.card{padding:20px}.details{grid-template-columns:1fr}}