/* Satella desktop · fundo espacial: o céu do planeta Satella atrás do app. O fundo é o próprio azul-marinho da
   paleta (satella-tema.css, a mesma cor); aqui só entram as estrelas, a nebulosa e a galáxia, com cor contida.
   Estrelas em camadas (máscaras SVG em data URI: nada de imagem de fora, a CSP deixa), uma faixa de nebulosa em azul
   acinzentado com um toque de violeta, inclinada como o anel do ícone (-22°), e uma galáxia grande e discreta (no
   app, no canto de baixo à direita e bem apagada; no login, embaixo à esquerda). Só enfeite: fica numa camada fixa
   atrás de tudo (.st-espaco, aria-hidden, sem eventos); cartões, listas, diálogos e a barra lateral seguem com as
   superfícies de sempre. Liga por padrão; data-espaco="off" no <html> desliga (tema.js aplica antes de pintar; o
   menu da conta troca pelo js/espaco.js).
   Movimento: viagem lenta — estrelas de perto e médias deslizando em velocidades diferentes, nebulosa e galáxia
   derivando, três estrelas cintilando e uma estrela cadente rara. Só transform/opacity em camadas compostas (sem
   layout, sem pintura, sem JS por quadro); pausa com a janela oculta ou sem foco (data-espaco-pausa) e some com
   prefers-reduced-motion ou data-motion="reduced".
   O mesmo arquivo vai para a página de download (public/css/, cópia idêntica conferida em teste): lá a camada leva
   .st-espaco-porta e ganha o céu do login (galáxia grande, clareira atrás do texto). */

