@font-face{font-family:neopixel;src:url(/fonts/neopixel-regular.otf) format("opentype"),url(/fonts/neopixel-regular.woff) format("woff"),url(/fonts/neopixel-regular.woff2) format("woff2")}@font-face{font-family:Dirtyline;src:url(/fonts/Dirtyline-36daysoftype.ttf) format("truetype"),url(/fonts/Dirtyline-36daysoftype.woff) format("woff"),url(/fonts/Dirtyline-36daysoftype.woff2) format("woff2")}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf) format("truetype"),url(/fonts/Ubuntu-Regular.woff) format("woff"),url(/fonts/Ubuntu-Regular.woff2) format("woff2")}.page-transition{min-height:100%;width:100%}.fade-enter{animation:fadeIn .4s ease-in-out forwards}.fade-exit{animation:fadeOut .4s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.home{height:100%;width:100%;display:flex;justify-content:flex-end;align-items:flex-end;padding-right:1.2rem;padding-bottom:1rem}.home-text-wrapper{width:120px;text-align:left}@media screen and (max-width: 750px){.home-text-wrapper{width:94px}}.home h2{font-size:1rem;text-align:justify;word-break:break-all}@media screen and (max-width: 750px){.home h2{font-size:.84rem;-webkit-hyphens:auto;hyphens:auto;word-spacing:-.05rem}}@font-face{font-family:neopixel;src:url(/fonts/neopixel-regular.otf) format("opentype"),url(/fonts/neopixel-regular.woff) format("woff"),url(/fonts/neopixel-regular.woff2) format("woff2")}@font-face{font-family:Dirtyline;src:url(/fonts/Dirtyline-36daysoftype.ttf) format("truetype"),url(/fonts/Dirtyline-36daysoftype.woff) format("woff"),url(/fonts/Dirtyline-36daysoftype.woff2) format("woff2")}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf) format("truetype"),url(/fonts/Ubuntu-Regular.woff) format("woff"),url(/fonts/Ubuntu-Regular.woff2) format("woff2")}.about{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;padding:1rem;gap:2rem}@media screen and (max-width: 1360px){.about{justify-content:flex-end;align-items:flex-end}}@media screen and (max-width: 900px){.about{padding:11.5rem .5rem 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:.8rem}}.about-card{max-width:400px}@media screen and (max-width: 1360px){.about-card{margin-right:auto}}@media screen and (max-width: 900px){.about-card{max-width:280px;margin:0}}.about-image{float:right;width:170px;margin-left:20px;margin-bottom:5px;border-radius:10px;background-color:var(--text-primary);padding:15px}@media screen and (max-width: 900px){.about-image{width:75px;margin-left:15px;padding:3px}}.about-text{color:var(--text-secondary);font-weight:600;font-size:1.1rem;line-height:1.6rem;text-align:justify;word-break:break-all;-webkit-hyphens:auto;hyphens:auto}@media screen and (max-width: 900px){.about-text{font-size:.8rem;line-height:.95rem}}.about-text span{font-weight:900!important;color:var(--text-primary)}.rotating-button{width:75px;height:55px}.about-buttons-sections{margin-bottom:auto;overflow-y:auto;overflow-x:hidden}@media screen and (max-width: 900px){.about-buttons-sections{margin:0;max-width:270px}}.section-buttons-front{display:flex;flex-direction:column;max-width:400px;height:auto;gap:10px 0;padding:1rem;background-color:var(--accent-4);border-radius:10px}@media screen and (max-width: 900px){.section-buttons-front{padding:.1rem .3rem;height:80px;gap:0}}.section-buttons-back{display:flex;flex-direction:column;gap:10px 0;height:auto;padding:1rem;max-width:400px;background-color:var(--accent-4);border-radius:10px;margin-top:10px}@media screen and (max-width: 900px){.section-buttons-back{padding:.1rem .3rem;height:107px;gap:0}}.section-buttons-used{display:flex;flex-direction:column;gap:10px 0;height:auto;padding:1rem;max-width:400px;background-color:var(--accent-4);border-radius:10px;margin-top:10px}@media screen and (max-width: 900px){.section-buttons-used{padding:.1rem .3rem;height:107px;gap:0}}.section-header{display:flex;justify-content:space-between}@media screen and (max-width: 900px){.section-header{justify-content:space-between}}.section-header h1{color:var(--text-primary);font-size:1rem;font-weight:700}@media screen and (max-width: 900px){.section-header h1{font-size:.66rem;padding:2px 5px;color:var(--text-secondary)}}@media screen and (max-width: 900px){.mouse-pointer{width:15px;margin-right:2px}}.about-button-img{width:400px!important;height:80px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}@media screen and (max-width: 900px){.about-button-img{display:none}}.about-button-img img{width:100%;height:30%;object-fit:contain}.static-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 5px}@media screen and (max-width: 900px){.static-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 3px;width:100%;margin-bottom:5px}}.about-static-button{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:var(--accent-3);padding:.3rem .37rem;gap:0 .2rem;text-align:center;border-radius:20px;-webkit-user-select:none;user-select:none}@media screen and (max-width: 900px){.about-static-button{padding:.14rem .16rem}}.about-static-button p{color:var(--text-primary);font-size:1rem;font-weight:600}@media screen and (max-width: 900px){.about-static-button p{font-size:.7rem}}.about-static-button img{width:20px;height:20px;object-fit:contain}@media screen and (max-width: 900px){.about-static-button img{width:10px;height:10px}}.about-button-effect{display:flex;justify-content:center;align-items:center;height:140px;max-width:400px}@media screen and (max-height: 900px){.about-button-effect{height:80px}}@media screen and (max-width: 900px){.about-button-effect{width:290px}}@font-face{font-family:neopixel;src:url(/fonts/neopixel-regular.otf) format("opentype"),url(/fonts/neopixel-regular.woff) format("woff"),url(/fonts/neopixel-regular.woff2) format("woff2")}@font-face{font-family:Dirtyline;src:url(/fonts/Dirtyline-36daysoftype.ttf) format("truetype"),url(/fonts/Dirtyline-36daysoftype.woff) format("woff"),url(/fonts/Dirtyline-36daysoftype.woff2) format("woff2")}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf) format("truetype"),url(/fonts/Ubuntu-Regular.woff) format("woff"),url(/fonts/Ubuntu-Regular.woff2) format("woff2")}.projects{width:100%;height:100vh;height:100svh;display:flex;justify-content:flex-end;align-items:flex-end;overflow:hidden;position:absolute;top:0;left:0;padding:3.4rem 3rem}@media screen and (max-width: 900px){.projects{padding:14rem 1.1rem 1.1rem;padding-bottom:9%;border-radius:15px}}.projects-container{height:100%;width:600px;display:flex;align-items:center;flex-direction:column;gap:1rem;overflow-y:auto;perspective:2000px;padding:1rem}@media screen and (max-width: 900px){.projects-container{perspective:none}}.project-card{width:100%;display:flex;flex-direction:column;background-color:var(--surface);box-shadow:var(--shadow);transition:all .3s ease;border-radius:15px;overflow:hidden;transition:transform .1s ease;transform-style:preserve-3d;box-shadow:-1px 0 10px var(--shadow);min-height:150px;max-height:180px;position:relative;cursor:pointer;z-index:100}@media screen and (max-width: 900px){.project-card{height:50px;min-height:90px;border-radius:8px}}.project-body{display:flex;height:100%;gap:1rem;height:85%}@media screen and (max-width: 900px){.project-body{gap:.3rem;height:90%}}.project-card h2{margin-top:10px;font-size:1.2rem}@media screen and (max-width: 900px){.project-card h2{font-size:1.05rem;margin-top:0}}@media screen and (max-width: 350px){.project-card h2{font-size:.9rem}}.project-body p{font-size:.95rem;word-break:break-all;-webkit-hyphens:auto;hyphens:auto;font-weight:400;padding-right:2rem;height:900px!important;overflow:hidden}@media screen and (max-width: 900px){.project-body p{font-size:.79rem;padding-right:0rem;word-break:keep-all}}.project-footer{height:15%;display:flex;justify-content:space-between;align-items:center;background-color:var(--accent-2)}@media screen and (max-width: 900px){.project-footer{align-items:center;justify-content:flex-start;padding-bottom:2px;height:10%}}.project-footer p{padding:1rem 1rem 1rem .6rem;font-size:.8rem;color:var(--accent);text-decoration:none}@media screen and (max-width: 900px){.project-footer p{font-size:.54rem;padding-left:.3rem;padding:.4rem;font-weight:600}}.project-card{position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transition:background .5s;background:linear-gradient(155deg,var(--overlay-left) 20%,var(--overlay-right) 100%);z-index:1;pointer-events:none}.project-preview-wrapper{position:relative;top:0;right:0;width:50%;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;padding-top:1rem}@media screen and (max-width: 900px){.project-preview-wrapper{position:absolute;top:0;right:0;width:100%;height:100%;z-index:200;display:flex;justify-content:center;align-items:center;background-color:#0003;padding:1rem}}.project-preview{width:90%;height:100%;overflow-y:auto;overflow-x:hidden;padding:1rem;box-shadow:var(--shadow);background-color:var(--popup);border-radius:15px;position:relative;top:0;right:0;z-index:100}@media screen and (max-width: 900px){.project-preview{width:100%}}.project-preview img{width:100%;object-fit:cover;border-radius:15px}.project-preview video{width:100%;object-fit:cover;border-radius:15px}.project-close{position:absolute;top:0;right:0;width:37px;height:37px;padding:.3rem;cursor:pointer;color:var(--text-secondary);background-color:var(--popup);border-radius:50%;transition:all .3s ease;z-index:200}@media screen and (max-width: 900px){.project-close{width:35px;height:35px;padding:.2rem}}.project-card-active{border:1px solid var(--text-secondary)}.project-preview-title{font-size:3rem;font-weight:900;margin-bottom:.5rem}@media screen and (max-width: 1230px){.project-preview-title{font-size:1.4rem}}@media screen and (max-width: 900px){.project-preview-title{font-size:1.9rem}}.project-preview-header{display:flex;align-items:center}.project-preview-links-wrapper{display:flex;flex-direction:column;align-items:flex-end;width:100%}.project-preview-links{display:flex;gap:.5rem}@media screen and (max-width: 1230px){.project-preview-links{gap:.1rem}}@media screen and (max-width: 900px){.project-preview-links{gap:.1rem}}.project-preview-links a{text-decoration:none;color:var(--text-primary);font-weight:900;font-size:.9rem;background-color:var(--accent-4);padding:5px 10px;border-radius:15px;display:flex;justify-content:center;align-items:center;gap:.2rem}@media screen and (max-width: 1230px){.project-preview-links a{font-size:.6rem;gap:.2rem;padding:5px}}@media screen and (max-width: 1000px){.project-preview-links a{font-size:.5rem}}@media screen and (max-width: 900px){.project-preview-links a{font-size:.75rem;gap:.1rem}}.project-preview-link-icon{width:1rem;height:1rem}@media screen and (max-width: 900px){.project-preview-link-icon{width:.6rem;height:.7rem}}.project-preview-demo-info{font-weight:600;font-size:.8rem;color:var(--accent);width:70%;text-align:left}.project-preview-description{font-size:1rem;font-weight:700;color:var(--text-secondary);margin-bottom:15px}@media screen and (max-width: 900px){.project-preview-description{font-size:.85rem;line-height:1.1rem}}@media screen and (max-width: 900px){.project-preview h3{font-size:.8rem}}.project-preview-features ul{background-color:var(--accent-3);width:100%;border-radius:15px;margin-bottom:15px;padding:1rem;margin-top:5px;color:var(--border);font-weight:600;list-style-type:none;display:flex;flex-wrap:wrap;gap:.5rem}@media screen and (max-width: 900px){.project-preview-features ul{padding:.4rem;margin-bottom:13px}}.project-preview-features li{background-color:var(--popup);padding:.2rem .5rem;border-radius:15px;color:var(--text-secondary)}@media screen and (max-width: 900px){.project-preview-features li{padding:.3rem .5rem;font-size:.75rem}}.project-preview-stack{display:flex;gap:1rem;justify-content:flex-start;align-items:center;margin-top:15px}.project-stack-frontend ul,.project-stack-backend ul{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:1rem;border:1px solid var(--accent-2);border-radius:15px}@media screen and (max-width: 900px){.project-stack-frontend ul,.project-stack-backend ul{padding:.3rem;font-size:.8rem}}.project-stack-frontend ul li,.project-stack-backend ul li{background-color:var(--accent-3);padding:.2rem .5rem;border-radius:15px;color:var(--text-secondary);list-style:none;font-weight:600}@font-face{font-family:neopixel;src:url(/fonts/neopixel-regular.otf) format("opentype"),url(/fonts/neopixel-regular.woff) format("woff"),url(/fonts/neopixel-regular.woff2) format("woff2")}@font-face{font-family:Dirtyline;src:url(/fonts/Dirtyline-36daysoftype.ttf) format("truetype"),url(/fonts/Dirtyline-36daysoftype.woff) format("woff"),url(/fonts/Dirtyline-36daysoftype.woff2) format("woff2")}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf) format("truetype"),url(/fonts/Ubuntu-Regular.woff) format("woff"),url(/fonts/Ubuntu-Regular.woff2) format("woff2")}.contact{width:100%;height:100%;padding:1rem;display:flex;justify-content:flex-end;align-items:flex-end}@media screen and (max-width: 900px){.contact{padding:0 0 5px}}.contact h1{text-align:center;font-size:1.2rem;width:100%}.contact-container{width:500px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.contact-container form{width:100%;display:flex;gap:5px;flex-direction:column;text-align:left}.contact-container form button{margin-left:auto;margin-top:10px;padding:5px 15px;font-size:1rem;font-weight:600;background:none;border:2px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text-primary)}.contact-container form button:hover{background-color:var(--accent);color:var(--text-primary)}.contact-container form input{width:100%;border:1px solid var(--border);border-radius:10px;background-color:var(--accent-4);color:var(--text-primary);padding:4px 4px 4px 8px}.contact-container form textarea{width:100%;padding:4px 4px 4px 8px;border:1px solid var(--border);border-radius:10px;background-color:var(--accent-4);color:var(--text-primary)}.contact-container form input:focus,.contact-container form textarea:focus{outline:none}.form-footer{width:100%;display:flex;justify-content:center;align-items:center}.socials{display:flex;justify-content:center;align-items:flex-end;gap:20px;height:35px}.socials a{color:var(--text-primary);font-size:1rem;font-weight:700}@media screen and (max-width: 900px){.contact-container{font-size:.9rem!important;font-weight:900;padding:0 .8rem}.contact h1{font-size:1rem;font-weight:900}.contact-container form button{font-size:.8rem}.contact-container form input,.contact-container form textarea{font-size:1rem}.socials{gap:10px;height:25px}.socials a{font-size:.75rem}}@font-face{font-family:neopixel;src:url(/fonts/neopixel-regular.otf) format("opentype"),url(/fonts/neopixel-regular.woff) format("woff"),url(/fonts/neopixel-regular.woff2) format("woff2")}@font-face{font-family:Dirtyline;src:url(/fonts/Dirtyline-36daysoftype.ttf) format("truetype"),url(/fonts/Dirtyline-36daysoftype.woff) format("woff"),url(/fonts/Dirtyline-36daysoftype.woff2) format("woff2")}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf) format("truetype"),url(/fonts/Ubuntu-Regular.woff) format("woff"),url(/fonts/Ubuntu-Regular.woff2) format("woff2")}.layder-wrapper{position:relative;width:100vw;height:100vh;width:100svw;height:100svh;padding:35px;overflow:hidden}@media screen and (max-width: 900px){.layder-wrapper{padding:20px}}.layout{border:1px solid var(--border);border-radius:10px;background-color:var(--surface);color:var(--text-primary);padding:1rem;width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;position:relative}.side-header{position:absolute;top:0;padding-left:1rem;padding-top:.5rem;font-weight:900;font-size:.8rem;color:var(--text-primary);z-index:99}@media screen and (max-width: 900px){.side-header{padding-left:.2rem}}.logo-header{display:flex;flex-direction:column;justify-content:center;gap:0rem;margin-bottom:20px;color:var(--text-primary)}@media screen and (max-width: 900px){.logo-header{margin-bottom:5px}}.side-header h1{font-size:4rem;height:3.4rem;margin-bottom:.6rem;font-weight:100;margin-top:10px;margin-left:3px;font-family:var(--font-logo)}@media screen and (max-width: 900px){.side-header h1{font-size:2.2rem;height:2.2rem;margin-bottom:0rem;margin-top:5px;margin-left:1.2px}}.side-header p{font-size:.9rem;font-weight:700;color:var(--text-tertiary);margin-left:.2rem}@media screen and (max-width: 900px){.side-header p{font-size:.8rem;margin-left:.1rem;font-weight:400}}.nav{display:flex;-webkit-user-select:none;user-select:none;width:50%;flex-direction:column;gap:.9rem;position:relative;padding-left:7px}@media screen and (max-width: 750px){.nav{padding-left:3px;gap:.4rem}}.nav-link{text-decoration:none;color:var(--text-primary);font-size:.9rem;font-weight:700;display:flex;gap:0 .4rem;align-items:center;position:relative;transform:translate(0);transition:transform .5s ease,color .3s ease}@media screen and (max-width: 900px){.nav-link{font-size:.75rem;font-weight:800}}.nav-link[data-nav].active{transform:translate(15px);color:var(--accent)}.nav-selected{background-color:var(--border);color:var(--border);border-radius:50%;width:.6rem;height:.6rem;position:relative;transition:all .7s ease}.nav-indicator{position:absolute;bottom:0;height:2px;pointer-events:none;transition:all .3s ease;top:-10px;left:.6rem;transform:translate(-50%);color:var(--accent)}.indicator-icon{background-color:var(--accent);color:var(--border);border-radius:50%;width:.5rem;height:.5rem;position:relative;transition:all .7s ease}@media screen and (max-width: 900px){.indicator-icon{width:.4rem;height:.4rem;top:-.2rem;left:-.2rem}}.side-toggles{position:absolute;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg);transform-origin:5px 0;gap:.7rem;bottom:0;left:0;font-size:.9rem;margin-bottom:22px;cursor:pointer;z-index:99;margin-left:2px}@media screen and (max-width: 900px){.side-toggles{gap:.5rem;margin-bottom:10px;margin-left:-4px;left:-2px}}@media screen and (max-width: 750px){.side-toggles{gap:.5rem;margin-bottom:10px;margin-left:0;left:-2px}}.side-toggle{display:flex;justify-content:center;align-items:center}.side-toggle-p{margin-bottom:2px}.theme-toggle-button{font-size:2rem;width:1.3rem;display:flex;justify-content:center;align-items:center;fill:var(--text-primary)}@media screen and (max-width: 900px){.theme-toggle-button{width:1rem;height:1rem;width:12px;height:12px}}.side-toggle-effect{display:flex;align-items:center;gap:.3rem}@media screen and (max-width: 750px){.side-toggle-effect{font-size:.6rem}}.effect-toggle-button{background-color:var(--text-primary);counter-reset:var(--text-primary);width:.7rem;height:.7rem;padding:0}@media screen and (max-width: 900px){.effect-toggle-button{width:.4rem;height:.4rem}}.side-footer{position:absolute;bottom:0;margin-bottom:.87vh;margin-bottom:.87svh;padding-left:3px;font-weight:900;font-size:.8rem;color:var(--text-tertiary);z-index:99}@media screen and (max-width: 900px){.side-footer{font-size:.54rem;padding-left:0;margin-bottom:.3vh;margin-bottom:.3svh}}.effect-container{display:block;position:relative;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;overflow:hidden;border-radius:10px}.effect-container video{width:100%;height:100%;object-fit:cover;opacity:.9}.effect-video-hidden{display:none}@font-face{font-family:neopixel;src:url(/fonts/neopixel-regular.otf) format("opentype"),url(/fonts/neopixel-regular.woff) format("woff"),url(/fonts/neopixel-regular.woff2) format("woff2")}@font-face{font-family:Dirtyline;src:url(/fonts/Dirtyline-36daysoftype.ttf) format("truetype"),url(/fonts/Dirtyline-36daysoftype.woff) format("woff"),url(/fonts/Dirtyline-36daysoftype.woff2) format("woff2")}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf) format("truetype"),url(/fonts/Ubuntu-Regular.woff) format("woff"),url(/fonts/Ubuntu-Regular.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-general)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);--font-pixel: "neopixel", sans-serif;--font-logo: "Dirtyline", sans-serif;--background-light: #e9e9e9;--surface-light: #d8d8d8;--surface-light-2: #bfc2c7;--surface-light-3: #dbdbdb;--surface-light-4: #cccccc;--text-primary-light: #111827;--text-secondary-light: #4b5563;--text-tertiary-light: #a1a1a1;--accent-light: #6e6e6e;--border-light: #000000;--overlay-light-right: rgba(138, 138, 138, .8);--overlay-light-left: rgba(255, 255, 255, .1);--shadow-light: rgba(0, 0, 0, .14);--shadow-slyder-buttons-light: 10px 10px 25px #a0a0a0, -5px -5px 15px #ffffff;--shadow-slyder-input-light: 15px 8px 14px #646464, -5px -5px 15px #ffffff;--background-dark: #080808;--surface-dark: #0b0b0c;--surface-dark-2: #212224;--surface-dark-3: #272727;--surface-dark-4: #131313;--surface-dark-5: #353535;--text-primary-dark: #f9fafb;--text-secondary-dark: #d1d5db;--text-tertiary-dark: #8d8d8d;--accent-dark: #8d8d8d;--border-dark: #a3a3a3;--overlay-dark-right: rgba(0, 0, 0, .8);--overlay-dark-left: rgba(255, 255, 255, .1);--shadow-dark: rgba(155, 155, 155, .1);--shadow-slyder-buttons-dark: 10px 10px 25px #000000, -5px -5px 15px #252525;--shadow-slyder-input-dark: 15px 8px 14px #000000, -5px -5px 15px #242424}[data-theme=light]{--background: var(--background-light);--surface: var(--surface-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--text-tertiary: var(--text-tertiary-light);--accent: var(--accent-light);--border: var(--border-light);--accent-2: var(--surface-light-2);--accent-3: var(--surface-light-3);--accent-4: var(--surface-light-4);--bar: #f5f5f5;--overlay-right: var(--overlay-light-right);--overlay-left: var(--overlay-light-left);--shadow: var(--shadow-light);--popup: #ececec;--shadow-slyder-buttons: var(--shadow-slyder-buttons-light);--shadow-slyder-input: var(--shadow-slyder-input-light)}[data-theme=dark]{--background: var(--background-dark);--surface: var(--surface-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-tertiary: var(--text-tertiary-dark);--accent: var(--accent-dark);--border: var(--border-dark);--accent-2: var(--surface-dark-2);--accent-3: var(--surface-dark-3);--accent-4: var(--surface-dark-4);--bar: #585858;--overlay-right: var(--overlay-dark-right);--overlay-left: var(--overlay-dark-left);--shadow: var(--shadow-dark);--popup: #1a1a1a;--shadow-slyder-buttons: var(--shadow-slyder-buttons-dark);--shadow-slyder-input: var(--shadow-slyder-input-dark)}a{text-decoration:none}body{background-color:var(--background);color:var(--text-primary)}.theme-toggle{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background-color:var(--accent);color:var(--background)}.themed-element{transition:background-color .9s,color .9s,border-color .9s}::-webkit-scrollbar{width:.5rem;height:.3rem}::-webkit-scrollbar-track{background:var(--accent-2);border-radius:100vw;margin-block:1em}::-webkit-scrollbar-thumb{background:var(--bar);border-radius:100vw;border:.12em solid var(--bar)}@supports (not selector(::-webkit-scrollbar)){*{scrollbar-color:var(--bar) var(--accent-2);scrollbar-width:thin}}.playground{display:flex;justify-content:flex-end;height:100%;width:100%;overflow:hidden}.playground-cards-container{height:100%;width:1010px;display:flex;gap:15px 20px;overflow-y:auto;perspective:2000px;padding:1rem;padding-top:10px;padding-bottom:2rem;flex-wrap:wrap}.playground-card{width:210px;height:230px;display:flex;flex-direction:column;background-color:var(--surface);box-shadow:var(--shadow);transition:all .3s ease;border-radius:15px;overflow:hidden;transition:transform .1s ease;transform-style:preserve-3d;box-shadow:-1px 0 10px var(--shadow);position:relative;cursor:pointer;z-index:100}.playground-card-image-wrapper{display:flex;width:100%;padding:5px}.playground-card-image-wrapper img{width:100%;height:100%;object-fit:contain;border-radius:15px 15px 0 0}.playground-card-image-wrapper video{width:100%;height:100%;object-fit:contain;border-radius:15px 15px 0 0}.playground-card-info{display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:500;height:100%;padding:.5rem;text-align:center}.playground-card{position:relative}.playground-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transition:background .5s;background:linear-gradient(155deg,var(--overlay-left) 20%,var(--overlay-right) 100%);z-index:1;pointer-events:none}.playground-effect-Preview{position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;padding:5rem;overflow:hidden;background-color:var(--overlay-right)}.playground-effect-Preview-container{background-color:var(--popup);height:100%;width:100%;border-radius:15px;overflow:hidden}.playground-effect-Preview-content-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;background-color:var(--surface);background-color:var(--accent-2);border:2px solid var(--border);border-radius:15px 15px 0 0}.playground-effect-Preview-close{width:40px;height:40px;padding:.3rem;cursor:pointer;color:var(--text-secondary);background-color:var(--popup);border-radius:50%;transition:all .3s ease;z-index:200}@media screen and (max-width: 900px){.playground-effect-Preview-close{width:35px;height:35px;padding:.2rem}}.playground-effect-preview-content-body{height:100%;width:100%;overflow:hidden;position:relative;top:0;left:0}.stacked-cards-container{display:flex;justify-content:center;align-items:center;height:100vh;position:sticky;top:0}.stacked-card{width:700px;position:relative;top:-100px;background-color:var(--surface);display:flex;justify-content:center;align-items:center;gap:1rem;border-radius:15px;padding:1rem;border:1px solid var(--accent-2)}.stacked-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--surface);padding:1rem;border-radius:15px}.stacked-card-content h1{font-size:4rem;font-weight:700;color:var(--accent-2)}.stacked-card p{font-weight:700;color:var(--popup)}.stacked-card-img-inner{width:100%;height:100%;border-radius:15px;overflow:hidden}.stacked-card-img-inner img{width:100%;height:100%;border-radius:15px;object-fit:contain}.stacked-cards-wrapper{padding-top:180px;padding-bottom:400px;overflow-y:auto;width:100%;height:100%;position:relative;top:0;left:0}.stacked-cards-footer-p{text-align:center;font-size:7rem;font-weight:700;color:var(--accent-2)}