.cst-stage{aspect-ratio:1000/640;width:100%;position:relative;overflow-x:clip;container-type:inline-size}@media (min-width:768px){.cst-stage{aspect-ratio:1000/480}}.cst-arcs{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cst-back{z-index:0}.cst-front{z-index:20}.cst-arc{fill:none;stroke:var(--color-fg);stroke-width:1px;vector-effect:non-scaling-stroke}.cst-back .cst-arc{stroke-opacity:.08}.cst-front .cst-arc{stroke-opacity:.18}.cst-dashedArc{stroke-dasharray:3 6}.cst-sun{z-index:20;pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cst-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-brand) 24%, transparent), color-mix(in srgb, var(--color-brand) 9%, transparent) 55%, transparent);width:34cqw;height:34cqw;position:absolute}.cst-four{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-brand);font-size:clamp(44px,13cqw,124px);font-weight:600;line-height:1;position:relative}.cst-node{cursor:pointer;width:40px;height:40px;color:var(--color-fg);will-change:transform, opacity;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.cst-node:focus-visible{outline-offset:-4px;border-radius:50%}.cst-node:hover,.cst-node:focus-visible,.cst-node[aria-pressed=true]{opacity:1!important}.cst-dot{transition:transform .25s var(--ease-out-expo);place-items:center;display:grid}.cst-mark{border:1px solid var(--color-line-strong);background:var(--color-surface);object-fit:cover;border-radius:28%;flex:none;place-items:center;transition:box-shadow .25s,border-color .2s;display:grid}.cst-markMono{font-family:var(--font-display);color:var(--color-fg);font-weight:600;line-height:1}.cst-markBig{border-color:var(--color-line-strong);background:var(--color-bg);border-radius:50%}.cst-hollow .cst-markMono{background:var(--color-bg);color:var(--color-muted);border-radius:50%}.cst-dashed .cst-mark{border-style:dashed}.cst-node:hover .cst-dot,.cst-node:focus-visible .cst-dot{transform:scale(1.12)}.cst-node:hover .cst-mark,.cst-node:focus-visible .cst-mark{border-color:var(--color-fg)}.cst-node[aria-pressed=true] .cst-mark{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-bg), 0 0 0 4.5px var(--color-brand), 0 0 28px color-mix(in srgb, var(--color-brand) 50%, transparent)}.cst-node[aria-pressed=true] .cst-markMono{color:var(--color-brand)}@media (max-width:767px){.cst-dot{transform:scale(.9)}}.cst-label{white-space:nowrap;text-align:center;color:var(--color-fg);font-family:var(--font-sans);flex-direction:column;align-items:center;gap:2px;font-size:12px;line-height:1.2;display:flex;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}.cst-principal .cst-label{font-family:var(--font-display);letter-spacing:-.01em;font-size:13px;font-weight:600}.cst-externa .cst-label{color:var(--color-muted)}.cst-node:hover .cst-label,.cst-node[aria-pressed=true] .cst-label{color:var(--color-fg)}.cst-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:9px}@media (max-width:767px){.cst-label{display:none}}@media (min-width:768px){.cst-principal .cst-label{font-size:16px}.cst-label{font-size:13px}}.cst-panelIn{animation:cst-panel-in .45s var(--ease-out-expo)}.cst-shotImg{animation:cst-shot-in .6s var(--ease-out-expo)}@keyframes cst-panel-in{0%{opacity:0;transform:translateY(8px)}}@keyframes cst-shot-in{0%{opacity:0;transform:scale(1.04)}}.cst-frame{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-brand) 10%, transparent), 0 18px 50px -20px color-mix(in srgb, var(--color-brand) 28%, transparent)}.cst-shine{pointer-events:none;background:linear-gradient(135deg, color-mix(in srgb, var(--color-fg) 8%, transparent), transparent 40%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cst-panelIn,.cst-shotImg{animation:none}}