/* estrelas:inicio — gerado por tools/fundo-espacial/estrelas.mjs (não edite à mão) */
:root {
  /* poeira: 170 estrelas a cada 619×619 px, parada */
  --espaco-ladrilho-poeira: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='619' height='619'%3E%3Cg fill='white'%3E%3Ccircle cx='316.6' cy='327.86' r='0.42' fill-opacity='0.59'/%3E%3Ccircle cx='375.78' cy='364.77' r='0.68' fill-opacity='0.9'/%3E%3Ccircle cx='524.53' cy='332.81' r='0.41' fill-opacity='0.43'/%3E%3Ccircle cx='52.06' cy='328.2' r='0.44' fill-opacity='0.52'/%3E%3Ccircle cx='375.54' cy='279.05' r='0.6' fill-opacity='0.85'/%3E%3Ccircle cx='297.27' cy='520.08' r='0.4' fill-opacity='0.42'/%3E%3Ccircle cx='260.45' cy='413.84' r='0.46' fill-opacity='0.64'/%3E%3Ccircle cx='420.78' cy='101.58' r='0.52' fill-opacity='0.62'/%3E%3Ccircle cx='112.43' cy='172.25' r='0.41' fill-opacity='0.51'/%3E%3Ccircle cx='245.7' cy='234.08' r='0.51' fill-opacity='0.59'/%3E%3Ccircle cx='360.08' cy='81.15' r='0.65' fill-opacity='0.8'/%3E%3Ccircle cx='259.49' cy='520.53' r='0.67' fill-opacity='0.77'/%3E%3Ccircle cx='496.7' cy='474.28' r='0.42' fill-opacity='0.52'/%3E%3Ccircle cx='197.7' cy='384.96' r='0.6' fill-opacity='0.7'/%3E%3Ccircle cx='157.28' cy='37.47' r='0.43' fill-opacity='0.4'/%3E%3Ccircle cx='457.18' cy='602.31' r='0.44' fill-opacity='0.6'/%3E%3Ccircle cx='184.96' cy='92.82' r='0.64' fill-opacity='0.76'/%3E%3Ccircle cx='458.8' cy='215.84' r='0.47' fill-opacity='0.55'/%3E%3Ccircle cx='342.26' cy='356.5' r='0.46' fill-opacity='0.52'/%3E%3Ccircle cx='521.29' cy='90.79' r='0.57' fill-opacity='0.61'/%3E%3Ccircle cx='523.87' cy='505.84' r='0.44' fill-opacity='0.46'/%3E%3Ccircle cx='238.83' cy='18.58' r='0.67' fill-opacity='0.77'/%3E%3Ccircle cx='50.03' cy='518.72' r='0.4' fill-opacity='0.48'/%3E%3Ccircle cx='168.77' cy='310.73' r='0.42' fill-opacity='0.38'/%3E%3Ccircle cx='453.08' cy='57.5' r='0.61' fill-opacity='0.81'/%3E%3Ccircle cx='397.83' cy='30.65' r='0.41' fill-opacity='0.54'/%3E%3Ccircle cx='275.5' cy='392.13' r='0.4' fill-opacity='0.37'/%3E%3Ccircle cx='606.42' cy='265.48' r='0.41' fill-opacity='0.38'/%3E%3Ccircle cx='288.76' cy='219.34' r='0.4' fill-opacity='0.56'/%3E%3Ccircle cx='32.59' cy='452.58' r='0.63' fill-opacity='0.85'/%3E%3Ccircle cx='260.11' cy='468.55' r='0.54' fill-opacity='0.68'/%3E%3Ccircle cx='187.13' cy='343.09' r='0.59' fill-opacity='0.67'/%3E%3Ccircle cx='216.22' cy='519.39' r='0.4' fill-opacity='0.44'/%3E%3Ccircle cx='101.19' cy='75.69' r='0.41' fill-opacity='0.42'/%3E%3Ccircle cx='389.33' cy='385.29' r='0.46' fill-opacity='0.5'/%3E%3Ccircle cx='79.92' cy='229.31' r='0.41' fill-opacity='0.56'/%3E%3Ccircle cx='234.48' cy='577.57' r='0.48' fill-opacity='0.66'/%3E%3Ccircle cx='525.84' cy='389.13' r='0.57' fill-opacity='0.62'/%3E%3Ccircle cx='254.87' cy='566.21' r='0.49' fill-opacity='0.63'/%3E%3Ccircle cx='191.72' cy='318.39' r='0.4' fill-opacity='0.44'/%3E%3Ccircle cx='8.27' cy='542.87' r='0.56' fill-opacity='0.76'/%3E%3Ccircle cx='187.88' cy='253.19' r='0.45' fill-opacity='0.57'/%3E%3Ccircle cx='78.7' cy='51.89' r='0.47' fill-opacity='0.5'/%3E%3Ccircle cx='459.75' cy='336.79' r='0.51' fill-opacity='0.73'/%3E%3Ccircle cx='318.14' cy='66.36' r='0.42' fill-opacity='0.39'/%3E%3Ccircle cx='346.08' cy='384.31' r='0.44' fill-opacity='0.52'/%3E%3Ccircle cx='545.14' cy='592.32' r='0.44' fill-opacity='0.57'/%3E%3Ccircle cx='354.36' cy='301.55' r='0.68' fill-opacity='0.85'/%3E%3Ccircle cx='60.89' cy='402.52' r='0.45' fill-opacity='0.45'/%3E%3Ccircle cx='401.95' cy='613.19' r='0.56' fill-opacity='0.67'/%3E%3Ccircle cx='438.56' cy='85.8' r='0.43' fill-opacity='0.41'/%3E%3Ccircle cx='87.29' cy='399.57' r='0.4' fill-opacity='0.48'/%3E%3Ccircle cx='598.89' cy='213.55' r='0.42' fill-opacity='0.51'/%3E%3Ccircle cx='570.34' cy='233.81' r='0.45' fill-opacity='0.62'/%3E%3Ccircle cx='469.3' cy='403.8' r='0.62' fill-opacity='0.69'/%3E%3Ccircle cx='46.73' cy='178.72' r='0.45' fill-opacity='0.51'/%3E%3Ccircle cx='410.04' cy='304.83' r='0.43' fill-opacity='0.43'/%3E%3Ccircle cx='387.84' cy='141.06' r='0.61' fill-opacity='0.69'/%3E%3Ccircle cx='443.2' cy='196.04' r='0.51' fill-opacity='0.52'/%3E%3Ccircle cx='236.5' cy='114' r='0.49' fill-opacity='0.62'/%3E%3Ccircle cx='503.59' cy='576.22' r='0.57' fill-opacity='0.7'/%3E%3Ccircle cx='463.12' cy='6.09' r='0.48' fill-opacity='0.68'/%3E%3Ccircle cx='351.96' cy='432.26' r='0.41' fill-opacity='0.53'/%3E%3Ccircle cx='307.09' cy='304.11' r='0.46' fill-opacity='0.61'/%3E%3Ccircle cx='103' cy='497.9' r='0.52' fill-opacity='0.69'/%3E%3Ccircle cx='42.05' cy='54.97' r='0.49' fill-opacity='0.63'/%3E%3Ccircle cx='614.5' cy='378.65' r='0.4' fill-opacity='0.42'/%3E%3Ccircle cx='434.51' cy='514.72' r='0.46' fill-opacity='0.59'/%3E%3Ccircle cx='566.13' cy='605.19' r='0.45' fill-opacity='0.58'/%3E%3Ccircle cx='34.03' cy='106.24' r='0.51' fill-opacity='0.66'/%3E%3Ccircle cx='368.4' cy='245.09' r='0.61' fill-opacity='0.65'/%3E%3Ccircle cx='258.82' cy='329.69' r='0.58' fill-opacity='0.77'/%3E%3Ccircle cx='286.56' cy='168.8' r='0.5' fill-opacity='0.63'/%3E%3Ccircle cx='258.78' cy='448.08' r='0.41' fill-opacity='0.41'/%3E%3Ccircle cx='256.67' cy='210.29' r='0.5' fill-opacity='0.53'/%3E%3Ccircle cx='600.86' cy='184.98' r='0.47' fill-opacity='0.54'/%3E%3Ccircle cx='276.14' cy='153.31' r='0.42' fill-opacity='0.4'/%3E%3Ccircle cx='422.31' cy='197.46' r='0.44' fill-opacity='0.58'/%3E%3Ccircle cx='4.72' cy='83.13' r='0.54' fill-opacity='0.74'/%3E%3Ccircle cx='86.16' cy='503.73' r='0.41' fill-opacity='0.4'/%3E%3Ccircle cx='121.53' cy='390.46' r='0.4' fill-opacity='0.48'/%3E%3Ccircle cx='509.08' cy='455.97' r='0.68' fill-opacity='0.89'/%3E%3Ccircle cx='501' cy='64.19' r='0.41' fill-opacity='0.44'/%3E%3Ccircle cx='57.28' cy='459.13' r='0.48' fill-opacity='0.48'/%3E%3Ccircle cx='135.26' cy='72.21' r='0.48' fill-opacity='0.67'/%3E%3Ccircle cx='213.09' cy='62.53' r='0.49' fill-opacity='0.57'/%3E%3Ccircle cx='544.57' cy='394.7' r='0.4' fill-opacity='0.5'/%3E%3Ccircle cx='444.76' cy='357.22' r='0.48' fill-opacity='0.69'/%3E%3Ccircle cx='466.66' cy='436.19' r='0.45' fill-opacity='0.45'/%3E%3Ccircle cx='238.23' cy='471.27' r='0.66' fill-opacity='0.84'/%3E%3Ccircle cx='141.95' cy='128.28' r='0.42' fill-opacity='0.43'/%3E%3Ccircle cx='8.18' cy='348.51' r='0.44' fill-opacity='0.53'/%3E%3Ccircle cx='595.11' cy='533.71' r='0.59' fill-opacity='0.84'/%3E%3Ccircle cx='321.62' cy='540.05' r='0.42' fill-opacity='0.51'/%3E%3Ccircle cx='473.99' cy='157.96' r='0.57' fill-opacity='0.73'/%3E%3Ccircle cx='605.44' cy='88.14' r='0.68' fill-opacity='0.86'/%3E%3Ccircle cx='539.4' cy='292.56' r='0.62' fill-opacity='0.75'/%3E%3Ccircle cx='241.41' cy='286.58' r='0.4' fill-opacity='0.57'/%3E%3Ccircle cx='270.07' cy='63.58' r='0.53' fill-opacity='0.56'/%3E%3Ccircle cx='118.05' cy='61.08' r='0.4' fill-opacity='0.39'/%3E%3Ccircle cx='57.17' cy='577.38' r='0.44' fill-opacity='0.56'/%3E%3Ccircle cx='144.94' cy='575.7' r='0.55' fill-opacity='0.65'/%3E%3Ccircle cx='273.82' cy='236.87' r='0.51' fill-opacity='0.64'/%3E%3Ccircle cx='83.7' cy='552.91' r='0.55' fill-opacity='0.66'/%3E%3Ccircle cx='351.89' cy='336.22' r='0.4' fill-opacity='0.54'/%3E%3Ccircle cx='582.52' cy='187.94' r='0.41' fill-opacity='0.49'/%3E%3Ccircle cx='293.93' cy='252.45' r='0.67' fill-opacity='0.92'/%3E%3Ccircle cx='81.11' cy='148.29' r='0.7' fill-opacity='0.87'/%3E%3Ccircle cx='100.9' cy='133.58' r='0.44' fill-opacity='0.62'/%3E%3Ccircle cx='417.04' cy='234.64' r='0.58' fill-opacity='0.77'/%3E%3Ccircle cx='467.47' cy='568.31' r='0.64' fill-opacity='0.72'/%3E%3Ccircle cx='204.68' cy='438.52' r='0.43' fill-opacity='0.54'/%3E%3Ccircle cx='54.98' cy='83.34' r='0.43' fill-opacity='0.5'/%3E%3Ccircle cx='323.52' cy='421.1' r='0.55' fill-opacity='0.68'/%3E%3Ccircle cx='561.98' cy='84.93' r='0.65' fill-opacity='0.75'/%3E%3Ccircle cx='552.86' cy='237.98' r='0.4' fill-opacity='0.5'/%3E%3Ccircle cx='483.44' cy='595.12' r='0.55' fill-opacity='0.71'/%3E%3Ccircle cx='434.38' cy='33.25' r='0.68' fill-opacity='0.78'/%3E%3Ccircle cx='266.5' cy='584.83' r='0.41' fill-opacity='0.59'/%3E%3Ccircle cx='457.26' cy='78.07' r='0.53' fill-opacity='0.6'/%3E%3Ccircle cx='61.39' cy='106.41' r='0.43' fill-opacity='0.56'/%3E%3Ccircle cx='13.18' cy='581.19' r='0.55' fill-opacity='0.78'/%3E%3Ccircle cx='157.42' cy='401.5' r='0.44' fill-opacity='0.48'/%3E%3Ccircle cx='182.03' cy='201.02' r='0.4' fill-opacity='0.37'/%3E%3Ccircle cx='441.86' cy='465.82' r='0.51' fill-opacity='0.54'/%3E%3Ccircle cx='377.1' cy='600.11' r='0.59' fill-opacity='0.78'/%3E%3Ccircle cx='341.53' cy='498.35' r='0.58' fill-opacity='0.7'/%3E%3Ccircle cx='338.93' cy='243.64' r='0.41' fill-opacity='0.52'/%3E%3Ccircle cx='179.16' cy='554.69' r='0.7' fill-opacity='0.94'/%3E%3Ccircle cx='327.01' cy='119.51' r='0.43' fill-opacity='0.46'/%3E%3Ccircle cx='413.71' cy='174.56' r='0.41' fill-opacity='0.44'/%3E%3Ccircle cx='186.91' cy='63.21' r='0.56' fill-opacity='0.58'/%3E%3Ccircle cx='63.41' cy='352.8' r='0.49' fill-opacity='0.51'/%3E%3Ccircle cx='277.95' cy='125.78' r='0.51' fill-opacity='0.71'/%3E%3Ccircle cx='213.7' cy='215.39' r='0.68' fill-opacity='0.97'/%3E%3Ccircle cx='376.36' cy='7.22' r='0.43' fill-opacity='0.59'/%3E%3Ccircle cx='229.35' cy='341.71' r='0.49' fill-opacity='0.58'/%3E%3Ccircle cx='489.3' cy='437.09' r='0.64' fill-opacity='0.71'/%3E%3Ccircle cx='386.59' cy='103.66' r='0.57' fill-opacity='0.73'/%3E%3Ccircle cx='136.34' cy='524.15' r='0.62' fill-opacity='0.73'/%3E%3Ccircle cx='141.75' cy='495.36' r='0.41' fill-opacity='0.38'/%3E%3Ccircle cx='292.33' cy='6.09' r='0.56' fill-opacity='0.71'/%3E%3Ccircle cx='29.96' cy='21.52' r='0.69' fill-opacity='0.84'/%3E%3Ccircle cx='234.61' cy='310.21' r='0.41' fill-opacity='0.46'/%3E%3Ccircle cx='561.92' cy='153.16' r='0.65' fill-opacity='0.83'/%3E%3Ccircle cx='98.57' cy='22.97' r='0.53' fill-opacity='0.73'/%3E%3Ccircle cx='476.57' cy='245.31' r='0.5' fill-opacity='0.51'/%3E%3Ccircle cx='403.36' cy='409.86' r='0.5' fill-opacity='0.52'/%3E%3Ccircle cx='244.34' cy='434.05' r='0.42' fill-opacity='0.49'/%3E%3Ccircle cx='43.08' cy='391.46' r='0.53' fill-opacity='0.64'/%3E%3Ccircle cx='450.2' cy='123.48' r='0.41' fill-opacity='0.37'/%3E%3Ccircle cx='221.87' cy='132.22' r='0.44' fill-opacity='0.43'/%3E%3Ccircle cx='84.45' cy='318.34' r='0.52' fill-opacity='0.7'/%3E%3Ccircle cx='528.13' cy='544.07' r='0.52' fill-opacity='0.53'/%3E%3Ccircle cx='247.88' cy='343.42' r='0.54' fill-opacity='0.56'/%3E%3Ccircle cx='61.74' cy='20.53' r='0.42' fill-opacity='0.44'/%3E%3Ccircle cx='323.08' cy='386.25' r='0.47' fill-opacity='0.49'/%3E%3Ccircle cx='120.75' cy='270.53' r='0.4' fill-opacity='0.57'/%3E%3Ccircle cx='75.23' cy='432.06' r='0.41' fill-opacity='0.39'/%3E%3Ccircle cx='395.66' cy='162.58' r='0.65' fill-opacity='0.74'/%3E%3Ccircle cx='123.1' cy='149.06' r='0.41' fill-opacity='0.58'/%3E%3Ccircle cx='146.05' cy='10.48' r='0.42' fill-opacity='0.43'/%3E%3Ccircle cx='58.67' cy='38.29' r='0.62' fill-opacity='0.82'/%3E%3Ccircle cx='202.64' cy='597.53' r='0.54' fill-opacity='0.74'/%3E%3Ccircle cx='444.34' cy='440.93' r='0.58' fill-opacity='0.83'/%3E%3Ccircle cx='178.91' cy='413.22' r='0.6' fill-opacity='0.69'/%3E%3Ccircle cx='535.12' cy='159.87' r='0.46' fill-opacity='0.51'/%3E%3Ccircle cx='302.74' cy='27.44' r='0.62' fill-opacity='0.71'/%3E%3Ccircle cx='417.4' cy='435.68' r='0.4' fill-opacity='0.51'/%3E%3Ccircle cx='415.13' cy='325.07' r='0.48' fill-opacity='0.52'/%3E%3C/g%3E%3C/svg%3E");
  --espaco-lado-poeira: 619px;
  /* medias: 60 estrelas a cada 720×720 px, uma volta em 300 s (2.4 px/s) */
  --espaco-ladrilho-medias: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cg fill='white'%3E%3Ccircle cx='69.2' cy='51.77' r='0.68' fill-opacity='0.68'/%3E%3Ccircle cx='454.33' cy='221.11' r='0.66' fill-opacity='0.59'/%3E%3Ccircle cx='234.32' cy='155.99' r='0.67' fill-opacity='0.67'/%3E%3Ccircle cx='368.61' cy='683.75' r='0.7' fill-opacity='0.6'/%3E%3Ccircle cx='592.79' cy='9.38' r='0.9' fill-opacity='0.77'/%3E%3Ccircle cx='509' cy='152.04' r='0.75' fill-opacity='0.61'/%3E%3Ccircle cx='64.58' cy='706.62' r='0.88' fill-opacity='0.76'/%3E%3Ccircle cx='602.37' cy='340.18' r='0.97' fill-opacity='0.81'/%3E%3Ccircle cx='532.3' cy='42.5' r='0.67' fill-opacity='0.51'/%3E%3Ccircle cx='326' cy='470.82' r='0.97' fill-opacity='0.85'/%3E%3Ccircle cx='706.71' cy='155.07' r='0.79' fill-opacity='0.73'/%3E%3Ccircle cx='607' cy='167.35' r='0.96' fill-opacity='0.81'/%3E%3Ccircle cx='139.21' cy='562.15' r='0.92' fill-opacity='0.82'/%3E%3Ccircle cx='115.24' cy='513.71' r='0.6' fill-opacity='0.53'/%3E%3Ccircle cx='268.14' cy='366.19' r='0.65' fill-opacity='0.5'/%3E%3Ccircle cx='678.46' cy='549.28' r='0.6' fill-opacity='0.49'/%3E%3Ccircle cx='641.93' cy='654.91' r='0.73' fill-opacity='0.71'/%3E%3Ccircle cx='464.06' cy='582.48' r='0.96' fill-opacity='0.81'/%3E%3Ccircle cx='581.17' cy='463.74' r='0.87' fill-opacity='0.87'/%3E%3Ccircle cx='230.21' cy='650.76' r='0.68' fill-opacity='0.62'/%3E%3Ccircle cx='148.44' cy='284.55' r='0.92' fill-opacity='0.88'/%3E%3Ccircle cx='575.83' cy='118.08' r='0.83' fill-opacity='0.7'/%3E%3Ccircle cx='488.52' cy='642.92' r='0.62' fill-opacity='0.62'/%3E%3Ccircle cx='418.62' cy='381.52' r='0.76' fill-opacity='0.71'/%3E%3Ccircle cx='539.35' cy='261.49' r='0.61' fill-opacity='0.55'/%3E%3Ccircle cx='211.92' cy='40.59' r='0.71' fill-opacity='0.66'/%3E%3Ccircle cx='465.51' cy='63.84' r='0.63' fill-opacity='0.54'/%3E%3Ccircle cx='413.64' cy='672.28' r='0.72' fill-opacity='0.67'/%3E%3Ccircle cx='396.72' cy='222.31' r='0.73' fill-opacity='0.74'/%3E%3Ccircle cx='52.73' cy='595.97' r='0.85' fill-opacity='0.84'/%3E%3Ccircle cx='525.8' cy='602.19' r='0.6' fill-opacity='0.58'/%3E%3Ccircle cx='453.31' cy='159.05' r='0.64' fill-opacity='0.55'/%3E%3Ccircle cx='299.28' cy='174.37' r='0.72' fill-opacity='0.56'/%3E%3Ccircle cx='171.81' cy='399.82' r='0.74' fill-opacity='0.73'/%3E%3Ccircle cx='713.28' cy='19.26' r='0.71' fill-opacity='0.59'/%3E%3Ccircle cx='506.67' cy='353.83' r='0.78' fill-opacity='0.69'/%3E%3Ccircle cx='416.95' cy='488.49' r='0.6' fill-opacity='0.51'/%3E%3Ccircle cx='446.57' cy='422.65' r='0.68' fill-opacity='0.54'/%3E%3Ccircle cx='504.29' cy='506.86' r='0.71' fill-opacity='0.59'/%3E%3Ccircle cx='150.07' cy='697.06' r='0.61' fill-opacity='0.65'/%3E%3Ccircle cx='106.52' cy='662.29' r='0.84' fill-opacity='0.7'/%3E%3Ccircle cx='115.56' cy='317.64' r='0.72' fill-opacity='0.71'/%3E%3Ccircle cx='48.08' cy='195.09' r='0.61' fill-opacity='0.56'/%3E%3Ccircle cx='107.8' cy='172.26' r='0.75' fill-opacity='0.63'/%3E%3Ccircle cx='384.36' cy='61.59' r='0.92' fill-opacity='0.8'/%3E%3Ccircle cx='354.58' cy='355.07' r='0.64' fill-opacity='0.5'/%3E%3Ccircle cx='432.76' cy='325.5' r='0.63' fill-opacity='0.64'/%3E%3Ccircle cx='15.56' cy='84.09' r='0.74' fill-opacity='0.68'/%3E%3Ccircle cx='655.34' cy='178.61' r='0.66' fill-opacity='0.68'/%3E%3Ccircle cx='566.15' cy='388.41' r='0.79' fill-opacity='0.76'/%3E%3Ccircle cx='385.6' cy='135.72' r='0.73' fill-opacity='0.63'/%3E%3Ccircle cx='90.34' cy='110.83' r='0.6' fill-opacity='0.55'/%3E%3Ccircle cx='591.98' cy='214.35' r='0.6' fill-opacity='0.53'/%3E%3Ccircle cx='475.5' cy='708.51' r='0.84' fill-opacity='0.69'/%3E%3Ccircle cx='381.89' cy='442.32' r='0.62' fill-opacity='0.59'/%3E%3Ccircle cx='138.4' cy='120.32' r='0.6' fill-opacity='0.59'/%3E%3Ccircle cx='427.61' cy='17.37' r='0.64' fill-opacity='0.62'/%3E%3Ccircle cx='671.47' cy='281.91' r='0.65' fill-opacity='0.53'/%3E%3Ccircle cx='626.21' cy='442.49' r='0.8' fill-opacity='0.69'/%3E%3Ccircle cx='323.27' cy='236.2' r='0.65' fill-opacity='0.67'/%3E%3C/g%3E%3C/svg%3E");
  --espaco-lado-medias: 720px;
  /* proximas: 24 estrelas a cada 640×640 px, uma volta em 120 s (5.3 px/s) */
  --espaco-ladrilho-proximas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cg fill='white'%3E%3Ccircle cx='330.34' cy='635.16' r='0.72' fill-opacity='0.63'/%3E%3Ccircle cx='19.68' cy='471.78' r='0.71' fill-opacity='0.63'/%3E%3Ccircle cx='128.51' cy='375.96' r='1.08' fill-opacity='0.95'/%3E%3Ccircle cx='114.93' cy='610.62' r='0.78' fill-opacity='0.76'/%3E%3Ccircle cx='408.16' cy='317.66' r='0.73' fill-opacity='0.6'/%3E%3Ccircle cx='383.19' cy='507' r='0.71' fill-opacity='0.6'/%3E%3Ccircle cx='144.22' cy='475.14' r='0.83' fill-opacity='0.77'/%3E%3Ccircle cx='590.2' cy='562.61' r='0.7' fill-opacity='0.6'/%3E%3Ccircle cx='612.51' cy='147' r='0.93' fill-opacity='0.83'/%3E%3Ccircle cx='72.03' cy='303.82' r='0.83' fill-opacity='0.71'/%3E%3Ccircle cx='303.51' cy='370.31' r='0.77' fill-opacity='0.72'/%3E%3Ccircle cx='618.39' cy='230.71' r='0.8' fill-opacity='0.73'/%3E%3Ccircle cx='231.18' cy='335.14' r='0.8' fill-opacity='0.66'/%3E%3Ccircle cx='444.75' cy='203.59' r='0.75' fill-opacity='0.72'/%3E%3Ccircle cx='17.15' cy='362.35' r='0.7' fill-opacity='0.6'/%3E%3Ccircle cx='198.57' cy='567.81' r='0.7' fill-opacity='0.57'/%3E%3Ccircle cx='326.17' cy='263.63' r='0.72' fill-opacity='0.65'/%3E%3Ccircle cx='501.88' cy='474.75' r='0.8' fill-opacity='0.62'/%3E%3Ccircle cx='76.63' cy='54.8' r='0.73' fill-opacity='0.62'/%3E%3Ccircle cx='508.91' cy='579.19' r='0.76' fill-opacity='0.7'/%3E%3Ccircle cx='76.14' cy='195.12' r='0.7' fill-opacity='0.6'/%3E%3Ccircle cx='231.26' cy='175.46' r='0.93' fill-opacity='0.76'/%3E%3Ccircle cx='246.53' cy='8.29' r='0.71' fill-opacity='0.62'/%3E%3Ccircle cx='172.77' cy='244.17' r='0.72' fill-opacity='0.67'/%3E%3C/g%3E%3C/svg%3E");
  --espaco-lado-proximas: 640px;
  /* quentes: 7 estrelas a cada 1201×1201 px, parada */
  --espaco-ladrilho-quentes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1201' height='1201'%3E%3Cg fill='white'%3E%3Ccircle cx='79.85' cy='984.01' r='0.91' fill-opacity='0.82'/%3E%3Ccircle cx='101.73' cy='639.56' r='0.9' fill-opacity='0.9'/%3E%3Ccircle cx='645.74' cy='1142.68' r='0.71' fill-opacity='0.74'/%3E%3Ccircle cx='880.86' cy='996.11' r='0.97' fill-opacity='0.9'/%3E%3Ccircle cx='270.88' cy='814.31' r='0.71' fill-opacity='0.64'/%3E%3Ccircle cx='520.6' cy='167.92' r='0.73' fill-opacity='0.75'/%3E%3Ccircle cx='213.21' cy='169.9' r='0.7' fill-opacity='0.72'/%3E%3C/g%3E%3C/svg%3E");
  --espaco-lado-quentes: 1201px;
  /* nuvem da nebulosa (1300×720, ruído fractal → transparência) */
  --espaco-nuvem: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1300' height='720'%3E%3Cfilter id='n' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0024 .0042' numOctaves='4' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.15 0 0 0 -0.1'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)'/%3E%3C/svg%3E");
}
.st-espaco-estrelas[data-camada='medias'] { width: calc(100% + 720px); animation: stDerivaMedias 300s linear infinite; }
@keyframes stDerivaMedias { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-720px, 0, 0); } }
.st-espaco-estrelas[data-camada='proximas'] { width: calc(100% + 640px); animation: stDerivaProximas 120s linear infinite; }
@keyframes stDerivaProximas { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-640px, 0, 0); } }
/* estrelas:fim */

