:root{--bg: #0a0a0b;--surface: #131316;--surface-2: #1a1a1f;--surface-3: #232329;--line: rgba(255, 255, 255, .05);--line-2: rgba(255, 255, 255, .09);--ink: #e8e8ea;--ink-2: #a8a8ad;--ink-3: #6e6e74;--ink-4: #4a4a52;--accent: #ff7a3d;--accent-2: #7cf2c0;--info: #7aa2ff;--warn: #ffb347;--danger: #ff5e5e;--violet: #b48cff;--font-body: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-serif: "Playfair Display", Georgia, serif;--s-1: 2px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 12px;--s-6: 16px;--s-7: 20px;--s-8: 24px;--s-9: 32px;--s-10: 40px;--s-11: 48px;--s-12: 64px;--r-1: 3px;--r-2: 4px;--r-3: 6px;--r-4: 8px;--r-pill: 999px;--shadow-flat: 0 0 0 1px var(--line) inset;--shadow-pop: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(255, 122, 61, .25);--ease: cubic-bezier(.2, .8, .2, 1);--d-fast: .12s;--d-base: .18s;--d-slow: .28s;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-24: 24px;--fs-32: 32px;--fs-48: 48px;--gap-card: 14px;--pad-card: var(--s-7);--row-h: 18px}body[data-density=compact]{--gap-card: 10px;--pad-card: var(--s-6)}body[data-density=comfortable]{--gap-card: 18px;--pad-card: var(--s-8)}body[data-size=sm]{--fs-13: 12.5px;--fs-14: 13.5px;--fs-24: 22px}body[data-size=lg]{--fs-13: 14px;--fs-14: 15px;--fs-24: 26px}body[data-anim=off] *,body[data-anim=off] *:before,body[data-anim=off] *:after{animation:none!important;transition:none!important}body[data-theme=mint]{--accent: #4cd9a3}body[data-theme=blue]{--accent: #6c8cff}body[data-theme=violet]{--accent: #a47bff}body[data-theme=amber]{--accent: #ffb347}body[data-mode=light]{--bg: #f4f4f6;--surface: #ffffff;--surface-2: #f7f7f9;--surface-3: #ececf0;--line: rgba(0, 0, 0, .07);--line-2: rgba(0, 0, 0, .14);--ink: #1a1a1f;--ink-2: #4a4a52;--ink-3: #8a8a92;--ink-4: #b8b8be;--accent: #e85d1a;--accent-2: #16a07a;--info: #3a6bd1;--warn: #d68319;--danger: #d63838;--violet: #7d52e0;--shadow-pop: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 24px rgba(232, 93, 26, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-13);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;background:none;border:none;color:inherit;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{display:block;max-width:100%}::selection{background:var(--accent);color:#000}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3;letter-spacing:-.005em}h1{font-size:var(--fs-24);letter-spacing:-.01em}h2{font-size:var(--fs-20)}h3{font-size:var(--fs-14)}h4{font-size:var(--fs-13)}.mono{font-family:var(--font-mono);letter-spacing:.02em}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.up{color:var(--accent-2)}.down{color:var(--danger)}.flex{display:flex}.grid{display:grid}.between{justify-content:space-between}.center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.hide-sm{display:initial}.dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3);display:inline-block;flex-shrink:0}.dot.pulse{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);animation:pulse 2s ease-in-out infinite}.dot.live{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--d-slow) var(--ease) both}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.view-enter{animation:fadeUp var(--d-slow) var(--ease) both}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-3)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:8px;padding:18px 18px 16px;border-bottom:1px solid var(--line)}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.brand-name{font-size:13px;font-weight:600;letter-spacing:.02em}.brand-ver{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);margin-left:auto}.nav{padding:12px 8px;flex:1;overflow-y:auto}.nav-group{margin-bottom:18px}.nav-group-title{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-4);text-transform:uppercase;padding:4px 10px;margin-bottom:2px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--r-3);color:var(--ink-2);font-size:12.5px;margin-bottom:1px;cursor:pointer;transition:all var(--d-base) var(--ease);position:relative;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:#ff7a3d14;color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:2px;height:14px;background:var(--accent);border-radius:2px}.nav-item .ic{width:14px;height:14px;background:currentColor;opacity:.55;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.nav-item.active .ic{opacity:1}.nav-item .num{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);margin-left:auto;background:var(--surface-2);padding:1px 6px;border-radius:var(--r-1)}.nav-item .new{font-family:var(--font-mono);font-size:9px;color:var(--accent);background:#ff7a3d1f;padding:1px 5px;border-radius:var(--r-1);margin-left:auto;letter-spacing:.04em}.ic.dash{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='3' y='3' width='7' height='9' rx='1'/><rect x='14' y='3' width='7' height='5' rx='1'/><rect x='14' y='12' width='7' height='9' rx='1'/><rect x='3' y='16' width='7' height='5' rx='1'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='3' y='3' width='7' height='9' rx='1'/><rect x='14' y='3' width='7' height='5' rx='1'/><rect x='14' y='12' width='7' height='9' rx='1'/><rect x='3' y='16' width='7' height='5' rx='1'/></svg>")}.ic.users{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='9' cy='8' r='3'/><path d='M3 20c0-3 3-5 6-5s6 2 6 5'/><circle cx='17' cy='9' r='2.5'/><path d='M21 19c0-2-1.5-3.5-4-3.5'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='9' cy='8' r='3'/><path d='M3 20c0-3 3-5 6-5s6 2 6 5'/><circle cx='17' cy='9' r='2.5'/><path d='M21 19c0-2-1.5-3.5-4-3.5'/></svg>")}.ic.book{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M4 4h12a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3V4z'/><path d='M4 17h15'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M4 4h12a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3V4z'/><path d='M4 17h15'/></svg>")}.ic.chart{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M3 3v18h18'/><path d='M7 14l3-3 3 3 5-6'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M3 3v18h18'/><path d='M7 14l3-3 3 3 5-6'/></svg>")}.ic.coin{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='12' r='9'/><path d='M12 7v10M9 10h4.5a1.5 1.5 0 0 1 0 3H10a1.5 1.5 0 0 0 0 3h5'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='12' r='9'/><path d='M12 7v10M9 10h4.5a1.5 1.5 0 0 1 0 3H10a1.5 1.5 0 0 0 0 3h5'/></svg>")}.ic.shield{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z'/><path d='M9 12l2 2 4-4'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z'/><path d='M9 12l2 2 4-4'/></svg>")}.ic.atom{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='12' r='2'/><ellipse cx='12' cy='12' rx='9' ry='3.5' transform='rotate(30 12 12)'/><ellipse cx='12' cy='12' rx='9' ry='3.5' transform='rotate(-30 12 12)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='12' r='2'/><ellipse cx='12' cy='12' rx='9' ry='3.5' transform='rotate(30 12 12)'/><ellipse cx='12' cy='12' rx='9' ry='3.5' transform='rotate(-30 12 12)'/></svg>")}.ic.cog{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='12' r='3'/><path d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='12' r='3'/><path d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/></svg>")}.me{border-top:1px solid var(--line);padding:12px 14px;display:flex;align-items:center;gap:10px}.me-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#c8551f 100%);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#1a0a04;flex-shrink:0}.me-info{min-width:0}.me-name{font-size:12px;font-weight:500}.me-role{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:14px;padding:14px 28px;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);background:color-mix(in oklab,var(--bg) 85%,transparent)}.crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3)}.crumb .here{color:var(--ink);font-weight:500}.crumb .sep{color:var(--ink-4)}.crumb button{font-size:12px;color:var(--ink-3);padding:0}.crumb button:hover{color:var(--ink)}.topbar .actions{display:flex;align-items:center;gap:10px;margin-left:auto}.content{padding:24px 28px 48px;flex:1;min-width:0}.page-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:24px}.page-h .t h1{font-size:var(--fs-24);font-weight:600;letter-spacing:-.01em;margin-bottom:6px;display:flex;align-items:center;gap:10px}.page-h .t p{font-size:var(--fs-13);color:var(--ink-3);max-width:640px}.page-h .t .tag{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);padding:2px 8px;border-radius:var(--r-1);font-weight:400;letter-spacing:.04em}.page-h .r{display:flex;align-items:center;gap:10px}.empty{padding:48px 24px;text-align:center;color:var(--ink-3);font-size:12.5px}.btn{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12);font-weight:500;padding:7px 12px;border-radius:var(--r-3);background:var(--surface-2);color:var(--ink);border:1px solid var(--line);transition:all var(--d-base) var(--ease);white-space:nowrap;cursor:pointer}.btn:hover{background:var(--surface-3);border-color:var(--line-2);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn.primary{background:var(--accent);color:#1a0a04;border-color:var(--accent);font-weight:600}.btn.primary:hover{box-shadow:var(--shadow-glow);background:color-mix(in oklab,var(--accent) 85%,white)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--surface);color:var(--ink)}.btn.danger{background:#ff5e5e1a;color:var(--danger);border-color:#ff5e5e33}.btn.danger:hover{background:#ff5e5e26}.btn.sm{padding:4px 9px;font-size:11px}.btn.lg{padding:10px 18px;font-size:13px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;padding:2px 7px;border-radius:var(--r-1);background:#ffffff0a;color:var(--ink-2);white-space:nowrap}.badge.human{background:#7aa2ff1f;color:var(--info)}.badge.ai,.badge.run{background:#7cf2c01f;color:var(--accent-2)}.badge.idle{background:#ffffff0d;color:var(--ink-3)}.badge.busy{background:#ffb3471f;color:var(--warn)}.badge.err{background:#ff5e5e1f;color:var(--danger)}.badge.warn{background:#ffb3471f;color:var(--warn)}.badge.ok{background:#7cf2c01f;color:var(--accent-2)}.badge.accent{background:#ff7a3d1f;color:var(--accent)}.badge.violet{background:#b48cff1f;color:var(--violet)}.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:7px 10px;font-size:var(--fs-12);color:var(--ink);transition:all var(--d-base) var(--ease)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 15%,transparent)}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:6px 10px;min-width:240px;transition:all var(--d-base) var(--ease)}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 12%,transparent)}.search input{flex:1;font-size:var(--fs-12);min-width:0}.search input::placeholder{color:var(--ink-3)}.search .ic-search{width:14px;height:14px;color:var(--ink-3);flex-shrink:0}.kbd{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);background:var(--surface-2);border:1px solid var(--line);border-radius:3px;padding:1px 5px;flex-shrink:0}.icon-btn{width:32px;height:32px;border-radius:var(--r-3);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--ink-2);transition:all var(--d-base) var(--ease);position:relative;cursor:pointer;border:none}.icon-btn:hover{background:var(--surface);color:var(--ink)}.icon-btn .n{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.icon-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-4);padding:var(--pad-card);box-shadow:0 0 0 1px #ffffff05 inset;transition:border-color var(--d-base) var(--ease)}.card:hover{border-color:var(--line-2)}.card.flat:hover{transform:none}.card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-5)}.card-h h3{font-size:var(--fs-13);font-weight:500;color:var(--ink-2);letter-spacing:.01em}.card-h .more{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:4px;transition:color var(--d-base) var(--ease);cursor:pointer;background:none;border:none}.card-h .more:hover{color:var(--accent)}.filters{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:3px}.filters .f{font-family:var(--font-mono);font-size:11px;padding:5px 10px;border-radius:var(--r-2);color:var(--ink-2);cursor:pointer;transition:all var(--d-base) var(--ease);background:none;border:none}.filters .f:hover{color:var(--ink)}.filters .f.on{background:var(--surface-2);color:var(--ink)}table{width:100%;border-collapse:collapse;font-size:var(--fs-12)}thead th{font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}tbody td{padding:14px 12px;border-bottom:1px solid var(--line);color:var(--ink)}tbody tr{transition:background var(--d-fast) var(--ease)}tbody tr:hover{background:#ffffff05}tbody tr:last-child td{border-bottom:none}.switch{position:relative;width:34px;height:18px;background:var(--surface-3);border-radius:9px;cursor:pointer;transition:background var(--d-base) var(--ease);flex-shrink:0;border:none;padding:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--ink-2);border-radius:50%;transition:all var(--d-base) var(--ease)}.switch.on{background:var(--accent)}.switch.on:after{left:18px;background:#1a0a04}.switch.lg{width:40px;height:22px}.switch.lg:after{width:18px;height:18px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tab{padding:10px 14px;font-size:var(--fs-12);color:var(--ink-2);border-bottom:2px solid transparent;cursor:pointer;transition:all var(--d-base) var(--ease);display:flex;align-items:center;gap:6px;background:none;border-top:none;border-left:none;border-right:none;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.tab .n{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);background:var(--surface-2);padding:2px 6px;border-radius:3px}.tab.on .n{background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-4);padding:18px;position:relative;overflow:hidden;cursor:pointer;transition:all var(--d-base) var(--ease)}.kpi:hover{transform:translateY(-1px);border-color:var(--line-2)}.kpi.alert:after,.kpi.alert-good:after{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi.alert:after{background:var(--danger)}.kpi.alert-good:after{background:var(--accent-2)}.kpi .label{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:6px}.kpi .label .ic{width:8px;height:8px;border-radius:2px;background:var(--accent);display:inline-block}.kpi .label .ic.b{background:var(--info)}.kpi .label .ic.g{background:var(--accent-2)}.kpi .label .ic.p{background:var(--violet)}.kpi .label .ic.y{background:var(--warn)}.kpi .val{font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1;margin-bottom:4px;font-family:var(--font-body)}.kpi .val .u{font-size:13px;color:var(--ink-3);font-weight:400;margin-left:4px}.kpi .sub{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.kpi .delta{font-family:var(--font-mono);font-size:10.5px;display:flex;align-items:center;gap:4px}.kpi .delta.up{color:var(--accent-2)}.kpi .delta.down{color:var(--danger)}.kpi .delta.flat{color:var(--ink-3)}.kpi .spark{position:absolute;right:12px;bottom:12px;width:96px;height:32px;opacity:.85}.kpi .warn-dot{position:absolute;top:14px;right:14px;width:6px;height:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px color-mix(in oklab,var(--danger) 15%,transparent);animation:pulse 2s ease-in-out infinite}.bar{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden;position:relative}.bar>div{position:absolute;left:0;top:0;bottom:0;background:var(--accent-2);transition:width var(--d-slow) var(--ease)}.bar>div.warn{background:var(--warn)}.bar>div.danger{background:var(--danger)}.bar>div.accent{background:var(--accent)}.bar>div.info{background:var(--info)}.bar.thick{height:6px;border-radius:3px}.mast-h1{background:linear-gradient(180deg,#fff,#888);-webkit-background-clip:text;background-clip:text;color:transparent}body[data-mode=light] .mast-h1{background:linear-gradient(180deg,#1a1a1f,#6e6e74);-webkit-background-clip:text;background-clip:text}body[data-mode=light] .pcard-thumb{background:linear-gradient(135deg,#131316,#1a1a1f)}.drawer-overlay{position:fixed;inset:0;background:#0000008c;z-index:1100;opacity:0;transition:opacity var(--d-base) var(--ease);display:flex;justify-content:flex-end}.drawer-overlay.open{opacity:1}.drawer{width:520px;max-width:92vw;height:100vh;background:var(--surface);border-left:1px solid var(--line-2);display:flex;flex-direction:column;transform:translate(20px);opacity:0;transition:transform var(--d-slow) var(--ease),opacity var(--d-slow) var(--ease);box-shadow:-16px 0 48px #00000059}.drawer-overlay.open .drawer{transform:translate(0);opacity:1}.drawer.wide{width:720px}.drawer-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-2);flex-shrink:0}.drawer-t{font-size:13px;font-weight:500;color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.drawer-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-2);color:var(--ink-3);background:none;border:none;cursor:pointer;transition:all var(--d-fast) var(--ease)}.drawer-close:hover{color:var(--ink);background:var(--surface-3)}.drawer-body{flex:1;overflow-y:auto;padding:20px 22px 40px}.dt-head,.dr-head{margin-bottom:18px}.dt-ix,.dr-ix{font-family:var(--font-mono);font-size:10.5px;color:var(--accent);letter-spacing:.1em;margin-bottom:6px}.dt-title,.dr-title{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:10px}.dt-tags,.dr-tags{display:flex;gap:6px;flex-wrap:wrap}.dt-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-3);margin-bottom:20px}.dt-meta-c{display:flex;flex-direction:column;gap:3px}.dt-meta-c .k{font-size:10.5px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em}.dt-meta-c .v{font-size:12.5px;color:var(--ink)}.dt-section{margin-bottom:22px}.dt-section h4{font-size:12px;font-weight:500;color:var(--ink-2);letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase;font-family:var(--font-mono)}.dt-section-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dt-section-h h4{margin-bottom:0}.dt-stage{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:10px 0}.dt-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-2);position:relative}.dt-step.done{border-color:color-mix(in oklab,var(--accent-2) 40%,transparent);background:color-mix(in oklab,var(--accent-2) 6%,transparent)}.dt-step.cur{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent)}.dt-step-dot{width:22px;height:22px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2)}.dt-step.done .dt-step-dot{background:var(--accent-2);color:#04241a}.dt-step.cur .dt-step-dot{background:var(--accent);color:#1a0a04}.dt-step-t{font-size:10.5px;color:var(--ink-2);text-align:center;line-height:1.3}.dt-step.done .dt-step-t,.dt-step.cur .dt-step-t{color:var(--ink)}.dt-exp{padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-3);margin-bottom:8px}.dt-exp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dt-exp-ix{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.04em}.dt-exp-t{font-size:12.5px;font-weight:500;margin-bottom:4px;line-height:1.4}.dt-exp-d{font-size:11.5px;color:var(--ink-3);line-height:1.55}.dr-body{padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-3);font-size:12.5px;line-height:1.75;color:var(--ink-2)}.dr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden}.dr-stat{text-align:center;padding:14px 8px;background:var(--surface-2)}.dr-stat:not(:last-child){border-right:1px solid var(--line)}.dr-stat .v{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--accent-2);letter-spacing:-.01em}.dr-stat .l{font-size:10.5px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em;margin-top:3px}.dr-compliance{padding:14px;background:color-mix(in oklab,var(--danger) 6%,transparent);border:1px solid color-mix(in oklab,var(--danger) 30%,transparent);border-radius:var(--r-3);margin-bottom:22px}.dr-compliance h4{color:var(--danger)}.dr-compliance ul{list-style:none;padding:0;font-size:12px;color:var(--ink-2);line-height:1.8}.dr-compliance li:before{content:"→ ";color:var(--danger)}.dr-rec{list-style:none;padding:0;font-size:12px;color:var(--ink-2);line-height:1.85}.dt-actions{display:flex;gap:8px;flex-wrap:wrap}.dt-audit{padding-top:14px;border-top:1px solid var(--line)}.dt-audit h4{font-size:11px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.dt-audit-line{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:4px 0;font-size:11.5px;color:var(--ink-2);border-bottom:1px dashed var(--line)}.dt-audit-line:last-child{border-bottom:none}.dt-audit-line .t{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.expd-wrap{max-width:920px;margin:0 auto;padding:0 4px}.expd-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.expd-back{color:var(--ink-3)}.expd-back:hover{color:var(--accent)}.expd-h{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.expd-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.expd-h h1{font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.expd-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);font-family:var(--font-mono);flex-wrap:wrap}.expd-meta b{color:var(--ink);font-weight:500}.expd-cover{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 12%,transparent),color-mix(in oklab,var(--accent-2) 8%,transparent));border:1px solid var(--line);border-radius:var(--r-4);padding:24px 28px;margin-bottom:28px;position:relative;overflow:hidden}.expd-cover:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.expd-cover-h{font-size:18px;font-weight:500;color:var(--ink);margin-bottom:4px;line-height:1.4}.expd-cover-sub{font-size:12px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em}.expd-section{margin-bottom:32px}.expd-section h2{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line);letter-spacing:-.005em}.expd-section p{font-size:14px;line-height:1.85;color:var(--ink-2)}.expd-ol{list-style:none;counter-reset:stepc;padding:0}.expd-ol li{position:relative;padding:12px 12px 12px 44px;margin-bottom:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);font-size:13px;line-height:1.7;color:var(--ink-2);counter-increment:stepc}.expd-ol li:before{content:counter(stepc);position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600}.expd-tags-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.expd-scenario{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3)}.expd-scenario-t{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:4px}.expd-scenario-d{font-size:11.5px;color:var(--ink-3);line-height:1.6}.expd-ai-list{display:flex;flex-direction:column;gap:8px}.expd-ai-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3)}.expd-ai-av{width:32px;height:32px;border-radius:50%;background:#7cf2c01f;border:1px solid rgba(124,242,192,.3);color:var(--accent-2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.expd-ai-n{font-size:12.5px;font-weight:500;margin-bottom:2px}.expd-ai-d{font-size:11px;color:var(--ink-3);font-family:var(--font-mono)}.expd-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden}.expd-metric{padding:16px 14px;background:var(--surface);text-align:center}.expd-metric .v{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--accent-2);letter-spacing:-.01em;margin-bottom:4px}.expd-metric .l{font-size:11px;color:var(--ink-2);margin-bottom:2px}.expd-metric .d{font-size:10.5px;color:var(--ink-3);font-family:var(--font-mono);line-height:1.5}.expd-versions{display:flex;flex-direction:column;gap:0}.expd-version{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.expd-version:last-child{border-bottom:none}.expd-ver-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);padding:2px 0;font-weight:500}.expd-ver-meta{font-size:11px;color:var(--ink-3);font-family:var(--font-mono);margin-bottom:4px}.expd-ver-d{font-size:12px;color:var(--ink-2);line-height:1.55}.expd-related{display:flex;flex-direction:column;gap:8px}.expd-related-item{display:block;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);transition:all var(--d-base) var(--ease);cursor:pointer}.expd-related-item:hover{border-color:var(--accent);background:var(--surface-2);transform:translate(2px)}.expd-related-t{font-size:13px;font-weight:500;margin-bottom:3px}.expd-related-d{font-size:11.5px;color:var(--ink-3);line-height:1.55;margin-bottom:4px}.expd-related-m{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.expd-foot{display:flex;align-items:center;justify-content:space-between;padding-top:24px;margin-top:16px;border-top:1px solid var(--line);flex-wrap:wrap;gap:12px}.expd-foot-l,.expd-foot-r{display:flex;gap:8px;flex-wrap:wrap}.topbar-tweaks-btn{position:relative}.topbar-tweaks-btn:after{content:"";position:absolute;right:4px;bottom:4px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);pointer-events:none}.tweaks-popup{position:fixed;width:300px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:var(--shadow-pop),0 0 0 1px var(--line) inset;z-index:1000;overflow:hidden;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .15s var(--ease),transform .15s var(--ease)}.tweaks-popup.open{opacity:1;transform:translateY(0) scale(1)}.tweaks-popup-h{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface-2)}.tweaks-popup-h .t{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.04em}.tweaks-popup-h .t .b{font-family:var(--font-mono);font-size:9.5px;color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent);padding:2px 6px;border-radius:3px;letter-spacing:.06em}.tweaks-popup-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-2);color:var(--ink-3);cursor:pointer;background:none;border:none}.tweaks-popup-close:hover{color:var(--ink);background:var(--surface-3)}.tweaks-popup-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.tweaks-popup-body{padding:8px 0;max-height:70vh;overflow-y:auto}.tweak{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.tweak .lbl{color:var(--ink-2)}.tweak .lbl .desc{display:block;color:var(--ink-3);font-size:10.5px;margin-top:2px;line-height:1.45}.tweak-seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-2);padding:2px}.tweak-seg button{font-family:var(--font-body);font-size:11px;padding:4px 9px;border-radius:3px;color:var(--ink-2);background:none;border:none;cursor:pointer;transition:all var(--d-fast) var(--ease)}.tweak-seg button.on{background:var(--surface-2);color:var(--ink)}.tweak-swatches{display:flex;gap:6px}.tweak-swatches .sw{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);cursor:pointer;padding:0;transition:all var(--d-fast) var(--ease)}.tweak-swatches .sw.on{border-color:var(--ink);transform:scale(1.12)}.tweak-swatches .sw:hover{transform:scale(1.08)}.tweaks-popup-f{padding:8px 14px;border-top:1px solid var(--line);background:var(--surface-2);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.tweaks-popup-f button{font-size:10.5px;color:var(--accent);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--r-2)}.tweaks-popup-f button:hover{background:var(--surface-3)}