:root{color-scheme:dark;--bg:#080e17;--panel:#101b29;--line:#25384d;--ink:#e8f1fa;--mut:#92a9bf;--accent:#77e4d5}*{box-sizing:border-box;min-width:0}body{margin:0;background:radial-gradient(ellipse at 75% 0,#112d3b,transparent 55%),var(--bg);color:var(--ink);font:14px/1.6 system-ui,"Malgun Gothic",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-width:1440px;margin:auto;padding:32px}header{position:relative;padding:10px 0 24px}h1{font-size:clamp(26px,4vw,40px);margin:8px 0 0;letter-spacing:-1.5px}header p{margin:4px 0;color:var(--mut)}.eyebrow,.label,.live{font:11px/1.5 ui-monospace,monospace;letter-spacing:1.5px;color:var(--accent)}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 12px var(--accent)}.live{position:absolute;right:0;top:25px;border:1px solid var(--line);padding:6px 10px;border-radius:20px}.notice{border-left:2px solid var(--accent);padding:10px 14px;background:#142630;margin-bottom:20px;font-size:12px;color:#bdd0df}.panel{background:linear-gradient(135deg,#132233,#0e1723);border:1px solid var(--line);border-radius:12px;padding:20px}.telemetry{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:12px;margin-bottom:24px}.label{display:block;color:var(--mut)}.counter strong{display:block;font:48px/1.5 ui-monospace,monospace;color:var(--accent);font-variant-numeric:tabular-nums}.muted{color:var(--mut);font-size:12px}.gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.gauge{font-size:11px;color:var(--mut)}.gauge b{display:block;color:var(--ink);font:22px/1.6 ui-monospace,monospace}.track{height:4px;background:#25384d;border-radius:4px;margin-top:8px;overflow:hidden}.track i{display:block;height:100%;background:var(--accent);transform-origin:left;animation:fill 1s ease-out}.flow svg{width:100%;height:88px;color:var(--accent);overflow:hidden}.s{fill:none;stroke:currentColor;stroke-width:1.5}.d{opacity:.3}.f{fill:currentColor}.a-dash{stroke-dasharray:6 4;animation:dash 1.2s linear infinite}.a-ping{transform-box:fill-box;transform-origin:center;animation:ping 2s ease-out infinite}.a-scan{opacity:.2;animation:scan 2.4s ease-in-out infinite alternate}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tabs button,.filters button,.pagination button,dialog button{background:#0f1b28;color:var(--mut);border:1px solid var(--line);border-radius:7px;padding:9px 13px}.tabs [aria-selected=true],.filters [aria-pressed=true]{color:var(--accent);background:#18333d;border-color:#3d777b}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:19px;margin:0 0 12px}.controls{display:flex;gap:12px;margin-bottom:12px}.controls label{display:grid;gap:5px;font-size:11px;color:var(--mut)}.search{flex:1}input,select{border:1px solid var(--line);background:#09131e;color:var(--ink);border-radius:7px;padding:10px;width:100%}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{font-size:12px;padding:6px 11px}.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.item{display:block;width:100%;text-align:left;padding:17px;background:#101e2d;border:1px solid var(--line);border-radius:9px;color:var(--ink);overflow-wrap:anywhere;transition:border-color .2s,transform .2s}.item:hover{border-color:var(--accent);transform:translateY(-2px)}.item strong{display:block;font-size:14px;line-height:1.6;margin:6px 0}.item .meta{display:block;font-size:11px;color:var(--mut)}.item .lock{float:right;color:var(--mut);font-size:11px}.empty{padding:35px 0;color:var(--mut)}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px;font-size:12px}.pagination button:disabled{opacity:.35;cursor:default}footer{padding:20px 0;color:var(--mut);font-size:11px}dialog{max-width:calc(100% - 32px);width:380px;background:#132231;color:var(--ink);border:1px solid #467779;border-radius:16px;padding:32px;text-align:center;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#02070dc9;backdrop-filter:blur(5px)}dialog p{color:var(--mut)}.lock-icon{font-size:30px;margin-bottom:12px}dialog button{width:100%;margin-top:14px;color:var(--accent)}@keyframes fill{from{transform:scaleX(.05)}}@keyframes scan{to{transform:translateY(88px)}}@keyframes ping{from{transform:scale(.2);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes dash{to{stroke-dashoffset:-20}}@media(max-width:800px){.wrap{padding:18px}.telemetry{grid-template-columns:1fr 1fr}.flow{grid-column:1/-1}.items{grid-template-columns:repeat(2,minmax(0,1fr))}.live{position:static;display:inline-block;margin-top:14px}}@media(max-width:480px){.wrap{padding:14px}.telemetry{grid-template-columns:1fr}.flow{grid-column:auto}.panel{padding:15px}.items{grid-template-columns:1fr}.controls{flex-direction:column}.tabs button{flex:1 1 100px;padding:8px;font-size:12px}.section-head{align-items:baseline}.counter strong{font-size:40px}.gauges{margin-top:12px}.workspace{padding:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.gauge{text-align:center}.gauge svg{display:block;width:64px;max-width:100%;height:64px;margin:0 auto 8px}.ring-fill{animation:ring-reveal 1.1s ease-out}.view-flow,.view-matrix,.view-ex{display:block}.timeline-event{position:relative;padding:0 0 18px 24px;border-left:1px solid var(--line);margin-left:8px}.timeline-event:before{content:"";position:absolute;left:-5px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #77e4d544}.timeline-date{display:block;font:11px ui-monospace,monospace;color:var(--accent);margin-bottom:8px}.view-flow .item{max-width:750px}.relation-chain{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.relation-chain span{font-size:10px;padding:3px 7px;border:1px solid #365366;border-radius:4px;color:var(--accent)}.relation-evidence{display:block;font-size:11px;color:var(--mut);padding-top:6px}.matrix{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}.matrix th{text-align:left;color:var(--mut);font-size:11px;padding:10px;border-bottom:1px solid var(--line)}.matrix td{vertical-align:top;padding:10px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.matrix th:first-child{width:43%}.matrix th:nth-child(2){width:16%}.matrix .item{padding:10px}.matrix .lock{float:none;display:block}.matrix-cell{display:block;width:100%;border:1px solid var(--line);background:#0c1926;color:#bdd0df;text-align:left;font:inherit;font-size:11px;padding:6px 8px;margin-bottom:6px;border-radius:4px;overflow-wrap:anywhere}#lock-title{font-size:17px;line-height:1.8}@keyframes ring-reveal{from{opacity:0;stroke-dasharray:0 164}}@media(max-width:480px){.matrix th,.matrix td{padding:6px 3px}.matrix .item{padding:7px}.matrix .item strong{font-size:12px}.matrix .meta,.matrix-cell{font-size:10px}.matrix th:first-child{width:44%}.matrix th:nth-child(2){width:16%}.gauge svg{width:54px;height:54px}.gauge b{font-size:19px}}