/* ---- tokens do céu: escuro (padrão). O fundo é o próprio azul-marinho do app (satella-tema.css, sem mudar a cor);
   aqui só entram as estrelas, a nebulosa e a galáxia, com cor contida (azul acinzentado, um toque de violeta). ---- */
:root {
  --espaco-canvas-rgb: 11, 17, 34;          /* = --bg-app, para os véus translúcidos */
  --espaco-veu-topo: .8;                    /* topo: o céu passa quase apagado */
  --espaco-veu-leitura: .7;                 /* pedido e configuração: texto direto no fundo, céu a 30% */
  --espaco-poeira: rgba(226, 234, 255, .4);
  --espaco-medias: rgba(234, 240, 255, .6);
  --espaco-proximas: rgba(200, 216, 255, .68); /* azul-pálido */
  --espaco-quentes: rgba(255, 224, 188, .56);  /* poucas estrelas mornas: o contraponto do azul */
  --espaco-brilho-rgb: 240, 245, 255;
  --espaco-halo-rgb: 140, 168, 230;
  --espaco-azul-rgb: 92, 112, 168;          /* nebulosa: azul acinzentado */
  --espaco-violeta-rgb: 122, 108, 172;      /* um toque de violeta, dessaturado */
  --espaco-gas-rgb: 132, 164, 190;          /* um fio de gás mais claro no meio da nuvem */
  --espaco-ouro-rgb: 206, 188, 160;         /* bojo morno e apagado da galáxia */
  --espaco-braco-rgb: 128, 146, 192;        /* braços da galáxia */
  --espaco-nucleo-rgb: 238, 230, 216;
  --espaco-luz-rgb: 76, 141, 255;           /* halo atrás do logo do login (= --accent) */
  --espaco-poeira-escura-rgb: 4, 7, 16;     /* faixa de poeira da galáxia */
  --espaco-vinheta: rgba(2, 4, 12, .4);
}

