@import"https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;900&family=Spectral:ital,wght@0,400;0,500;1,400&display=swap";.cl-root{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;color:var(--cl-text);font-family:var(--cl-mono);font-size:13px;-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 78% -10%,rgba(95,227,192,.06),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(230,177,90,.05),transparent 55%),var(--cl-bg);--cat: #5fe3c0;--cat-hi: #eaf1f4;--cat-dim: #2e7d6e;--cat-soft: rgba(95, 227, 192, .12);--cl-bg: #0a0d11;--cl-bg-2: #0c1015;--cl-panel: #11161d;--cl-panel-2: #0e131a;--cl-line: rgba(150, 178, 198, .12);--cl-line-2: rgba(150, 178, 198, .07);--cl-text: #cbd6de;--cl-muted: #7b8893;--cl-muted-2: #5a6671;--cl-amber: #e6b15a;--cl-danger: #e8736b;--cl-disp: "Archivo", "Space Grotesk", system-ui, sans-serif;--cl-serif: "Spectral", Georgia, serif;--cl-mono: "IBM Plex Mono", ui-monospace, monospace}.cl-root:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--cl-line-2) 1px,transparent 1px),linear-gradient(90deg,var(--cl-line-2) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 28%,transparent 90%);mask-image:radial-gradient(circle at 50% 42%,#000 28%,transparent 90%)}.cl-root:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:60;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000006 3px 4px);mix-blend-mode:overlay}.cl-head,.cl-body,.cl-foot{position:relative;z-index:1}.cl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--cl-line);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.cl-brand{display:flex;align-items:center;gap:14px;min-width:0}.cl-mark{width:34px;height:34px;flex:none;color:var(--cat);filter:drop-shadow(0 0 6px rgba(95,227,192,.4))}.cl-brand-txt h1{margin:0;font-family:var(--cl-disp);font-weight:900;font-size:20px;letter-spacing:.32em;color:#eaf1f4;line-height:1}.cl-brand-txt p{margin:4px 0 0;font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--cl-muted)}.cl-tele{display:flex;align-items:center;gap:22px}.cl-tele .stat{display:flex;flex-direction:column;gap:3px}.cl-tele .stat span{font-family:var(--cl-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-muted)}.cl-tele .stat b{font-family:var(--cl-disp);font-weight:700;font-size:16px;letter-spacing:.04em;color:var(--cl-text);line-height:1}.cl-online{display:flex;align-items:center;gap:8px;font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cat)}.cl-online i{width:8px;height:8px;border-radius:50%;background:var(--cat);box-shadow:0 0 8px var(--cat);animation:cl-pulse 1.8s infinite}@keyframes cl-pulse{0%,to{opacity:1}50%{opacity:.25}}.cl-body{flex:1;min-height:0;display:grid;grid-template-columns:312px 1fr 332px}.cl-rail{min-height:0;overflow-y:auto;padding:18px 16px 26px;background:var(--cl-bg-2);scrollbar-width:thin;scrollbar-color:rgba(150,178,198,.16) transparent}.cl-rail.left{border-right:1px solid var(--cl-line)}.cl-rail.right{border-left:1px solid var(--cl-line)}.cl-rail::-webkit-scrollbar{width:9px}.cl-rail::-webkit-scrollbar-thumb{background:#96b2c629;border-radius:9px}.cl-label{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--cl-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--cl-muted-2)}.cl-label:after{content:"";flex:1;height:1px;background:var(--cl-line)}.cl-label.sp{margin-top:26px}.cl-lib{display:flex;flex-direction:column}.cl-spec{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;text-align:left;cursor:pointer;background:var(--cl-panel-2);color:var(--cl-text);border:1px solid var(--cl-line);border-left:2px solid transparent;border-radius:7px;padding:11px 12px;margin-bottom:7px;transition:border-color .15s,background .15s,transform .08s}.cl-spec:hover{background:#141b23;border-color:#96b2c638}.cl-spec:active{transform:translateY(1px)}.cl-spec.active{border-left-color:var(--cat);background:#121b1f;box-shadow:inset 0 0 0 1px #5fe3c01f}.cl-spec .g{flex:none;font-family:var(--cl-disp);font-weight:700;font-size:15px;color:#eaf1f4;letter-spacing:.02em;white-space:nowrap}.cl-spec .g sub{font-size:.62em}.cl-spec .nm{font-family:var(--cl-serif);font-size:13px;color:var(--cl-text);line-height:1.2}.cl-spec .sys{font-family:var(--cl-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cl-muted-2)}.cl-field{margin-bottom:10px}.cl-field label{display:block;margin-bottom:5px;font-family:var(--cl-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cl-muted-2)}.cl-row{display:flex;gap:7px}.cl-row input{flex:1;min-width:0;background:#0a0e12;color:var(--cl-text);border:1px solid var(--cl-line);border-radius:6px;padding:9px 10px;font-family:var(--cl-mono);font-size:12.5px;letter-spacing:.02em}.cl-row input:focus{outline:none;border-color:var(--cat-dim);box-shadow:0 0 0 1px #5fe3c040}.cl-row input::placeholder{color:var(--cl-muted-2)}.cl-go{flex:none;cursor:pointer;background:#5fe3c01a;color:var(--cat);border:1px solid var(--cat-dim);border-radius:6px;padding:0 13px;font-family:var(--cl-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:background .15s}.cl-go:hover{background:#5fe3c033}.cl-go:disabled{opacity:.5;cursor:progress}.cl-hint{margin:6px 0 0;font-family:var(--cl-serif);font-size:11.5px;line-height:1.5;color:var(--cl-muted-2)}.cl-status{margin-top:8px;font-family:var(--cl-mono);font-size:11px;line-height:1.45;letter-spacing:.04em}.cl-status.muted{color:var(--cl-muted)}.cl-status.ok{color:var(--cat)}.cl-status.warn{color:var(--cl-amber)}.cl-status.err{color:var(--cl-danger)}.cl-stage{position:relative;min-width:0;display:flex;flex-direction:column;background:transparent}.cl-viewport{position:relative;flex:1;min-height:0;background:radial-gradient(circle at 50% 42%,rgba(95,227,192,.05),transparent 60%);cursor:grab;transition:background .25s}.cl-viewport:active{cursor:grabbing}.cl-root.light .cl-viewport{background:radial-gradient(circle at 50% 40%,#fff,#e7edf0 70%)}.cl-canvas{display:block;width:100%;height:100%}.cl-corner{position:absolute;top:14px;left:16px;z-index:5;font-family:var(--cl-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl-muted);pointer-events:none}.cl-corner b{color:var(--cat);font-weight:500}.cl-root.light .cl-corner{color:#5a6671}.cl-vp-hint{position:absolute;bottom:14px;right:16px;z-index:5;font-family:var(--cl-mono);font-size:9.5px;letter-spacing:.06em;color:var(--cl-muted-2);pointer-events:none}.cl-vp-hint kbd{color:var(--cl-muted)}.cl-root.light .cl-vp-hint,.cl-root.light .cl-vp-hint kbd{color:#5a6671}.cl-veil{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#080b0fa8;backdrop-filter:blur(2px);font-family:var(--cl-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--cat)}.cl-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:11px 16px;border-top:1px solid var(--cl-line);background:linear-gradient(0deg,rgba(255,255,255,.012),transparent)}.cl-seg{display:flex;border:1px solid var(--cl-line);border-radius:7px;overflow:hidden}.cl-seg button{cursor:pointer;background:transparent;color:var(--cl-muted);border:0;border-right:1px solid var(--cl-line);padding:7px 12px;font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;transition:background .12s,color .12s}.cl-seg button:last-child{border-right:0}.cl-seg button.on{background:#5fe3c01f;color:var(--cat)}.cl-seg button:hover:not(.on){color:var(--cl-text)}.cl-ctl{display:flex;align-items:center;gap:8px;font-family:var(--cl-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-muted)}.cl-ctl select{background:#0a0e12;color:var(--cl-text);border:1px solid var(--cl-line);border-radius:6px;padding:6px 8px;font-family:var(--cl-mono);font-size:11px}.cl-ctl select:disabled{opacity:.4}.cl-tog{cursor:pointer;user-select:none;padding:7px 12px;background:transparent;border:1px solid var(--cl-line);border-radius:7px;color:var(--cl-muted);font-family:var(--cl-mono);font-size:11px;letter-spacing:.02em;transition:.12s}.cl-tog:hover{color:var(--cl-text)}.cl-tog.on{border-color:var(--cat-dim);color:var(--cat);background:#5fe3c014}.cl-formula{font-family:var(--cl-disp);font-weight:900;font-size:34px;color:#eef4f6;letter-spacing:.01em;line-height:1}.cl-formula sub{font-size:.55em}.cl-rname{font-family:var(--cl-serif);font-style:italic;font-size:15px;color:var(--cat);margin-top:6px}.cl-dl{margin:18px 0 0}.cl-dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--cl-line-2)}.cl-dl dt{font-family:var(--cl-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cl-muted-2)}.cl-dl dd{margin:0;text-align:right;font-family:var(--cl-mono);font-size:12.5px;color:var(--cl-text)}.cl-legend{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.cl-chip{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 7px;border:1px solid var(--cl-line);border-radius:20px;font-family:var(--cl-mono);font-size:11px;color:var(--cl-text)}.cl-chip .sw{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px #0006}.cl-chip .el-nm{color:var(--cl-muted-2);margin-left:2px}.cl-muted{color:var(--cl-muted-2);font-family:var(--cl-mono);font-size:12px}.cl-note{margin-top:16px;font-family:var(--cl-serif);font-size:13px;line-height:1.55;color:var(--cl-muted)}.cl-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 22px;border-top:1px solid var(--cl-line);font-family:var(--cl-mono);font-size:10px;letter-spacing:.08em;color:var(--cl-muted-2)}.cl-foot a{color:var(--cl-muted);text-decoration:none;border-bottom:1px dotted var(--cl-muted-2)}.cl-foot a:hover{color:var(--cl-text)}@media(max-width:1080px){.cl-root{position:static;min-height:100vh;overflow:auto}.cl-body{grid-template-columns:1fr}.cl-rail{overflow:visible}.cl-rail.left{border-right:none;border-bottom:1px solid var(--cl-line)}.cl-rail.right{border-left:none;border-top:1px solid var(--cl-line)}.cl-stage{min-height:60vh}}