:root{font-family:system-ui,-apple-system,sans-serif;color:#27352f;background:#f4f5f0}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:28px max(24px,calc((100vw - 1200px)/2));background:#173f31;color:white;gap:24px}header small{letter-spacing:.14em;color:#b9d4bc}h1{font-size:27px;margin:8px 0 0}nav{display:flex;gap:18px;align-items:center}nav a{color:white;font-size:14px}main{max-width:1248px;margin:30px auto;padding:0 24px}form{max-width:400px;margin:70px auto;background:white;padding:28px;border-radius:12px}label{display:flex;flex-direction:column;gap:8px;font-size:14px}input{padding:11px 12px;border:1px solid #bdc9c0;border-radius:6px;font:inherit;background:white;color:inherit}button{cursor:pointer;padding:11px 18px;border:1px solid #bdc9c0;border-radius:6px;background:white;color:#173f31;font:inherit}button:hover{background:#e8efe8}form button,.selected{background:#173f31;color:white;margin-top:18px}.toolbar{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:24px}.toolbar button{margin:0}#sync,.hint{font-size:13px;color:#607567}#message{color:#a13c21;white-space:pre-line}#summary{margin-bottom:18px;font-weight:600}.card{display:grid;grid-template-columns:90px 1fr 150px 150px;gap:20px;background:white;border:1px solid #e0e6dc;border-radius:10px;padding:20px;margin-bottom:12px;align-items:start}.card strong{font-size:20px}.muted{color:#64756a;font-size:14px;line-height:1.7}.tag{display:inline-block;padding:5px 9px;border-radius:5px;background:#e6efe4;font-size:13px;margin:3px 4px 3px 0}.notes{white-space:pre-wrap;grid-column:2/-1;font-size:14px}.call{display:flex;justify-content:space-between;gap:16px;align-items:center;background:white;padding:18px;margin-bottom:10px;border-radius:8px}article{padding:24px;background:white;border:1px solid #ccd8cc;border-radius:10px}article p{white-space:pre-wrap;line-height:1.7}audio{width:100%;margin:12px 0}.empty{padding:60px 20px;text-align:center;background:white;border-radius:12px;color:#6a786d}@media(max-width:650px){header{align-items:start;padding:24px;flex-direction:column}main{margin-top:20px;padding:0 14px}nav{flex-wrap:wrap}.card{grid-template-columns:70px 1fr;gap:12px}.notes{grid-column:1/-1}.toolbar{gap:10px}.call{align-items:start;flex-direction:column}}