/* ---- tokens do céu: claro (o mesmo desenho, bem mais baixo: pontos cinza-azulados e névoa clara) ---- */
:root[data-theme='light'] {
  --espaco-canvas-rgb: 244, 247, 252;       /* = --bg-app do claro (satella-tema.css) */
  --espaco-veu-topo: .86;
  --espaco-veu-leitura: .5;
  --espaco-poeira: rgba(52, 72, 120, .19);
  --espaco-medias: rgba(52, 72, 120, .23);
  --espaco-proximas: rgba(52, 80, 150, .24);
  --espaco-quentes: rgba(106, 85, 216, .2);
  --espaco-brilho-rgb: 60, 80, 130;
  --espaco-halo-rgb: 168, 188, 240;
  --espaco-azul-rgb: 176, 196, 242;
  --espaco-violeta-rgb: 204, 192, 248;
  --espaco-gas-rgb: 170, 222, 244;
  --espaco-ouro-rgb: 184, 170, 244;
  --espaco-braco-rgb: 168, 186, 236;
  --espaco-nucleo-rgb: 150, 160, 236;
  --espaco-luz-rgb: 29, 91, 216;
  --espaco-vinheta: rgba(0, 0, 0, 0);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) {
    --espaco-canvas-rgb: 244, 247, 252;
    --espaco-veu-topo: .86;
    --espaco-veu-leitura: .5;
    --espaco-poeira: rgba(52, 72, 120, .19);
    --espaco-medias: rgba(52, 72, 120, .23);
    --espaco-proximas: rgba(52, 80, 150, .24);
    --espaco-quentes: rgba(106, 85, 216, .2);
    --espaco-brilho-rgb: 60, 80, 130;
    --espaco-halo-rgb: 168, 188, 240;
    --espaco-azul-rgb: 176, 196, 242;
    --espaco-violeta-rgb: 204, 192, 248;
    --espaco-gas-rgb: 170, 222, 244;
    --espaco-ouro-rgb: 184, 170, 244;
    --espaco-braco-rgb: 168, 186, 236;
    --espaco-nucleo-rgb: 150, 160, 236;
    --espaco-luz-rgb: 29, 91, 216;
    --espaco-vinheta: rgba(0, 0, 0, 0);
  }
}

