:root{--bg: #f1efeb;--card: #ffffff;--ink: #1b1a17;--muted: #6d685f;--faint: #8a847a;--dim: #b8b2a8;--line: #f0eeea;--edge: #e6e2db;--sunk: #f6f5f2;--accent: #4f5bd5;--accent-ink: #3a45b0;--accent-soft: #eef0fc;--good: #2f6b3f;--good-dot: #4d7c52;--good-soft: #f2f7f3;--good-edge: #dbe8de;--leak: #a8452e;--leak-ink: #6b3629;--leak-soft: #fbf4f2;--leak-edge: #f0dcd6;--radius: 16px;--radius-control: 10px;--float: 0 1px 2px rgba(27, 26, 23, .05), 0 10px 28px rgba(27, 26, 23, .06);--tap: 36px;--gap: 14px}@media(max-width:720px){:root{--tap: 44px;--gap: 10px}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Public Sans,system-ui,sans-serif;font-size:14px;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.n{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.cap{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);font-weight:600}.float{background:var(--card);border-radius:var(--radius);box-shadow:var(--float)}.layout{display:flex;min-height:100vh;padding:var(--gap);gap:var(--gap)}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:stretch}.split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--gap);align-items:start}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:1100px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.layout{flex-direction:column}.two,.split{grid-template-columns:1fr}}@media(max-width:560px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.three{grid-template-columns:1fr}}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);font-size:13px;padding:0 13px;background:var(--card);border:none;border-radius:var(--radius-control);box-shadow:0 1px 2px #1b1a170d;color:var(--muted);white-space:nowrap}.pill.on{color:var(--accent-ink);background:var(--accent-soft);box-shadow:none}.pill.flat{box-shadow:none;background:transparent}.pill:disabled{opacity:.5;cursor:default}.pill.danger{color:var(--leak)}.pill.danger:hover{background:var(--leak-soft)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--tap);font-size:13.5px;font-weight:600;padding:0 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-control);white-space:nowrap}.primary:disabled{opacity:.5;cursor:default}.primary.danger{background:var(--leak)}.field{width:100%;min-width:0;min-height:var(--tap);font-size:13.5px;padding:8px 12px;background:#f9f8f6;border:1px solid var(--edge);border-radius:var(--radius-control)}.field:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}@media(max-width:720px){.field{font-size:16px}}.cell-button{display:block;width:100%;min-height:var(--tap);padding:6px 8px;margin:-6px -8px;text-align:left;background:none;border:none;border-radius:var(--radius-control)}.cell-button:hover{background:var(--accent-soft)}.stack{display:flex;flex-direction:column;gap:6px}.check{display:flex;align-items:center;gap:10px;min-height:var(--tap);font-size:13.5px;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scroll{overflow-x:auto;margin:0 -2px;padding:0 2px}.scroll table{min-width:520px}.scroll.wide table{min-width:760px}table{width:100%;border-collapse:collapse}th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-weight:600;text-align:right;padding:0 0 12px;white-space:nowrap}th.l,td.l{text-align:left}th+th,td+td{padding-left:14px}td{font-size:13.5px;text-align:right;padding:12px 0;border-top:1px solid var(--line)}tr:first-child td{border-top:none}.note{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:var(--radius-control);font-size:12.5px}.note.leak{background:var(--leak-soft);border:1px solid var(--leak-edge);color:var(--leak-ink)}.note.good{background:var(--good-soft);border:1px solid var(--good-edge);color:#33503c}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:34px 20px;color:var(--muted)}.empty h3{margin:0;font-size:15px;font-weight:600;color:var(--ink)}.empty p{margin:0;max-width:380px;font-size:13px;line-height:1.5}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b1a1747;display:grid;place-items:center;padding:16px;z-index:20}.dialog{width:min(420px,100%);padding:22px;display:flex;flex-direction:column;gap:14px}.dialog h3{margin:0;font-size:16px;font-weight:700}.dialog p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:30}.toast{display:flex;align-items:center;gap:9px;padding:11px 15px;font-size:13px;border-radius:var(--radius-control);background:var(--ink);color:#fff;box-shadow:var(--float);animation:rise .16s ease-out}.toast.leak{background:var(--leak)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.loading{height:2px;border-radius:2px;background:var(--accent-soft);overflow:hidden}.loading:after{content:"";display:block;width:40%;height:100%;background:var(--accent);animation:slide 1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}