:root{--brand:#e4380d;--fraction:#ffc24b;--ink:#f4efe9;--muted:#a49a93;--bg:#14100f;--panel:#191413;--border:#f4efe91f}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{grid-template-rows:auto 1fr auto;height:100vh;display:grid}#topo{border-bottom:1px solid var(--border);align-items:center;gap:1.2rem;padding:.85rem 1.5rem;display:flex}#topo h1{letter-spacing:.107em;color:var(--ink);align-items:center;gap:.55rem;margin:0;font-size:1rem;font-weight:500;display:flex}#topo h1 img{width:auto;height:1.75rem;display:block}#seletor,#modo{background:var(--panel);color:var(--ink);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.4rem .6rem;font-family:inherit;font-size:.85rem}#seletor:hover,#modo:hover{border-color:var(--brand)}#seletor option,#modo option{background:var(--panel);color:var(--ink)}.so-duas-formas,.so-derivada,.so-colchete,.so-geodesica,.so-holonomia,.so-killing{display:none}body.duas-formas .so-duas-formas,body.derivada .so-derivada,body.colchete .so-colchete,body.geodesica .so-geodesica,body.holonomia .so-holonomia,body.killing .so-killing{display:block}body.duas-formas .derivado,body.duas-formas .morfose,body.derivada .derivado,body.derivada .morfose,body.colchete .derivado,body.derivada .bloco-omega,body.colchete .bloco-omega,body.colchete .bloco-vetor,body.colchete .so-duas-formas,body.holonomia .bloco-omega,body.holonomia .derivado,body.holonomia .morfose{display:none}body.holonomia .so-duas-formas{display:block}.orbita{fill:none;stroke:var(--fraction);stroke-width:2px;stroke-dasharray:7 5;opacity:.85}.vetor-arrastado{stroke:var(--ink);stroke-width:2.6px;opacity:.9}.alca-destino{fill:var(--fraction);stroke:var(--bg);stroke-width:1.5px}.caminho-x{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.caminho-y{fill:none;stroke:#6fb3c9;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.vao{stroke:var(--brand);stroke-width:4.5px;stroke-linecap:round}.laco{fill:none;stroke:#f4efe98c;stroke-width:2px;stroke-dasharray:7 5;stroke-linejoin:round}.traco-geodesico{fill:none;stroke:var(--fraction);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.traco-vizinho{fill:none;stroke:var(--fraction);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.45;stroke-dasharray:6 4}body.geodesica .bloco-omega,body.geodesica .so-duas-formas,body.geodesica .bloco-vetor .derivado,body.geodesica .bloco-vetor .morfose{display:none}.vetor-transportado{stroke:var(--brand);stroke-width:4px;stroke-linecap:round}.ponta-transportada{fill:var(--brand)}.alternativa{color:var(--muted);cursor:pointer;align-items:center;gap:.45rem;margin-top:.5rem;font-size:.8rem;display:flex!important}.alternativa input{accent-color:var(--brand)}#copiar{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;min-width:8.5rem;padding:.4rem .7rem;font-family:inherit;font-size:.78rem}#copiar:hover{color:var(--ink);border-color:var(--brand)}#tutorial{color:var(--muted);white-space:nowrap;border-bottom:1px solid #0000;padding-bottom:1px;font-size:.78rem;text-decoration:none}#tutorial:hover{color:var(--ink);border-bottom-color:var(--brand)}#tutorial:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:2px}body.limpo #modo,body.limpo #copiar,body.limpo #tutorial{display:none}#numeral{align-items:baseline;gap:.7rem;margin-left:auto;display:flex}.numeral-label{color:var(--muted);font-size:1rem}.numeral-value{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:600;line-height:1}.numeral-gloss{color:var(--muted);min-width:12ch;font-size:.85rem}.numeral-gloss .frac{color:var(--fraction)}#paineis{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;min-height:0;display:grid}.painel{background:var(--bg);flex-direction:column;min-height:0;display:flex;position:relative}.painel h2{letter-spacing:.18em;color:var(--muted);margin:0;padding:.5rem 1rem .2rem;font-size:.72rem;font-weight:500}.painel-corpo{flex:1;min-height:0;position:relative}.painel-corpo canvas,.chart-panel{touch-action:none;width:100%;height:100%;display:block}.sem-mergulho{color:var(--muted);margin:0;font-size:.85rem;line-height:1.55;position:absolute;inset:2.5rem 1.5rem auto}.grade{stroke:#f4efe912;stroke-width:1px}.moldura{fill:none;stroke:#f4efe933;stroke-width:1px}.folha{stroke:var(--brand);stroke-width:3px;stroke-linecap:round}.folha-bemol{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.folha-zero{stroke-width:4.5px}.folha-eta{stroke:#6fb3c9;stroke-width:3px;stroke-linecap:round}.celula{stroke:#f4efe980;stroke-width:1.5px;stroke-dasharray:5 4}.vetor-u{stroke:#6fb3c9;stroke-width:3px;stroke-linecap:round}.ponta-u,.alca-u{fill:#6fb3c9}.vetor-inteiro{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.vetor-fracao{stroke:var(--fraction);stroke-width:5px;stroke-linecap:round}.ponta{fill:var(--ink)}.ponta-fracao{fill:var(--fraction)}.alca{fill:#f4efe9d9;stroke:var(--bg);stroke-width:2px;cursor:grab}.alca-ponta{fill:#f4efe980}text.eixo{fill:var(--muted);text-anchor:middle;font-family:inherit;font-size:12px}text.tick{fill:var(--muted);text-anchor:middle;font-family:inherit;font-size:10px}text.tick.fim{text-anchor:end}#controles{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));align-items:start;gap:1rem 1.4rem;max-height:45vh;padding:.85rem 1.5rem 1rem;display:grid;overflow-y:auto}#controles>.bloco:first-child,#controles .nota{grid-column:span 2}.bloco-titulo{letter-spacing:.18em;color:var(--muted);margin-bottom:.5rem;font-size:.68rem;display:block}#campos-metrica{flex-wrap:wrap;gap:.9rem;display:flex}.campo{white-space:nowrap;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.campo>span{min-width:3.4rem}.campo sub,.campo sup{font-size:.75em}#campos-vetor,#campos-omega,#campos-eta{flex-wrap:wrap;gap:.7rem;display:flex}.campo-vetor input{width:5.2rem}.derivado{color:var(--muted);font-variant-numeric:tabular-nums;margin:.45rem 0 0;font-size:.8rem}.derivado b{color:var(--ink);font-weight:500}.morfose{grid-template-columns:3.4rem 1fr;align-items:center;gap:.6rem;margin-top:.45rem;font-size:.82rem;display:grid}.campo input{background:var(--panel);min-width:0;max-width:8.5rem;color:var(--ink);border:1px solid var(--border);border-radius:7px;flex:4rem;padding:.35rem .5rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem}.campo input:focus{outline:1px solid var(--brand);border-color:var(--brand)}#controles label{grid-template-columns:2.4rem 1fr 4.2rem;align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:.85rem;display:grid}input[type=range]{width:100%;accent-color:var(--brand)}.erro,.aviso,.nota{max-width:46ch;margin:.5rem 0 0;font-size:.8rem;line-height:1.5}.erro{color:var(--brand)}.aviso{color:var(--fraction)}.nota{color:var(--muted);align-self:end}body.limpo #seletor,body.limpo #controles,body.limpo .painel h2{display:none}body.limpo #paineis{grid-template-rows:1fr;grid-template-columns:1fr}body.limpo #painel-carta{display:none}body.limpo.sem-mergulho #painel-carta{display:flex}body.limpo.sem-mergulho #painel-mergulho{display:none}body.limpo .numeral-value{font-size:clamp(2.4rem,5.5vw,4rem)}body.limpo .numeral-gloss{min-width:14ch}.nota{max-width:none}@media (width<=820px){#paineis{grid-template-rows:1fr 1fr;grid-template-columns:1fr}#controles>.bloco:first-child{grid-column:span 1}#topo{flex-wrap:wrap;gap:.7rem 1rem}.numeral-value{font-size:1.9rem}}@media (height<=800px){#topo{padding:.55rem 1.5rem}.numeral-value{font-size:1.9rem}#controles{gap:1rem;padding:.6rem 1.5rem .7rem}.bloco-titulo{margin-bottom:.35rem}#controles label{margin-bottom:.25rem}.painel h2{padding:.35rem 1rem .1rem}}