:root{--bg:#f4f4f5;--surface:#ffffff;--border:#e4e4e7;--line:#f1f1f3;--text:#18181b;--muted:#71717a;--subtle:#a1a1aa;--indigo:#4f46e5;--indigo-bg:#eef2ff;--indigo-border:#c7d2fe;--green:#15803d;--green-bg:#dcfce7;--green-border:#bbf7d0;--red:#b91c1c;--red-bg:#fee2e2;--amber:#92400e;--amber-bg:#fef3c7;--amber-border:#fde68a;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input{font:inherit}.header{justify-content:space-between;height:60px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line)}.brand,.header{display:flex;align-items:center}.brand{gap:8px;font-size:15px}.brand b{font-weight:600}.brand span{color:var(--muted)}.brand .sep{color:var(--subtle)}.nav{display:flex;gap:4px}.nav a{padding:5px 10px;border-radius:7px;font-size:12px;color:var(--muted)}.nav a.on{background:var(--indigo-bg);color:var(--indigo);font-weight:600}.page{padding:24px;flex-direction:column;gap:18px}.page,.row{display:flex}.row{align-items:center;gap:10px}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1 1;min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px}.label{font-size:11px;font-weight:600;color:var(--subtle);letter-spacing:.02em}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.small{font-size:11px}.h1{font-size:26px}.h1,.h2{font-weight:600}.h2{font-size:20px}.pill,.strong{font-weight:600}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;background:var(--bg);color:var(--muted);white-space:nowrap}.pill.indigo{background:var(--indigo-bg);color:var(--indigo)}.pill.green{background:var(--green-bg);color:var(--green)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.red{background:var(--red-bg);color:var(--red)}.kbd{padding:3px 7px;border-radius:5px;background:var(--bg);color:var(--muted);font-size:11px}.btn,.kbd{display:inline-flex;font-weight:600}.btn{align-items:center;gap:8px;padding:9px 13px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px}.btn:hover:not(:disabled){border-color:var(--subtle)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--indigo);border-color:var(--indigo);color:#fff}.btn.primary .kbd{background:#fff;color:var(--indigo)}.btn.danger{color:var(--red)}.input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.input:focus{outline:none;border-color:var(--indigo-border)}.input:disabled{background:var(--bg);color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field>.row{gap:8px}.field label{font-size:12px;font-weight:600;color:var(--muted)}.bar{height:8px;background:#ececee;overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%;background:var(--indigo)}.bar>i.done{background:var(--green)}.note{border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.note.amber{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber)}.note.green{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;font-weight:600;color:var(--subtle);padding:0 12px 8px;letter-spacing:.02em}td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:middle}tr.on td{background:var(--indigo-bg)}tr.clickable:hover td{background:var(--bg)}.hint{display:flex;align-items:center;gap:8px;font-size:12px}.empty,.hint{color:var(--muted)}.empty{padding:48px;text-align:center}.err{color:var(--red);font-size:12px}.rail-panel{width:260px;position:-webkit-sticky;position:sticky;top:24px;max-height:calc(100vh - 108px);display:flex;flex-direction:column;gap:10px}.rail-panel>.input,.rail-panel>.row,.rail-panel>.small{flex:none}.rail-list{flex-direction:column;overflow-y:auto;overscroll-behavior:contain;flex:1 1;min-height:0;margin:0 -6px;padding:0 6px}.rail,.rail-list{display:flex;gap:2px}.rail{flex-direction:column;align-items:flex-start;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;color:inherit}.rail:hover{background:var(--bg)}.rail[data-on=true]{background:var(--indigo-bg);border-color:var(--indigo-border)}.rail[data-on=true] .strong{color:var(--indigo)}