:root{--accent: #76608a;--accent-strong: #5a4969;--accent-light: #b0a3bb;--accent-soft: rgba(118, 96, 138, .25);--accent-faint: rgba(118, 96, 138, .12);--fg: #ffffff;--fg-2: #a0a0a0;--fg-3: #757575;--fg-4: #4f4f4f;--tile: #1b1b1b;--tile-2: #242424;--line: #2e2e2e;--tile-bg: rgba(255, 255, 255, .07);--tile-bg-2: rgba(255, 255, 255, .12);--tile-blur: blur(22px) saturate(140%);--radius: 6px;--on-accent: #ffffff;--danger: #e51400;--warn: #e3c800;--gutter: 20px;--ease: cubic-bezier(.22, 1, .36, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;background:#000}body,#root{min-height:100%;background:transparent}body{color:var(--fg);font-family:Plus Jakarta Sans,Segoe UI,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,textarea,select{font-family:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#000}:root.is-frosted .backdrop{background:radial-gradient(120% 80% at 20% 0%,var(--accent-faint) 0%,rgba(0,0,0,0) 60%),radial-gradient(100% 70% at 90% 30%,#1c3c5a42,#0000 60%),radial-gradient(120% 90% at 50% 100%,#28282e80,#0000 70%),#000}.backdrop video{width:100%;height:100%;object-fit:cover;filter:brightness(.88) saturate(1.12)}.backdrop:has(video):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000006b,#00000024,#0000001a 52%,#00000057)}.app{position:relative;z-index:1;max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-top)}.pivot-nav{display:flex;gap:24px;padding:20px var(--gutter) 12px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.pivot-nav::-webkit-scrollbar{display:none}.pivot-nav button{font-size:32px;font-weight:200;line-height:1.1;color:#5c5c5c;padding:2px 0 8px;white-space:nowrap;transition:color .3s var(--ease)}.pivot-nav button.active{color:var(--fg);font-weight:300}.pivot-nav.compact{gap:20px;padding:2px var(--gutter) 10px}.pivot-nav.compact button{font-size:19px}.pivot-track{position:relative;flex:1;overflow:hidden}.pivot-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(48px + var(--safe-bottom));transition:transform .45s var(--ease),opacity .3s ease}.pivot-page.is-active{transform:translate(0);opacity:1;z-index:2;pointer-events:auto}.pivot-page.is-left{transform:translate(-7%);opacity:0;z-index:1;pointer-events:none}.pivot-page.is-right{transform:translate(7%);opacity:0;z-index:1;pointer-events:none}@media(prefers-reduced-motion:reduce){.pivot-page,.pivot-nav button{transition:none}}.page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#000;display:flex;flex-direction:column;padding-top:var(--safe-top);transform-origin:left center;backface-visibility:hidden}:root.is-frosted .page{background:radial-gradient(120% 70% at 15% 0%,var(--accent-faint) 0%,rgba(0,0,0,0) 55%),radial-gradient(100% 60% at 95% 25%,#1c3c5a38,#0000 60%),radial-gradient(130% 80% at 50% 100%,#2a2a3273,#0000 70%),#000}:root.is-frosted .sheet,:root.is-frosted .sheet-head{background:#101010d1;backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%)}:root.is-frosted .pivot-nav.compact{background:transparent}.page.is-entering{animation:turnstile-in .4s cubic-bezier(.1,.9,.2,1) both}.page.is-leaving{animation:turnstile-out .26s cubic-bezier(.8,0,.9,.2) both}@keyframes turnstile-in{0%{transform:perspective(1200px) rotateY(-72deg);opacity:0}to{transform:perspective(1200px) rotateY(0);opacity:1}}@keyframes turnstile-out{0%{transform:perspective(1200px) rotateY(0);opacity:1}to{transform:perspective(1200px) rotateY(-72deg);opacity:0}}.svc.is-launching{animation:continuum-out .3s cubic-bezier(.8,0,.9,.2) both;transform-origin:50% 0%;pointer-events:none}@keyframes continuum-out{0%{transform:none;opacity:1}to{transform:perspective(900px) rotateX(38deg) translateY(-150%);opacity:0}}.page.is-entering.continuum{animation:continuum-page .34s cubic-bezier(.1,.9,.2,1) both}@keyframes continuum-page{0%{opacity:0}to{opacity:1}}.page.is-entering.continuum .page-head{transform-origin:50% 0%;animation:continuum-title .42s cubic-bezier(.1,.9,.2,1) both}@keyframes continuum-title{0%{transform:perspective(900px) rotateX(-40deg) translateY(-90%);opacity:0}to{transform:perspective(900px) rotateX(0) translateY(0);opacity:1}}.page-head{display:flex;align-items:center;gap:12px;padding:14px var(--gutter) 10px;flex-shrink:0}.page-back{border-radius:var(--radius);width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--fg-3);color:var(--fg);transition:background .12s linear,color .12s linear}.page-back:active{background:var(--fg-3);color:#000}.page-title{font-size:32px;font-weight:200;line-height:1.1;letter-spacing:-.01em}.page-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(40px + var(--safe-bottom))}.page.is-entering .page-body>*,.page.is-entering .pivot-page.is-active>*{transform-origin:left center;animation:feather .34s cubic-bezier(.1,.9,.2,1) both}.page.is-entering .page-body>*:nth-child(1),.page.is-entering .pivot-page.is-active>*:nth-child(1){animation-delay:.1s}.page.is-entering .page-body>*:nth-child(2),.page.is-entering .pivot-page.is-active>*:nth-child(2){animation-delay:.16s}.page.is-entering .page-body>*:nth-child(3),.page.is-entering .pivot-page.is-active>*:nth-child(3){animation-delay:.22s}.page.is-entering .page-body>*:nth-child(4),.page.is-entering .pivot-page.is-active>*:nth-child(4){animation-delay:.28s}.page.is-entering .page-body>*:nth-child(n+5),.page.is-entering .pivot-page.is-active>*:nth-child(n+5){animation-delay:.34s}@keyframes feather{0%{transform:perspective(900px) rotateY(-58deg);opacity:0}to{transform:perspective(900px) rotateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.page.is-entering,.page.is-leaving,.page.is-entering.continuum .page-head,.svc.is-launching,.page.is-entering .page-body>*,.page.is-entering .pivot-page.is-active>*{animation:none}.sheet.is-entering{animation:none}}.hero{padding:4px var(--gutter) 16px}.hero-label{font-size:15px;color:var(--fg-2)}.hero-row{display:flex;align-items:baseline;gap:10px;margin-top:2px}.hero-number{font-size:92px;font-weight:200;line-height:1.02;letter-spacing:-.04em}.hero-number.sm{font-size:60px}.hero-unit{font-size:20px;color:var(--fg-2);padding-bottom:10px}.hero-sub{font-size:14px;color:var(--fg-3);margin-top:6px}.acct{display:flex;align-items:center;gap:13px;padding:4px var(--gutter) 6px}.acct-av{border-radius:var(--radius);width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;background:var(--accent);color:var(--on-accent);font-size:18px}.acct-av img{width:100%;height:100%;object-fit:cover}.acct-main{flex:1;min-width:0}.acct-nick{display:block;font-size:14px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-money{display:flex;align-items:baseline;gap:7px;margin-top:1px}.acct-money b{font-size:30px;font-weight:200;letter-spacing:-.03em}.acct-money i{font-style:normal;font-size:13px;color:var(--fg-3)}.acct-add{border-radius:var(--radius);width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}.acct-add:active{background:var(--accent-strong)}.action{border-radius:var(--radius);display:flex;width:calc(100% - var(--gutter) * 2);margin:14px var(--gutter) 0;min-height:52px;padding:14px 18px;background:var(--accent);color:var(--on-accent);font-size:16px;align-items:center;justify-content:center;gap:10px;text-align:center;transition:background .12s linear}.action:active{background:var(--accent-strong)}.action:disabled{opacity:.4}.action.ghost{background:transparent;border:2px solid rgba(255,255,255,.55)}.action.ghost:active{background:#ffffff8c;color:#000}.sheet-actions{display:flex;gap:8px;margin-top:18px}.btn{flex:1;min-height:48px;padding:12px 16px;border:2px solid var(--fg);border-radius:var(--radius);background:transparent;color:var(--fg);font-size:15px;font-weight:300;transition:background .12s linear,color .12s linear}.btn:active{background:var(--fg);color:#000}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.danger:active{background:var(--danger);color:#fff}.btn:disabled{opacity:.4}.btn:disabled:active{background:transparent;color:var(--fg)}.btn.danger:disabled:active{background:transparent;color:var(--danger)}.action .chev{flex-shrink:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:16px var(--gutter) 0}.tile{background:var(--tile-bg);backdrop-filter:var(--tile-blur);-webkit-backdrop-filter:var(--tile-blur);border-radius:var(--radius);padding:14px 14px 13px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:left;width:100%;transform-origin:center}.tile.full{grid-column:1 / -1}.tile.accent{background:var(--accent)}.tile.tile-add{min-height:0;padding:15px 14px}.tile-label{font-size:12px;color:var(--fg-2);display:flex;align-items:center;gap:7px;text-transform:lowercase}.tile.accent .tile-label{color:#ffffffbf}.tile-value{font-size:26px;font-weight:200;letter-spacing:-.02em}.tile-value.sm{font-size:18px;font-weight:300}.tile-value.mono{font-family:Consolas,JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:400;color:#c8c8c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-sub{font-size:12px;color:var(--fg-3)}.tile.accent .tile-sub{color:#ffffffb3}.dots-row{display:flex;gap:5px;flex-wrap:wrap}.dot{width:9px;height:9px;border-radius:var(--radius);background:var(--accent-light)}.dot.off{background:#3a3a3a}.tile-actions{display:flex;gap:18px;flex-wrap:wrap}.tile-action{font-size:13px;color:var(--accent-light)}.tile-action.danger{color:#ff5c4d}.tile-action:disabled{opacity:.45}.svc-list{padding:0 var(--gutter);display:flex;flex-direction:column;gap:4px}.svc{border-radius:var(--radius);backdrop-filter:var(--tile-blur);-webkit-backdrop-filter:var(--tile-blur);display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;background:var(--tile-bg);text-align:left;transform-origin:center}.svc-icon{border-radius:var(--radius);width:38px;height:38px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;flex-shrink:0}.svc-main{flex:1;min-width:0}.svc-name{display:block;font-size:16px;font-weight:300}.svc-sub{display:block;font-size:12px;color:var(--fg-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svc-dot{width:9px;height:9px;border-radius:var(--radius);background:var(--accent-light);flex-shrink:0}.svc-dot.ok{background:var(--accent-light)}.svc-dot.warn{background:var(--warn)}.svc-dot.off{background:#3a3a3a}.svc-dot.wait{background:transparent;box-shadow:inset 0 0 0 2px #3a3a3a}.qa-grid{padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:6px}.lt-wrap{display:block;width:100%;aspect-ratio:1;padding:0;transform-origin:center}.lt-wrap.wide{grid-column:1 / -1;aspect-ratio:2.35}.lt{display:block;position:relative;width:100%;height:100%;perspective:900px}.lt-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.36,0,.24,1)}.lt.flipped .lt-inner{transform:rotateX(-180deg)}.lt-face{border-radius:var(--radius);backdrop-filter:var(--tile-blur);-webkit-backdrop-filter:var(--tile-blur);position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--tile-bg);color:var(--fg);padding:14px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;gap:8px}.lt.accent .lt-face{background:var(--accent);color:var(--on-accent)}.lt-face svg{color:var(--accent-light)}.lt.accent .lt-face svg{color:var(--on-accent)}.lt-back{transform:rotateX(180deg)}.lt-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:8px}.lt-badge{border-radius:var(--radius);min-width:26px;height:26px;padding:0 6px;display:grid;place-items:center;background:#fff;color:#101010;font-size:14px;font-weight:500;flex-shrink:0}.lt.accent .lt-badge{background:#fff;color:var(--accent-strong)}.lt-bottom{display:flex;flex-direction:column;gap:2px;width:100%}.lt-label{font-size:14px;font-weight:300;line-height:1.25}.lt.accent .lt-label{color:#fffffff2}.lt-sub{font-size:11.5px;color:var(--fg-3);line-height:1.3}.lt.accent .lt-sub{color:#ffffffb8}.lt-big{font-size:34px;font-weight:200;letter-spacing:-.02em;line-height:1.05}.lt-facts{display:flex;flex-direction:column;justify-content:center;gap:12px;width:100%;height:100%}.lt-fact b{display:block;font-size:24px;font-weight:200;letter-spacing:-.02em;line-height:1.1}.lt-fact i{display:block;font-style:normal;font-size:11.5px;line-height:1.25;color:var(--fg-3);margin-top:1px}.lt.accent .lt-fact i{color:#ffffffb8}.lt-wrap.wide .lt-face{flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;padding:14px 18px}.lt-wrap.wide .lt-top{width:auto;flex:0 0 auto}.lt-wrap.wide .lt-bottom{width:auto;flex:1 1 auto;min-width:0;gap:3px}.lt-wrap.wide .lt-face svg{width:40px;height:40px}.lt-wrap.wide .lt-big{font-size:25px;flex:0 0 auto}.lt-wrap.wide .lt-label{font-size:20px;font-weight:200;letter-spacing:-.02em}.lt-wrap.wide .lt-sub{font-size:12.5px}@media(prefers-reduced-motion:reduce){.lt-inner{transition:none}}.qa{display:flex;align-items:center;gap:11px;padding:15px 14px;font-size:13.5px;font-weight:300;text-align:left;transform-origin:center}.qa.wide{width:100%;background:var(--warn);color:#101010}.qa.wide svg{color:#101010;flex-shrink:0}.section-label{font-size:13px;color:var(--fg-2);margin:26px var(--gutter) 10px;font-weight:300}.section-label.danger-label{color:var(--danger);margin-top:40px}.rows{padding:0 var(--gutter);display:flex;flex-direction:column;gap:4px}.row{border-radius:var(--radius);backdrop-filter:var(--tile-blur);-webkit-backdrop-filter:var(--tile-blur);display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;background:var(--tile-bg);text-align:left;width:100%;transform-origin:center}.row-title{font-size:16px;font-weight:300}.row-sub{font-size:12px;color:var(--fg-3);margin-top:2px}.row-value{font-size:14px;color:var(--fg-2);flex-shrink:0}.row-danger{border-radius:var(--radius);width:100%;background:transparent;border:2px solid var(--danger);color:var(--danger);font-size:16px;font-weight:300;padding:14px;text-align:center}.row-danger:active{background:var(--danger);color:#fff}.switch{width:46px;height:22px;border-radius:var(--radius);background:transparent;border:2px solid var(--fg-3);position:relative;flex-shrink:0;transition:border-color .2s linear,background .2s linear}.switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:var(--radius);background:var(--fg-3);transition:transform .2s var(--ease),background .2s linear}.switch.on{border-color:var(--accent-light);background:var(--accent)}.switch.on:after{transform:translate(24px);background:#fff}.linkbox{background:var(--tile-bg-2);border-radius:var(--radius);padding:14px;font-family:Consolas,JetBrains Mono,ui-monospace,monospace;font-size:13px;line-height:1.5;color:#d4d4d4;word-break:break-all;-webkit-user-select:all;user-select:all}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:9px 13px;background:var(--tile-bg-2);border-radius:var(--radius);color:var(--fg-2);font-size:13px;font-weight:300;transition:background .12s linear,color .12s linear}.chip.on{background:var(--accent);color:var(--on-accent)}.chip:active{background:var(--accent-strong);color:var(--on-accent)}.chip:disabled{opacity:.45}.swatch{width:22px;height:22px;border-radius:var(--radius);flex-shrink:0;display:block}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.swatch-pick{aspect-ratio:1;width:100%;border-radius:var(--radius);display:grid;place-items:center;box-shadow:inset 0 0 0 0 var(--ring, #fff);transition:box-shadow .15s linear,transform .1s ease}.swatch-pick.on{box-shadow:inset 0 0 0 3px var(--ring, #fff)}.swatch-pick:active{transform:scale(.94)}.swatch{box-shadow:inset 0 0 0 1px #ffffff38}.empty{padding:32px var(--gutter)}.empty-title{font-size:22px;font-weight:200;color:var(--fg-2)}.empty-sub{font-size:14px;color:var(--fg-3);margin-top:8px;line-height:1.5}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000bf;animation:fade-in .2s ease both}.sheet{border-radius:var(--radius) var(--radius) 0 0;position:fixed;left:0;right:0;bottom:0;z-index:61;max-width:520px;margin:0 auto;background:#121212;max-height:88dvh;display:flex;flex-direction:column;will-change:transform}.sheet.is-entering{transform-origin:50% 100%;animation:swivel-in .34s cubic-bezier(.1,.9,.2,1)}.sheet-head{flex:0 0 auto;padding:8px var(--gutter) 14px;background:#121212;touch-action:none}.sheet-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 var(--gutter) calc(24px + var(--safe-bottom))}.sheet-grip{display:block;width:100%;height:22px;padding:0;position:relative}.sheet-grip:before{border-radius:var(--radius);content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:42px;height:3px;background:#4a4a4a}.sheet-title{font-size:28px;font-weight:200;margin-top:6px}.sheet-sub{font-size:13px;color:var(--fg-3);margin-top:4px}@keyframes swivel-in{0%{transform:perspective(900px) rotateX(-36deg) translateY(22%);opacity:0}to{transform:perspective(900px) rotateX(0) translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.toast{border-radius:0 0 var(--radius) var(--radius);position:fixed;top:0;left:0;right:0;z-index:90;max-width:520px;margin:0 auto;background:var(--accent);color:var(--on-accent);padding:calc(14px + var(--safe-top)) var(--gutter) 14px;font-size:14px;font-weight:300;text-align:left;transform:translateY(-101%);transition:transform .3s cubic-bezier(.1,.9,.2,1);pointer-events:none}.toast.show{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.toast{transition:none}}.login{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:40px var(--gutter) calc(40px + var(--safe-bottom));max-width:460px;margin:0 auto}.login-title{font-size:46px;font-weight:200;letter-spacing:-.03em;line-height:1.05}.login-sub{font-size:15px;color:var(--fg-3);margin-top:10px;line-height:1.5}.field{border-radius:var(--radius);width:100%;background:transparent;border:2px solid var(--fg-3);padding:14px;font-size:16px;font-weight:300;outline:none;transition:background .12s linear,border-color .12s linear,color .12s linear}.field::placeholder{color:var(--fg-3)}.field:focus{background:#fff;border-color:var(--accent-light);color:#000}.field:focus::placeholder{color:#8a8a8a}.field.code{font-family:Consolas,ui-monospace,monospace;font-size:22px;letter-spacing:.3em;text-align:center}.login-actions{display:flex;flex-direction:column;gap:10px}.login-actions .action{width:100%;margin:0}.login-alt{font-size:14px;color:var(--fg-3);text-align:center;padding:8px}.login-alt b{color:var(--accent-light);font-weight:400}.loader-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000059;display:flex;align-items:center;justify-content:center}.loader{display:inline-flex;align-items:center;justify-content:center}:root:not(.loader-ring) .ldr-ring,:root:not(.loader-arc) .ldr-arc,:root.loader-ring .ldr-dots,:root.loader-arc .ldr-dots{display:none}.loader .ldr-ring{position:relative;width:38px;height:38px}.loader .ldr-ring i{position:absolute;top:0;right:0;bottom:0;left:0;animation:ring-orbit 4.4s ease-in-out infinite}.loader .ldr-ring i:before{content:"";position:absolute;top:0;left:50%;width:4.5px;height:4.5px;margin-left:-2.25px;border-radius:50%;background:var(--accent-light)}.loader .ldr-ring i:nth-child(2){animation-delay:-.16s}.loader .ldr-ring i:nth-child(3){animation-delay:-.32s}.loader .ldr-ring i:nth-child(4){animation-delay:-.48s}.loader .ldr-ring i:nth-child(5){animation-delay:-.64s}.loader .ldr-ring i:nth-child(6){animation-delay:-.8s}@keyframes ring-orbit{0%{transform:rotate(0)}35%{transform:rotate(160deg)}65%{transform:rotate(200deg)}to{transform:rotate(360deg)}}.loader .ldr-arc{width:36px;height:36px;animation:arc-spin 1.9s linear infinite}.loader .ldr-arc circle{fill:none;stroke:var(--accent-light);stroke-width:4;stroke-linecap:round;animation:arc-dash 1.9s ease-in-out infinite}@keyframes arc-spin{to{transform:rotate(360deg)}}@keyframes arc-dash{0%{stroke-dasharray:2 111;stroke-dashoffset:0}50%{stroke-dasharray:80 111;stroke-dashoffset:-18}to{stroke-dasharray:2 111;stroke-dashoffset:-112}}.dots{--run: 210px;position:relative;width:var(--run);height:5px}.dots i{border-radius:var(--radius);position:absolute;top:0;left:0;width:5px;height:5px;background:var(--accent-light);opacity:0;animation:metro-dots 2.9s cubic-bezier(.36,0,.24,1) infinite}.dots i:nth-child(1){animation-delay:0s}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}.dots i:nth-child(4){animation-delay:.48s}.dots i:nth-child(5){animation-delay:.64s}@keyframes metro-dots{0%{transform:translate(0);opacity:0}6%{opacity:1}60%{opacity:1}64%{transform:translate(var(--run));opacity:0}to{transform:translate(var(--run));opacity:0}}@media(prefers-reduced-motion:reduce){.dots i{animation-duration:5s;animation-timing-function:linear}.loader .ldr-ring i{animation-duration:9s}.loader .ldr-arc,.loader .ldr-arc circle{animation-duration:4s}}.loader.sm .dots{--run: 46px}.loader.sm .dots i{width:4px;height:4px}.loader.sm .ldr-ring{width:18px;height:18px}.loader.sm .ldr-ring i:before{width:3px;height:3px;margin-left:-1.5px}.loader.sm .ldr-arc{width:18px;height:18px}.loader.sm .ldr-arc circle{stroke-width:5}.btn .loader i:before,.btn .ldr-dots i,.action .loader i:before,.action .ldr-dots i{background:currentColor}.btn .ldr-arc circle,.action .ldr-arc circle{stroke:currentColor}.reveal>span{display:inline-block;transform:translateY(70%);opacity:0;animation:reveal .5s var(--ease) both}@keyframes reveal{to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.reveal>span{animation:none;transform:none;opacity:1}}.badge{border-radius:var(--radius);display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.04em;text-transform:lowercase;padding:3px 8px;background:var(--accent);color:#fff}.badge.warn{background:var(--warn);color:#101010}.badge.danger{background:var(--danger);color:#fff}.badge.mute{background:#2e2e2e;color:var(--fg-2)}