.optica.complexos{--o-bg:#08090f;--o-panel:#0f1119;--o-panel-2:#171a26;--o-line:#272b3e;--o-dim:#b3b8d4;--o-faint:#737a9a;--wl:#ff6fb5}.cx-title{font-size:clamp(2.8rem,10vw,7rem);line-height:.95;text-wrap:balance}.cx-title span{background:linear-gradient(90deg,#5fd8ff,#ff6fb5);-webkit-background-clip:text;background-clip:text;color:transparent}.cx-nav{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:1rem 0 0}.cx-nav:before{content:"";position:absolute;left:0;right:0;top:calc(1rem + .95rem);border-top:1px dashed var(--o-line)}.cx-nav a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:2.75rem;padding:0 .5rem .3rem 0;color:var(--o-faint);font-size:.74rem;font-weight:700;line-height:1.25;text-decoration:none}.cx-nav svg{width:1.9rem;height:1.9rem;overflow:visible;flex:none}.cx-nav-ring{fill:var(--o-bg);stroke:color-mix(in srgb,var(--c) 45%,transparent);stroke-width:1.2}.cx-nav-re{stroke:rgba(95,216,255,.55);stroke-width:1.1}.cx-nav-im{stroke:rgba(255,111,181,.45);stroke-width:1.1}.cx-nav-dot{fill:var(--o-bg);stroke:#ff6fb5;stroke-width:1.5}.cx-nav-dot.is-real{stroke:#5fd8ff}.cx-nav a.is-done .cx-nav-dot{fill:#ff6fb5}.cx-nav a.is-done .cx-nav-dot.is-real{fill:#5fd8ff}.cx-nav a.is-done .cx-nav-ring{fill:color-mix(in srgb,var(--c) 16%,var(--o-bg))}.cx-nav-n{font-family:var(--font-display),system-ui,sans-serif;font-size:.72rem;font-weight:800;color:var(--c)}.cx-nav a.is-current{color:var(--o-text)}.cx-nav a.is-current svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--c) 70%,transparent))}.cx-nav a:hover{color:var(--o-text)}.cx-nav a:focus-visible{outline:2px solid var(--c);outline-offset:3px;border-radius:6px}.cx-nav-label{display:none}@media (min-width:820px){.cx-nav-label{display:inline}}.cx-hero{display:grid;background:var(--o-bg)}@media (min-width:960px){.cx-hero{grid-template-columns:minmax(0,1fr) 19rem}}.cx-hero-side{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem 1.2rem;border-top:1px solid var(--o-line)}@media (min-width:960px){.cx-hero-side{border-top:0;border-left:1px solid var(--o-line);justify-content:center}}.cx-hero-hint{font-size:.82rem;color:var(--o-faint);font-weight:600}.cx-hero-delta{font-size:1.1rem;font-weight:700;color:var(--o-dim)}.cx-hero-delta b{font-size:1.45rem}.cx-hero-status{min-height:6.2em;font-size:.9rem;line-height:1.5;color:var(--o-dim)}.cx-space{position:relative;touch-action:pan-y;cursor:grab}.cx-space:active{cursor:grabbing}.cx-eq{display:grid;gap:.35rem;padding:.2rem 0 .6rem}.cx-eq-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .4rem}.cx-eq-term{display:inline-flex;align-items:center;gap:.4rem}.cx-eq-f,.cx-eq-t{font-family:var(--font-display),system-ui,sans-serif;font-weight:800;font-size:1.05rem;color:var(--o-dim);white-space:nowrap}.cx-eq-clean{font-size:.92rem;font-weight:700;color:var(--o-text)}.cx-scrub{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;min-height:2.6rem;padding:0 .85rem;border-radius:9px;border:1px dashed color-mix(in srgb,var(--c,var(--o-dim)) 45%,transparent);background:var(--o-bg);color:var(--c,var(--o-text));font-family:var(--font-display),system-ui,sans-serif;font-variant-numeric:tabular-nums;font-weight:800;font-size:1.05rem;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.cx-scrub:after,.cx-scrub:before{position:absolute;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--o-faint)}.cx-scrub:before{content:"‹";left:.25rem}.cx-scrub:after{content:"›";right:.25rem}.cx-scrub.is-active,.cx-scrub:hover{border-style:solid;border-color:var(--c,var(--wl))}.cx-scrub:focus-visible{outline:2px solid var(--c,var(--wl));outline-offset:2px}.cx-scrub.is-big{min-width:4.4rem;min-height:3rem;font-size:1.4rem}.cx-chips{display:flex;flex-wrap:wrap;gap:.4rem}.cx-chip,.cx-chips .o-btn{min-height:2.5rem}.cx-chip{padding:0 .85rem;border-radius:99px;border:1px solid color-mix(in srgb,var(--c,var(--o-line)) 60%,var(--o-line));background:var(--o-bg);color:var(--c,var(--o-text));font-weight:700;font-size:.85rem;cursor:pointer}.cx-chip.is-on,.cx-chip:hover{border-color:var(--c,var(--wl))}.cx-chip.is-on{background:color-mix(in srgb,var(--c,var(--wl)) 22%,var(--o-bg));color:var(--o-text)}.cx-chip:focus-visible{outline:2px solid var(--c,var(--wl));outline-offset:2px}.cx-chip.is-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;color:var(--o-text)}.cx-cam{display:grid;gap:.5rem}.cx-cam-sliders{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.cx-status{margin:.2rem 0 .6rem;padding:.65rem .85rem;border-left:3px solid var(--c,var(--wl));border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--c,var(--wl)) 8%,var(--o-panel));color:var(--o-text);font-size:.9rem;line-height:1.5}.cx-bench .o-lab-main{padding:.8rem}.cx-rows{padding:.2rem .3rem .6rem}.cx-row,.cx-rows{display:grid;gap:.5rem}.cx-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.cx-swatch{width:.8rem;height:.8rem;border-radius:99px}.cx-input{width:100%;min-width:0;height:2.6rem;padding:0 .75rem;border-radius:10px;border:1px solid var(--o-line);background:var(--o-bg);color:var(--o-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}.cx-input:focus{border-color:var(--wl);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--wl) 35%,transparent)}.cx-input[aria-invalid=true]{border-color:#ff8fab}.cx-row-out{min-width:5.5rem;font-size:.86rem;font-weight:700;color:var(--o-dim);text-align:right}.cx-error{grid-column:2/-1;margin:-.2rem 0 0;font-size:.8rem;color:#ff8fab}.cx-examples{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:0 .3rem .8rem;font-size:.82rem;color:var(--o-faint);font-weight:600}.cx-plane{position:relative}.cx-zoom{position:absolute;right:.6rem;bottom:.6rem;display:flex;gap:4px}.cx-zoom-btn{display:inline-grid;place-items:center;min-width:2.6rem;height:2.6rem;border-radius:10px;border:1px solid var(--o-line);background:color-mix(in srgb,var(--o-bg) 85%,transparent);color:var(--o-text);font-size:1.1rem;font-weight:800;cursor:pointer}.cx-zoom-btn:disabled{opacity:.35;cursor:default}.cx-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem;padding:.2rem .3rem .4rem}.cx-check{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;font-size:.88rem;font-weight:600;color:var(--o-dim);cursor:pointer}.cx-check input{width:1.1rem;height:1.1rem;accent-color:var(--wl)}