:root{--bg: #0a0a0b;--bg-raised: #101012;--bg-raised-2: #16161a;--text: #f4f4f5;--text-2: #9d9da3;--text-3: #616167;--line: rgba(244, 244, 245, .12);--line-strong: rgba(244, 244, 245, .28);--steel: #b9c0c8;--ph1: #3987e5;--ph2: #c98500;--ph3: #9085e9;--ph4: #199e70;--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--grid: #232327;--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", "Consolas", monospace;--size-label: .72rem;--ease: cubic-bezier(.22, 1, .36, 1);--radius: 2px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:#b9c0c840}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:#2c2c30 transparent}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;line-height:1.2}h1{font-size:1.7rem}h2{font-size:1.15rem}h3{font-size:1rem}.eyebrow{font-family:var(--font-mono);font-size:var(--size-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.mono{font-family:var(--font-mono)}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.small{font-size:.85rem}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--line);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.2rem;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--bg)}.brand{padding:0 .75rem 1.25rem;border-bottom:1px solid var(--line);margin-bottom:1.1rem}.brand .word{font-weight:650;letter-spacing:.02em;font-size:.95rem}.brand .sub{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-top:2px}.navlink{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border-radius:var(--radius);color:var(--text-2);font-size:.88rem;border-left:2px solid transparent;transition:color .2s var(--ease),background .2s var(--ease)}.navlink:hover{color:var(--text);background:var(--bg-raised)}.navlink.active{color:var(--text);background:var(--bg-raised);border-left-color:var(--steel)}.navlink svg{width:15px;height:15px;opacity:.75}.nav-section{margin:1rem .75rem .35rem}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 2rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0a0bd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40}.content{padding:1.75rem 2rem 4rem;max-width:1180px;width:100%;margin:0 auto}.page-head{margin-bottom:1.6rem}.page-head h1{margin-top:.3rem}.page-head .lede{color:var(--text-2);margin-top:.4rem;max-width:62ch}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.25rem}.card+.card{margin-top:0}.card h2{margin-bottom:.75rem}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.card-head h2{margin-bottom:0}.grid{display:grid;gap:1rem}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 1000px){.cols-3,.cols-4,.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.cols-2,.cols-3,.cols-4,.cols-5{grid-template-columns:1fr}.content{padding:1.25rem 1rem 3rem}.sidebar{display:none}}.row{display:flex;align-items:center;gap:.75rem}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.75rem}.stat .value{font-size:1.9rem;font-weight:620;letter-spacing:-.02em;line-height:1.1;margin-top:.45rem}.stat .hint{color:var(--text-3);font-size:.8rem;margin-top:.3rem}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--size-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:.62rem 1.15rem;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);background:transparent;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);white-space:nowrap}.btn:hover{border-color:var(--text)}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.primary:hover{background:var(--steel);border-color:var(--steel)}.btn.small{padding:.4rem .8rem;font-size:.65rem}.btn.danger{color:var(--critical);border-color:#d03b3b66}.btn.danger:hover{border-color:var(--critical)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{width:13px;height:13px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);border:1px solid transparent;color:var(--text-2);position:relative}.iconbtn:hover{color:var(--text);background:var(--bg-raised)}.iconbtn svg{width:17px;height:17px}.badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .55rem;border-radius:var(--radius);border:1px solid var(--line);color:var(--text-2);white-space:nowrap}.badge svg{width:11px;height:11px}.badge.good{color:var(--good);border-color:#0ca30c59}.badge.warn{color:var(--warning);border-color:#fab21959}.badge.serious{color:var(--serious);border-color:#ec835a66}.badge.critical{color:var(--critical);border-color:#d03b3b66}.badge.steel{color:var(--steel);border-color:var(--line-strong)}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.field>label{font-size:.88rem;font-weight:550}.field .help{color:var(--text-3);font-size:.78rem;line-height:1.45}.input,select.input,textarea.input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .75rem;color:var(--text);width:100%;transition:border-color .2s var(--ease)}.input:focus{outline:none;border-color:var(--line-strong)}textarea.input{resize:vertical;min-height:74px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkrow{display:flex;align-items:center;gap:.6rem}.scale{display:flex;gap:.3rem;flex-wrap:wrap}.scale button{width:36px;height:36px;border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-mono);font-size:.8rem;color:var(--text-2);transition:all .15s var(--ease)}.scale button:hover{border-color:var(--line-strong);color:var(--text)}.scale button.on{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{font-size:.78rem;padding:.28rem .7rem;border:1px solid var(--line);border-radius:100px;color:var(--text-2);transition:all .15s var(--ease)}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip.on{background:var(--bg-raised-2);border-color:var(--steel);color:var(--text)}.segmented{display:flex;gap:.35rem;flex-wrap:wrap}.segmented button{padding:.45rem .9rem;border:1px solid var(--line);border-radius:var(--radius);font-size:.84rem;color:var(--text-2)}.segmented button.on{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:550}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem;padding:0 .25rem}@media (max-width: 680px){.table-scroll .table{min-width:540px}}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--text-3);padding:.5rem .75rem;border-bottom:1px solid var(--line)}.table td{padding:.65rem .75rem;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--bg-raised-2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadein .18s var(--ease)}.dialog{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;max-width:560px;max-height:86vh;overflow-y:auto;padding:1.5rem;animation:rise .22s var(--ease)}.dialog.wide{max-width:760px}@keyframes fadein{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.bell-wrap{position:relative}.bell-badge{position:absolute;top:3px;right:3px;min-width:15px;height:15px;border-radius:8px;background:var(--critical);color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--font-mono)}.popover{position:absolute;right:0;top:calc(100% + 8px);width:360px;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);z-index:90;max-height:430px;overflow-y:auto;box-shadow:0 18px 50px #00000080;animation:rise .18s var(--ease)}.ntf{padding:.8rem 1rem;border-bottom:1px solid var(--line);display:flex;gap:.7rem}.ntf:last-child{border-bottom:none}.ntf.unread{background:var(--bg-raised-2)}.ntf .t{font-size:.85rem;font-weight:550}.ntf .b{font-size:.78rem;color:var(--text-2);margin-top:2px;line-height:1.45}.ntf .when{font-family:var(--font-mono);font-size:.62rem;color:var(--text-3);margin-top:4px}.meter{height:4px;background:var(--grid);border-radius:2px;overflow:hidden}.meter>div{height:100%;background:var(--steel);border-radius:2px;transition:width .5s var(--ease)}.phase-track{display:flex;gap:3px}.phase-track .seg{flex:1;height:5px;border-radius:2px;background:var(--grid);position:relative;overflow:hidden}.phase-track .seg>div{position:absolute;top:0;right:0;bottom:0;left:0;width:0}.inst{display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised)}.inst .date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);width:84px;flex-shrink:0}.inst .name{flex:1;font-size:.9rem}.thread{display:flex;flex-direction:column;gap:.6rem}.bubble{max-width:78%;padding:.6rem .85rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised);font-size:.9rem}.bubble.mine{align-self:flex-end;background:var(--bg-raised-2);border-color:var(--line-strong)}.bubble .when{font-family:var(--font-mono);font-size:.6rem;color:var(--text-3);margin-top:.3rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(185,192,200,.06),transparent),var(--bg);padding:1.5rem}.login-card{width:100%;max-width:420px}.login-card .display{font-size:2rem;font-weight:650;letter-spacing:-.02em;line-height:1.15}.persona{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);transition:border-color .2s var(--ease)}.persona:hover{border-color:var(--line-strong)}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.72rem;font-weight:600;background:var(--bg-raised-2);border:1px solid var(--line-strong);color:var(--steel)}.spark{display:block}.chart-tip{position:absolute;pointer-events:none;z-index:50;background:var(--bg-raised-2);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.4rem .6rem;font-family:var(--font-mono);font-size:.68rem;white-space:nowrap}.empty{text-align:center;color:var(--text-3);padding:2.2rem 1rem;border:1px dashed var(--line);border-radius:var(--radius);font-size:.88rem}.divider{height:1px;background:var(--line);margin:1rem 0;border:none}.quote{border-left:2px solid var(--steel);padding-left:.9rem;color:var(--text-2);font-style:italic}.kbd-list{display:flex;flex-direction:column;gap:.45rem}.prewrap{white-space:pre-wrap}.canvas-wrap{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.canvas-overlay{position:absolute;left:1rem;bottom:.9rem;pointer-events:none}.toast-wrap{position:fixed;bottom:1.25rem;right:1.25rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;max-width:380px}.toast{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;border-radius:var(--radius);background:var(--bg-raised-2);border:1px solid var(--line-strong);box-shadow:0 12px 32px #00000073;font-size:.85rem;animation:toast-in .2s var(--ease)}.toast span{flex:1;line-height:1.4}.toast.error{border-color:#d03b3b80}.toast.error svg{color:var(--critical);flex-shrink:0;margin-top:1px}.toast.success{border-color:#0ca30c73}.toast.success svg{color:var(--good);flex-shrink:0;margin-top:1px}.toast-x{color:var(--text-3);flex-shrink:0;padding:0}.toast-x:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width: 680px){.toast-wrap{left:1rem;right:1rem;bottom:1rem;max-width:none}}.menu-btn{display:none}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:fadein .18s var(--ease)}.drawer{position:fixed;top:0;left:0;bottom:0;width:264px;max-width:82vw;background:var(--bg);border-right:1px solid var(--line-strong);z-index:61;padding:1.25rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem;animation:drawer-in .22s var(--ease)}@keyframes drawer-in{0%{transform:translate(-100%)}}@media (max-width: 680px){.menu-btn{display:inline-flex}.topbar{padding:.8rem 1rem}}