@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/magic-cursor-wand/examples/assets/rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(/magic-cursor-wand/examples/assets/rubik-latin-400-normal-BV1Ho3GG.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(/magic-cursor-wand/examples/assets/rubik-latin-800-normal-BtaGuVpR.woff2)format("woff2"),url(/magic-cursor-wand/examples/assets/rubik-latin-800-normal-Dq1miTTj.woff)format("woff")}@font-face{font-family:Molengo;font-style:normal;font-display:swap;font-weight:400;src:url(/magic-cursor-wand/examples/assets/molengo-latin-400-normal-DAWL2LCY.woff2)format("woff2"),url(/magic-cursor-wand/examples/assets/molengo-latin-400-normal-txxsIE23.woff)format("woff")}@font-face{font-family:Abel;font-style:normal;font-display:swap;font-weight:400;src:url(/magic-cursor-wand/examples/assets/abel-latin-400-normal-pACgcrUm.woff2)format("woff2"),url(/magic-cursor-wand/examples/assets/abel-latin-400-normal-CBvT5ZTW.woff)format("woff")}:root{--purple-950:#1c0430;--purple-900:#25063c;--purple-800:#480f7b;--purple-700:#5a1496;--purple-600:#7e23b3;--purple-300:#c084fc;--purple-100:#f3e8ff;--violet-50:#f5f3ff;--yellow:#fad30b;--magenta:#b61a54;--pink:#c63f75;--font-display:"Rubik", system-ui, sans-serif;--font-body:"Molengo", system-ui, sans-serif;--font-label:"Abel", system-ui, sans-serif;--font-code:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--radius-surface:20px;--radius-code:12px;--shadow-surface:0 1px 0 #f3e8ff0f inset, 0 24px 48px -24px #0c0116cc;--ease-out:cubic-bezier(.16, 1, .3, 1);--page-width:min(100% - 32px, 1520px);--tp-base-background-color:var(--purple-900);--tp-base-shadow-color:#0c011673;--tp-base-font-family:var(--font-label);--tp-container-background-color:#7e23b359;--tp-container-background-color-hover:#7e23b380;--tp-container-background-color-focus:#7e23b399;--tp-container-background-color-active:#7e23b3b3;--tp-container-foreground-color:var(--purple-100);--tp-input-background-color:var(--purple-800);--tp-input-background-color-hover:var(--purple-700);--tp-input-background-color-focus:var(--purple-700);--tp-input-background-color-active:var(--purple-600);--tp-input-foreground-color:var(--purple-100);--tp-label-foreground-color:var(--purple-300);--tp-button-background-color:var(--purple-600);--tp-button-background-color-hover:#9431cc;--tp-button-background-color-focus:#9431cc;--tp-button-background-color-active:var(--purple-800);--tp-button-foreground-color:var(--purple-100);--tp-groove-foreground-color:var(--purple-600);--tp-monitor-background-color:var(--purple-800);--tp-monitor-foreground-color:var(--purple-100);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;color:var(--violet-50);font-family:var(--font-body);background-color:var(--purple-900);background-image:radial-gradient(70rem 40rem at 100% 0,#7e23b38c,#0000 65%),radial-gradient(50rem 30rem at 0 30%,#480f7be6,#0000 70%);background-attachment:fixed;flex-direction:column;font-size:1.0625rem;line-height:1.6;display:flex}a{color:var(--yellow);text-underline-offset:3px}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800}em{color:var(--yellow);font-style:normal}code,kbd{font-family:var(--font-code)}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#480f7beb;position:sticky;top:0}.site-header nav{width:var(--page-width);align-items:center;gap:28px;height:64px;margin:0 auto;display:flex}.brand{color:var(--yellow);font-family:var(--font-display);white-space:nowrap;margin-right:auto;font-size:1.375rem;font-weight:800;text-decoration:none}.site-header a:not(.brand){color:var(--purple-100);font-family:var(--font-label);white-space:nowrap;transition:color .2s var(--ease-out);font-size:1.0625rem;text-decoration:none}.site-header a:not(.brand):hover,.site-header a[aria-current=page]{color:var(--yellow)}.site-header a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}.accent-strip{background:linear-gradient(90deg, var(--yellow) 66.66%, var(--pink) 0);height:4px}.layout{width:var(--page-width);flex:1;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:40px;margin:0 auto;display:grid}main{min-width:0}.settings-dock{overscroll-behavior:contain;border-radius:var(--radius-code);max-height:calc(100dvh - 100px);margin-top:24px;position:sticky;top:84px;overflow-y:auto;box-shadow:0 24px 48px -12px #0c0116b3}.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:56px;min-height:calc(100dvh - 68px);padding:48px 0 72px;display:grid}.hero h1{font-size:clamp(2.5rem,4.2vw,3.75rem);line-height:1.02}.lead{max-width:34rem;color:var(--purple-100);margin:24px 0 0;font-size:1.25rem;line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.button{border:2px solid var(--yellow);color:var(--purple-900);background-color:var(--yellow);font:800 1rem var(--font-display);white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease-out), background-color .25s var(--ease-out), border-color .25s var(--ease-out);border-radius:999px;align-items:center;padding:14px 26px;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)scale(.98)}.button.ghost{color:var(--purple-100);background-color:#0000;border-color:#f3e8ff59}.button.ghost:hover{border-color:var(--purple-100)}.slate{touch-action:none;aspect-ratio:4/3;border-radius:var(--radius-surface);background:radial-gradient(28rem 18rem at 70% 20%, #7e23b366, transparent 70%), var(--purple-950);box-shadow:0 0 0 1px #c084fc2e, var(--shadow-surface);margin:0;position:relative}.slate figcaption{color:var(--purple-300);font-family:var(--font-label);font-size:1rem;position:absolute;bottom:20px;left:24px}section+section{margin-top:120px}h2{font-size:clamp(2rem,3.6vw,2.75rem);line-height:1.1}.install{grid-template-columns:minmax(0,1fr);gap:28px;max-width:760px;display:grid}.code-panel{border-radius:var(--radius-code);background-color:var(--purple-950);position:relative;box-shadow:0 0 0 1px #c084fc2e}.code-panel pre{color:var(--purple-100);font:.95rem / 1.75 var(--font-code);margin:0;padding:24px 28px;overflow-x:auto}.prompt:before{content:"$ ";color:var(--purple-300)}.prompt{color:var(--yellow)}.kw,.tag{color:var(--pink)}.attr{color:var(--purple-300)}.str{color:var(--yellow)}.copy{color:var(--purple-100);background-color:var(--purple-900);font:1rem var(--font-label);cursor:pointer;transition:border-color .2s var(--ease-out);border:1px solid #c084fc59;border-radius:999px;padding:6px 14px;position:absolute;top:14px;right:14px}.copy:hover{border-color:var(--purple-100)}.copy:active{transform:scale(.97)}.features h2{max-width:18ch}.bento{grid-template-rows:auto auto;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;margin-top:40px;display:grid}.cell{border-radius:var(--radius-surface);min-height:220px;box-shadow:var(--shadow-surface);flex-direction:column;justify-content:flex-end;gap:12px;padding:32px;display:flex}.cell h3{font-size:1.625rem;line-height:1.15}.cell p{max-width:42ch;margin:0}.cell-settings{min-height:460px;color:var(--purple-900);background:radial-gradient(30rem 20rem at 100% 0%, #c63f7559, transparent 70%), var(--yellow);grid-row:span 2}.cell-settings h3{font-size:clamp(2rem,3.4vw,2.75rem)}.cell-settings p{font-size:1.125rem}.cell-providers{color:var(--violet-50);background:linear-gradient(150deg, var(--pink), var(--magenta))}.cell-plugins{color:var(--violet-50);background-color:var(--purple-800);box-shadow:0 0 0 1px #c084fc38, var(--shadow-surface)}kbd{min-width:1.9em;color:var(--yellow);background-color:var(--purple-900);text-align:center;border-radius:999px;padding:1px 8px;font-size:.85em;display:inline-block}.page-intro{padding:72px 0 40px}.page-intro h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.05}.board{border-radius:var(--radius-surface);background:radial-gradient(40rem 20rem at 50% 0%, #7e23b359, transparent 70%), var(--purple-950);height:min(62dvh,520px);box-shadow:0 0 0 1px #c084fc2e, var(--shadow-surface)}.note{color:var(--purple-300);font-family:var(--font-label);margin:16px 0 0}.script-layout{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:40px;display:grid}.script-layout pre{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:56px}.page-intro+section{margin-top:0}.attributes{gap:22px;margin:0;display:grid}.attributes dt{color:var(--yellow);font:.95rem var(--font-code)}.attributes dd{color:var(--purple-100);margin:4px 0 0}.attributes code{color:var(--yellow)}.site-footer{width:var(--page-width);color:var(--purple-300);font-family:var(--font-label);border-top:1px solid #c084fc2e;margin:120px auto 0;padding:28px 0 40px}.site-footer p{margin:0}.site-footer a{color:var(--purple-100)}@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:none}.bento [data-reveal]:nth-child(2){transition-delay:80ms}.bento [data-reveal]:nth-child(3){transition-delay:.16s}.hero .slate{transition-delay:.1s}}@media (width<=1100px){.layout{grid-template-columns:minmax(0,1fr)}.settings-dock{max-height:none;margin:80px 0 0;position:static}}@media (width<=900px){.hero,.bento,.script-layout{grid-template-columns:minmax(0,1fr)}.hero{gap:40px;min-height:auto}.cell-settings{grid-row:auto;min-height:320px}}@media (width<=640px){.site-header nav{flex-wrap:wrap;gap:16px;height:auto;padding:14px 0}.brand{width:100%}section+section{margin-top:80px}.cell{padding:24px}}