:root{--accent:#FF8C00;--fg:#1d1d1f;--bg:#fff;--muted:#6e6e73;--err:#c62828}
@media (prefers-color-scheme:dark){:root{--fg:#f5f5f7;--bg:#000;--muted:#a1a1a6;--err:#ff6b6b}}
body{margin:0;padding:16px max(16px,env(safe-area-inset-right)) 32px max(16px,env(safe-area-inset-left));
  font:16px -apple-system,BlinkMacSystemFont,sans-serif;color:var(--fg);background:var(--bg)}
input,textarea,button{font:inherit;box-sizing:border-box;width:100%;margin:6px 0;padding:10px;border-radius:8px;border:1px solid #ccc}
button{background:#f2f2f7;color:var(--fg);border:none}
button.primary{background:var(--accent);color:#fff}
nav{display:flex;gap:8px}nav .tab{flex:1}nav .tab.active{background:var(--accent);color:#fff}
#entries td{padding:2px}#entries input{margin:0}
.table-wrap{overflow-x:auto}table.result{border-collapse:collapse;font-size:14px}
table.result th,table.result td{border:1px solid #999;padding:4px 6px;white-space:nowrap}
#error{color:var(--err);white-space:pre-wrap}
#mail-copy{position:fixed;left:-9999px;top:0}