.cfi-controls{--cfi-silver:#eaf1f5;--cfi-muted:#b6c7d3;--cfi-amber:#edcc85;color:var(--cfi-silver);box-sizing:border-box;background:linear-gradient(145deg,#142635,#081520 75%);border:1px solid #334a5b;border-radius:22px;max-width:800px;margin:28px auto;padding:clamp(18px,3vw,30px);font-family:inherit;overflow:hidden}.cfi-controls *{box-sizing:border-box}.cfi-controls header h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(24px,3.4vw,34px);line-height:1.1}.cfi-controls p{margin:0;line-height:1.55}.cfi-controls header>p:last-child{color:var(--cfi-muted);font-size:15px}.cfi-controls .cfi-controls-kicker{color:var(--cfi-amber);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.cfi-controls-tabs{gap:8px;margin:22px 0 18px;display:flex}.cfi-controls button{font:inherit;cursor:pointer}.cfi-controls-tabs button{min-height:44px;color:var(--cfi-silver);background:#0b1b29;border:1px solid #456071;border-radius:12px;flex:1;font-weight:650}.cfi-controls-tabs button[aria-pressed=true]{background:var(--cfi-silver);color:#0b1b29;border-color:var(--cfi-silver)}.cfi-controls button:focus-visible{outline-offset:4px;outline:3px solid #97d6e5}.cfi-controls-input{border-left:3px solid var(--cfi-amber);background:#0b1a27;border-radius:0 12px 12px 0;padding:14px 16px}.cfi-controls-input>span{color:var(--cfi-muted);margin-bottom:4px;font-size:12px;display:block}.cfi-controls-input>strong{font-size:17px}.cfi-controls-input>p{color:var(--cfi-muted);margin-top:8px;font-size:14px}.cfi-controls .cfi-controls-view{color:var(--cfi-muted);margin:20px 0 4px;font-size:13px}.cfi-controls-svg{width:100%;height:auto;max-height:440px;display:block;overflow:visible}.cfi-controls-svg text{fill:#d6e3ed;font:15px system-ui,sans-serif}.cfi-controls-svg .cfi-controls-small{fill:#b6c7d3;font-size:12px}.cfi-controls-svg .cfi-controls-amber{fill:var(--cfi-amber);font-size:14px;font-weight:650}.cfi-controls-reference{fill:none;stroke:#537084;stroke-width:1px;stroke-dasharray:6 6;opacity:.6}.cfi-controls-motion{fill:none;stroke:var(--cfi-amber);stroke-width:2.5px;stroke-linecap:round}.cfi-controls-axis{fill:#102938;stroke:#97d6e5;stroke-width:2px}.cfi-controls-airframe{transition:transform .4s}.cfi-controls-key{color:var(--cfi-muted);flex-wrap:wrap;gap:8px 16px;margin:4px 0 20px;font-size:11px;display:flex}.cfi-controls-key span{align-items:center;gap:6px;display:flex}.cfi-controls-key i{background:var(--cfi-amber);width:13px;height:3px;display:inline-block}.cfi-controls-key span+span i{background:0 0;border:1px solid #97d6e5;border-radius:50%;width:9px;height:9px}.cfi-controls-reveal{background:var(--cfi-amber);color:#17212b;border:1px solid #b9a273;border-radius:12px;width:100%;min-height:46px;padding:10px 15px;font-weight:700}.cfi-controls-result{background:#0a1723;border-radius:14px;min-height:96px;margin-top:16px;padding:16px}.cfi-controls-result>strong{color:var(--cfi-amber);font-size:13px}.cfi-controls-result h3{letter-spacing:-.02em;margin:6px 0 10px;font-size:21px;line-height:1.2}.cfi-controls-result p{color:#d7e1e8;font-size:15px}.cfi-controls footer{color:#adc0cd;margin-top:16px;font-size:12px;line-height:1.55}.cfi-controls button:hover{filter:brightness(1.07)}@media (prefers-reduced-motion:reduce){.cfi-controls-airframe{transition:none}}@media (width<=400px){.cfi-controls{border-radius:18px;padding:16px}.cfi-controls-svg text{font-size:16px}.cfi-controls-svg .cfi-controls-small{font-size:13px}.cfi-controls-svg .cfi-controls-amber{font-size:15px}.cfi-controls-key{font-size:11px}.cfi-controls-tabs{gap:6px}}