:root{--paper:#F3F4EF;--card:#FBFBF7;--rule:#DDE1D6;--rule2:#C9CFBF;--ink:#16181A;--ink2:#5C636B;--ink3:#8A9099;--chrome:#20252A;--chrome2:#2C333A;--chromeInk:#C9D1D3;--cinnabar:#B32B1F;--amber:#916A15;--seal:#1E6157;--blue:#2B4C7E;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.app{display:grid;grid-template-columns:196px 1fr;height:100vh;overflow:hidden}.rail{background:var(--chrome);color:var(--chromeInk);display:flex;flex-direction:column;overflow-y:auto}.brand{padding:16px 16px 12px;border-bottom:1px solid #333b42}.brand b{display:block;color:#fff;font-size:15px;letter-spacing:.04em}.brand span{font-size:11px;color:#8D969C}.brand span,.railgrp{font-family:var(--mono)}.railgrp{padding:12px 0 4px 16px;font-size:10.5px;color:#79828A;letter-spacing:.16em}.nav{display:block;width:100%;text-align:left;background:none;border:0;color:#C9D1D3;padding:7px 16px;font-size:13.5px;border-left:3px solid transparent}.nav:hover{background:#282E34;color:#fff}.nav.on{background:#171B1F;color:#fff;border-left-color:var(--cinnabar)}.nav .badge{float:right;font-family:var(--mono);font-size:11px;color:#fff;background:var(--cinnabar);border-radius:2px;padding:0 5px}.nav .badge.warn{background:var(--amber)}.main{flex-direction:column;overflow:hidden}.main,.top{display:flex}.top{align-items:center;gap:14px;padding:9px 20px;background:var(--card);border-bottom:1px solid var(--rule2);flex-wrap:wrap}.top label{font-size:11px;color:var(--ink3);font-family:var(--mono);margin-right:4px}select{font:inherit;font-size:13px;padding:3px 6px;background:#fff;color:var(--ink)}.modes,select{border:1px solid var(--rule2);border-radius:2px}.modes{display:flex;overflow:hidden}.modes button{background:#fff;border:0;padding:4px 11px;font-size:12.5px;color:var(--ink2);border-right:1px solid var(--rule)}.modes button:last-child{border-right:0}.modes button.on{background:var(--chrome);color:#fff}.who{margin-left:auto;font-size:12px;color:var(--ink2);font-family:var(--mono)}.body{flex:1 1;overflow-y:auto;padding:22px 26px 60px}h1{font-size:21px;margin:0 0 2px;letter-spacing:-.01em}.sub{color:var(--ink2);margin:0 0 18px;font-size:13px;max-width:70ch}h2{font-size:14px;margin:26px 0 8px;padding-bottom:5px;border-bottom:1px solid var(--rule2)}.learn{background:#EEF2E9;border-left:3px solid var(--seal);padding:9px 12px;margin:0 0 16px;font-size:13px;max-width:80ch;color:#2A3A34}.learn b{color:var(--seal)}table{width:100%;border-collapse:collapse;background:var(--card);font-size:13px}th{text-align:left;font-weight:600;font-size:11px;letter-spacing:.05em;color:var(--ink2);border-bottom:1.5px solid var(--rule2);background:#EDEFE7;white-space:nowrap}td,th{padding:6px 10px}td{border-bottom:1px solid var(--rule)}tr:nth-child(2n) td{background:#F7F8F3}tr.click:hover td{background:#E9EEE2;cursor:pointer}.num{text-align:right;font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.neg{color:var(--cinnabar)}.mut{color:var(--ink3)}.tag{display:inline-block;font-size:10.5px;font-family:var(--mono);padding:1px 5px;border-radius:2px;border:1px solid}.t-block{color:var(--cinnabar);border-color:#E0B5B0;background:#FBEFED}.t-review{color:var(--amber);border-color:#E3D4A8;background:#FBF6E8}.t-ok{color:var(--seal);border-color:#B4CFC6;background:#EDF4F0}.t-flat{color:var(--ink2);border-color:var(--rule2);background:#F0F1EC}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1px;gap:1px;background:var(--rule2);border:1px solid var(--rule2)}.cell{background:var(--card);padding:11px 13px}.cell .k{font-size:11px;color:var(--ink2)}.cell .v{font-family:var(--mono);font-size:22px;line-height:1.25;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cell .v.alert{color:var(--cinnabar)}.cell .n{font-size:11px;color:var(--ink3)}.btn{background:var(--chrome);color:#fff;border:0;padding:6px 14px;border-radius:2px;font-size:13px}.btn:hover{background:#333B42}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--rule2)}.btn.ghost:hover{background:#EDEFE7}.btn.red{background:var(--cinnabar)}.btn:disabled{opacity:.4;cursor:not-allowed}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.deny{background:#FBEFED;border-left:3px solid var(--cinnabar);color:#7A241B}.deny,.ok{padding:8px 12px;font-size:13px;margin:10px 0}.ok{background:#EDF4F0;border-left:3px solid var(--seal);color:#1E4A42}.route{border:1px solid var(--rule2);background:var(--card)}.step{display:flex;gap:12px;padding:9px 13px;border-bottom:1px solid var(--rule);align-items:baseline}.step:last-child{border-bottom:0}.step .seq{color:var(--ink3);width:18px}.step .role,.step .seq{font-family:var(--mono)}.step .role{width:110px;font-size:12px}.step.now{background:#EDF1E6;box-shadow:inset 3px 0 0 var(--chrome)}.step .note{color:var(--ink2);font-size:12px}.chop{display:inline-block;color:var(--cinnabar);border:1.5px solid var(--cinnabar);border-radius:3px;padding:0 5px;font-size:11px;font-family:var(--mono);transform:rotate(-6deg)}@keyframes stamp{0%{transform:rotate(-6deg) scale(2.4);opacity:0}60%{transform:rotate(-6deg) scale(.94);opacity:1}to{transform:rotate(-6deg) scale(1)}}.chop.new{animation:stamp .28s ease-out}@media (prefers-reduced-motion:reduce){.chop.new{animation:none}}.drawer{position:fixed;top:0;right:0;width:min(430px,94vw);height:100%;background:var(--card);border-left:1px solid var(--rule2);box-shadow:-8px 0 24px rgba(20,24,20,.1);transform:translateX(102%);transition:transform .18s ease-out;display:flex;flex-direction:column;z-index:40}.drawer.open{transform:none}.dhead{padding:12px 16px;border-bottom:1px solid var(--rule2);display:flex;align-items:center;gap:10px}.dhead b{font-size:14px}.dhead button{margin-left:auto;background:none;border:0;font-size:18px;color:var(--ink2)}.dbody{overflow-y:auto;padding:14px 16px;font-size:13px}.tree{font-family:var(--mono);font-size:12.5px}.tnode{padding:3px 0;border-bottom:1px dotted var(--rule)}.tnode .lbl{display:inline-block}.tnode .val{float:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tnode .f{display:block;color:var(--ink3);font-size:11px}.kv{display:grid;grid-template-columns:106px 1fr;grid-gap:2px 10px;gap:2px 10px;font-size:12.5px}.kv dt{color:var(--ink3);font-family:var(--mono);font-size:11px}.kv dd{margin:0}@media(max-width:760px){.app{grid-template-columns:1fr}.rail{position:fixed;bottom:0;left:0;right:0;top:auto;flex-direction:row;overflow-x:auto;z-index:30;height:52px}.brand,.railgrp{display:none}.nav{white-space:nowrap;width:auto;border-top:3px solid transparent}.nav,.nav.on{border-left:0}.nav.on{border-top-color:var(--cinnabar)}.body{padding-bottom:70px}}