@import "https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{width:100%;min-height:100svh}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}pre code{white-space:pre;font-size:inherit;background:0 0;border-radius:0;padding:0;display:block}*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(12px,.8vw,18px)!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.portfolio-root{transition:background-color .5s,color .4s}.stars-layer{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}@keyframes twinkle{0%{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.15;transform:scale(.8)}}.gradient-text-purple{background:linear-gradient(90deg,#d6a0f0,#7ee8fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-cyan{background:linear-gradient(90deg,#7ee8fa,#80b3ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-pink{background:linear-gradient(90deg,#f6a7c1,#f6c96b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-teal{background:linear-gradient(90deg,#5eead4,#a3e635);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-name{background:linear-gradient(90deg,#d6a0f0,#7ee8fa,#f6a7c1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-hover{transition:transform .25s,box-shadow .25s,border-color .25s}.card-hover:hover{transform:translateY(-4px)}.lightswitch-wrapper{transform-origin:50%;flex-shrink:1;width:24em;height:36em;margin:-13.5rem -15% -13.5rem min(0px,29.3rem - 39vw);font-size:clamp(8px,.8vw,18px);transform:scale(.6)}@media (width<=1600px){.lightswitch-wrapper{margin-top:-15.7rem;margin-bottom:-15.7rem;transform:scale(.48)}}@media (width<=1280px){.lightswitch-wrapper{margin-top:-17.5rem;margin-bottom:-17.5rem;transform:scale(.38)}}@media (width<=767px){.lightswitch-wrapper,.planet-scene,.clickme-annotation{display:none!important}}.panel{background-color:#fff;border-top:1em solid #f5f6f8;border-bottom:.3em solid #9aa0aa;border-left:.6em solid #d4d8df;border-right:.6em solid #c0c4cc;border-radius:2px;flex-direction:column;justify-content:space-evenly;align-items:center;width:24em;height:36em;font-size:clamp(8px,.8vw,18px);display:flex;position:relative;box-shadow:0 7px #0000001f}.panel:before,.panel:after{content:"";background-color:#5a6270;border:1.1em solid #9aa0aa;border-width:1.1em 0;border-radius:1.5em;width:2.5em;height:2.5em;display:block;box-shadow:0 1px #0000004d,0 -1px #fff9}.panel:before{transform:rotate(30deg)}.panel:after{transform:rotate(-10deg)}.panel input{display:none}.panel label{cursor:pointer;background-color:#b0b6c0;border:2px solid #7a8090;border-top:3px solid #c8cdd6;border-bottom:4px solid #d8dce4;border-radius:2px;justify-content:center;width:5em;height:10em;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 5px #0003}.panel label:before,.panel label:after{content:"";display:block;position:absolute}.panel label:before{z-index:1;background-color:#f0f1f3;border-top:.5em solid #fff;border-bottom:2em solid #6a7080;border-left:2px solid #c8cdd6;border-right:2px solid #9aa0aa;width:95%;height:5em;transition:all .2s;top:0;box-shadow:0 2.5em 2px #00000014}.ls-icon{z-index:3;pointer-events:none;font-size:2.5rem;transition:all .2s;position:absolute}.ls-icon--pro{color:#f59e0b;filter:drop-shadow(0 0 .4rem #f59e0b)drop-shadow(0 0 1rem #f97316)drop-shadow(0 0 2rem #fb923c);opacity:.9;bottom:.9rem;transform:translateY(0)}.ls-icon--per{color:#3b82f6;filter:drop-shadow(0 0 .4rem #84b3ff)drop-shadow(0 0 1rem #84b3ff);opacity:1;top:.9rem;transform:translateY(0)}.panel .overlay{z-index:2;pointer-events:none;opacity:.75;background-color:#081020;width:110vw;height:110vh;transition:background-color .3s .1s,opacity .3s .1s;display:block;position:fixed}@supports (mix-blend-mode:darken){.panel .overlay{mix-blend-mode:darken}}.panel #ls-switch:checked~label{background-color:#c8cdd6;border-color:#9aa0aa #6a7080 #a8adb6;box-shadow:inset 0 5px 4px 2px #00000014,0 2rem 0 -1px #00000014}.panel #ls-switch:checked~label:before{border-width:2rem 2px .5rem;top:4.5rem;box-shadow:0 0 #0000001a}.panel label .ls-icon--per{opacity:0;transform:translateY(1rem)}.panel #ls-switch:checked~label .ls-icon--per{opacity:1;transform:translateY(0)}.panel #ls-switch:checked~label .ls-icon--pro{opacity:0;transform:translateY(-1rem)}.panel--dark{background-color:#0f0f2e;border-color:#1e1e4a #0a0a20 #06060f #16163a;box-shadow:0 7px #0006,0 0 20px #7c3aed26}.panel--dark:before,.panel--dark:after{background-color:#2a2a5a;border-color:#1a1a3e;box-shadow:0 1px #000000b3,0 -1px #a78bfa33}.panel--dark label{background-color:#1e1e4a;border-color:#2a2a5a #16163a #3a3a6a;box-shadow:inset 0 0 8px #7c3aed4d}.panel--dark label:before{background-color:#2e2e6e;border-color:#4a4a8a #1a1a3e #0a0a20 #3a3a7a}.panel--dark label:after{color:#a78bfa;text-shadow:0 0 .7rem #7c3aed,0 0 2rem #6d28d9}.panel--dark #ls-switch:checked~label{background-color:#16163a;border-color:#1e1e4a #0a0a20 #2a2a5a;box-shadow:inset 0 5px 4px 2px #0000004d,0 2rem 0 -1px #6d28d933}.panel--dark #ls-switch:checked~label:after{color:#fbbf24;text-shadow:0 0 .5rem #f59e0b,0 0 1.5rem #f97316,0 0 3rem #fb923c}