:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171a21;--ink-soft:#4a5060;--ink-faint:#7c8496;--bar-h:68px;--bar-pad:7px;--radius:999px;--glass-tint:#ffffff57;--glass-sat:180%;--glass-blur:7px;--rim-hi:#fffffff2;--rim-lo:#ffffff29;--rim-shade:#181c2c1a;--sheen:#ffffff8c;--cast:0 1px 1px #181c2c0a, 0 6px 14px -6px #181c2c29, 0 26px 46px -18px #181c2c57;--pill-a:#ffffffeb;--pill-b:#ffffff9e;--pill-sh:0 1px 2px #181c2c1a, 0 6px 14px -8px #181c2c4d;--grid:#171a210e;--theme-dur:.55s;--ease:cubic-bezier(.22, .61, .28, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef1f8;--ink-soft:#a7b0c4;--ink-faint:#6c7591;--glass-tint:#92a8d61c;--glass-sat:150%;--glass-blur:8px;--rim-hi:#ffffff85;--rim-lo:#ffffff0d;--rim-shade:#00000057;--sheen:#bed6ff4d;--cast:0 1px 1px #0000004d, 0 8px 18px -8px #0000008c, 0 30px 60px -22px #000000b3;--pill-a:#e2ecff33;--pill-b:#e2ecff17;--pill-sh:0 1px 2px #0000004d, 0 8px 18px -10px #000000b3;--grid:#d2e0ff0b}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:color var(--theme-dur) var(--ease);background:#ecedf2;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}:root[data-theme=dark] body{background:#06070c}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg{display:block}.defs{width:0;height:0;position:absolute;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mesh{z-index:-2;transition:opacity var(--theme-dur) var(--ease);position:fixed;inset:-12vmax}.mesh--dark,:root[data-theme=dark] .mesh--light{opacity:0}:root[data-theme=dark] .mesh--dark{opacity:1}.blob{will-change:transform;border-radius:50%;display:block;position:absolute}.blob--a{width:78vmax;height:78vmax;animation:driftA 34s var(--ease) infinite alternate;inset:-6% auto auto -12%}.blob--b{width:76vmax;height:68vmax;animation:driftB 41s var(--ease) infinite alternate;inset:auto auto -22% 10%}.blob--c{width:82vmax;height:82vmax;animation:driftC 37s var(--ease) infinite alternate;inset:-14% -16% auto auto}.blob--d{width:54vmax;height:54vmax;animation:driftD 29s var(--ease) infinite alternate;inset:auto -10% -2% auto}.mesh--light .blob--a{background:radial-gradient(closest-side,#ff84a6eb,#ff84a600 72%)}.mesh--light .blob--b{background:radial-gradient(closest-side,#ffb774e0,#ffb77400 70%)}.mesh--light .blob--c{background:radial-gradient(closest-side,#78a8f6eb,#78a8f600 72%)}.mesh--light .blob--d{background:radial-gradient(closest-side,#bc9eff8c,#bc9eff00 70%)}.mesh--dark .blob--a{background:radial-gradient(closest-side,#6068ff8c,#6068ff00 72%)}.mesh--dark .blob--b{background:radial-gradient(closest-side,#e25ca85c,#e25ca800 70%)}.mesh--dark .blob--c{background:radial-gradient(closest-side,#26c4c466,#26c4c400 72%)}.mesh--dark .blob--d{background:radial-gradient(closest-side,#7856dc6b,#7856dc00 70%)}@keyframes driftA{0%{transform:translate(0,0)}to{transform:translate(9vmax,6vmax)}}@keyframes driftB{0%{transform:translate(0,0)}to{transform:translate(-8vmax,-5vmax)}}@keyframes driftC{0%{transform:translate(0,0)}to{transform:translate(-7vmax,8vmax)}}@keyframes driftD{0%{transform:translate(0,0)}to{transform:translate(5vmax,-7vmax)}}.rule{z-index:-1;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 46%,#000 30%,#0000 78%);mask-image:radial-gradient(120% 90% at 50% 46%,#000 30%,#0000 78%)}.stage{place-content:center;justify-items:center;min-height:100svh;padding:clamp(20px,5vh,48px) clamp(16px,4vw,40px);display:grid}.lucid{isolation:isolate;height:var(--bar-h);padding:var(--bar-pad);border-radius:var(--radius);box-shadow:var(--cast);transition:box-shadow var(--theme-dur) var(--ease);align-items:center;gap:4px;display:flex;position:relative}.lucid__base,.lucid__warp,.lucid__tint,.lucid__sheen,.lucid__rim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.lucid__base{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(1.02)}.lucid__warp{-webkit-backdrop-filter:url(#lucid-warp)}.lucid__tint{background:linear-gradient(160deg, var(--glass-tint), color-mix(in srgb, var(--glass-tint) 55%, transparent));transition:background var(--theme-dur) var(--ease)}.lucid__sheen{background:radial-gradient(180px 120px at var(--mx,50%) var(--my,0%), var(--sheen), transparent 68%);opacity:0;transition:opacity .5s var(--ease)}.lucid:hover .lucid__sheen,.lucid:focus-within .lucid__sheen{opacity:1}.lucid__rim{background:linear-gradient(150deg, var(--rim-hi) 0%, var(--rim-lo) 34%, var(--rim-shade) 62%, var(--rim-hi) 100%);-webkit-mask-composite:xor;transition:background var(--theme-dur) var(--ease);padding:1px;-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}.lucid__seg{align-items:center;gap:2px;height:100%;display:flex;position:relative}.lucid__pill{border-radius:var(--radius);background:linear-gradient(180deg, var(--pill-a), var(--pill-b));width:0;height:100%;box-shadow:var(--pill-sh), inset 0 1px 0 #ffffffd9;transform-origin:0;will-change:transform;transition:background var(--theme-dur) var(--ease), box-shadow var(--theme-dur) var(--ease);position:absolute;top:0;left:0}:root[data-theme=dark] .lucid__pill{box-shadow:var(--pill-sh), inset 0 1px 0 #fff3}.seg{z-index:1;border-radius:var(--radius);height:100%;color:var(--ink-soft);letter-spacing:-.012em;white-space:nowrap;transition:color .3s var(--ease), transform .3s var(--ease), opacity .3s var(--ease);align-items:center;gap:9px;padding:0 23px;font-size:17px;font-weight:500;display:flex;position:relative}.seg:hover{color:var(--ink)}.seg:active{transform:scale(.965)}.seg[aria-checked=true]{color:var(--ink);font-weight:600}.seg:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 55%, transparent);outline:none}.seg__icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;overflow:visible}.seg__icon .fill{fill:currentColor;stroke:none}.lucid__sep{z-index:1;background:linear-gradient(transparent, color-mix(in srgb, var(--ink) 34%, transparent) 26%, color-mix(in srgb, var(--ink) 34%, transparent) 74%, transparent);border-radius:1px;flex:none;width:1px;height:28px;margin:0 8px 0 6px;position:relative}.tgl{z-index:1;border-radius:var(--radius);width:56px;height:100%;color:var(--ink-soft);transition:color .3s var(--ease), transform .3s var(--ease);place-items:center;display:grid;position:relative}.tgl:hover{color:var(--ink)}.tgl:active{transform:scale(.92)}.tgl:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 55%, transparent);outline:none}.tgl__svg{width:24px;height:24px;overflow:visible}.tgl__svg path{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round}.tgl__disc{fill:currentColor}.tgl__rays,.tgl__disc,.tgl__cut{transform-box:view-box;transform-origin:12px 12px;transition:transform .6s cubic-bezier(.34, 1.34, .5, 1), opacity .35s var(--ease)}.tgl__cut{transform:translate(9px,-9px)scale(.9)}:root[data-theme=dark] .tgl__rays{opacity:0;transform:scale(.25)rotate(-55deg)}:root[data-theme=dark] .tgl__disc{transform:scale(1.58)rotate(-18deg)}:root[data-theme=dark] .tgl__cut{transform:translate(4.4px,-3.4px)scale(1)}@media (width<=620px){:root{--bar-h:58px;--bar-pad:6px}.seg{gap:7px;padding:0 13px;font-size:15px}.seg__icon{width:20px;height:20px}.tgl{width:44px}.lucid__sep{height:22px;margin:0 4px 0 2px}}@media (prefers-reduced-motion:reduce){.blob{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1}