/* ---- o shell deixa o céu aparecer: o fundo da área principal, o topo (quase opaco) e o login ---- */
:root:not([data-espaco='off']) body,
:root:not([data-espaco='off']) [data-ob-app],
:root:not([data-espaco='off']) #login { background: transparent; }
:root:not([data-espaco='off']) .ob-topbar { background: rgba(var(--espaco-canvas-rgb), var(--espaco-veu-topo)); }
/* Pedido: sem fundo próprio, o céu passa inteiro (pedido do dono). Um halo da cor do fundo em volta das letras segura
   a leitura quando uma estrela ou a galáxia cai atrás do texto (pintado uma vez; não anima). */
:root:not([data-espaco='off']) .ob-task-page { background: transparent; text-shadow: 0 0 3px rgba(var(--espaco-canvas-rgb), .9), 0 0 1px rgba(var(--espaco-canvas-rgb), .9); }
/* Configuração: o texto fica direto no fundo e há muito dele, então o céu passa por um véu. */
:root:not([data-espaco='off']) [data-ob-page='config'] [data-ob-view] { background: rgba(var(--espaco-canvas-rgb), var(--espaco-veu-leitura)); }
/* Avisos translúcidos com texto (st-inline-info, st-warn, aviso do login): o fundo do app volta por baixo da cor, para
   o céu não passar atrás das letras. Ficam com a mesma cor de antes (era essa cor sobre o fundo opaco). */
