:root{--mx-gold:#c4a66b;--mx-peach:#e5c88e;--mx-deep:#806840;--mx-spring:cubic-bezier(.22,1.35,.36,1);--mx-out:cubic-bezier(.16,1,.3,1);--mx-moon-light:#6b5532}
.mx-layer{position:fixed;inset:0;z-index:1300;pointer-events:none;view-transition-name:mx-fx}
.mx-spark{position:absolute;left:0;top:0;display:block;color:var(--mx-peach)}
.mx-spark.bright{color:#fff3d6}
.mx-spark svg{display:block;width:100%;height:100%}
.mx-ring{position:absolute;display:block;border:1.5px solid var(--mx-peach);border-radius:50%;box-shadow:0 0 14px rgba(229,200,142,.45)}
.mx-logo{display:block;overflow:visible}
.mx-logo *{transform-box:fill-box;transform-origin:center}
.mx-logo .mx-tilt{transform-box:view-box;transform-origin:50% 55%;transition:transform .7s var(--mx-spring)}
.mx-logo.is-hover .mx-tilt{transform:rotate(-6deg) scale(1.05)}
.mx-logo .mx-trace{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.mx-logo .mx-traces{filter:drop-shadow(0 0 2px rgba(240,214,160,.9)) drop-shadow(0 0 7px rgba(196,166,107,.55))}
.mx-logo{transition:filter .5s ease-out}
html.fairy-n .mx-logo.is-hover{filter:drop-shadow(0 0 6px rgba(229,200,142,.45))}
html[data-theme=light].fairy-n .mx-logo.is-hover{filter:brightness(.62) saturate(1.3) drop-shadow(0 0 4px rgba(196,166,107,.5))}
.theme-toggle{view-transition-name:mx-toggle}
.mx-moon{display:block;width:34px;height:34px;overflow:visible}
.mx-moon *{transform-box:view-box}
.mx-moon .mx-disc{fill:#efeae1}
.mx-moon .mx-shadow{transform:translateX(7px);transition:transform .55s var(--mx-spring)}
.mx-moon .mx-orbit{fill:var(--mx-gold);transform-origin:50% 50%;transition:transform .9s var(--mx-spring)}
.mx-moon .mx-halo{opacity:0;transform-origin:50% 50%}
.theme-toggle.mx-hover .mx-shadow{transform:translateX(10px)}
.theme-toggle.mx-hover .mx-orbit{transform:rotate(28deg)}
html[data-theme=light] .mx-moon .mx-disc{fill:var(--mx-moon-light)}
html[data-theme=light] .mx-moon .mx-shadow{transform:translateX(26px)}
html[data-theme=light] .theme-toggle.mx-hover .mx-shadow{transform:translateX(21px)}
html[data-theme=light] .mx-moon .mx-halo{opacity:1}
html[data-theme=light] .mx-moon .mx-orbit{fill:#9c7f48;transform:rotate(200deg)}
html[data-theme=light] .theme-toggle.mx-hover .mx-orbit{transform:rotate(228deg)}
html.theming::view-transition-group(mx-toggle),html.theming::view-transition-group(mx-fx){animation:none}
html.theming::view-transition-old(mx-toggle),html.theming::view-transition-old(mx-fx){display:none}
html.theming::view-transition-new(mx-toggle),html.theming::view-transition-new(mx-fx){animation:none}
html.theming.mx-contract::view-transition-old(root){z-index:2;will-change:clip-path,filter,opacity;animation:theme-circle-reveal 1s cubic-bezier(.42,0,.18,1) .3s reverse both,theme-blur-settle 1.3s cubic-bezier(.36,0,.16,1) reverse both}
html.theming.mx-contract::view-transition-new(root){z-index:1;animation:none}
.mx-cta{position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent}
.mx-cta .mx-sky{position:absolute;inset:0;z-index:1;display:block;border-radius:inherit;overflow:hidden;pointer-events:none;font-style:normal;
  background:radial-gradient(70% 160% at 88% 50%,rgba(196,166,107,.30),transparent 60%),radial-gradient(60% 140% at 30% 120%,rgba(110,80,190,.38),transparent 65%),radial-gradient(50% 120% at 10% -20%,rgba(60,90,170,.30),transparent 60%),#0c0b12;
  clip-path:circle(0px at var(--mx-ox,90%) var(--mx-oy,50%));transition:clip-path .62s cubic-bezier(.6,0,.4,1)}
.mx-cta.mx-open .mx-sky{clip-path:circle(var(--mx-r,320px) at var(--mx-ox,90%) var(--mx-oy,50%));transition:clip-path .78s cubic-bezier(.6,0,.2,1) .08s}
.mx-cta .mx-copy{position:absolute;margin:0;color:#f6f0e4!important;white-space:nowrap}
.mx-cta .mx-copy small{color:var(--mx-peach)!important}
.mx-cta .mx-field{position:absolute;inset:-10px;display:block;transition:transform 5s linear}
.mx-cta.mx-open .mx-field{transform:translateX(-16px)}
.mx-cta .mx-field i{position:absolute;display:block;color:#f6ecd5;opacity:.25;animation:mx-twinkle 2.6s ease-in-out infinite;animation-play-state:paused}
.mx-cta .mx-field i.gold{color:var(--mx-peach)}
.mx-cta .mx-field i svg{display:block;width:100%;height:100%}
.mx-cta.mx-open .mx-field i{animation-play-state:running}
@keyframes mx-twinkle{0%,100%{opacity:.25;scale:.6}50%{opacity:1;scale:1}}
.mx-cta .mx-orb{position:relative;z-index:3;overflow:hidden;font-size:0}
.mx-cta .mx-orb::before{content:'';position:absolute;inset:0;border-radius:50%;background:#c9a96a;opacity:0;transition:opacity .45s ease}
.mx-cta.mx-open .mx-orb::before{opacity:1}
.mx-cta .mx-orb svg{position:absolute;left:50%;top:50%;width:56%;height:56%;margin:-28% 0 0 -28%;overflow:visible}
.mx-cta .mx-orb svg *{transform-box:view-box}
.mx-cta .mx-arw{transition:transform .38s cubic-bezier(.5,0,.75,0),opacity .2s ease .12s}
.mx-cta .mx-lock{opacity:0;transform:translateY(22px);transition:transform .3s cubic-bezier(.5,0,.75,0),opacity .2s ease}
.mx-cta .mx-shackle{transform-origin:7.6px 11px;transition:transform .22s cubic-bezier(.5,0,.75,0)}
.mx-cta.mx-open .mx-arw{transform:translate(20px,-20px);opacity:0;transition:transform .34s cubic-bezier(.5,0,.75,0),opacity .15s ease .14s}
.mx-cta.mx-open .mx-lock{opacity:1;transform:none;transition:transform .55s var(--mx-spring) .12s,opacity .2s ease .12s}
.mx-cta.mx-open .mx-shackle{transform:translate(0,-2.6px) rotate(-32deg);transition:transform .6s cubic-bezier(.3,1.6,.4,1) .48s}
.final-cta a.mx-cta{gap:12px;padding-right:7px}
.final-cta a.mx-cta .mx-label{position:relative}
.final-cta a.mx-cta .mx-orb{display:grid;flex:none;width:32px;height:32px;border-radius:50%;background:var(--paper);color:var(--ink)}
html.fairy-n .mx-cta.mx-press{transform:translate(7px,7px)!important;box-shadow:0 0 0 transparent!important;transition-duration:.12s!important}
html.mx .post-card.mx-tilting{transition:transform .14s linear,box-shadow .55s var(--mx-out),border-color .55s var(--mx-out)!important}
html.mx .post-card.mx-tilting .post-visual img{transition:opacity .24s,transform .14s linear!important}
html.mx .post-card .mx-glare{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:soft-light;transition:opacity .4s ease}
html.mx .post-card .mx-glare i{position:absolute;left:-50%;top:-50%;width:200%;height:200%;display:block;transition:transform .14s linear;
  background:radial-gradient(circle at 50% 50%,rgba(255,241,214,.5),rgba(255,241,214,.1) 14%,transparent 27.5%)}
html.mx .post-card.mx-tilting .mx-glare{opacity:1}
.mx-ghost{position:fixed!important;margin:0!important;transition:none!important;pointer-events:none}
.mx-fly{position:fixed;display:block;margin:0;object-fit:cover;pointer-events:none}
html.mx .preview-stage{touch-action:pan-y pinch-zoom}
.preview-stage .mx-peek{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform}
.mx-av{position:relative;display:inline-grid;place-items:center;line-height:0}
.mx-av svg{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);overflow:visible;transform:rotate(-90deg);pointer-events:none}
.mx-av .mx-ringline{fill:none;stroke-width:1.6;stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.65,0,.35,1)}
.account.mx-ringed .mx-av .mx-ringline{transition:stroke-dashoffset .85s cubic-bezier(.65,0,.35,1)}
.mx-av .mx-head{transform-box:view-box;transform-origin:35px 35px;opacity:0}
.mx-av .account-avatar{transition:transform .6s var(--mx-spring)}
.account.mx-ringed .mx-av .account-avatar{transform:scale(1.06)}
html.mx-nav .topnav{position:relative}
html.mx-nav .topnav a::after{display:none!important}
.mx-navbar{position:absolute;left:0;bottom:4px;height:1.5px;width:0;border-radius:2px;background:var(--fairy);box-shadow:0 0 8px color-mix(in srgb,var(--fairy) 70%,transparent);opacity:0;pointer-events:none;
  transition:transform .6s var(--mx-spring),width .6s var(--mx-spring),opacity .3s ease}
.mx-navbar.peek{opacity:.55;transition:transform .32s var(--mx-out),width .32s var(--mx-out),opacity .3s ease}
html.mx-rail{scrollbar-width:none}
html.mx-rail::-webkit-scrollbar{display:none}
.mx-scrollrail{position:fixed;z-index:950;top:calc(var(--bar-h,72px) + 10px);bottom:14px;right:5px;width:14px;touch-action:none}
.mx-scrollrail::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;background:linear-gradient(transparent,color-mix(in srgb,var(--fairy) 30%,transparent) 6%,color-mix(in srgb,var(--fairy) 30%,transparent) 94%,transparent)}
.mx-thumb{position:absolute;left:50%;top:0;width:4px;margin-left:-2px;border-radius:4px;background:var(--fairy);opacity:.5;cursor:grab;
  transition:opacity .35s ease,width .3s var(--mx-spring),margin .3s var(--mx-spring),box-shadow .35s ease}
.mx-scrollrail:hover .mx-thumb,.mx-scrollrail.live .mx-thumb,.mx-scrollrail.drag .mx-thumb{opacity:1;width:6px;margin-left:-3px;box-shadow:0 0 10px color-mix(in srgb,var(--fairy) 55%,transparent)}
.mx-scrollrail.drag .mx-thumb{cursor:grabbing}
.mx-tick{position:absolute;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;padding:0;border:0;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 1.2px color-mix(in srgb,var(--fairy) 75%,transparent);cursor:pointer;transition:transform .35s var(--mx-spring),box-shadow .3s ease}
.mx-tick.on{box-shadow:inset 0 0 0 4px var(--fairy)}
.mx-tick:hover{transform:scale(1.5)}
.mx-tick::after{content:attr(data-label);position:absolute;right:16px;top:50%;transform:translate(6px,-50%);padding:5px 9px;border-radius:8px 3px;background:var(--paper);color:var(--ink);font:600 9.5px var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .35s var(--mx-spring)}
.mx-tick:hover::after{opacity:1;transform:translate(0,-50%)}
html.preview-open .mx-scrollrail{opacity:0;pointer-events:none}
.mx-comet{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;color:#fff3d6;filter:drop-shadow(0 0 6px rgba(229,200,142,.9))}
.mx-comet svg{display:block;width:100%;height:100%}
.mx-tail{position:absolute;width:2px;margin-left:-1px;border-radius:2px;background:linear-gradient(to bottom,rgba(255,243,214,.95),rgba(229,200,142,.4) 40%,rgba(229,200,142,0))}
.mx-tlight{position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:soft-light;
  background:radial-gradient(circle 110px at var(--mx-px,50%) var(--mx-py,50%),rgba(255,244,222,.75),rgba(255,244,222,.18) 45%,transparent 72%);transition:opacity .55s ease}
.mx-touch>.mx-tlight{opacity:1;transition:opacity .08s ease}
.mx-asleep,.mx-asleep::before,.mx-asleep::after,.mx-asleep *,.mx-asleep *::before,.mx-asleep *::after{animation-play-state:paused!important}
.mx-low{opacity:0;translate:0 28px}
.mx-rising{transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1)!important}

@media(prefers-reduced-motion:reduce){
  .mx-low{opacity:1;translate:none}
  .mx-logo .mx-tilt,.mx-moon *,.mx-cta *,.mx-cta .mx-sky,.mx-av *,.mx-navbar,.mx-thumb,.mx-tick{transition:none!important;animation:none!important}
  html.theming.mx-contract::view-transition-old(root){animation:none}
}