:root{font-family:system-ui,sans-serif;color:#1b1f24;background:#f6f7f9}body{margin:0}.app{max-width:56rem;margin:0 auto;padding:1rem 1.25rem 3rem}header.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #d8dce2;padding-bottom:.75rem}header.top h1{font-size:1.15rem;margin:0}.who{color:#4a5360;font-size:.9rem;display:flex;gap:.75rem;align-items:center}section{margin-top:1.5rem}section h2{font-size:1rem;margin:0 0 .5rem}ul.calls{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}ul.calls li{background:#fff;border:1px solid #d8dce2;border-radius:6px;padding:.6rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.meta{color:#4a5360;font-size:.85rem}.empty{color:#6b7480;font-size:.9rem}.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}button{font:inherit;padding:.35rem .8rem;border-radius:5px;border:1px solid #98a1ad;background:#fff;cursor:pointer}button.primary{background:#0b5fff;color:#fff;border-color:#0b5fff}button:disabled{opacity:.5;cursor:not-allowed}.hint{color:#8a5a00;font-size:.85rem}.error{color:#a40000;background:#fdecec;border:1px solid #f3b9b9;border-radius:6px;padding:.5rem .75rem;margin-top:1rem}.notice{background:#eaf3ff;border:1px solid #b9d4ff;border-radius:6px;padding:.5rem .75rem;margin-top:1rem}