:root:not([data-espaco='off']) [data-ob-view] .st-inline-info { background: linear-gradient(var(--state-info-bg), var(--state-info-bg)), var(--surface-canvas); }
:root:not([data-espaco='off']) [data-ob-view] .st-warn { background: linear-gradient(var(--state-warning-bg), var(--state-warning-bg)), var(--surface-canvas); }
:root:not([data-espaco='off']) .st-login-aviso { background: linear-gradient(var(--state-hover-bg), var(--state-hover-bg)), var(--surface-canvas); }
/* Desligado: fundo sólido azul-marinho, sem estrelas e sem movimento. */
[data-espaco='off'] .st-espaco { display: none; }

/* ---- a camada ---- */
.st-espaco { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; contain: strict; background: var(--surface-canvas); }
/* No login (e enquanto a sessão abre) o céu cobre o app logo abaixo do #login (z 70): é a porta de entrada, aparece
   inteiro. Os toasts (z 80) seguem por cima. */
#login:not([hidden]) + .st-espaco { z-index: 69; }
.st-espaco > * { position: absolute; }
/* presença no app: um tom abaixo do login, para não competir com o conteúdo */
.st-espaco-nebulosa { opacity: .8; }
.st-espaco-estrelas { opacity: .9; }
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-nebulosa,
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-estrelas { opacity: 1; }

/* ---- movimento: a viagem do satélite ----
   As estrelas de perto passam mais rápido (5,3 px/s), as médias devagar (2,4 px/s) e a poeira do fundo fica parada; a
   nebulosa e a galáxia derivam e giram bem devagar, indo e voltando em curvas suaves (sem tranco). Só transform em
   camadas compostas: nenhum repaint e nenhum JS por quadro. As voltas das estrelas estão no bloco gerado lá em cima
   (andam um ladrilho e recomeçam, sem emenda). espaco.js pausa tudo com a janela oculta ou sem foco. */
.st-espaco-estrelas[data-camada='medias'],
.st-espaco-estrelas[data-camada='proximas'] { right: auto; will-change: transform; -webkit-mask-position: 0 0; mask-position: 0 0; }
.st-espaco-nebulosa { will-change: transform; animation: stDerivaNebulosa 130s ease-in-out infinite alternate; }
.st-espaco-galaxia { will-change: transform; animation: stDerivaGalaxia 170s ease-in-out infinite alternate; }
@keyframes stDerivaNebulosa { from { transform: translate3d(0, 0, 0) rotate(-22deg); } to { transform: translate3d(-80px, 22px, 0) rotate(-19.5deg); } }
@keyframes stDerivaGalaxia { from { transform: translate3d(0, 0, 0) rotate(-22deg); } to { transform: translate3d(-44px, 12px, 0) rotate(-18.5deg); } }
:root[data-espaco-pausa] .st-espaco *, :root[data-espaco-pausa] .st-espaco *::before, :root[data-espaco-pausa] .st-espaco *::after { animation-play-state: paused !important; }

