.dot-matrix-loader{gap:var(--cell-padding,1.5px);--color-dot:currentColor;grid-template-columns:repeat(5,1fr);width:fit-content;display:grid}.dot-matrix-dot{width:var(--dot-size,4px);height:var(--dot-size,4px);background-color:var(--color-dot);opacity:.25;will-change:opacity, transform;border-radius:50%;transform:scale(1)translate(0)}.dot-matrix-loader[data-animation=idle] .dot-matrix-dot{opacity:1;background-color:var(--color-dot);animation:none;transform:scale(1)}@keyframes dm-stream-cascade{0%,to{opacity:.15;transform:scale(.6)}15%,45%{opacity:1;transform:scale(1)}}.dot-matrix-loader[data-animation=stream-cascade] .dot-matrix-dot{animation:dm-stream-cascade calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--col) * .12s / var(--speed,1))}@keyframes dm-focus-sweep{0%,to{opacity:.2;transform:scale(.7)}20%,50%{opacity:1;transform:scale(1.1)}}.dot-matrix-loader[data-animation=focus-sweep] .dot-matrix-dot{animation:dm-focus-sweep calc(2.4s / var(--speed,1)) ease-in-out infinite;animation-delay:calc((var(--col) * 80ms + var(--row) * 80ms) / var(--speed,1))}@keyframes dm-layer-echo-up{0%,to,55%{opacity:.2;transform:scale(.7)translateY(3px)}10%,25%{opacity:1;transform:scale(1)translateY(0)}}@keyframes dm-layer-echo-down{0%,45%,to{opacity:.2;transform:scale(.7)translateY(-3px)}60%,75%{opacity:1;transform:scale(1)translateY(0)}}.dot-matrix-loader[data-animation=layer-echo] .dot-matrix-dot{animation:dm-layer-echo-up calc(3s / var(--speed,1)) ease-in-out infinite, dm-layer-echo-down calc(3s / var(--speed,1)) ease-in-out infinite;animation-delay:calc((4 - var(--row)) * .12s / var(--speed,1)), calc((var(--row) * .12s + 50ms) / var(--speed,1))}@keyframes dm-build-rows{0%,to{opacity:.1;transform:scale(.5)}20%,70%{opacity:1;transform:scale(1)}}.dot-matrix-loader[data-animation=build-rows] .dot-matrix-dot{animation:dm-build-rows calc(2.5s / var(--speed,1)) ease-out infinite;animation-delay:calc(var(--row) * .2s / var(--speed,1))}@keyframes dm-beam-scan{0%,to{opacity:.15;transform:scale(.6)translate(-6px)}40%,55%{opacity:1;transform:scale(1)translate(0)}}.dot-matrix-loader[data-animation=beam-scan] .dot-matrix-dot{animation:dm-beam-scan calc(1.8s / var(--speed,1)) ease-in-out infinite;animation-delay:calc((var(--row) * .35s + var(--col) * 60ms) / var(--speed,1))}@keyframes dm-diagonal-probe{0%,to{opacity:.15;transform:scale(.65)}25%,55%{opacity:1;transform:scale(1.05)}}.dot-matrix-loader[data-animation=diagonal-probe] .dot-matrix-dot{animation:dm-diagonal-probe calc(2.2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--diagonal) * 90ms / var(--speed,1))}@keyframes dm-center-gather{0%,to{opacity:.3;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(.4) translate(calc((2 - var(--col)) * 2px), calc((2 - var(--row)) * 2px))}}.dot-matrix-loader[data-animation=center-gather] .dot-matrix-dot{animation:dm-center-gather calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--dist) * 80ms / var(--speed,1))}@keyframes dm-radial-burst{0%,to{opacity:.2;transform:scale(.5)}15%{opacity:1;transform:scale(1.2)}40%{opacity:.3;transform:scale(.8)}}.dot-matrix-loader[data-animation=radial-burst] .dot-matrix-dot{animation:dm-radial-burst calc(2s / var(--speed,1)) ease-out infinite;animation-delay:calc(var(--dist) * .15s / var(--speed,1))}@keyframes dm-corner-fill{0%,to{opacity:.15;transform:scale(.55)}30%,65%{opacity:1;transform:scale(1)}}.dot-matrix-loader[data-animation=corner-fill] .dot-matrix-dot{animation:dm-corner-fill calc(2.4s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--corner-in) * .1s / var(--speed,1))}@keyframes dm-ring-tick-ring{0%,85%,to{opacity:.12;transform:scale(.65)}5%,15%{opacity:1;transform:scale(1.2)}}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot{opacity:.1;animation:dm-ring-tick-ring calc(3s / var(--speed,1)) linear infinite}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:first-child{animation-delay:calc(0s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(2){animation-delay:calc(.15s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(3){animation-delay:calc(.3s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(4){animation-delay:calc(.45s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(5){animation-delay:calc(.6s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(10){animation-delay:calc(.75s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(15){animation-delay:calc(.9s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(20){animation-delay:calc(1.05s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(25){animation-delay:calc(1.2s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(24){animation-delay:calc(1.35s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(23){animation-delay:calc(1.5s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(22){animation-delay:calc(1.65s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(21){animation-delay:calc(1.8s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(16){animation-delay:calc(1.95s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(11){animation-delay:calc(2.1s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(6){animation-delay:calc(2.25s / var(--speed,1))}.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(7),.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(8),.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(9),.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(12),.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(13),.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(14),.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(17),.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(18),.dot-matrix-loader[data-animation=ring-tick] .dot-matrix-dot:nth-child(19){opacity:.05;animation:none}@keyframes dm-corner-trail{0%,to{opacity:.15;transform:scale(.65)}12%,28%{opacity:1;transform:scale(1.15)}}.dot-matrix-loader[data-animation=corner-trail] .dot-matrix-dot:first-child{animation:dm-corner-trail calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(0s / var(--speed,1))}.dot-matrix-loader[data-animation=corner-trail] .dot-matrix-dot:nth-child(5){animation:dm-corner-trail calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.5s / var(--speed,1))}.dot-matrix-loader[data-animation=corner-trail] .dot-matrix-dot:nth-child(25){animation:dm-corner-trail calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(1s / var(--speed,1))}.dot-matrix-loader[data-animation=corner-trail] .dot-matrix-dot:nth-child(21){animation:dm-corner-trail calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(1.5s / var(--speed,1))}.dot-matrix-loader[data-animation=corner-trail] .dot-matrix-dot:not(:first-child):not(:nth-child(5)):not(:nth-child(25)):not(:nth-child(21)){opacity:.12}@keyframes dm-grid-snap{0%,to{opacity:.2;transform:scale(.5)}20%{opacity:.6;transform:scale(.75)}40%{opacity:1;transform:scale(1)}60%{opacity:.6;transform:scale(.75)}}.dot-matrix-loader[data-animation=grid-snap] .dot-matrix-dot{animation:dm-grid-snap calc(1.6s / var(--speed,1)) steps(4, end) infinite;animation-delay:calc(var(--i) * 40ms / var(--speed,1))}@keyframes dm-auth-left{0%,to{opacity:.2;transform:scale(.7)translate(0)}25%,45%{opacity:1;transform:scale(1)translate(3px)}}@keyframes dm-auth-right{0%,to{opacity:.2;transform:scale(.7)translate(0)}55%,75%{opacity:1;transform:scale(1)translate(-3px)}}.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot{animation:dm-auth-left calc(2.4s / var(--speed,1)) ease-in-out infinite}.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:first-child,.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(2),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(6),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(7),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(11),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(12),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(16),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(17),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(21),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(22){animation-name:dm-auth-left;animation-delay:calc(var(--row) * 60ms / var(--speed,1))}.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(4),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(5),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(9),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(10),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(14),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(15),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(19),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(20),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(24),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(25){animation-name:dm-auth-right;animation-delay:calc(var(--row) * 60ms / var(--speed,1))}.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(3),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(8),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(13),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(18),.dot-matrix-loader[data-animation=twin-exchange] .dot-matrix-dot:nth-child(23){animation-name:dm-auth-left;animation-delay:calc(.3s / var(--speed,1));opacity:.5}@keyframes dm-quadrant-wave{0%,to{opacity:.15;transform:scale(.65)}20%,45%{opacity:1;transform:scale(1.05)}}.dot-matrix-loader[data-animation=quadrant-wave] .dot-matrix-dot{animation:dm-quadrant-wave calc(2.8s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--quadrant) * .35s / var(--speed,1))}@keyframes dm-pair-collapse{0%,to{opacity:.2;transform:scale(1) translate(calc((var(--col) - 2) * 1px), calc((var(--row) - 2) * 1px))}50%{opacity:1;transform:scale(.5)translate(0)}}.dot-matrix-loader[data-animation=pair-collapse] .dot-matrix-dot{animation:dm-pair-collapse calc(2.2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--pair-dist) * .12s / var(--speed,1))}@keyframes dm-column-fall{0%{opacity:.15;transform:scale(.6)translateY(-8px)}40%,70%{opacity:1;transform:scale(1)translateY(0)}to{opacity:.2;transform:scale(.7)translateY(4px)}}.dot-matrix-loader[data-animation=column-fall] .dot-matrix-dot{animation:dm-column-fall calc(2s / var(--speed,1)) ease-in infinite;animation-delay:calc((var(--col) * .15s + var(--row) * .1s) / var(--speed,1))}@keyframes dm-settle-scatter{0%{opacity:.1;transform:scale(.3)translate(3px,-3px)}30%{opacity:.5;transform:scale(.8)translate(1px,1px)}60%,to{opacity:1;transform:scale(1)translate(0)}}.dot-matrix-loader[data-animation=settle-scatter] .dot-matrix-dot{animation:dm-settle-scatter calc(2.5s / var(--speed,1)) ease-out infinite;animation-delay:calc((var(--i) * 70ms + var(--col) * 40ms) / var(--speed,1))}@keyframes dm-chaos-flicker-a{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}@keyframes dm-chaos-flicker-b{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.1;transform:scale(.5)}}.dot-matrix-loader[data-animation=chaos-flicker] .dot-matrix-dot:nth-child(odd){animation:dm-chaos-flicker-a calc(.8s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--i) * 50ms / var(--speed,1))}.dot-matrix-loader[data-animation=chaos-flicker] .dot-matrix-dot:nth-child(2n){animation:dm-chaos-flicker-b calc(1.1s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--i) * 70ms / var(--speed,1))}@keyframes dm-bucket-wave{0%,to{opacity:.15;transform:scaleY(.3)}30%,60%{opacity:1;transform:scaleY(1)}}.dot-matrix-loader[data-animation=bucket-wave] .dot-matrix-dot{animation:dm-bucket-wave calc(2.4s / var(--speed,1)) ease-in-out infinite;animation-delay:calc((4 - var(--row)) * .18s / var(--speed,1));transform-origin:bottom}@keyframes dm-stagger-pulse{0%,to{opacity:.2;transform:scale(.7)}5%,12%{opacity:1;transform:scale(1.1)}}.dot-matrix-loader[data-animation=stagger-pulse] .dot-matrix-dot{animation:dm-stagger-pulse calc(6s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--i) * 20ms / var(--speed,1))}@keyframes dm-spiral-arms{0%,to{opacity:.2;transform:scale(.65)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(180deg)}}.dot-matrix-loader[data-animation=spiral-arms] .dot-matrix-dot{animation:dm-spiral-arms calc(2.5s / var(--speed,1)) ease-in-out infinite;animation-delay:calc((var(--dist) * .2s + var(--col) * 80ms) / var(--speed,1))}@keyframes dm-sweep-beam{0%,to{opacity:.1;transform:scale(.6)}15%,35%{opacity:1;transform:scale(1.2)}}.dot-matrix-loader[data-animation=sweep-beam] .dot-matrix-dot{animation:dm-sweep-beam calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--anti-diag) * .1s / var(--speed,1))}@keyframes dm-diagonal-flow{0%,to{opacity:.25;transform:translate(0)scale(.85)}50%{opacity:1;transform:translate(2px,2px)scale(1)}}.dot-matrix-loader[data-animation=diagonal-flow] .dot-matrix-dot{animation:dm-diagonal-flow calc(2.2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--diagonal) * 80ms / var(--speed,1))}@keyframes dm-ring-breathe{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.dot-matrix-loader[data-animation=ring-breathe] .dot-matrix-dot{animation:dm-ring-breathe calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--dist) * .25s / var(--speed,1))}@keyframes dm-cardinal-spin{0%,to{opacity:.15;transform:scale(.6)}25%,50%{opacity:1;transform:scale(1.2)}}.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:nth-child(3),.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:nth-child(11),.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:nth-child(15),.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:nth-child(23){animation:dm-cardinal-spin calc(2s / var(--speed,1)) ease-in-out infinite}.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:nth-child(3){animation-delay:calc(0s / var(--speed,1))}.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:nth-child(15){animation-delay:calc(.5s / var(--speed,1))}.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:nth-child(23){animation-delay:calc(1s / var(--speed,1))}.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:nth-child(11){animation-delay:calc(1.5s / var(--speed,1))}.dot-matrix-loader[data-animation=cardinal-spin] .dot-matrix-dot:not(:nth-child(3)):not(:nth-child(11)):not(:nth-child(15)):not(:nth-child(23)){opacity:.1}@keyframes dm-corner-unfurl{0%,to{opacity:.1;transform:scale(.4)}40%,70%{opacity:1;transform:scale(1)}}.dot-matrix-loader[data-animation=corner-unfurl] .dot-matrix-dot{animation:dm-corner-unfurl calc(2.4s / var(--speed,1)) ease-out infinite;animation-delay:calc(var(--corner-in) * .12s / var(--speed,1))}@keyframes dm-double-beat{0%,to{opacity:.25;transform:scale(.85)}8%{opacity:1;transform:scale(1.15)}16%{opacity:.4;transform:scale(.9)}24%{opacity:1;transform:scale(1.1)}36%{opacity:.25;transform:scale(.85)}}.dot-matrix-loader[data-animation=double-beat] .dot-matrix-dot{animation:dm-double-beat calc(1.4s / var(--speed,1)) ease-in-out infinite}@keyframes dm-inner-sparkle{0%,to{opacity:.15;transform:scale(.5)}30%,55%{opacity:1;transform:scale(1.2)}}.dot-matrix-loader[data-animation=inner-sparkle] .dot-matrix-dot{animation:dm-inner-sparkle calc(2s / var(--speed,1)) ease-out infinite;animation-delay:calc(var(--dist) * .2s / var(--speed,1))}@keyframes dm-cross-snap{0%,to{opacity:.15;transform:scale(.65)}50%{opacity:1;transform:scale(1.15)}}.dot-matrix-loader[data-animation=cross-snap] .dot-matrix-dot:nth-child(3),.dot-matrix-loader[data-animation=cross-snap] .dot-matrix-dot:nth-child(8),.dot-matrix-loader[data-animation=cross-snap] .dot-matrix-dot:nth-child(11),.dot-matrix-loader[data-animation=cross-snap] .dot-matrix-dot:nth-child(12),.dot-matrix-loader[data-animation=cross-snap] .dot-matrix-dot:nth-child(13),.dot-matrix-loader[data-animation=cross-snap] .dot-matrix-dot:nth-child(18),.dot-matrix-loader[data-animation=cross-snap] .dot-matrix-dot:nth-child(23){animation:dm-cross-snap calc(1.6s / var(--speed,1)) ease-in-out infinite}.dot-matrix-loader[data-animation=cross-snap] .dot-matrix-dot:not(:nth-child(3)):not(:nth-child(8)):not(:nth-child(11)):not(:nth-child(12)):not(:nth-child(13)):not(:nth-child(18)):not(:nth-child(23)){opacity:.1}@keyframes dm-crystal-fold{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot{animation:dm-crystal-fold calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--dist) * .12s / var(--speed,1))}.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:first-child,.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(5),.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(21),.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(25){animation-delay:calc(0s / var(--speed,1))}.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(3),.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(11),.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(15),.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(23){animation-delay:calc(.25s / var(--speed,1))}.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(7),.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(17),.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(19){animation-delay:calc(.5s / var(--speed,1))}.dot-matrix-loader[data-animation=crystal-fold] .dot-matrix-dot:nth-child(13){animation-delay:calc(.75s / var(--speed,1))}@keyframes dm-petal-open{0%,to{opacity:.15;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}}.dot-matrix-loader[data-animation=petal-open] .dot-matrix-dot{animation:dm-petal-open calc(2.2s / var(--speed,1)) ease-out infinite;animation-delay:calc(var(--dist) * .18s / var(--speed,1))}@keyframes dm-column-wave{0%,to{opacity:.3;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1.4)}}.dot-matrix-loader[data-animation=column-wave] .dot-matrix-dot{animation:dm-column-wave calc(1.2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--col) * .1s / var(--speed,1));transform-origin:bottom}@keyframes dm-paired-chase-a{0%,to{opacity:.2;transform:scale(.7)translateY(4px)}50%{opacity:1;transform:scale(1.1)translateY(-4px)}}@keyframes dm-paired-chase-b{0%,to{opacity:.2;transform:scale(.7)translateY(-4px)}50%{opacity:1;transform:scale(1.1)translateY(4px)}}.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(2),.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(7),.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(12),.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(17),.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(22){animation:dm-paired-chase-a calc(1.8s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--row) * .12s / var(--speed,1))}.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(4),.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(9),.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(14),.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(19),.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:nth-child(24){animation:dm-paired-chase-b calc(1.8s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--row) * .12s / var(--speed,1))}.dot-matrix-loader[data-animation=paired-chase] .dot-matrix-dot:not(:nth-child(2)):not(:nth-child(7)):not(:nth-child(12)):not(:nth-child(17)):not(:nth-child(22)):not(:nth-child(4)):not(:nth-child(9)):not(:nth-child(14)):not(:nth-child(19)):not(:nth-child(24)){opacity:.08}@keyframes dm-stepped-ring{0%,to{opacity:.15;transform:scale(.5)}20%{opacity:.5;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}.dot-matrix-loader[data-animation=stepped-ring] .dot-matrix-dot{animation:dm-stepped-ring calc(2s / var(--speed,1)) steps(3, end) infinite;animation-delay:calc(var(--dist) * .3s / var(--speed,1))}@keyframes dm-zigzag-trail{0%,to{opacity:.12;transform:scale(.55)}10%,30%{opacity:1;transform:scale(1.15)}}.dot-matrix-loader[data-animation=zigzag-trail] .dot-matrix-dot{animation:dm-zigzag-trail calc(2.5s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--snake) * 80ms / var(--speed,1))}@keyframes dm-ring-expand{0%,to{opacity:.15;transform:scale(.6)}20%{opacity:1;transform:scale(1.25)}40%{opacity:.3;transform:scale(.85)}}.dot-matrix-loader[data-animation=ring-expand] .dot-matrix-dot{animation:dm-ring-expand calc(2.4s / var(--speed,1)) ease-out infinite;animation-delay:calc(var(--dist) * .25s / var(--speed,1))}@keyframes dm-star-twinkle{0%,to{opacity:.08;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:first-child{animation:dm-star-twinkle calc(2.3s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.1s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(4){animation:dm-star-twinkle calc(1.7s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.4s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(7){animation:dm-star-twinkle calc(2.8s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.2s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(9){animation:dm-star-twinkle calc(1.5s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.7s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(11){animation:dm-star-twinkle calc(2.1s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.55s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(13){animation:dm-star-twinkle calc(1.9s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.15s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(15){animation:dm-star-twinkle calc(2.5s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.85s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(17){animation:dm-star-twinkle calc(1.6s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.35s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(19){animation:dm-star-twinkle calc(2.4s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.65s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(21){animation:dm-star-twinkle calc(1.8s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.45s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(23){animation:dm-star-twinkle calc(2.2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.25s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(25){animation:dm-star-twinkle calc(1.4s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.75s / var(--speed,1))}.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(3),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(5),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(6),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(8),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(10),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(12),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(14),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(16),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(18),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(20),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(22),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(24),.dot-matrix-loader[data-animation=star-twinkle] .dot-matrix-dot:nth-child(2){animation:dm-star-twinkle calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--i) * .11s / var(--speed,1))}@keyframes dm-mesh-edge{0%,to{opacity:.15;transform:scale(.65)}50%{opacity:.9;transform:scale(1)}}.dot-matrix-loader[data-animation=link-pulse] .dot-matrix-dot:nth-child(13){opacity:1;transform:scale(1.1)}.dot-matrix-loader[data-animation=link-pulse] .dot-matrix-dot:not(:nth-child(13)){animation:dm-mesh-edge calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--dist) * .2s / var(--speed,1))}@keyframes dm-tool-phase{0%,to{opacity:.15;transform:scale(.65)}20%,40%{opacity:1;transform:scale(1.1)}}.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:first-child,.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(2),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(6),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(7),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(11),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(12),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(16),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(17),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(21),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(22){animation:dm-tool-phase calc(2.4s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(0s / var(--speed,1))}.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(3),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(8),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(13),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(18),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(23){animation:dm-tool-phase calc(2.4s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.5s / var(--speed,1))}.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(4),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(5),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(9),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(10),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(14),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(15),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(19),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(20),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(24),.dot-matrix-loader[data-animation=three-phase] .dot-matrix-dot:nth-child(25){animation:dm-tool-phase calc(2.4s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(1s / var(--speed,1))}@keyframes dm-scan-converge{0%,to{opacity:.15;transform:scale(.6)}25%{opacity:1;transform:scale(1.15)}50%{opacity:.4;transform:scale(.8)}75%{opacity:1;transform:scale(.5) translate(calc((2 - var(--col)) * 1.5px), calc((2 - var(--row)) * 1.5px))}}.dot-matrix-loader[data-animation=scan-converge] .dot-matrix-dot{animation:dm-scan-converge calc(3s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--dist) * .2s / var(--speed,1))}@keyframes dm-center-breathe-center{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}@keyframes dm-center-breathe-jitter{0%,to{opacity:.15;transform:scale(.6)translate(0)}25%{opacity:.7;transform:scale(.85)translate(1px,-1px)}50%{opacity:.3;transform:scale(.7)translate(-1px,1px)}75%{opacity:.6;transform:scale(.8)translate(1px,1px)}}.dot-matrix-loader[data-animation=center-breathe] .dot-matrix-dot:nth-child(13){animation:dm-center-breathe-center calc(1.2s / var(--speed,1)) ease-in-out infinite}.dot-matrix-loader[data-animation=center-breathe] .dot-matrix-dot:not(:nth-child(13)){animation:dm-center-breathe-jitter calc(.9s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--i) * 60ms / var(--speed,1))}@keyframes dm-mcp-left{0%,to{opacity:.2;transform:scale(.7)translate(0)}40%,60%{opacity:1;transform:scale(1)translate(4px)}}@keyframes dm-mcp-right{0%,to{opacity:.2;transform:scale(.7)translate(0)}40%,60%{opacity:1;transform:scale(1)translate(-4px)}}.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:first-child,.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(6),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(11),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(16),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(21),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(2),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(7),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(12),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(17),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(22){animation:dm-mcp-left calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--row) * 50ms / var(--speed,1))}.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(5),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(10),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(15),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(20),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(25),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(4),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(9),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(14),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(19),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(24){animation:dm-mcp-right calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--row) * 50ms / var(--speed,1))}.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(3),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(8),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(13),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(18),.dot-matrix-loader[data-animation=side-echo] .dot-matrix-dot:nth-child(23){animation:dm-mcp-left calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(.35s / var(--speed,1));opacity:.6}@keyframes dm-scanline-lock{0%,to{opacity:.12;transform:scale(.6)}20%,45%{opacity:1;transform:scale(1.1)}}.dot-matrix-loader[data-animation=scanline-lock] .dot-matrix-dot{animation:dm-scanline-lock calc(2s / var(--speed,1)) ease-in-out infinite;animation-delay:calc(var(--row) * .2s / var(--speed,1))}@media (prefers-reduced-motion:reduce){.dot-matrix-loader[data-animation] .dot-matrix-dot{opacity:.5;transform:scale(1);animation:none!important}.dot-matrix-loader[data-animation]{animation:2.5s ease-in-out infinite dm-reduced-pulse}}@keyframes dm-reduced-pulse{0%,to{opacity:1}50%{opacity:.45}}:root{--font-sans:"Space Grotesk", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--bg-base:#f1f3f4;--bg-raised:#dee1e6;--bg-surface:#fff;--bg-hover:#e8eaed;--bg-active:#fff;--bg-elevated:#fff;--text-primary:#5f6368;--text-secondary:#80868b;--text-muted:#9aa0a6;--border-subtle:#dee1e6;--color-dot:#80868b}:root[data-theme=dark]{--bg-base:#202124;--bg-raised:#202124;--bg-surface:#323639;--bg-hover:#3c4043;--bg-active:#3c4043;--bg-elevated:#202124;--text-primary:#9aa0a6;--text-secondary:#80868b;--text-muted:#5f6368;--border-subtle:#3c4043;--color-dot:#5f6368}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg-base:#f1f3f4;--bg-raised:#dee1e6;--bg-surface:#fff;--bg-hover:#e8eaed;--bg-active:#fff;--bg-elevated:#fff;--text-primary:#5f6368;--text-secondary:#80868b;--text-muted:#9aa0a6;--border-subtle:#dee1e6;--color-dot:#80868b}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-base:#202124;--bg-raised:#202124;--bg-surface:#323639;--bg-hover:#3c4043;--bg-active:#3c4043;--bg-elevated:#202124;--text-primary:#9aa0a6;--text-secondary:#80868b;--text-muted:#5f6368;--border-subtle:#3c4043;--color-dot:#5f6368}}*{box-sizing:border-box}html,body,#root{height:100%}body{min-width:320px;color:var(--text-primary);background:var(--bg-base);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:var(--text-primary);background:var(--bg-active);border-radius:var(--radius-sm);transition:transform .16s var(--ease-out);border:0;padding:.65rem .9rem}button:active{transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.45}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled){background:var(--bg-hover)}}.btnPrimary{background:var(--bg-active);color:var(--text-primary);font-weight:600}.btnSecondary{background:var(--bg-surface);color:var(--text-secondary)}.btnSmall{padding:.45rem .7rem;font-size:.85rem}.input,.textarea{width:100%;color:var(--text-primary);background:var(--bg-raised);border-radius:var(--radius-sm);border:0;padding:.7rem .8rem}.textarea{resize:vertical;min-height:4.5rem}.muted{color:var(--text-secondary)}.errorText{color:var(--text-primary);opacity:.85}.stack{gap:.65rem;display:grid}.loginScreen{background:var(--bg-base);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.loginCard{background:var(--bg-surface);border-radius:var(--radius-lg);gap:.85rem;width:min(420px,100%);padding:1.5rem;display:grid}.loginBrand{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.85rem}.loginTitle{margin:0;font-size:1.5rem;font-weight:600}.loginSubtitle{color:var(--text-secondary);margin:0}.loginDev{gap:.5rem;display:grid}.workspaceShell{background:var(--bg-base);grid-template-rows:auto auto 1fr;height:100vh;display:grid}.tabRailEmail{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:12rem;font-size:.85rem;overflow:hidden}.workspaceError{color:var(--text-secondary);background:var(--bg-surface);margin:0;padding:.55rem .85rem}.workspaceLoading{place-content:center;justify-items:center;gap:.75rem;height:100%;display:grid}.spinner{border:2px solid var(--bg-hover);border-top-color:var(--text-secondary);border-radius:50%;width:1.25rem;height:1.25rem;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.2s}button{transition:none}}.tabRail{background:0 0;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;padding:.35rem .5rem 0;display:flex}.tabRailProjects{padding-right:.75rem}.tabRailMeta{flex:none;align-items:center;gap:.65rem;display:flex}.tabRailScroll{scrollbar-width:none;flex:1;align-items:stretch;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.tabRailScroll::-webkit-scrollbar{display:none}.tab{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;background:0 0;flex:none;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.9rem;font-weight:400;display:inline-flex}.tab:hover:not(:disabled){background:0 0}.tabActive{color:var(--text-primary);background:0 0;font-weight:500}.tabRailHome{padding:.45rem .55rem}.tabAvatar{background:var(--text-muted);border-radius:50%;flex:none;width:1.35rem;height:1.35rem}.tabSpaceGroup{flex:none;align-items:stretch;gap:.1rem;display:inline-flex}.tabMenu{align-items:center;display:flex;position:relative}.tabMenuTrigger{width:1.5rem;height:1.75rem;color:var(--text-muted);border-radius:var(--radius-sm);place-items:center;padding:0;display:grid}.tabMenuTrigger:hover{color:var(--text-secondary);background:var(--bg-surface)}.tabMenuPanel{z-index:20;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:7rem;padding:.25rem;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 8px 24px #0000001f}.tabMenuItem{text-align:left;width:100%;color:var(--text-primary);border-radius:calc(var(--radius-sm) - 2px);padding:.45rem .6rem}.tabMenuItem:hover{background:var(--bg-surface)}.tabAdd{width:2rem;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;flex:none;place-items:center;padding:0;display:grid}.tabAdd:hover:not(:disabled){background:var(--bg-hover)}.tabSpace{white-space:normal;align-items:flex-start;gap:.5rem;min-height:2.85rem;padding-top:.5rem;padding-bottom:.5rem}.tabSpaceText{text-align:left;gap:.1rem;min-width:0;display:grid}.tabSpaceLabel{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.2;overflow:hidden}.tabSpacePreview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.2;overflow:hidden}.tabSpaceIndicator{color:var(--text-muted);flex:none;margin-top:.15rem}.homeView{place-items:center;min-height:0;padding:2rem;display:grid}.homeViewLabel{margin:0;font-size:.95rem}.statusDot{background:var(--text-muted);border-radius:50%;width:.45rem;height:.45rem}.statusDotReady{background:var(--text-muted)}.statusDotWaking{background:var(--text-secondary)}.statusDotError{background:var(--text-primary)}.statusDotIdle{background:var(--text-muted)}.spaceLayout{background:var(--bg-base);grid-template-columns:240px minmax(0,1fr) 320px;gap:8px;min-height:0;padding:8px;display:grid}.sessionList,.chatPanel,.worktreePanel{background:var(--bg-surface);border-radius:var(--radius-md);flex-direction:column;min-height:0;display:flex}.sessionList{overflow:auto}.sessionListHeader,.chatPanelHeader{padding:.75rem .85rem .35rem}.panelTitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.85rem;font-weight:600}.sessionRow{text-align:left;border-radius:var(--radius-md);background:0 0;gap:.15rem;width:calc(100% - 1rem);margin:0 .5rem .35rem;padding:.65rem .75rem;display:grid}.sessionRowSelected{background:var(--bg-hover)}.sessionRowTitle{font-weight:500}.sessionRowMeta{color:var(--text-secondary);font-size:.78rem}.chatPanelHeader{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chatStatus{color:var(--text-muted);text-transform:lowercase;font-size:.78rem}.chatMessages{flex:1;align-content:start;gap:.55rem;min-height:0;padding:.5rem .85rem;display:grid;overflow:auto}.chatMessage{border-radius:var(--radius-md);background:var(--bg-raised);max-width:85%;padding:.65rem .75rem}.chatMessageUser{background:var(--bg-hover);justify-self:end}.chatMessageAssistant{justify-self:start}.chatMessage p{white-space:pre-wrap;word-break:break-word;margin:0}.chatStreaming{color:var(--text-muted)}.toolCard{border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.65rem;margin-top:.45rem;padding:.45rem .55rem;font-size:.82rem;display:flex}.toolCardTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toolCardStatus{color:var(--text-muted)}.toolCardError{color:var(--text-primary)}.chatComposer{gap:.55rem;padding:.65rem .85rem .85rem;display:grid}.toolActivityList{gap:.35rem;padding:0 .85rem .65rem;display:grid}.toolActivityRow{background:var(--bg-raised);border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:space-between;gap:.65rem;padding:.45rem .55rem;font-size:.8rem;display:flex}.permissionList{gap:.45rem;padding:0 .85rem .65rem;display:grid}.permissionRow{background:var(--bg-raised);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.85rem;display:flex}.permissionActions{gap:.35rem;display:flex}.placeholderPanel{padding:.85rem}.worktreePanel{padding:.85rem;overflow:auto}.worktreePanelHeader{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.worktreePanelMeta{margin-bottom:.5rem}.worktreeBranch,.worktreeSessionLabel{color:var(--text-secondary);font-size:.78rem}.worktreeHint{margin:.35rem 0}.worktreeTree{gap:.5rem;display:grid}.worktreeList{margin:0;padding:0;list-style:none}.worktreeListItem{margin:0}.worktreeRow{text-align:left;border-radius:var(--radius-sm);align-items:center;gap:.35rem;width:100%;padding-top:.25rem;padding-bottom:.25rem;padding-right:.35rem;display:flex}.worktreeRowFile{padding-left:1.25rem}.worktreeBadge{color:var(--text-secondary);margin-left:auto;font-size:.72rem}.worktreePreview{border-radius:var(--radius-sm);background:var(--bg-raised);white-space:pre-wrap;max-height:12rem;margin:0;padding:.65rem;font-size:.75rem;overflow:auto}.placeholderInner{border-radius:var(--radius-md);background:var(--bg-raised);flex:1}.modalBackdrop{z-index:20;background:#000000b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modalCard{background:var(--bg-surface);border-radius:var(--radius-lg);transform-origin:50%;width:min(480px,100%);animation:modalIn .2s var(--ease-out);gap:.75rem;padding:1.25rem;display:grid}@keyframes modalIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.modalCard{animation:none}}.modalTitle{margin:0;font-size:1.1rem}.modalSubtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.modalSection{gap:.55rem;display:grid}.modalSectionTitle{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.modalProjectList{gap:.35rem;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.modalProjectRow{text-align:left;background:var(--bg-raised);border-radius:var(--radius-md);width:100%;color:var(--text-primary);align-items:center;gap:.55rem;padding:.55rem .65rem;display:flex}.modalProjectRowActive{background:var(--bg-hover)}.modalProjectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.modalActions{justify-content:flex-end;gap:.5rem;display:flex}.modalActionsStart{justify-content:flex-start}@media (width<=960px){.spaceLayout{grid-template-rows:auto auto auto;grid-template-columns:1fr}}