:root{--paper: #eef2f4;--surface: #ffffff;--ink: #17232c;--muted: #586977;--line: #d3dce2;--accent: #0a5f70;--accent-ink: #ffffff;--accent-soft: #dcecef;--warn-bg: #fff4d6;--warn-ink: #6a4700;--bad-bg: #fde7e5;--bad: #a8231b;--good: #1c6b39;--good-bg: #e2f3e7;--demo-bg: #f4eefb;--demo-ink: #4b2f74;--font: "BIZ UDPGothic", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #10171c;--surface: #18222a;--ink: #e4ebf0;--muted: #93a4b1;--line: #2c3a45;--accent: #62b8ca;--accent-ink: #0a1a1f;--accent-soft: #173640;--warn-bg: #3a2e10;--warn-ink: #f1d48a;--bad-bg: #3d1a18;--bad: #ff9289;--good: #82d6a0;--good-bg: #16331f;--demo-bg: #2a2138;--demo-ink: #d9c6f5;color-scheme:dark}}:root[data-theme=dark]{--paper: #10171c;--surface: #18222a;--ink: #e4ebf0;--muted: #93a4b1;--line: #2c3a45;--accent: #62b8ca;--accent-ink: #0a1a1f;--accent-soft: #173640;--warn-bg: #3a2e10;--warn-ink: #f1d48a;--bad-bg: #3d1a18;--bad: #ff9289;--good: #82d6a0;--good-bg: #16331f;--demo-bg: #2a2138;--demo-ink: #d9c6f5;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7}a{color:var(--accent)}h1{font-size:1.5rem;line-height:1.3;margin:0;text-wrap:balance}h2{font-size:1.1rem;margin:0;text-wrap:balance}h3{font-size:.95rem;margin:0}p{margin:0}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:.85em}.muted{color:var(--muted)}.small{font-size:.85rem}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--surface);border-bottom:1px solid var(--line)}.bar .brand{font-weight:700}.bar nav{display:flex;flex-wrap:wrap;gap:4px 14px}.bar nav a{text-decoration:none;color:var(--ink);padding:2px 0;border-bottom:2px solid transparent}.bar nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.bar .ver{margin-left:auto;color:var(--muted);font-size:.8rem}.mockline{padding-block:6px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--demo-bg);color:var(--demo-ink);font-size:.85rem}main{max-width:1120px;margin:0 auto;padding-block:20px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:20px}.stack{display:grid;gap:12px;min-width:0}.row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}@media(max-width:820px){.split{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px;display:grid;gap:12px;min-width:0}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line)}.tabs a{padding:6px 12px;text-decoration:none;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}.tabs a[aria-current=page]{color:var(--ink);border-color:var(--accent);font-weight:700}button,.btn{font:inherit;padding:6px 14px;border-radius:4px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}button.big{padding:10px 22px;font-size:1.05rem}button.danger{color:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);max-width:100%}label.field{display:grid;gap:2px}label.field>span{font-size:.85rem;color:var(--muted)}.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:400;font-size:.8rem;letter-spacing:.04em;white-space:nowrap}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:0 8px;border-radius:999px;font-size:.8rem;white-space:nowrap;border:1px solid var(--line)}.pill.prep{color:var(--muted)}.pill.send{background:var(--accent-soft);color:var(--accent);border-color:transparent}.pill.live{background:var(--good-bg);color:var(--good);border-color:transparent;font-weight:700}.pill.done{color:var(--muted);border-style:dashed}.pill.bad{background:var(--bad-bg);color:var(--bad);border-color:transparent}.pill.good{background:var(--good-bg);color:var(--good);border-color:transparent}.note{padding:10px 12px;border-radius:4px;background:var(--warn-bg);color:var(--warn-ink)}.note.bad{background:var(--bad-bg);color:var(--bad)}.note.good{background:var(--good-bg);color:var(--good)}.error{color:var(--bad)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat{display:grid;gap:0}.stat b{font-size:1.6rem;font-variant-numeric:tabular-nums;line-height:1.2}.stat span{font-size:.8rem;color:var(--muted)}.meter{height:10px;background:var(--paper);border-radius:999px;overflow:hidden;display:flex}.meter i{display:block;height:100%}.meter .m-sent{background:var(--good)}.meter .m-fail{background:var(--bad)}.bars{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:8px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0;height:100%}.bars i{display:block;width:100%;max-width:36px;background:var(--accent);border-radius:2px 2px 0 0}.bars small{color:var(--muted);font-size:.75rem}.demo{background:var(--demo-bg);color:var(--demo-ink);border-radius:6px;padding:14px;display:grid;gap:8px}.demo h3{font-size:.85rem;letter-spacing:.06em}.demo button{background:transparent;border-color:currentColor;color:inherit;text-align:left}.login{max-width:360px;margin:10vh auto 0}.secret{font-family:var(--mono)}textarea{width:100%}@media(prefers-reduced-motion:no-preference){.meter i{transition:width .4s}}