/* nebulosa: uma faixa de nuvens no alto à direita, inclinada como o anel do ícone (-22°), em azul acinzentado com um
   toque de violeta. Tamanho fixo e presa ao canto: redimensionar a janela não pinta de novo (o ruído da nuvem só é
   desenhado uma vez). */
.st-espaco-nebulosa { top: -250px; right: -330px; width: 1300px; height: 720px; transform: rotate(-22deg); -webkit-mask-image: var(--espaco-nuvem); mask-image: var(--espaco-nuvem); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background:
  radial-gradient(12% 16% at 44% 56%, rgba(var(--espaco-gas-rgb), .12), transparent 70%),
  radial-gradient(24% 30% at 34% 60%, rgba(var(--espaco-violeta-rgb), .22), transparent 72%),
  radial-gradient(46% 42% at 50% 50%, rgba(var(--espaco-azul-rgb), .36), rgba(var(--espaco-azul-rgb), .12) 52%, transparent 80%); }
/* brilho difuso por baixo da nuvem: liga a nebulosa ao fundo sem borda */
.st-espaco-nebulosa::before { content: ''; position: absolute; inset: 0; background: radial-gradient(44% 40% at 50% 50%, rgba(var(--espaco-azul-rgb), .09), transparent 82%); }
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-nebulosa { right: calc(50% - 1050px); }

/* galáxia: disco visto quase de lado, inclinado como o anel do ícone (-22°); bojo morno, braços frios e uma faixa de
   poeira escura cruzando o núcleo (o <i> de dentro). Grande e discreta, sempre embaixo à esquerda (na diagonal da
   nebulosa, como no login): no app começa atrás da barra lateral e entra na área principal, bem mais baixa (núcleo
   suave, cor apagada), para não dominar a tela e o texto que passa por cima seguir AA. */
.st-espaco-galaxia { left: 70px; bottom: 4%; width: 900px; height: 196px; border-radius: 50%; opacity: .3; transform: rotate(-22deg); background:
  radial-gradient(closest-side, rgba(var(--espaco-nucleo-rgb), .2), rgba(var(--espaco-ouro-rgb), .1) 24%, rgba(var(--espaco-braco-rgb), .075) 52%, rgba(var(--espaco-braco-rgb), .03) 76%, transparent 100%); }
