@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: #0a0d13;--surface: #10141d;--surface-2: #161c27;--surface-3: #1e2634;--surface-4: #27303f;--border: #232c3b;--border-soft: #1a212c;--border-strong: #33405620;--text: #e7ecf5;--text-dim: #9aa4b8;--text-mute: #616c81;--accent: #5b8cff;--accent-2: #8a6bff;--accent-soft: rgba(91, 140, 255, .14);--accent-border: rgba(91, 140, 255, .55);--ok: #35c988;--warn: #f6b23c;--crit: #ff5f6d;--sat-ok: #35c988;--sat-warn: #f6b23c;--sat-crit: #ff5f6d;--packet-glow: #7cc4ff;--canvas-bg: #0b0e15;--grid-dot: rgba(122, 142, 182, .16);--grid-dot-major: rgba(122, 142, 182, .28);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);--radius: 11px;--radius-sm: 8px;--radius-xs: 6px;--col-compute: #4ade80;--col-networking: #60a5fa;--col-storage: #fbbf47;--col-database: #c084fc;--col-cache: #fb7185;--col-messaging: #2dd4bf;--col-monitoring: #f59e0b;--col-security: #f87171;--col-kubernetes: #6f9cf5;--col-aws: #f59e0b;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark;background-color:var(--bg);color:var(--text);font-family:var(--font-ui);margin:0;padding:0;overflow:hidden;-webkit-font-smoothing:antialiased}:root[data-theme=light]{--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f2f5fa;--surface-3: #e9edf4;--surface-4: #dee4ee;--border: #e4e9f1;--border-soft: #eef1f6;--border-strong: #cdd6e3;--text: #171c26;--text-dim: #58627a;--text-mute: #8a94a8;--accent: #3b6ff5;--accent-2: #7c5cff;--accent-soft: rgba(59, 111, 245, .1);--accent-border: rgba(59, 111, 245, .4);--canvas-bg: #f7f9fc;--grid-dot: rgba(40, 60, 110, .16);--grid-dot-major: rgba(40, 60, 110, .26);--shadow: 0 10px 34px rgba(28, 40, 70, .12);--shadow-sm: 0 2px 10px rgba(28, 40, 70, .08);--col-compute: #16a34a;--col-networking: #2563eb;--col-storage: #d97706;--col-database: #9333ea;--col-cache: #e11d48;--col-messaging: #0d9488;--col-monitoring: #d97706;--col-security: #dc2626;--col-kubernetes: #2563eb;--col-aws: #d97706;color-scheme:light}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;background-color:var(--bg);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border:2px solid transparent;background-clip:padding-box;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-mute);background-clip:padding-box}.app-shell{display:grid;grid-template-columns:268px 1fr 344px;grid-template-rows:58px 1fr;height:100vh;width:100vw;background:var(--bg)}.topbar{grid-column:1 / -1;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:10}.topbar-brand{display:flex;align-items:center;gap:11px}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 14px var(--accent-soft)}button.brand-home{padding:0;border:none;cursor:pointer;transition:transform .12s ease,filter .12s ease}button.brand-home:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--accent),var(--accent-2));transform:translateY(-1px)}.topbar-brand strong{font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--text)}.brand-subtitle{font-size:12px;color:var(--text-mute);font-weight:500;padding-left:10px;margin-left:4px;border-left:1px solid var(--border)}button{font-family:var(--font-ui);font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:7px 12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease,color .15s ease;display:inline-flex;align-items:center;gap:7px;-webkit-user-select:none;user-select:none;line-height:1}button:hover{background:var(--surface-3);border-color:var(--border-strong)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 3px 12px var(--accent-soft)}button.primary:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.icon-btn{width:34px;height:32px;justify-content:center;padding:0}.palette,.inspector{background:var(--surface);padding:16px 14px;display:flex;flex-direction:column;height:100%;overflow-y:auto;position:relative;animation:panel-in .35s cubic-bezier(.22,1,.36,1)}.palette{border-right:1px solid var(--border)}.inspector{border-left:1px solid var(--border)}@keyframes panel-in{0%{opacity:0}to{opacity:1}}.panel-title{font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--text-mute);margin:2px 4px 14px}.search-container{margin:0 2px 14px;position:relative}.search-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font-family:var(--font-ui);font-size:13px;color:var(--text);background:var(--surface-2);outline:none;transition:border-color .15s ease,background .15s ease}.search-input::placeholder{color:var(--text-mute)}.search-input:focus{border-color:var(--accent-border);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.category-group{margin-bottom:4px}.category-header{display:flex;align-items:center;gap:9px;padding:8px;cursor:pointer;font-weight:600;font-size:12.5px;color:var(--text-dim);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}.category-header:hover{background:var(--surface-2);color:var(--text)}.category-badge{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 15%,transparent)}.category-arrow{margin-left:auto;transition:transform .2s ease;color:var(--text-mute);display:inline-flex}.category-arrow.expanded{transform:rotate(90deg)}.category-content{padding:3px 0 6px 8px;display:flex;flex-direction:column;gap:2px;margin-left:12px;border-left:1px solid var(--border);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.palette-btn{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:7px 9px;font-size:12.5px;font-weight:500;color:var(--text-dim);border:1px solid transparent;background:transparent;border-radius:var(--radius-sm)}.palette-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.palette-btn:hover .p-grip{opacity:.5}.palette-btn:active{cursor:grabbing}.palette-btn .p-icon{color:var(--cat-color);display:inline-flex;flex-shrink:0}.palette-btn[draggable=true]{cursor:grab}.palette-btn .p-grip{margin-left:auto;color:var(--text-mute);opacity:0;transition:opacity .12s ease;flex-shrink:0}.canvas-container{position:relative;overflow:hidden;height:100%;width:100%;cursor:grab;-webkit-user-select:none;user-select:none;background:var(--canvas-bg)}.canvas-container.panning{cursor:grabbing}.canvas-container.drag-over{cursor:copy}.canvas-container.drag-over:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none;z-index:5}.canvas-transform-layer{position:absolute;top:0;left:0;width:8000px;height:8000px;transform-origin:0 0;background-color:var(--canvas-bg);background-image:radial-gradient(circle,var(--grid-dot) 1.3px,transparent 1.4px),radial-gradient(circle,var(--grid-dot-major) 1.8px,transparent 1.9px);background-size:24px 24px,120px 120px;background-position:0 0,0 0}.link-mode-active{box-shadow:inset 0 0 0 2px var(--accent-border)}.link-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.link-path{stroke:var(--text-mute);stroke-width:2px;fill:none;stroke-linecap:round;cursor:pointer;pointer-events:stroke;transition:stroke .2s ease,stroke-width .2s ease}.link-path:hover{stroke:var(--accent);stroke-width:3px}.link-path.sim-ok{stroke:var(--sat-ok)}.link-path.sim-warn{stroke:var(--sat-warn)}.link-path.sim-crit{stroke:var(--sat-crit)}.link-path.sim-live{stroke-width:2.5px}.link-flow{stroke:var(--packet-glow);stroke-width:2px;fill:none;stroke-dasharray:2 14;stroke-linecap:round;opacity:.5;animation:dash .9s linear infinite;pointer-events:none}@keyframes dash{to{stroke-dashoffset:-32}}.link-temp{stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 5;fill:none;opacity:.8}.packet{fill:var(--packet-glow);filter:drop-shadow(0 0 3px var(--packet-glow))}.packet.sim-crit{fill:var(--sat-crit);filter:drop-shadow(0 0 4px var(--sat-crit))}.packet.sim-warn{fill:var(--sat-warn);filter:drop-shadow(0 0 4px var(--sat-warn))}.node-card{position:absolute;width:208px;height:76px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;z-index:2;-webkit-user-select:none;user-select:none;overflow:visible;transition:box-shadow .18s ease,transform .12s ease,border-color .18s ease;cursor:grab}.node-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--node-color)}.node-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.node-card:active{cursor:grabbing}.node-card.selected{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow);z-index:4}.node-body{flex:1;padding:0 14px 0 16px;display:flex;align-items:center;gap:12px;position:relative}.node-icon{width:40px;height:40px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;color:var(--node-color);background:color-mix(in srgb,var(--node-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--node-color) 28%,transparent)}.node-details{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.node-label{font-weight:600;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.node-label-input{font-family:var(--font-ui);font-weight:600;font-size:13.5px;color:var(--text);border:none;background:transparent;padding:0;margin:0;width:100%;outline:none;border-bottom:1px solid var(--accent)}.node-type-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.4px;font-weight:500;color:var(--text-mute);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port{position:absolute;width:12px;height:12px;background:var(--surface);border:2px solid var(--text-mute);border-radius:50%;z-index:10;cursor:crosshair;top:50%;margin-top:-6px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.port:hover{transform:scale(1.35);background:var(--accent);border-color:var(--accent)}.port-in{left:-7px}.port-out{right:-7px}.node-load-glow{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:13px;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s ease,box-shadow .3s ease}.node-card.sim-ok .node-load-glow{opacity:1;box-shadow:0 0 16px 1px color-mix(in srgb,var(--ok) 55%,transparent);animation:load-pulse 1.7s ease-in-out infinite}.node-card.sim-warn .node-load-glow{opacity:1;box-shadow:0 0 20px 2px color-mix(in srgb,var(--warn) 60%,transparent);animation:load-pulse 1s ease-in-out infinite}.node-card.sim-crit .node-load-glow{opacity:1;box-shadow:0 0 26px 4px color-mix(in srgb,var(--crit) 65%,transparent);animation:load-pulse .5s ease-in-out infinite}@keyframes load-pulse{0%,to{opacity:.5}50%{opacity:1}}.node-load-chip{position:absolute;top:-10px;right:8px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:7px;border:1px solid var(--ok);background:var(--surface);color:var(--ok);z-index:12}.node-load-chip.sim-warn{color:var(--warn);border-color:var(--warn)}.node-load-chip.sim-crit{color:var(--crit);border-color:var(--crit)}.node-scale-chip{position:absolute;top:-10px;left:8px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:7px;border:1px solid var(--accent-border);background:var(--surface);color:var(--accent);z-index:12;animation:scale-chip-pop .25s ease-out}@keyframes scale-chip-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.canvas-controls{position:absolute;bottom:18px;left:18px;display:flex;gap:4px;z-index:5;background:var(--surface);border:1px solid var(--border);padding:4px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.canvas-controls button{width:32px;height:32px;justify-content:center;padding:0;border:none;background:transparent;color:var(--text-dim);font-size:15px}.canvas-controls button:hover{background:var(--surface-3);color:var(--text)}.canvas-controls button:active{transform:none}.minimap{position:absolute;bottom:18px;right:18px;width:168px;height:108px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:5;overflow:hidden}.minimap-node{position:absolute;border-radius:2px;opacity:.85}.minimap-viewport{position:absolute;border:1.5px solid var(--accent);background:var(--accent-soft);border-radius:3px}.sim-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 8px 8px 15px;box-shadow:var(--shadow);z-index:6;animation:banner-drop .3s cubic-bezier(.22,1,.36,1)}@keyframes banner-drop{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.sim-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:sim-dot-blink 1.1s ease-in-out infinite}@keyframes sim-dot-blink{0%,to{opacity:1}50%{opacity:.3}}.sim-banner-stat{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.sim-banner-stat strong{color:var(--text);font-weight:700}.sim-stop-btn{padding:5px 10px;font-size:11px;font-weight:600}.traffic-control{display:flex;align-items:center;gap:8px;padding:0 12px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.traffic-label{font-size:11px;color:var(--text-dim);font-weight:500}.traffic-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:4px;border-radius:3px;background:var(--surface-4);outline:none;cursor:pointer}.traffic-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:grab}.traffic-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:grab}.traffic-val{font-family:var(--font-mono);font-size:11px;color:var(--text);font-weight:600;min-width:34px}.node-card.killed{opacity:.6;border:1px dashed var(--crit);filter:grayscale(.55);box-shadow:none}.node-card.killed:before{background:var(--crit)}.node-card.killed:hover{transform:none}.timeline{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:7px 12px;width:min(460px,calc(100% - 400px));background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:5}.timeline-btn{width:30px;height:30px;padding:0;justify-content:center;border:none;background:transparent;color:var(--text-dim);flex-shrink:0}.timeline-btn:hover{background:var(--surface-3);color:var(--text)}.timeline-btn.play{background:var(--accent-soft);color:var(--accent)}.timeline-btn.play:hover{background:var(--accent-soft);filter:brightness(1.15)}.timeline-track{position:relative;flex:1;display:flex;align-items:center;height:20px}.timeline-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:var(--surface-4);outline:none;cursor:pointer}.timeline-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 4px #0006;cursor:grab}.timeline-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:grab}.timeline-marker{position:absolute;top:1px;width:3px;height:18px;border-radius:2px;transform:translate(-50%);pointer-events:none;opacity:.9}.timeline-time{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);white-space:nowrap;flex-shrink:0;min-width:64px;text-align:right}.inspector-welcome{margin:6px 4px;padding:18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:13.5px;line-height:1.55}.inspector-welcome strong{color:var(--text);font-size:14px;display:block;margin-bottom:8px}.inspector-welcome kbd{margin:0 2px}.inspector-header{margin:0 4px 18px;display:flex;align-items:center;gap:12px}.inspector-header-icon{width:44px;height:44px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;color:var(--node-color);background:color-mix(in srgb,var(--node-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--node-color) 28%,transparent)}.inspector-header-title{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.inspector-label-input{font-family:var(--font-ui);font-weight:700;font-size:17px;color:var(--text);border:none;background:transparent;outline:none;padding:1px 3px;margin-left:-3px;border-radius:5px;width:100%}.inspector-label-input:focus{background:var(--surface-2);box-shadow:0 0 0 2px var(--accent-soft)}.inspector-type-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.4px;color:var(--text-mute);width:fit-content}.delete-stamp{padding:7px 9px;color:var(--crit);border-color:transparent;background:transparent}.delete-stamp:hover{background:color-mix(in srgb,var(--crit) 14%,transparent);border-color:color-mix(in srgb,var(--crit) 35%,transparent)}.inspector-section{margin:0 4px 20px}.inspector-section h3{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-mute);margin:0 0 12px}.property-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:13px;gap:10px}.property-label{font-weight:500;color:var(--text-dim)}.property-input-wrapper{display:flex;align-items:center;gap:5px}.property-input{border:1px solid var(--border);border-radius:var(--radius-xs);padding:5px 9px;font-family:var(--font-mono);font-size:12px;color:var(--text);background:var(--surface-2);width:92px;text-align:right;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.property-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}.stepper-btn{padding:4px 8px;font-size:12px;color:var(--text-dim);background:var(--surface-2)}.toggle-switch{position:relative;display:inline-block;width:38px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--surface-4);border:1px solid var(--border-strong);transition:.2s;border-radius:22px}.toggle-slider:before{position:absolute;content:"";height:15px;width:15px;left:3px;bottom:2.5px;background:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0006}input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(16px)}.link-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 11px;margin-bottom:7px;font-size:12.5px}.link-row-label{color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.link-row-label strong{color:var(--text);font-weight:600}.link-del-btn{background:transparent;border:none;padding:3px;color:var(--text-mute);font-size:13px}.link-del-btn:hover{background:transparent;color:var(--crit);transform:scale(1.15)}.muted-note{font-size:12.5px;color:var(--text-mute);line-height:1.5}.metrics-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:13px}.metrics-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.6px;color:var(--accent);text-transform:uppercase;margin-bottom:10px}.metrics-value{font-size:12.5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:var(--text-dim)}.metrics-value:last-child{margin-bottom:0}.metrics-value strong{font-family:var(--font-mono);color:var(--text);font-weight:600}.metric-bar{height:5px;border-radius:3px;background:var(--surface-4);overflow:hidden;margin:5px 0 11px}.metric-bar-fill{height:100%;border-radius:3px;transition:width .4s ease,background .3s ease}.coord-note{font-size:10.5px;font-family:var(--font-mono);color:var(--text-mute);margin:0 4px}.sparkline{width:100%;height:38px;display:block;margin:2px 0 10px;overflow:visible}.stat-item{margin-bottom:11px}.stat-item:last-child{margin-bottom:0}.stat-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px}.stat-label{color:var(--text-dim)}.stat-value{font-family:var(--font-mono);font-size:11.5px;color:var(--text);font-weight:500;white-space:nowrap}.stat-value.stat-warn{color:var(--warn)}.stat-value.stat-crit{color:var(--crit)}.stat-bar{height:4px;border-radius:3px;background:var(--surface-4);margin-top:5px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.chaos-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chaos-btn{justify-content:center;font-size:12px;font-weight:500;color:var(--text-dim)}.chaos-btn:hover{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 40%,transparent);background:color-mix(in srgb,var(--crit) 10%,transparent)}.chaos-list-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-mute);margin-bottom:7px;text-transform:uppercase;letter-spacing:.5px}.chaos-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:2px}.chaos-CPU_SPIKE{background:var(--warn)}.chaos-MEMORY_LEAK{background:#c084fc}.chaos-PACKET_LOSS{background:var(--accent)}.chaos-NODE_KILL{background:var(--crit)}.trace-viewer{position:absolute;top:64px;left:18px;width:340px;max-height:calc(100% - 150px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:6;overflow:hidden;animation:fade-in .2s ease}.trace-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.trace-title{font-size:12px;font-weight:700}.trace-total{font-family:var(--font-mono);font-size:10.5px;color:var(--accent)}.trace-close{margin-left:auto;padding:3px 7px;font-size:11px;border:none;background:transparent;color:var(--text-mute)}.trace-close:hover{background:var(--surface-3);color:var(--text)}.trace-body{padding:8px 12px 12px;overflow-y:auto}.trace-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.trace-node{display:flex;align-items:center;gap:5px;width:92px;flex-shrink:0;color:var(--text-dim)}.trace-node-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trace-track{position:relative;flex:1;height:14px;background:var(--surface-2);border-radius:4px;overflow:hidden}.trace-bar{position:absolute;top:2px;height:10px;border-radius:3px;min-width:3px}.trace-bar.trace-ok{background:var(--ok)}.trace-bar.trace-warn{background:var(--warn)}.trace-bar.trace-crit{background:var(--crit)}.trace-ms{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);width:48px;text-align:right;flex-shrink:0}.toolbar{display:flex;align-items:center;gap:10px}.toolbar-group{display:flex;align-items:center;gap:6px;padding-right:12px;border-right:1px solid var(--border)}.toolbar-group:last-child{border-right:none;padding-right:0}kbd{background:var(--surface-3);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:9px;padding:2px 4px;color:var(--text-mute);margin-left:3px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);padding:11px 18px;border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:1000;font-size:13px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:9px;pointer-events:none;animation:slide-up-toast .28s cubic-bezier(.22,1,.36,1)}@keyframes slide-up-toast{0%{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%);opacity:1}}.dashboard{height:100vh;width:100vw;overflow-y:auto;background:radial-gradient(1100px 520px at 88% -8%,var(--accent-soft),transparent 60%),var(--bg)}.dash-topbar{position:sticky;top:0;z-index:10;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.ghost-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 14px}.ghost-btn:hover{background:var(--surface-3)}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1px solid transparent;border-radius:var(--radius-sm);color:#fff;font-weight:600;padding:9px 16px;box-shadow:0 3px 12px var(--accent-soft)}.primary-btn:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.dash-body{max-width:1180px;margin:0 auto;padding:34px 26px 60px}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.dash-title{font-size:26px;font-weight:700;letter-spacing:-.4px;margin:0}.dash-sub{margin:5px 0 0;color:var(--text-mute);font-size:13px}.dash-empty{border:1.5px dashed var(--border);border-radius:var(--radius);padding:60px 20px;text-align:center;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:16px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:18px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;animation:panel-in .3s cubic-bezier(.22,1,.36,1)}.project-card:hover{transform:translateY(-3px);border-color:var(--accent-border);box-shadow:var(--shadow)}.new-card{align-items:center;justify-content:center;gap:8px;min-height:232px;border-style:dashed;color:var(--text-dim);font-weight:600;cursor:pointer;background:transparent}.new-card:hover{color:var(--accent);background:var(--accent-soft)}.new-plus{font-size:30px;line-height:1;font-weight:400}.card-preview{all:unset;cursor:pointer;display:block;height:150px;background:radial-gradient(circle at center,transparent 0,transparent 1px,var(--canvas-bg) 1px),var(--canvas-bg);border-bottom:1px solid var(--border)}.thumb{width:100%;height:100%;display:block}.thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:var(--text-mute);font-size:12px}.thumb-link{stroke:var(--border-strong);stroke-width:3}.thumb-node{opacity:.92}.card-body{padding:13px 15px 12px;display:flex;flex-direction:column;gap:5px}.card-name{all:unset;cursor:pointer;font-weight:600;font-size:14.5px;color:var(--text);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-name:hover{color:var(--accent)}.card-desc{margin:0;font-size:12px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.card-time{font-size:11px;color:var(--text-mute);font-family:var(--font-mono)}.card-actions{display:flex;gap:4px;opacity:0;transition:opacity .14s ease}.project-card:hover .card-actions{opacity:1}.card-actions button{width:28px;height:28px;padding:0;justify-content:center;background:var(--surface-2);font-size:13px}.card-actions button:hover{background:var(--surface-3)}.card-actions button.danger:hover{color:var(--crit);border-color:var(--crit)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060c9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;animation:fade-in .16s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(440px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;animation:panel-in .22s cubic-bezier(.22,1,.36,1)}.modal-title{margin:0 0 16px;font-size:17px;font-weight:700}.modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:12.5px;color:var(--text-dim)}.modal-field em{color:var(--text-mute);font-style:normal}.modal-field input{font-family:var(--font-ui);font-size:14px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.modal-field input:focus{outline:none;border-color:var(--accent-border);background:var(--surface-3)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.back-btn{width:32px;height:32px;padding:0;justify-content:center;background:var(--surface-2)}.back-btn:hover{background:var(--surface-3);color:var(--accent)}.project-name{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.project-card,.modal,.modal-overlay{animation:none}.project-card:hover{transform:none}}.landing{height:100vh;width:100vw;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:radial-gradient(1200px 640px at 82% -10%,var(--accent-soft),transparent 62%),radial-gradient(900px 520px at 6% 8%,rgba(138,107,255,.1),transparent 60%),var(--bg)}.landing :where(h1,h2,h3){letter-spacing:-.5px}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--surface);border:1px solid var(--accent-border);color:var(--text);padding:9px 14px;border-radius:var(--radius-sm);transition:top .18s ease}.skip-link:focus{top:12px}.lp-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 clamp(18px,5vw,46px);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.lp-nav-links{display:flex;align-items:center;gap:clamp(10px,2vw,22px)}.lp-nav-links>a:not(.primary-btn){color:var(--text-dim);text-decoration:none;font-size:13.5px;font-weight:500;transition:color .15s ease}.lp-nav-links>a:not(.primary-btn):hover{color:var(--text)}.primary-btn,.ghost-btn{text-decoration:none;display:inline-flex;align-items:center}.lp-hero{max-width:1160px;margin:0 auto;padding:clamp(48px,8vw,104px) clamp(20px,5vw,46px) clamp(40px,6vw,80px);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(28px,5vw,64px)}.lp-hero-copy{animation:lp-rise .6s cubic-bezier(.22,1,.36,1) both}.lp-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);padding:5px 12px;border-radius:999px;margin-bottom:18px}.lp-title{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.06;font-weight:700;margin:0 0 18px}.grad-text{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lp-lede{font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.6;color:var(--text-dim);max-width:52ch;margin:0 0 28px}.lp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.lp-cta{font-size:14.5px;padding:12px 22px}.lp-trust{font-size:12.5px;color:var(--text-mute);margin:0;font-family:var(--font-mono)}.lp-hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;animation:lp-rise .7s .1s cubic-bezier(.22,1,.36,1) both}.lp-hero-glow{position:absolute;top:-6%;right:-4%;bottom:8%;left:-4%;background:radial-gradient(closest-side,var(--accent-soft),transparent 78%);filter:blur(8px);z-index:0}.hero-diagram{position:relative;z-index:1;width:100%;height:auto;max-width:560px;overflow:visible}.lp-hero-caption{position:relative;z-index:1;margin-top:10px;font-size:12px;color:var(--text-mute);font-family:var(--font-mono)}.hero-link{fill:none;stroke:var(--border-strong);stroke-width:2}.hero-packet{filter:drop-shadow(0 0 5px var(--packet-glow))}.hero-node-box{fill:var(--surface-2);stroke:var(--border);stroke-width:1.5}.hero-node:hover .hero-node-box{stroke:var(--accent-border)}.hero-node-label{fill:var(--text-dim);font-family:var(--font-ui);font-size:11px;font-weight:500}.lp-section{max-width:1160px;margin:0 auto;padding:clamp(48px,8vw,92px) clamp(20px,5vw,46px)}.lp-section-head{text-align:center;max-width:640px;margin:0 auto clamp(30px,5vw,52px)}.lp-section-head h2{font-size:clamp(1.55rem,3vw,2.1rem);margin:0 0 12px}.lp-section-head p{color:var(--text-dim);font-size:1.02rem;line-height:1.55;margin:0}.lp-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:18px}.lp-feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 22px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.lp-feature:hover{transform:translateY(-3px);border-color:var(--accent-border);box-shadow:var(--shadow)}.lp-feature-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:11px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);margin-bottom:15px}.lp-feature h3{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:1.06rem;margin:0 0 8px}.lp-feature p{color:var(--text-dim);font-size:.92rem;line-height:1.58;margin:0}.lp-badge{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--accent-2);background:#8a6bff24;border:1px solid rgba(138,107,255,.4);padding:3px 8px;border-radius:999px}.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;counter-reset:none}.lp-step{position:relative;padding:22px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.lp-step-n{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);padding:4px 9px;border-radius:8px}.lp-step h3{font-size:1.05rem;margin:14px 0 7px}.lp-step p{color:var(--text-dim);font-size:.9rem;line-height:1.55;margin:0}.lp-cta-band{padding:clamp(20px,4vw,40px) clamp(20px,5vw,46px) clamp(60px,8vw,96px)}.lp-cta-inner{max-width:900px;margin:0 auto;text-align:center;padding:clamp(36px,6vw,60px) 24px;border-radius:calc(var(--radius) + 6px);background:radial-gradient(600px 240px at 50% 0%,var(--accent-soft),transparent 70%),var(--surface);border:1px solid var(--border)}.lp-cta-inner h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 10px}.lp-cta-inner p{color:var(--text-dim);margin:0 0 24px;font-size:1.02rem}.lp-footer{border-top:1px solid var(--border-soft);padding:26px clamp(20px,5vw,46px);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.lp-foot-note{color:var(--text-mute);font-size:12.5px;margin:0}@keyframes lp-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 880px){.lp-hero{grid-template-columns:1fr;text-align:center}.lp-hero-copy{order:2}.lp-hero-visual{order:1}.lp-lede{margin-left:auto;margin-right:auto}.lp-cta-row{justify-content:center}}@media (max-width: 560px){.lp-nav-links>a:not(.primary-btn){display:none}}@media (prefers-reduced-motion: reduce){.landing{scroll-behavior:auto}.lp-hero-copy,.lp-hero-visual{animation:none}.lp-feature:hover{transform:none}}.dash-head-actions{display:flex;gap:10px;flex-wrap:wrap}.template-modal{width:min(1000px,94vw);max-height:88vh;overflow-y:auto;padding:24px}.template-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.template-modal-head .modal-title{margin:0}.template-modal-sub{margin:5px 0 0;color:var(--text-dim);font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(282px,1fr));gap:16px}.template-card{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.template-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.template-preview{height:138px;border-bottom:1px solid var(--border);background:radial-gradient(circle at center,transparent 0,transparent 1px,var(--canvas-bg) 1px),var(--canvas-bg)}.template-card-body{padding:14px 15px 15px;display:flex;flex-direction:column;gap:9px;flex:1}.template-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.template-card-title h3{margin:0;font-size:15px;font-weight:650;letter-spacing:-.2px}.template-tagline{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-dim)}.diff-badge{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.diff-beginner{color:var(--ok);background:#35c9881f;border-color:#35c98866}.diff-intermediate{color:var(--warn);background:#f6b23c1f;border-color:#f6b23c66}.diff-advanced{color:var(--crit);background:#ff5f6d1f;border-color:#ff5f6d66}.template-tags{display:flex;flex-wrap:wrap;gap:6px}.template-tag{font-size:10.5px;color:var(--text-mute);background:var(--surface-3);border:1px solid var(--border);padding:3px 8px;border-radius:6px;font-family:var(--font-mono)}.template-use{margin-top:auto;width:100%;justify-content:center}@media (prefers-reduced-motion: reduce){.template-card:hover{transform:none}}.problems{height:100vh;width:100vw;overflow-y:auto;background:var(--bg)}.dash-topbar-actions{display:flex;align-items:center;gap:10px}.ghost-btn.icon-only{width:36px;padding:8px 0;justify-content:center}.problems-body{max-width:1000px;margin:0 auto;padding:30px 24px 70px}.problems-head{margin-bottom:20px}.problems-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;position:sticky;top:0;z-index:5;padding:14px 0;background:linear-gradient(var(--bg) 78%,transparent)}.search-wrap{display:flex;align-items:center;gap:9px;flex:1 1 260px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;color:var(--text-mute)}.search-wrap:focus-within{border-color:var(--accent-border)}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-ui);font-size:14px;padding:10px 0}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg-btn{background:transparent;border:none;padding:6px 12px;font-size:12.5px;color:var(--text-dim);border-radius:6px}.seg-btn:hover{background:var(--surface-3)}.seg-btn.active{background:var(--surface-4);color:var(--text)}.seg-btn.active.d-easy{color:var(--ok)}.seg-btn.active.d-medium{color:var(--warn)}.seg-btn.active.d-hard{color:var(--crit)}.topic-select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;font-family:var(--font-ui);cursor:pointer}.topic-select:focus{outline:none;border-color:var(--accent-border)}.topic-blurb{color:var(--text-dim);font-size:13px;margin:2px 0 0}.results-count{color:var(--text-mute);font-size:12px;margin:14px 0 10px;font-family:var(--font-mono)}.problem-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.problem-row{display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .13s ease,transform .13s ease,box-shadow .13s ease}.problem-row:hover{border-color:var(--accent-border);transform:translate(2px);box-shadow:var(--shadow-sm)}.status-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0}.status-dot.attempted{background:var(--warn);border-color:var(--warn)}.status-dot.solved{background:var(--ok);border-color:var(--ok)}.problem-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.problem-name{font-weight:600;font-size:14.5px;color:var(--text);letter-spacing:-.2px}.problem-summary{font-size:12.5px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.problem-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.topic-chip{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;color:var(--chip);background:color-mix(in srgb,var(--chip) 14%,transparent);border:1px solid color-mix(in srgb,var(--chip) 45%,transparent)}.diff-badge.d-easy{color:var(--ok);background:#35c9881f;border-color:#35c98866}.diff-badge.d-medium{color:var(--warn);background:#f6b23c1f;border-color:#f6b23c66}.diff-badge.d-hard{color:var(--crit);background:#ff5f6d1f;border-color:#ff5f6d66}.problems-body.detail{max-width:820px}.detail-head{margin-bottom:22px}.detail-badges{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.status-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid transparent}.status-pill.solved{color:var(--ok);background:#35c9881f;border-color:#35c98866}.status-pill.attempted{color:var(--warn);background:#f6b23c1f;border-color:#f6b23c66}.detail-title{font-size:clamp(1.5rem,3.4vw,2.1rem);margin:0 0 12px;letter-spacing:-.5px}.detail-sources{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--text-mute)}.source-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none}.source-link:hover{text-decoration:underline}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:16px}.detail-h2{font-size:15px;font-weight:650;margin:0 0 12px;letter-spacing:-.2px}.detail-summary{font-size:14.5px;line-height:1.6;color:var(--text);margin:0}.detail-note{margin:12px 0 0;font-size:12.5px;color:var(--text-mute);border-left:2px solid var(--border-strong);padding-left:10px}.try-first{border:1px solid var(--accent-border);border-radius:var(--radius);background:radial-gradient(600px 200px at 0% 0%,var(--accent-soft),transparent 70%),var(--surface);padding:22px;margin-bottom:16px}.try-first-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.try-first-head h2{font-size:16px;margin:0}.try-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.try-first>p{font-size:13.5px;line-height:1.6;color:var(--text-dim);margin:0 0 10px}.clarify-list{margin:0 0 16px;padding-left:18px;display:flex;flex-direction:column;gap:7px}.clarify-list li{font-size:12.8px;line-height:1.5;color:var(--text-dim)}.try-actions{display:flex;gap:10px;flex-wrap:wrap}.muted-note{font-size:12.5px;color:var(--text-mute);margin:0 0 12px}.hint-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.hint{display:flex;gap:12px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);animation:lp-rise .25s ease both}.hint-n{font-size:11px;font-weight:700;color:var(--accent);font-family:var(--font-mono);white-space:nowrap;padding-top:1px}.hint p{margin:0;font-size:13.5px;line-height:1.55;color:var(--text)}.solution-section{border-color:var(--border)}.solution-gate{display:flex;flex-direction:column;gap:16px}.gate-warn{display:flex;gap:14px;padding:16px;background:#f6b23c12;border:1px solid rgba(246,178,60,.3);border-radius:var(--radius-sm)}.gate-icon{font-size:20px}.gate-warn strong{font-size:14px}.gate-warn p{margin:6px 0 0;font-size:13px;line-height:1.55;color:var(--text-dim)}.reveal-btn{align-self:flex-start;background:var(--surface-3);border:1px dashed var(--border-strong);color:var(--text-dim);padding:11px 20px;border-radius:var(--radius-sm);font-weight:600}.reveal-btn:hover{color:var(--text);border-color:var(--accent-border);background:var(--surface-4)}.solution-body{animation:fade-in .28s ease}.sol-approach{font-size:14.5px;line-height:1.65;color:var(--text);margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--border-soft)}.sol-block{margin-bottom:20px}.sol-h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin:0 0 10px}.sol-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px}.sol-list li{font-size:13.5px;line-height:1.55;color:var(--text-dim)}.sol-list.mono li{font-family:var(--font-mono);font-size:12px;color:var(--text)}.dive-accordion{display:flex;flex-direction:column;gap:8px}.dive{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.dive.open{border-color:var(--accent-border)}.dive-head{width:100%;justify-content:space-between;background:transparent;border:none;padding:13px 15px;font-size:13.5px;font-weight:600;color:var(--text);border-radius:0}.dive-head:hover{background:var(--surface-3)}.dive-chevron{color:var(--accent);font-size:16px;font-weight:400}.dive-body{margin:0;padding:0 15px 15px;font-size:13px;line-height:1.6;color:var(--text-dim)}.archsim-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.archsim-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:5px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.sol-practice{margin-top:4px}.detail-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.primary-btn.is-solved{background:linear-gradient(135deg,var(--ok),#2aa06d)}.modal-copy{font-size:13.5px;line-height:1.6;color:var(--text-dim);margin:0 0 20px}@media (max-width: 620px){.problem-summary{display:none}.problems-controls{position:static}}@media (prefers-reduced-motion: reduce){.problem-row:hover{transform:none}.hint,.solution-body{animation:none}}.pr-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 22px;flex-wrap:wrap}.pr-title{font-size:26px;font-weight:700;letter-spacing:-.4px;margin:0}.pr-sub{margin:6px 0 0;color:var(--text-dim);font-size:13.5px;max-width:62ch;line-height:1.5}.pr-progress{display:flex;align-items:center;gap:14px}.pr-ring{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent) calc(var(--pct) * 1%),var(--surface-3) 0)}.pr-ring:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--bg)}.pr-ring span{position:relative;font-size:14px;font-weight:700;font-family:var(--font-mono)}.pr-progress-meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-mute)}.pr-progress-meta strong{color:var(--text)}.pr-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);margin-top:12px}.pr-thead{display:flex;align-items:center;padding:11px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mute);border-bottom:1px solid var(--border);background:var(--surface-2)}.pr-tr{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background .12s ease}.pr-tr:last-child{border-bottom:none}.pr-tr:hover{background:var(--surface-2)}.pr-tr:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}.col-status{width:54px;flex-shrink:0}.col-title{flex:1;min-width:0;display:flex;gap:10px;align-items:baseline}.col-topic{width:200px;flex-shrink:0}.col-diff{width:90px;flex-shrink:0;text-align:right}.pr-num{color:var(--text-mute);font-size:12.5px;font-family:var(--font-mono);flex-shrink:0}.pr-titletext{display:flex;flex-direction:column;gap:2px;min-width:0}.pr-name{font-weight:600;font-size:14px;color:var(--text);letter-spacing:-.2px}.pr-tr:hover .pr-name{color:var(--accent)}.pr-summary{font-size:12px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-diff{font-weight:600;font-size:13px}.role-diff.d-easy{color:var(--ok)}.role-diff.d-medium{color:var(--warn)}.role-diff.d-hard{color:var(--crit)}.check{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700}.check.solved{color:var(--ok);background:#35c98824}.check.attempted{color:var(--warn);background:#f6b23c24}.check.none{width:9px;height:9px;border:1.5px solid var(--border-strong);border-radius:50%}.pr-empty{padding:44px;text-align:center;color:var(--text-mute)}.pd{max-width:860px;margin:0 auto;padding:26px 24px 72px;animation:fade-in .2s ease}.pd-hero{margin-bottom:18px}.pd-badges{display:flex;gap:8px;align-items:center;margin-bottom:13px;flex-wrap:wrap}.pd-title{font-size:clamp(1.5rem,3.4vw,2.15rem);margin:0 0 10px;letter-spacing:-.5px}.pd-sources{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--text-mute)}.pd-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:22px}.pd-tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:11px 16px;font-size:14px;font-weight:600;color:var(--text-dim);border-radius:0;margin-bottom:-1px}.pd-tab:hover{color:var(--text);background:transparent}.pd-tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-count{font-size:11px;background:var(--surface-3);padding:1px 7px;border-radius:999px;color:var(--text-mute);margin-left:5px}.tab-lock,.tab-unlocked{margin-left:5px;font-size:11px}.tab-unlocked{color:var(--ok)}.pd-panel{animation:fade-in .2s ease}.pd-summary{font-size:15px;line-height:1.68;color:var(--text);margin:0 0 18px}.pd-nextline{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-soft);font-size:13px;color:var(--text-mute);flex-wrap:wrap}.link-btn{background:none;border:none;color:var(--accent);font-weight:600;padding:0}.link-btn:hover{background:none;text-decoration:underline}.solution-gate{text-align:center;max-width:540px;margin:12px auto;padding:32px 26px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);display:block}.solution-gate .gate-icon{font-size:28px}.solution-gate h2{font-size:17px;margin:12px 0 8px}.solution-gate p{font-size:13.5px;line-height:1.6;color:var(--text-dim);margin:0 0 22px}.gate-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.reveal-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1px solid transparent;color:#fff;padding:11px 22px;border-radius:var(--radius-sm);font-weight:600;box-shadow:0 3px 12px var(--accent-soft)}.reveal-btn:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.arch-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;margin-bottom:24px}.arch-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.arch-card-head h2{font-size:14px;margin:0;font-weight:650;letter-spacing:-.2px}.arch-stage{padding:20px;background:radial-gradient(var(--grid-dot) 1.1px,transparent 1.1px) 0 0 / 20px 20px,var(--canvas-bg)}.arch-diagram{width:100%;height:auto;max-height:360px;display:block}.arch-caption{margin:0;padding:13px 16px;font-size:12.5px;line-height:1.55;color:var(--text-dim);border-top:1px solid var(--border);background:var(--surface-2)}.arch-box{fill:var(--surface-2);stroke:var(--border);stroke-width:1.4}.arch-label{fill:var(--text);font-family:var(--font-ui);font-size:12.5px;font-weight:600}.arch-link{fill:none;stroke:var(--border-strong);stroke-width:2}.arch-packet{filter:drop-shadow(0 0 4px var(--packet-glow))}.primary-btn.sm{padding:7px 13px;font-size:12.5px}.sol-h3{display:flex;align-items:center;font-size:14px;font-weight:650;text-transform:none;letter-spacing:-.2px;color:var(--text);margin:0 0 11px}.sol-n{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;margin-right:8px;border:1px solid var(--accent-border)}.hint-n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);font-size:12px;font-weight:700;font-family:var(--font-ui);flex-shrink:0;padding-top:0}.ghost-btn.is-solved{color:var(--ok);border-color:#35c98880}.detail-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--border-soft)}@media (max-width: 640px){.col-topic,.pr-summary{display:none}.pr-hero{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.pd,.pd-panel{animation:none}}.solve-shell{display:flex;height:100vh;width:100vw;overflow:hidden}.solve-main{flex:1;min-width:0;height:100vh}.app-shell.in-split{width:auto;height:100%;grid-template-columns:236px 1fr 312px}.problem-panel{width:428px;flex-shrink:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);position:relative}.pp-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.pp-back,.pp-collapse{width:30px;height:30px;padding:0;justify-content:center;background:var(--surface-2);flex-shrink:0}.pp-back:hover,.pp-collapse:hover{background:var(--surface-3);color:var(--accent)}.pp-badges{display:flex;align-items:center;gap:7px;flex:1}.pp-collapse{margin-left:auto}.pp-titlerow{padding:14px 18px 12px;display:flex;flex-direction:column;gap:9px;flex-shrink:0}.pp-title{font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0;line-height:1.25}.pp-titlerow .topic-chip{align-self:flex-start}.pp-tabs{padding:0 18px;margin-bottom:0;flex-shrink:0}.pp-body{flex:1;overflow-y:auto;padding:18px}.pp-summary{font-size:14px;line-height:1.65;color:var(--text);margin:0 0 16px}.pp-callout{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-sm);padding:13px 15px;margin-bottom:14px}.pp-callout strong{font-size:13px;color:var(--accent)}.pp-callout p{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-dim)}.pp-sources{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-mute)}.primary-btn.full,.ghost-btn.full{width:100%;justify-content:center;margin-top:6px}.show-problem-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);padding:6px 11px;font-size:12.5px;font-weight:600;color:var(--text-dim)}.show-problem-btn:hover{color:var(--accent);border-color:var(--accent-border)}.problem-panel .arch-stage{padding:12px}.problem-panel .arch-diagram{max-height:240px}.problem-panel .sol-list li{font-size:12.8px}.problem-panel .sol-approach{font-size:13.5px}.problem-panel .solution-gate{padding:26px 18px;margin:6px 0}@media (max-width: 1180px){.problem-panel{width:380px}.app-shell{grid-template-columns:232px 1fr 300px}.app-shell.in-split{grid-template-columns:210px 1fr 280px}}@media (max-width: 960px){.problem-panel{position:absolute;z-index:30;box-shadow:var(--shadow);width:min(420px,88vw)}.app-shell{grid-template-columns:206px 1fr 268px}.app-shell.in-split{grid-template-columns:236px 1fr 312px}}@media (max-width: 760px){.app-shell{grid-template-columns:190px 1fr}.inspector{position:absolute;right:0;top:58px;bottom:0;z-index:25;width:min(320px,84vw);background:var(--surface);box-shadow:var(--shadow);overflow-y:auto}}.auth-modal{width:min(400px,94vw)}.auth-tabs{display:flex;gap:4px;padding:4px;margin-bottom:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.auth-tabs button{flex:1;padding:8px 12px;font-size:13px;font-weight:600;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-dim);cursor:pointer}.auth-tabs button:hover{background:transparent;color:var(--text);border-color:transparent}.auth-tabs button.active{background:var(--surface-4);color:var(--text)}.auth-error{margin:2px 0 14px;padding:9px 12px;font-size:12.5px;line-height:1.45;border-radius:var(--radius-sm);color:#ff6b6b;background:#ff505017;border:1px solid rgba(255,80,80,.28)}.account-menu{position:relative;display:inline-flex}.account-avatar{width:34px;height:34px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;box-shadow:0 3px 12px var(--accent-soft)}.account-avatar:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:220px;padding:12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 34px #00000047;animation:pop-in .12s ease-out}.account-id{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--border-soft)}.account-id strong{font-size:13.5px;color:var(--text)}.account-id span{font-size:12px;color:var(--text-dim);word-break:break-all}.account-hint{font-size:11.5px;line-height:1.45;color:var(--text-mute);margin:8px 0 10px}.account-signout{width:100%;padding:8px 12px;font-size:12.5px;font-weight:600;text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.account-signout:hover{background:#ff505014;border-color:#ff50504d;color:#ff6b6b}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.insights-panel{position:absolute;top:0;right:0;bottom:0;z-index:8;width:min(340px,82vw);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:-10px 0 34px #0000002e;animation:insights-slide .22s cubic-bezier(.22,1,.36,1)}@keyframes insights-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.insights-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.insights-head h3{margin:0;font-size:14px;font-weight:700;color:var(--text)}.insights-close{width:26px;height:26px;padding:0;border-radius:7px;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:12px}.insights-close:hover{background:var(--surface-3);color:var(--text)}.insights-scroll{overflow-y:auto;padding:4px 0 20px}.insights-section{padding:16px;border-bottom:1px solid var(--border-soft)}.insights-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-mute);margin-bottom:10px}.insights-cost-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.insights-cost-head .insights-label{margin-bottom:0}.insights-total{font-size:26px;font-weight:800;color:var(--text);letter-spacing:-.5px}.insights-total em{font-size:13px;font-weight:600;font-style:normal;color:var(--text-dim);margin-left:2px}.insights-hint{font-size:11px;line-height:1.5;color:var(--text-mute);margin:0 0 14px}.insights-empty{font-size:12px;line-height:1.5;color:var(--text-dim);margin:6px 0 0}.insights-cat-bars{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.insights-cat{display:grid;grid-template-columns:74px 1fr 44px;align-items:center;gap:8px}.insights-cat-name{font-size:10.5px;font-weight:600;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insights-cat-track{height:7px;border-radius:4px;background:var(--surface-3);overflow:hidden}.insights-cat-fill{height:100%;border-radius:4px;min-width:3px}.insights-cat-val{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);text-align:right}.insights-nodes{display:flex;flex-direction:column;gap:2px}.insights-node{display:flex;align-items:center;gap:9px;padding:7px 6px;border-radius:7px}.insights-node:hover{background:var(--surface-2)}.insights-node-icon{flex-shrink:0;display:grid;place-items:center}.insights-node-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.insights-node-label{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insights-node-note{font-size:10.5px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insights-node-cost{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-dim);flex-shrink:0}.insights-verdict{font-size:13px;font-weight:700;padding:9px 12px;border-radius:8px;margin-bottom:12px}.insights-verdict.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 34%,transparent)}.insights-verdict.crit{color:var(--crit);background:color-mix(in srgb,var(--crit) 12%,transparent);border:1px solid color-mix(in srgb,var(--crit) 34%,transparent)}.insights-slo{display:flex;flex-direction:column;gap:8px}.insights-metric{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);border-left-width:3px}.insights-metric.ok{border-left-color:var(--ok)}.insights-metric.warn{border-left-color:var(--warn)}.insights-metric.crit{border-left-color:var(--crit)}.insights-metric-val{grid-row:1 / 3;align-self:center;font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text)}.insights-metric-val em{font-size:12px;font-style:normal;color:var(--text-dim);margin-left:1px}.insights-metric-name{align-self:end;font-size:12px;font-weight:600;color:var(--text)}.insights-metric-budget{font-size:10.5px;color:var(--text-mute)}.insights-autoscale{margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--accent-border)}.insights-autoscale-title{display:block;font-size:11px;font-weight:700;color:var(--accent);margin-bottom:6px}.insights-autoscale-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text);padding:2px 0}.insights-autoscale-count{font-family:var(--font-mono);font-weight:600;color:var(--accent)}@media (prefers-reduced-motion: reduce){.insights-panel{animation:none}}.report-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0000006b;animation:fade-in .15s ease}.report-modal{width:min(880px,96vw);max-height:88vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 70px #0006;animation:pop-in .16s ease-out}.report-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.report-head h2{margin:0;font-size:16px;font-weight:700;color:var(--text)}.report-head-actions{display:flex;align-items:center;gap:8px}.report-close{width:28px;height:28px;padding:0;border-radius:7px;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:12px}.report-close:hover{background:var(--surface-3);color:var(--text)}.ghost-btn.sm{padding:6px 11px;font-size:12px}.report-empty{padding:40px 20px;text-align:center;font-size:13px;color:var(--text-dim)}.report-body{overflow-y:auto;padding:18px 20px 22px}.report-summary{margin-bottom:20px}.report-verdict{font-size:13.5px;font-weight:700;padding:10px 14px;border-radius:9px;margin-bottom:14px}.report-verdict.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 34%,transparent)}.report-verdict.crit{color:var(--crit);background:color-mix(in srgb,var(--crit) 12%,transparent);border:1px solid color-mix(in srgb,var(--crit) 34%,transparent)}.report-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.report-stat{padding:12px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:3px}.report-stat-val{font-family:var(--font-mono);font-size:19px;font-weight:700;color:var(--text)}.report-stat-label{font-size:10.5px;color:var(--text-mute)}.report-section{margin-top:22px}.report-h3{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin:0 0 11px}.report-hint{font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-mute);margin-left:8px}.report-nodes{display:flex;flex-direction:column;gap:4px}.report-node{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border-soft)}.report-node-icon{flex-shrink:0;display:grid;place-items:center}.report-node-label{flex:1;min-width:0;font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-pill{font-family:var(--font-mono);font-size:10.5px;font-weight:600;padding:3px 7px;border-radius:6px;white-space:nowrap;background:var(--surface-3);color:var(--text-dim)}.report-pill.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent)}.report-pill.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.report-pill.crit{color:var(--crit);background:color-mix(in srgb,var(--crit) 14%,transparent)}.report-pill.scale{color:var(--accent);background:var(--accent-soft)}.report-pill.muted{color:var(--text-mute)}.report-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:9px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table thead th{position:sticky;top:0;z-index:1;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-mute);padding:9px 12px;background:var(--surface-2);border-bottom:1px solid var(--border)}.report-table tbody td{padding:7px 12px;border-bottom:1px solid var(--border-soft);color:var(--text-dim);white-space:nowrap}.report-table tbody tr{cursor:pointer}.report-table tbody tr:hover{background:var(--surface-2)}.report-table tbody tr.active{background:var(--accent-soft)}.report-table tbody tr.active td{color:var(--text)}.report-table .mono{font-family:var(--font-mono)}.report-worst em{font-family:var(--font-mono);font-style:normal;color:var(--text-mute);margin-left:4px}.report-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.report-dot.ok{background:var(--ok)}.report-dot.warn{background:var(--warn)}.report-dot.crit{background:var(--crit)}.txt-ok{color:var(--ok)}.txt-warn{color:var(--warn)}.txt-crit{color:var(--crit)}.report-event{display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn);margin-right:4px}@media (max-width: 720px){.report-stats{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.report-overlay,.report-modal{animation:none}}