:root{--fg: #1c1917;--muted: #78716c;--border: #e7e5e4;--accent: #d4a400;--bad: #b91c1c;color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--fg);font:15px/1.5 system-ui,sans-serif}main{max-width:52rem;margin:3rem auto;padding:0 1rem}h1{font-size:1.2rem}h2{font-size:1rem;margin-top:2.5rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border)}form{display:grid;gap:.5rem;max-width:32rem}input,select,button{font:inherit;padding:.35rem .5rem}button{width:fit-content;cursor:pointer}.row{display:flex;gap:.75rem;align-items:baseline;justify-content:space-between}.note{color:var(--muted)}.error{color:var(--bad)}.drop{border:1px dashed var(--muted);border-radius:.5rem;padding:1.5rem;text-align:center;cursor:pointer}.drop[data-over=true]{border-style:solid;border-color:var(--accent)}.gate{max-width:22rem;margin:8rem auto;text-align:center}#click2call,#call{margin:.75rem 0}hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}