.loader{padding:var(--s6);place-items:center;display:grid;position:absolute;inset:0}.loader-box{gap:var(--s4);flex-direction:column;align-items:flex-start;width:min(520px,100%);display:flex}.loader-rail{background:#ffffff12;width:100%;height:3px;position:relative;overflow:hidden}.loader-rail i{background:var(--grad-main);height:100%;transition:width var(--d-2) var(--e-out);display:block;position:absolute;inset:0 auto 0 0}.loader-rail i.sweep{width:34%;animation:loader-sweep 1.1s var(--e-in-out) infinite}@keyframes loader-sweep{0%{transform:translate(-110%)}to{transform:translate(400%)}}.loader-pct{font-size:var(--t-sm);color:var(--c-accent)}.loader-tip{max-width:46ch;min-height:3.2em;font-size:var(--t-md);color:var(--c-text-2);animation:tip-in var(--d-3) var(--e-out)}@keyframes tip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.loader-mirror{align-items:center;gap:var(--s3);max-width:46ch;font-size:var(--t-md);color:var(--c-text-2);animation:tip-in var(--d-3) var(--e-out);flex-wrap:wrap;display:flex}.glowfx{--glow-angle:0deg;--glow-on:0;--glow-width:1.5px;border-radius:inherit;pointer-events:none;z-index:3;position:absolute;inset:-1px}.glowfx:after{content:"";border-radius:inherit;padding:var(--glow-width);background:conic-gradient(from var(--glow-angle) at 50% 50%, transparent 0deg, var(--c-rose) calc(var(--glow-spread) * .35), var(--c-accent2) calc(var(--glow-spread) * .7), var(--c-accent-deep) var(--glow-spread), transparent calc(var(--glow-spread) * 1.6));-webkit-mask-composite:xor;opacity:var(--glow-on);transition:opacity var(--d-2) var(--e-soft);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-perf=low] .glowfx{display:none}.chroma{--cx:0;--cy:0;--chroma-shift:2.4px;--chroma-zoom:.08;--chroma-tilt:7deg;isolation:isolate;background:#05050c;display:block;position:relative;overflow:hidden}.chroma-ch{mix-blend-mode:screen;position:absolute;inset:0}.chroma-ch img{object-fit:cover;width:100%;height:100%;transform:translate(var(--tx,0px), var(--ty,0px)) scale(var(--tz,1));transition:transform var(--d-2) var(--e-soft);display:block}.chroma-ch i{mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.chroma-ch.is-r i{background:red}.chroma-ch.is-g i{background:#0f0}.chroma-ch.is-b i{background:#00f}.chroma.is-live{transform:perspective(420px) rotate3d(calc(var(--cy) * -1), var(--cx), 0, var(--chroma-tilt));transition:transform .12s linear}.chroma.is-live .chroma-ch img{--tz:calc(1 + var(--chroma-zoom));transition:transform 90ms linear}.chroma.is-live .chroma-ch.is-r img{--tx:calc(var(--cx) * var(--chroma-shift) * 2);--ty:calc(var(--cy) * var(--chroma-shift) * 2)}.chroma.is-live .chroma-ch.is-b img{--tx:calc(var(--cx) * var(--chroma-shift) * -2);--ty:calc(var(--cy) * var(--chroma-shift) * -2)}[data-perf=low] .chroma.is-live,[data-perf=low] .chroma.is-live .chroma-ch img{transform:none}@media (prefers-reduced-motion:reduce){.chroma.is-live,.chroma.is-live .chroma-ch img{transform:none}}@property --ng-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.noisebg{border-radius:var(--rfull);isolation:isolate;padding:2px;display:inline-flex;position:relative;overflow:hidden}.noisebg-wash,.noisebg-grain{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.noisebg-wash{--ng-angle:0deg;background:conic-gradient(from var(--ng-angle), var(--ng1), var(--ng2), var(--ng3), var(--ng2), var(--ng1));filter:saturate(1.1);animation:9s linear infinite noisebgSpin}.noisebg-grain{mix-blend-mode:overlay;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.noisebg-slot{z-index:1;border-radius:inherit;width:100%;display:flex;position:relative}@keyframes noisebgSpin{to{--ng-angle:360deg}}[data-perf=low] .noisebg-wash{animation:none}[data-perf=low] .noisebg-grain{display:none}@media (prefers-reduced-motion:reduce){.noisebg-wash{animation:none}}.dock{--dock-size:42px;--dock-pad:11px;align-items:flex-end;gap:var(--dock-pad);height:calc(var(--dock-size) + var(--dock-pad) * 2);padding:var(--dock-pad) calc(var(--dock-pad) + 2px);isolation:isolate;display:flex;position:relative}.dock-bg{z-index:-1;border-radius:calc(var(--dock-size) * .55);-webkit-backdrop-filter:blur(18px)saturate(1.05);background:#ffffff0b;border:1px solid #ffffff14;position:absolute;inset:0;box-shadow:0 16px 40px -22px #000000e6,inset 0 1px #ffffff14}.dock-item{--dock-scale:1;width:var(--dock-size);height:var(--dock-size);color:var(--c-text-2);will-change:transform;background:0 0;border:0;flex:none;padding:0;position:relative}.dock-item-shape{width:100%;height:100%;transform:scale(var(--dock-scale));transform-origin:bottom;transition:background var(--d-1), border-color var(--d-1), color var(--d-1);will-change:transform;background:#ffffff12;border:1px solid #ffffff17;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14}.dock-item:hover:not(:disabled) .dock-item-shape{background:#ffffff21;border-color:#ffffff2e}.dock-item:disabled{opacity:.32;cursor:not-allowed}.dock-item-icon{width:46%;height:46%;color:inherit;place-items:center;display:grid}.dock-item-icon svg{width:100%;height:100%;display:block}.dock-item.is-danger{color:var(--c-red)}.dock-item.is-info{color:var(--c-blue)}.dock-item.is-accent{color:var(--c-accent-soft)}.dock-item.is-active{color:#fff}.dock-item.is-active .dock-item-shape{background:var(--grad-main);border-color:#0000}.dock-item.is-pulse .dock-item-shape{background:color-mix(in srgb, var(--c-accent2) 22%, transparent);border-color:color-mix(in srgb, var(--c-accent2) 50%, transparent);animation:dockPulse 1.7s var(--e-soft) infinite}@keyframes dockPulse{0%{box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 0 color-mix(in srgb, var(--c-accent2) 55%, transparent)}to{box-shadow:inset 0 1px #ffffff14,0 0 0 11px #0000}}.dock-tip{left:50%;bottom:calc(100% + 9px + (var(--dock-scale) - 1) * var(--dock-size) * .8);z-index:2;border-radius:var(--r1);-webkit-backdrop-filter:blur(10px);color:var(--c-text);font-family:var(--font-ui);font-size:var(--t-xs);letter-spacing:.01em;white-space:nowrap;pointer-events:none;animation:dockTipIn var(--d-1) var(--e-out);background:#100f1af0;border:1px solid #ffffff1a;padding:4px 10px;font-weight:600;position:absolute;transform:translate(-50%)}.dock.is-tip-under .dock-tip{animation:dockTipUnder var(--d-1) var(--e-out);top:calc(100% + 8px);bottom:auto}@keyframes dockTipUnder{0%{opacity:0;translate:0 -5px}to{opacity:1;translate:0}}@keyframes dockTipIn{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}[data-perf=low] .dock-bg{-webkit-backdrop-filter:none;background:#100f1ae0}@property --mbtn-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.mbtn{border-radius:var(--r3);isolation:isolate;transition:transform var(--d-1) var(--e-soft), filter var(--d-1);background:#ffffff12;justify-content:center;align-items:center;padding:1.5px;display:inline-flex;position:relative}.mbtn:hover:not(:disabled){transform:translateY(-1px)}.mbtn:active:not(:disabled){transform:scale(.98)}.mbtn:disabled{opacity:.4;cursor:not-allowed}.mbtn-border{--mbtn-angle:0deg;border-radius:inherit;background:conic-gradient(from var(--mbtn-angle), transparent 0deg, var(--c-rose) 18deg, var(--c-accent2) 34deg, transparent 62deg);animation:mbtnSpin var(--mbtn-duration) linear infinite;pointer-events:none;position:absolute;inset:0}.mbtn-face{z-index:1;justify-content:center;align-items:center;gap:var(--s2);width:100%;height:100%;padding:0 var(--s5);border-radius:calc(var(--r3) - 1px);min-height:42px;-webkit-backdrop-filter:var(--glass-blur);color:var(--c-text);font-family:var(--font-display);font-weight:700;font-size:var(--t-md);transition:background var(--d-1);background:linear-gradient(#261e44e0,#0c0a1cf0);display:inline-flex;position:relative}.mbtn:hover:not(:disabled) .mbtn-face{background:linear-gradient(#3a2c60e6,#120e26f0)}@keyframes mbtnSpin{to{--mbtn-angle:360deg}}[data-perf=low] .mbtn-border{animation:none}@media (prefers-reduced-motion:reduce){.mbtn-border{animation:none}}
