.x-root{--x-bg:transparent;--x-card:var(--surface-card);--x-ink:var(--color-ink);--x-ink2:var(--text-secondary);--x-muted:var(--text-muted);--x-line:var(--border-hairline);--x-soft:var(--surface-page);--x-inner:color-mix(in srgb,var(--color-ink) 6%,var(--x-card));--x-accent:var(--color-primary);--x-mark-bg:color-mix(in srgb,var(--color-primary) 12%,transparent);--x-danger:#d70015;--x-lime:oklch(0.87 0.2 128);--x-good-bg:oklch(0.95 0.05 150);--x-good-bg2:oklch(0.96 0.04 150);--x-good-ink:oklch(0.42 0.11 150);--x-warn-bg:oklch(0.95 0.05 70);--x-warn-ink:oklch(0.45 0.11 60);--x-shadow-pop:0 12px 40px rgba(0,0,0,0.12);--x-shadow-tip:0 6px 18px rgba(0,0,0,0.18);color:var(--x-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.x-root input::placeholder,.x-root textarea::placeholder{color:var(--x-muted);opacity:.55}.x-root button:active:not(:disabled){transform:scale(.95)}@media (max-width:767px){.x-root [contenteditable=true],.x-root input:not([type=checkbox]):not([type=radio]):not([type=range]),.x-root select,.x-root textarea{font-size:16px!important}}@media (min-width:768px){.x-root:not([data-x-side]) :is(button.rounded-full,button[style*="border-radius: 9999px"],button.x-hb):not(:disabled):not([role=switch]):not(.x-nohb):hover{background:var(--color-primary)!important;color:#fff!important}}@media (max-width:767px){.x-root:not([data-x-side]) :is(button.rounded-full,button[style*="border-radius: 9999px"],button.x-hb):not(:disabled):not([role=switch]):not(.x-nohb):not(.x-nohb-m):hover{background:var(--color-primary)!important;color:#fff!important}}
/* !important: the inner element usually carries its own grey fill inline, which would otherwise win and leave a white icon on grey. */.x-root:not([data-x-side]) .x-press-host:hover .x-press-inner{background:var(--color-primary)!important;color:#fff!important}.x-root .x-press-host:active:not(:disabled) .x-press-inner{transform:scale(.9)}.x-press-inner{transition:transform .12s ease}.x-root button,.x-root input,.x-root textarea{font-family:inherit}@keyframes x-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.x-rail{position:fixed;top:12px;left:12px;z-index:40;gap:8px;width:52px}.x-rail,.x-rail__card{display:flex;flex-direction:column}.x-rail__card{align-items:center;gap:2px;padding:6px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:18px}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.x-rail__card{background:rgba(255,255,255,.94)}}.x-rail__sep{width:24px;height:1px;background:rgba(0,0,0,.1);margin:6px 0}.x-rail__btn,.x-rail__item{position:relative}.x-rail__btn{width:38px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:transparent;color:#1d1d1f;padding:0;cursor:pointer;transition:transform .12s ease,background-color .15s ease;text-decoration:none}.x-rail__btn:hover{background:rgba(0,0,0,.05)}.x-rail .x-rail__btn:active:not(:disabled){transform:scale(.95)}.x-rail__btn:focus-visible{outline:2px solid #0066cc;outline-offset:2px}.x-rail__btn[aria-current=page]{background:var(--surface-page);color:var(--color-ink)}.x-rail__badge{top:1px;right:0;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;background:#0066cc;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.x-rail__badge,.x-rail__tip{position:absolute;border-radius:9999px;color:#fff}.x-rail__tip{left:52px;top:5px;z-index:50;white-space:nowrap;font-size:13px;background:#1d1d1f;padding:5px 11px;pointer-events:none;opacity:0;transform:translateX(-4px);transition:opacity .12s ease,transform .12s ease}.x-rail__btn:focus-visible+.x-rail__tip,.x-rail__item:hover .x-rail__tip{opacity:1;transform:none}.x-rail__top{position:relative;z-index:3}.x-rail__top>.x-rail__card{box-sizing:border-box;gap:0}.x-rail__more{display:grid;grid-template-rows:0fr;width:100%;transition:grid-template-rows .22s cubic-bezier(.2,.8,.2,1)}.x-rail__card[data-open=true] .x-rail__more{grid-template-rows:1fr}.x-rail__more>div{min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:2px;opacity:0;transition:opacity .16s ease}.x-rail__card[data-open=true] .x-rail__more>div{opacity:1}.x-rail__more--settled>div{overflow:visible}.x-rail__theme>div{width:38px!important;margin:0!important}.x-rail__theme>div>button{width:38px!important;height:36px!important;border-radius:11px!important;color:#1d1d1f}.x-rail__theme>div>button:hover{background:rgba(0,0,0,.05)!important}.x-rail__theme>div>div{top:-8px!important;bottom:auto!important;margin:0!important;inset-inline-start:52px!important;inset-inline-end:auto!important;z-index:60!important;min-width:236px;padding:8px!important;gap:2px;border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent);border-radius:16px!important;transform:translateX(-6px)!important}.x-rail__theme>div>div[style*="opacity: 1"]{transform:none!important}.x-rail__theme>div>div:before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:-16px;width:16px}html[data-theme=d] .x-rail__theme>div>button{color:rgba(255,255,255,.86)}html[data-theme=d] .x-rail__theme>div>button:hover{background:rgba(255,255,255,.08)!important}html[data-theme=d] .x-rail__card{background:rgba(29,29,31,.72);border-color:rgba(255,255,255,.12)}html[data-theme=d] .x-rail__btn{color:rgba(255,255,255,.86)}html[data-theme=d] .x-rail__btn:hover{background:rgba(255,255,255,.08)}html[data-theme=d] .x-rail__btn[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}html[data-theme=d] .x-rail__sep{background:rgba(255,255,255,.14)}html[data-theme=d] .x-rail__tip{background:#f5f5f7;color:#1d1d1f}@media (prefers-reduced-motion:reduce){.x-rail__btn,.x-rail__more,.x-rail__more>div,.x-rail__tip{transition:none}}html[data-theme=d] .x-rail__card{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width:767px){.x-root .x-fpanel{width:min(320px,calc(100vw - 24px))!important;max-width:none!important}.x-root .x-notap:active:not(:disabled){transform:none}}.x-root button.x-mute:not(:disabled):not([role=switch]):hover{background:var(--x-inner)!important;color:var(--x-ink)!important}html[data-theme=d] .x-root button.x-mute:not(:disabled):not([role=switch]):hover{background:#3a3a3c!important}.px-toon .px-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#b9a9ff;opacity:0;animation:px-spark-burst 2.2s ease-out infinite;animation-delay:var(--d);animation-play-state:paused}.px-toon .px-spark:nth-child(odd){background:#ffd27a}.px-toon.is-visible .px-spark{animation-play-state:running}.px-toon:hover .px-spark{animation-duration:1.4s}@keyframes px-spark-burst{0%{transform:translate(0) scale(0);opacity:0}15%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.px-toon{background:color-mix(in srgb,var(--color-primary) 10%,#1c1c1e);transition:background-color .2s ease}.x-root .px-toon:hover{background:color-mix(in srgb,var(--color-primary) 14%,#2a2a2d)}.px-toon .px-stage{background:color-mix(in srgb,var(--color-primary) 12%,#2a2a2d)}.px-sky{position:relative;isolation:isolate;overflow-x:clip}.px-sky__layer{position:absolute;inset:0;z-index:0;pointer-events:none;transition:opacity .3s}.px-sky__form{position:relative;z-index:1}.px-sky:focus-within .px-sky__layer{opacity:0}.px-sky.is-paused *{animation-play-state:paused!important}.px-star{position:absolute;left:0;top:-12px;width:160px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(255,210,122,0),rgba(255,210,122,.9));opacity:0;animation:px-star-fly 12s ease-in-out infinite}.px-star:after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#ffd27a;box-shadow:0 0 8px rgba(255,210,122,.8)}@keyframes px-star-fly{0%,70%{transform:translateX(-200px);opacity:0}76%{opacity:.7}to{transform:translateX(calc(var(--sky-w, 884px) + 116px));opacity:0}}.px-bit{position:absolute;opacity:0;pointer-events:none;animation:px-gold-fall 12s cubic-bezier(.4,0,.7,1) infinite;animation-delay:var(--d)}.px-bit--star{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}.px-bit--dot{border-radius:50%;box-shadow:0 0 5px rgba(255,200,90,.9)}@keyframes px-gold-fall{0%{opacity:0;transform:translate(0) scale(.6) rotate(0)}2%{opacity:.95;transform:translate(0) scale(1) rotate(0)}6%{opacity:.8}16%,to{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.3) rotate(var(--fr))}}.px-steps{display:flex;flex-direction:column;gap:22px;list-style:none;margin:0;padding:0;counter-reset:step}.px-steps>li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;counter-increment:step}.px-steps>li:before{content:counter(step);grid-row:1/span 2;font-size:24px;font-weight:300;line-height:1;letter-spacing:-1px;color:var(--color-primary);font-variant-numeric:tabular-nums}@media (min-width:768px){.px-steps{gap:28px}.px-steps>li{grid-template-columns:42px minmax(0,1fr);column-gap:16px}.px-steps>li:before{font-size:28px}}