.st-espaco-galaxia::before { content: ''; position: absolute; inset: -70% -16%; border-radius: 50%; transform: rotate(4deg); background: radial-gradient(closest-side, rgba(var(--espaco-braco-rgb), .05), transparent 100%); }
.st-espaco-galaxia::after { content: ''; position: absolute; left: 38%; top: 31%; width: 24%; height: 38%; border-radius: 50%; background: radial-gradient(closest-side, rgba(var(--espaco-nucleo-rgb), .26), rgba(var(--espaco-nucleo-rgb), .1) 42%, transparent 100%); }
.st-espaco-galaxia > i { position: absolute; z-index: 1; left: 17%; right: 17%; top: 50%; height: 15%; border-radius: 50%; background: rgba(var(--espaco-poeira-escura-rgb), .3); -webkit-mask-image: radial-gradient(closest-side, #000, transparent); mask-image: radial-gradient(closest-side, #000, transparent); }
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-galaxia { left: calc(50% - 900px); bottom: 8%; width: 760px; height: 168px; opacity: .9; }

/* Login: uma clareira em volta do cartão (o céu fica calmo atrás do texto) e a luz do planeta, um halo azul bem
   baixo atrás do logo. Medidas a partir do centro, onde o login fica. A clareira é neutra e a luz é um borrão (blur):
   gradientes coloridos empilhados fazem listras no pontilhado do gradiente. */
.st-espaco-luz { display: none; inset: 0; background: radial-gradient(340px 320px at 50% calc(50% - 40px), rgba(var(--espaco-canvas-rgb), .76), rgba(var(--espaco-canvas-rgb), .46) 58%, transparent 100%); }
.st-espaco-luz::before { content: ''; position: absolute; left: 50%; top: calc(50% - 150px); width: 280px; height: 210px; margin: -105px 0 0 -140px; border-radius: 50%; background: rgba(var(--espaco-luz-rgb), .12); filter: blur(64px); }
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-luz { display: block; }

/* estrelas: o ladrilho é a máscara, a cor vem do tema */
.st-espaco-estrelas { inset: 0; -webkit-mask-repeat: repeat; mask-repeat: repeat; }
.st-espaco-estrelas[data-camada='poeira'] { background: var(--espaco-poeira); -webkit-mask-image: var(--espaco-ladrilho-poeira); mask-image: var(--espaco-ladrilho-poeira); -webkit-mask-size: var(--espaco-lado-poeira); mask-size: var(--espaco-lado-poeira); }
.st-espaco-estrelas[data-camada='medias'] { background: var(--espaco-medias); -webkit-mask-image: var(--espaco-ladrilho-medias); mask-image: var(--espaco-ladrilho-medias); -webkit-mask-size: var(--espaco-lado-medias); mask-size: var(--espaco-lado-medias); }
.st-espaco-estrelas[data-camada='proximas'] { background: var(--espaco-proximas); -webkit-mask-image: var(--espaco-ladrilho-proximas); mask-image: var(--espaco-ladrilho-proximas); -webkit-mask-size: var(--espaco-lado-proximas); mask-size: var(--espaco-lado-proximas); }
.st-espaco-estrelas[data-camada='quentes'] { background: var(--espaco-quentes); -webkit-mask-image: var(--espaco-ladrilho-quentes); mask-image: var(--espaco-ladrilho-quentes); -webkit-mask-size: var(--espaco-lado-quentes); mask-size: var(--espaco-lado-quentes); -webkit-mask-position: 19% 83%; mask-position: 19% 83%; }

/* estrelas de destaque: oito, paradas (bem longe), com halo; três cintilam devagar */
.st-espaco-brilhos { inset: 0; }
.st-espaco-brilhos > i { position: absolute; width: 2px; height: 2px; margin: -1px 0 0 -1px; border-radius: 50%; background: rgb(var(--espaco-brilho-rgb)); box-shadow: 0 0 3px 1px rgba(var(--espaco-brilho-rgb), .26), 0 0 9px 2px rgba(var(--espaco-halo-rgb), .1); opacity: .52; }
.st-espaco-brilhos > i:nth-child(1) { left: 31%; top: 14%; }
.st-espaco-brilhos > i:nth-child(2) { left: 52%; top: 33%; opacity: .38; }
.st-espaco-brilhos > i:nth-child(3) { left: 68%; top: 8%; }
.st-espaco-brilhos > i:nth-child(4) { left: 94%; top: 41%; opacity: .4; }
.st-espaco-brilhos > i:nth-child(5) { left: 41%; top: 76%; }
.st-espaco-brilhos > i:nth-child(6) { left: 81%; top: 61%; opacity: .38; }
.st-espaco-brilhos > i:nth-child(7) { left: 61%; top: 93%; opacity: .42; }
.st-espaco-brilhos > i:nth-child(8) { left: 89%; top: 84%; }
.st-espaco-brilhos > i:nth-child(1) { animation: stCintilar 7.4s ease-in-out -2.1s infinite; }
.st-espaco-brilhos > i:nth-child(5) { animation: stCintilar 9.8s ease-in-out -6.3s infinite; }
.st-espaco-brilhos > i:nth-child(8) { animation: stCintilar 6.1s ease-in-out -4.4s infinite; }
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-brilhos > i { opacity: .76; }
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-brilhos > i:nth-child(2n) { opacity: .56; }
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-brilhos > i:nth-child(1),
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-brilhos > i:nth-child(5),
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-brilhos > i:nth-child(8) { animation-name: stCintilarForte; }
@keyframes stCintilar {
  0%, 100% { opacity: .52; transform: scale(1); }
  46% { opacity: .15; transform: scale(.7); }
  58% { opacity: .64; transform: scale(1.1); }
}
@keyframes stCintilarForte {
  0%, 100% { opacity: .8; transform: scale(1); }
  46% { opacity: .22; transform: scale(.7); }
  58% { opacity: .96; transform: scale(1.15); }
}

/* estrela cadente: rara e curta (no app, uma a cada ~71 s; no login, a cada ~19 s), ~0,9 s no céu */
.st-espaco-cadente { top: 14%; left: 56%; width: 130px; height: 1px; border-radius: 1px; opacity: 0; transform-origin: 100% 50%; background: linear-gradient(90deg, rgba(var(--espaco-brilho-rgb), 0), rgba(var(--espaco-brilho-rgb), .75)); animation: stCadente 71s linear 23s infinite; }
:is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-cadente { animation-name: stCadenteLogin; animation-duration: 19s; animation-delay: 2.5s; }
@keyframes stCadente {
  0%, 98.6% { opacity: 0; transform: rotate(24deg) translateX(0) scaleX(.3); }
  98.9% { opacity: .9; }
  99.9% { opacity: 0; transform: rotate(24deg) translateX(320px) scaleX(1); }
  100% { opacity: 0; transform: rotate(24deg) translateX(320px) scaleX(1); }
}
@keyframes stCadenteLogin {
  0%, 95% { opacity: 0; transform: rotate(24deg) translateX(0) scaleX(.3); }
  95.8% { opacity: 1; }
  99.6% { opacity: 0; transform: rotate(24deg) translateX(320px) scaleX(1); }
  100% { opacity: 0; transform: rotate(24deg) translateX(320px) scaleX(1); }
}

/* vinheta: as bordas um pouco mais fundas, o meio intacto (por cima de tudo, como num céu de verdade) */
.st-espaco-vinheta { inset: 0; background: radial-gradient(130% 110% at 58% 42%, transparent 58%, var(--espaco-vinheta) 100%); }

/* Claro: céu de dia. Pontos finos e uma névoa lisa (sem o ruído da nuvem, que no claro parece mancha); a viagem
   continua, mas sem halo, sem cintilar, sem estrela cadente e sem a faixa de poeira (ponto ou risco escuro piscando
   parece sujeira na tela). A galáxia fica clara e baixa. */
:root[data-theme='light'] .st-espaco-brilhos > i { box-shadow: none; opacity: .22 !important; animation: none; }
:root[data-theme='light'] .st-espaco-cadente,
:root[data-theme='light'] .st-espaco-galaxia > i { display: none; }
:root[data-theme='light'] .st-espaco-nebulosa { -webkit-mask-image: none; mask-image: none; opacity: .72; }
:root[data-theme='light'] .st-espaco-galaxia { opacity: .3; }
:root[data-theme='light'] :is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-nebulosa { opacity: .92; }
:root[data-theme='light'] :is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-galaxia { opacity: .6; }
@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) .st-espaco-brilhos > i { box-shadow: none; opacity: .22 !important; animation: none; }
  :root:not([data-theme='dark']) .st-espaco-cadente,
  :root:not([data-theme='dark']) .st-espaco-galaxia > i { display: none; }
  :root:not([data-theme='dark']) .st-espaco-nebulosa { -webkit-mask-image: none; mask-image: none; opacity: .72; }
  :root:not([data-theme='dark']) .st-espaco-galaxia { opacity: .3; }
  :root:not([data-theme='dark']) :is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-nebulosa { opacity: .92; }
  :root:not([data-theme='dark']) :is(#login:not([hidden]) + .st-espaco, .st-espaco-porta) .st-espaco-galaxia { opacity: .6; }
}

/* sem movimento: o céu fica parado (o * do satella.css só encurta a animação; aqui ela some) */
@media (prefers-reduced-motion: reduce) {
  .st-espaco *, .st-espaco *::before, .st-espaco *::after { animation: none !important; will-change: auto !important; }
  .st-espaco-cadente { display: none; }
}
:root[data-motion='reduced'] .st-espaco *, :root[data-motion='reduced'] .st-espaco *::before, :root[data-motion='reduced'] .st-espaco *::after { will-change: auto !important; }
:root[data-motion='reduced'] .st-espaco-cadente { display: none; }

/* ---- menu da conta: "Fundo espacial" liga/desliga (interruptor no tamanho do menu, em tokens) ---- */
.st-conta-espaco > i { flex: none; font-size: var(--icon-sm); color: var(--state-idle-fg); }
.st-conta-espaco > span:first-of-type { flex: 1; }
.st-conta-switch { position: relative; flex: none; width: calc(var(--space-6) + var(--space-0-5)); height: var(--space-3-5); border-radius: var(--radius-pill); background: var(--ui-control-border); }
.st-conta-switch::after { content: ''; position: absolute; top: var(--space-0-5); left: var(--space-0-5); width: var(--space-2-5); height: var(--space-2-5); border-radius: var(--radius-circle); background: var(--ui-muted); }
.st-conta-espaco[aria-checked='true'] .st-conta-switch { background: var(--action-primary-bg); }
.st-conta-espaco[aria-checked='true'] .st-conta-switch::after { transform: translateX(var(--space-3)); background: var(--action-primary-fg); }