.mode-toggle{position:relative;display:inline-flex;align-items:stretch;background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(231,229,228,.65);border-radius:999px;padding:3px;box-shadow:0 1px 4px #0000000f,inset 0 1px 2px #00000008;width:fit-content;animation:mt-pill-breathe 5s ease-in-out infinite;transition:box-shadow .4s ease}.mode-toggle:hover{box-shadow:0 4px 16px #0000001a,inset 0 1px 2px #00000008}.mode-toggle--dark{background:#2c2c2e8c;border-color:#4b556366;box-shadow:0 1px 4px #0003,inset 0 1px 2px #0000001a}@keyframes mt-pill-breathe{0%,to{box-shadow:0 1px 4px #0000000f,inset 0 1px 2px #00000008}50%{box-shadow:0 3px 12px #00000017,inset 0 1px 2px #00000008}}.mode-toggle__highlight{position:absolute;top:3px;left:3px;width:calc(60% - 6px);height:calc(100% - 6px);border-radius:999px;background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);transition:left .6s cubic-bezier(.34,1.56,.64,1),background .5s ease,box-shadow .5s ease;box-shadow:0 2px 12px #d9770666,0 0 0 1px #ffffff26 inset;overflow:hidden;z-index:1;will-change:left}.mode-toggle__highlight--weave{left:calc(40% + 3px);background:linear-gradient(135deg,#8b5cf6,#6366f1,#4338ca);box-shadow:0 2px 16px #6366f180,0 0 0 1px #ffffff26 inset}.mode-toggle--dark .mode-toggle__highlight{background:linear-gradient(135deg,#d97706,#b45309,#78350f);box-shadow:0 2px 12px #d9770680,0 0 0 1px #ffffff1a inset}.mode-toggle--dark .mode-toggle__highlight--weave{background:linear-gradient(135deg,#6366f1,#4f46e5,#312e81);box-shadow:0 2px 16px #6366f199,0 0 0 1px #ffffff1a inset}.mode-toggle__highlight:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;opacity:.8;box-shadow:0 0 20px #f59e0b4d;transition:box-shadow .5s ease;pointer-events:none;z-index:-1}.mode-toggle__highlight--weave .mode-toggle__highlight:before{box-shadow:0 0 24px #6366f159}.mode-toggle__option{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;width:120px;padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;border-radius:999px;transition:width .6s cubic-bezier(.34,1.56,.64,1),color .35s ease,opacity .4s ease;color:var(--iw-stone-500, #78716c);-webkit-tap-highlight-color:transparent;overflow:hidden}.mode-toggle__option .mode-toggle__hover-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease;z-index:0}.mode-toggle__option--draw .mode-toggle__hover-bg{background:radial-gradient(circle at center,rgba(245,158,11,.15) 0%,transparent 70%)}.mode-toggle__option--weave .mode-toggle__hover-bg{background:radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 70%)}.mode-toggle__option--active{width:160px;color:#fffffff2}.mode-toggle__option--active .mode-toggle__art{opacity:1;color:#ffffffe6}.mode-toggle__option:not(.mode-toggle__option--active){opacity:.8}.mode-toggle__option:not(.mode-toggle__option--active) .mode-toggle__art{opacity:0;transition:opacity .4s ease}.mode-toggle__option:not(.mode-toggle__option--active).mode-toggle__option--draw .mode-toggle__art{color:#d97706}.mode-toggle__option:not(.mode-toggle__option--active).mode-toggle__option--weave .mode-toggle__art{color:#6366f1}.mode-toggle__option:not(.mode-toggle__option--active):hover{opacity:1;color:var(--iw-stone-700, #44403c)}.mode-toggle--dark .mode-toggle__option:not(.mode-toggle__option--active):hover{color:var(--iw-stone-200, #e7e5e4)}.mode-toggle__option:not(.mode-toggle__option--active):hover .mode-toggle__hover-bg{opacity:1}.mode-toggle__option:not(.mode-toggle__option--active):hover .mode-toggle__art{opacity:.7}.mode-toggle__option:active{transform:scale(.97)}.mode-toggle__option-icon,.mode-toggle__text{position:relative;z-index:10}.mode-toggle__option-icon{font-size:22px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.mode-toggle__option--active .mode-toggle__option-icon{transform:scale(1.15)}.mode-toggle__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;text-align:left}.mode-toggle__name{font-family:Gochi Hand,Patrick Hand,Xiaolai,cursive;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.mode-toggle__desc{font-family:Patrick Hand,Xiaolai,cursive;font-size:.7rem;opacity:.75;margin-top:1px;white-space:nowrap}.mode-toggle__option--active .mode-toggle__desc{opacity:.85}.mode-toggle__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.mt-speed-line{stroke-dasharray:40 120;animation:mt-speed 2s linear infinite;opacity:.3}.mt-speed-line--1{animation-duration:1.5s}.mt-speed-line--2{animation-duration:2.2s;animation-direction:reverse;stroke-dasharray:60 100;opacity:.15}.mt-speed-line--3{animation-duration:1.8s;animation-delay:.5s}@keyframes mt-speed{0%{stroke-dashoffset:160}to{stroke-dashoffset:0}}.mt-spark{animation:mt-spark-fly 2.5s ease-out infinite;opacity:0}.mt-spark--1{animation-delay:0s}.mt-spark--2{animation-delay:.6s;animation-duration:2s}.mt-spark--3{animation-delay:1.2s;animation-duration:3s}.mt-spark--4{animation-delay:1.8s}@keyframes mt-spark-fly{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:.8;transform:translate(-10px,-5px) scale(1.2)}to{transform:translate(-40px,-20px) scale(0);opacity:0}}.mt-net-line{stroke-dasharray:6 6;animation:mt-net-flow 3s linear infinite;opacity:.4}.mt-net-line--alt{animation-direction:reverse;animation-duration:4s;opacity:.2}.mt-net-line--alt2{animation-duration:2.5s;opacity:.3}@keyframes mt-net-flow{to{stroke-dashoffset:-24}}.mt-node{animation:mt-node-pulse 3s ease-in-out infinite;transform-origin:center}.mt-node--1{animation-delay:0s}.mt-node--2{animation-delay:.4s}.mt-node--3{animation-delay:.8s}.mt-node--4{animation-delay:1.2s}.mt-node--5{animation-delay:1.6s}.mt-node--6{animation-delay:2s}.mt-node--7{animation-delay:2.4s}@keyframes mt-node-pulse{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.1);opacity:.55}}.mt-magic-star{animation:mt-star-spin 4s linear infinite}.mt-magic-star--1{transform-origin:110px 12px}.mt-magic-star--2{transform-origin:40px 9px;animation-duration:3s;animation-direction:reverse}@keyframes mt-star-spin{0%{transform:rotate(0) scale(.7);opacity:.25}50%{transform:rotate(180deg) scale(1);opacity:.5}to{transform:rotate(360deg) scale(.7);opacity:.25}}.mode-toggle__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.mode-toggle__shimmer:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.06) 60%,transparent 100%);animation:mt-shimmer 4s ease-in-out infinite}@keyframes mt-shimmer{0%{left:-80%}45%,to{left:130%}}@media (max-width: 599px){.mode-toggle{padding:2px}.mode-toggle__highlight{top:2px;left:2px;width:calc(60% - 4px);height:calc(100% - 4px)}.mode-toggle__highlight--weave{left:calc(40% + 2px)}.mode-toggle__option{padding:.4rem .5rem;gap:.375rem;width:90px}.mode-toggle__option--active{width:130px}.mode-toggle__option-icon{font-size:20px}.mode-toggle__name{font-size:.9rem}.mode-toggle__desc{font-size:.6rem}}.mode-toggle--large{padding:5px;border-width:1.5px}.mode-toggle--large .mode-toggle__highlight{top:5px;left:5px;width:calc(60% - 10px);height:calc(100% - 10px)}.mode-toggle--large .mode-toggle__highlight--weave{left:calc(40% + 5px)}.mode-toggle--large .mode-toggle__option{width:160px;padding:.75rem 1.25rem;gap:.625rem}.mode-toggle--large .mode-toggle__option--active{width:220px}.mode-toggle--large .mode-toggle__option-icon{font-size:28px}.mode-toggle--large .mode-toggle__name{font-size:1.35rem}.mode-toggle--large .mode-toggle__desc{font-size:.85rem}@media (prefers-reduced-motion: reduce){.mode-toggle{animation:none}.mode-toggle__highlight{transition-duration:.2s;transition-timing-function:ease}.mode-toggle__shimmer:after,.mt-speed-line,.mt-spark,.mt-net-line,.mt-node,.mt-magic-star{animation:none!important}}