body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{border-bottom:1px solid #0000001a;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease,color .3s ease;z-index:100}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{flex:1 1}.navbar-links{display:flex;flex:2 1;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.navbar-right{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.navbar-logo-link{color:inherit;display:inline-block;position:relative;text-decoration:none}.navbar-logo-link:after{background-color:currentColor;bottom:-1px;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-logo-link:hover:after{width:100%}.navbar-logo{font-size:2.3rem;font-weight:700;letter-spacing:1px}.navbar-links a{border-radius:5px;color:inherit;display:inline-block;font-size:1.4rem;font-weight:600;padding:.5rem .8rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-links a:after{background-color:currentColor;bottom:-26px;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links a:hover:after{width:100%}.theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;transition:background-color .3s}.theme-toggle:hover{background-color:#0000001a}.theme-toggle svg{height:30px;width:30px}.dark-mode .navbar{background-color:#252f3e;border-color:#3b4759;color:#f1f5f9}.dark-mode .theme-toggle:hover{background-color:#f1f5f91a}.light-mode .navbar{background-color:#f9f7f7;border-color:#e0e0e0;color:#1a1a1a}.light-mode .theme-toggle:hover{background-color:#0000000d}.lang-toggle{background:none;border:none;cursor:pointer;font-size:1.4rem;margin-right:1rem;transition:transform .2s ease}.lang-toggle:hover{transform:scale(1.2)}.flag-icon{border-radius:4px;height:24px;object-fit:cover;width:29px}.hamburger{cursor:pointer;display:none;z-index:101}@media (max-width:768px){.navbar-links{align-items:center;background-color:inherit;flex-direction:column;gap:2rem;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%;z-index:100}.navbar-links.active{right:0}.navbar-links li{margin:1rem 0}.hamburger{display:block}.navbar-links{flex:none}}.hero{align-items:center;border-radius:20px;box-shadow:0 8px 20px #00000026;display:flex;justify-content:center;margin:2rem auto;max-height:500px;max-width:850px;padding:2rem 2rem 2rem 5rem;text-align:center;transition:background .5s ease}.light-mode .hero{background:linear-gradient(135deg,#e9fff7,#fffef5)}.dark-mode .hero{background:linear-gradient(135deg,#1b1b2f,#0f3d3e)}.hero-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.hero-content p{color:gray;font-size:1rem;transition:color .5s ease}.hero-image{display:flex;flex:1 1;justify-content:flex-end}.hero-image img{border-radius:25px;height:auto;object-fit:cover;width:300px}.hero{overflow:hidden;position:relative;z-index:1}.light-mode .hero:before{animation:reactBorderBlue 6s linear infinite;background:linear-gradient(120deg,#0000,#66d9a3,#0000,#9ef7c9);background-size:300% 300%}.dark-mode .hero:before,.light-mode .hero:before{border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:0}.dark-mode .hero:before{animation:reactBorderRed 6s linear infinite;background:linear-gradient(120deg,#0000,#a78bfa,#0000,#7dd3fc);background-size:300% 300%}.light-mode .hero-content h1{color:#0b3d2e}.dark-mode .hero-content h1{color:#f1f5f9}.hero-buttons{display:flex;gap:1.2rem;justify-content:center;margin-top:2rem}.hero-button{border-radius:12px;box-shadow:0 4px 10px #00000026;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.7rem 1.4rem;text-decoration:none;transition:all .3s ease}.light-mode .hero-button{background-color:#66d9a3;color:#0b3d2e}.light-mode .hero-button:hover{background-color:#52c08b;box-shadow:0 6px 14px #0003;transform:translateY(-3px)}.dark-mode .hero-button{background-color:#7c3aed;color:#f8fafc}.dark-mode .hero-button:hover{background-color:#9f67ff;box-shadow:0 6px 14px #0006;transform:translateY(-3px)}@keyframes reactBorderBlue{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes reactBorderRed{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.hero{gap:10px;margin-left:10px;margin-right:10px;max-height:300px;max-width:90%;padding:1.5rem}.hero-content h1{font-size:1.5rem}.hero-content p{font-size:1rem}.hero-image img{height:auto;max-height:250px;width:150px}.hero-buttons{gap:1rem;margin-top:1rem}.hero-button{border-radius:12px;box-shadow:0 4px 10px #00000026;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1.2rem;text-decoration:none;transition:all .3s ease}}.about{margin:4rem 0;padding:2rem;text-align:center;transition:background .5s ease,color .5s ease}.light-mode .about{color:#333}.dark-mode .about{color:#f5f5f5}.about-content{margin:0 auto;max-width:1000px}.about h2{font-size:2rem;font-weight:700;margin-bottom:2rem}.about p{font-size:1rem;line-height:1.6}@media (max-width:768px){.about{margin:3rem 0;padding:1rem}.about h2{font-size:1.6rem}.about p{font-size:.9rem}}.projects-container{padding:20px;transition:background-color .3s ease}.projects-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project-card{padding:20px}.light-mode .project-card{background-color:#fff;border:1px solid #e0cbb0;color:#1a1a1a}.dark-mode .project-card{background:linear-gradient(145deg,#2a2438,#1e1a29);border:1px solid #3d3250;color:#f1f1f1}.light-mode .project-card:hover{box-shadow:0 6px 18px #0000001f}.dark-mode .project-card:hover{box-shadow:0 6px 16px #c878ff40}.project-card img{border-radius:12px;display:block;height:200px;margin:auto;object-fit:cover;width:200px}.projects-container h2{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;transition:color .3s ease}.light-mode .projects-container h2{color:#000}.dark-mode .projects-container h2{color:#fff}.project-card h3{font-size:1rem;margin-top:10px}.project-card p{font-size:.85rem;line-height:1.3;margin:6px 0 10px}.light-mode .project-card a{background-color:#6a1b9a;color:#fff}.dark-mode .project-card a,.light-mode .project-card a{border-radius:8px;display:inline-block;font-weight:700;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.dark-mode .project-card a{background-color:#80cbc4;color:#1a1a1a}.light-mode .project-card a:hover{background-color:#9c27b0}.dark-mode .project-card a:hover{background-color:#4db6ac}.project-card{border-radius:8px;overflow:hidden;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease;width:250px}.project-card:before{background:none;border-radius:8px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:0}.light-mode .project-card:before{background:linear-gradient(145deg,#9be7ff,#c4b5fd)}.dark-mode .project-card:before{background:linear-gradient(145deg,#a26bfa,#7b4ec7)}.project-card>*{position:relative;z-index:1}@keyframes borderBlue{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderRed{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.projects-grid{align-items:center;flex-direction:column}.project-card{max-width:300px;padding:15px;width:90%}.projects-container h2{font-size:1.6rem}.project-card img{height:150px;width:150px}.project-card h3{font-size:.9rem}.project-card a,.project-card p{font-size:.75rem}}.skills{padding:4rem 2rem;text-align:center;transition:color .5s ease}.light-mode .skills{color:#000}.dark-mode .skills{color:#fff}.skills h2{font-size:2rem;margin-bottom:3rem}.skills-columns{display:flex;flex-wrap:wrap;gap:5rem;justify-content:center;margin:0 auto;max-width:1400px}.skills-group{flex:1 1 600px;min-width:350px}.skills-group h3{border-bottom:2px solid;display:inline-block;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.3rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;margin-top:1rem}.skill-item{align-items:center;display:flex;flex-direction:column}.skill-item,.skill-item img{transition:transform .3s ease}.skill-item img{height:80px;margin-bottom:.5rem;object-fit:contain;width:80px}.skill-item p{font-size:.8rem;font-weight:600;margin:0}.skill-item:hover img{transform:scale(1.1)}.skill-item:hover{transform:translateY(-5px)}@media (max-width:768px){.skills-columns{flex-direction:column;gap:3rem}}.contact{padding:4rem 2rem;text-align:center;transition:background .5s ease,color .5s ease}.contact h2{font-size:2rem;margin-bottom:1.5rem}.contact p{font-size:1.1rem;margin-bottom:1rem}.contact-info p{font-size:.9rem;margin:.5rem 0}.light-mode .contact-info a{color:#6a1b9a;text-decoration:none;transition:color .3s ease}.dark-mode .contact-info a{color:#00bfa5;text-decoration:none;transition:color .3s ease}.light-mode .contact-info a:hover{color:#9c27b0;text-decoration:underline}.dark-mode .contact-info a:hover{color:#26a69a;text-decoration:underline}.light-mode .contact{color:#222}.dark-mode .contact{color:#f5f5f5}.footer{border-top:1px solid;font-size:1rem;font-weight:600;padding:.5rem 1rem;text-align:center;transition:background .5s ease,color .5s ease}.footer-subtitle{color:gray;font-size:.8rem;font-weight:400;margin-top:.1rem}.light-mode .footer{background-color:#f9f7f7;border-color:#e0e0e0;color:#1a1a1a}.light-mode .footer .footer-subtitle{color:#555}.dark-mode .footer{background-color:#252f3e;border-color:#3b4759;color:#f1f5f9}.dark-mode .footer .footer-subtitle{color:#aaa}.light-mode .homepage{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .homepage{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.homepage{background-attachment:fixed;min-height:100vh;transition:background .6s ease,color .4s ease}.light-mode .homepage{box-shadow:inset 0 0 80px #0000000d}.dark-mode .homepage{box-shadow:inset 0 0 80px #ffffff0d}.project-navbar{align-items:center;border-bottom:1px solid #0000001a;display:flex;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease,color .3s ease;z-index:100}.project-navbar-left{align-items:center;display:flex;flex:1 1}.project-navbar-links{display:flex;flex:2 1;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.project-navbar-right{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.project-navbar-logo-link{color:inherit;display:inline-block;font-size:1.15rem;font-weight:700;position:relative;text-decoration:none}.project-navbar-logo-link:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.project-navbar-logo-link:hover:after{width:100%}.project-theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;transition:background-color .3s}.project-theme-toggle:hover{background-color:#0000001a}.project-theme-toggle svg{height:30px;width:30px}.dark-mode .project-theme-toggle:hover{background-color:#f1f5f91a}.dark-mode .project-navbar{background-color:#252f3e;border-color:#3b4759;color:#f1f5f9}.light-mode .project-navbar{background-color:#f9f7f7;border-color:#e0e0e0;color:#1a1a1a}.mm-page{min-height:100vh;transition:background-color .3s ease}.light-mode .mm-page{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .mm-page{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.mm-details{align-items:center;border-radius:15px;box-shadow:0 8px 20px #00000026;display:flex;flex-wrap:wrap;gap:5rem;justify-content:center;margin:3rem auto;max-width:1200px;overflow:hidden;padding:2rem;position:relative;text-align:left;transition:background .5s ease,color .5s ease;z-index:1}.light-mode .mm-details{background:linear-gradient(135deg,#e9fff7,#fffef5)}.dark-mode .mm-details{background:linear-gradient(135deg,#1b1b2f,#0f3d3e)}.light-mode .mm-details:before{animation:mmBorderBlue 6s linear infinite;background:linear-gradient(120deg,#0000,#66d9a3,#0000,#9ef7c9);background-size:300% 300%}.dark-mode .mm-details:before,.light-mode .mm-details:before{border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:0}.dark-mode .mm-details:before{animation:mmBorderRed 6s linear infinite;background:linear-gradient(120deg,#0000,#a78bfa,#0000,#7dd3fc);background-size:300% 300%}@keyframes mmBorderBlue{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mmBorderRed{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mm-text{flex:1 1}.light-mode .mm-details h1{font-size:2rem;margin-bottom:1.2rem}.mm-description{font-size:1rem;line-height:1.6}.mm-version-list{font-size:1rem;list-style:square;margin-top:1rem;padding-left:1.5rem}.light-mode .mm-version-list li{color:#222}.dark-mode .mm-version-list li{color:#f5f5f5}.mm-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem}.mm-column{align-items:center;display:flex;flex-direction:column;gap:.5rem}.mm-column h4{font-size:1rem;font-weight:600;margin-bottom:.4rem}.mm-btn{border-radius:8px;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;text-decoration:none;transition:background .3s ease,color .3s ease}.light-mode .mm-btn{background-color:#66d9a3;color:#0b3d2e}.light-mode .mm-btn:hover{background-color:#52c08b;box-shadow:0 6px 14px #0003}.dark-mode .mm-btn{background-color:#7c3aed;color:#f8fafc}.dark-mode .mm-btn:hover{background-color:#9f67ff;box-shadow:0 6px 14px #0006}.mm-video video{border-radius:15px;height:650px;max-width:100%;object-fit:cover;width:auto}.light-mode .mm-details{background-color:#fff;color:#222}.dark-mode .mm-details{background-color:#2c2c2c;color:#f5f5f5}@media (max-width:768px){.mm-details{flex-direction:column;gap:2rem;margin:30px 10px;padding:1.5rem;text-align:center}.mm-text h1{font-size:1.6rem}.mm-description,.mm-version-list{font-size:.8rem}.mm-buttons{align-items:center;flex-direction:column}.mm-btn{padding:.5rem .6rem;width:90%}.mm-video video{height:620px;max-width:100%}}.light-mode .uh-page{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .uh-page{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.uh-page{min-height:100vh;transition:background-color .3s ease}.uh-details{border-radius:15px;box-shadow:0 8px 20px #00000026;margin:3rem auto;max-width:1200px;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:background-color .3s ease,color .3s ease;z-index:1}.light-mode .uh-details{background:linear-gradient(135deg,#e9fff7,#fffef5)}.dark-mode .uh-details{background:linear-gradient(135deg,#1b1b2f,#0f3d3e)}.light-mode .uh-details:before{background:linear-gradient(120deg,#0000,#66d9a3,#0000,#9ef7c9);background-size:300% 300%}.dark-mode .uh-details:before,.light-mode .uh-details:before{animation:uhBorderMove 6s linear infinite;border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;transition:background .5s ease;z-index:0}.dark-mode .uh-details:before{background:linear-gradient(120deg,#0000,#a78bfa,#0000,#7dd3fc);background-size:300% 300%}@keyframes uhBorderMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.uh-text{margin:0 auto;max-width:900px}.uh-details h1{font-size:2rem;margin-bottom:1.5rem}.uh-description{font-size:1rem;line-height:1.6;margin-bottom:2rem}.uh-video{display:flex;justify-content:center;margin:2rem 0}.uh-video video{border-radius:15px;box-shadow:0 8px 16px #00000040;height:auto;max-width:100%;object-fit:cover;width:900px}.uh-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.uh-btn{border-radius:8px;font-weight:600;padding:.6rem 1.3rem;text-decoration:none;transition:background .3s ease,color .3s ease}.light-mode .uh-btn{background-color:#007bff;color:#fff}.light-mode .uh-btn:hover{background-color:#0056b3}.dark-mode .uh-btn{background-color:#7c3aed;color:#fff}.dark-mode .uh-btn:hover{background-color:#9f67ff}@media (max-width:768px){.uh-details{padding:1.5rem}.uh-video video{height:auto;width:100%}}.light-mode .mphh-page{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);box-shadow:inset 0 0 80px #0000000d;color:#1a1a1a}.dark-mode .mphh-page{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);box-shadow:inset 0 0 80px #ffffff0d;color:#f1f5f9}.mphh-page{min-height:100vh;transition:background-color .3s ease}.mphh-details{border-radius:15px;box-shadow:0 8px 20px #00000026;margin:3rem auto;max-width:1200px;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:background-color .3s ease,color .3s ease;z-index:1}.light-mode .mphh-details{background:linear-gradient(135deg,#e9fff7,#fffef5);color:#222}.dark-mode .mphh-details{background:linear-gradient(135deg,#1b1b2f,#0f3d3e);color:#f5f5f5}.mphh-details:before{animation:mphhBorderMove 6s linear infinite;background:linear-gradient(120deg,#0000,#66d9a3,#0000,#9ef7c9);background-size:300% 300%;border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;transition:background .5s ease;z-index:0}.dark-mode .mphh-details:before{background:linear-gradient(120deg,#0000,#a78bfa,#0000,#7dd3fc);background-size:300% 300%}@keyframes mphhBorderMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mphh-text{margin:0 auto;max-width:900px}.mphh-details h1{font-size:2rem;margin-bottom:1.5rem}.mphh-description{font-size:1rem;line-height:1.6;margin-bottom:2rem}.mphh-video{display:flex;justify-content:center;margin:2rem 0}.mphh-video video{border-radius:15px;box-shadow:0 8px 16px #00000040;height:auto;max-width:100%;object-fit:cover;width:700px}.mphh-columns{display:flex;gap:1rem}.mphh-column{border-radius:10px;padding:20px;transition:background-color .3s ease,transform .3s ease}.light-mode .mphh-column{background-color:#e8f2ff}.dark-mode .mphh-column{background-color:#1b2535}.mphh-column:hover{transform:translateY(-5px)}.mphh-column-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:1rem}.mphh-column-buttons .mphh-btn{border-radius:8px;cursor:pointer;font-size:1rem;padding:.6rem 1.3rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.light-mode .mphh-btn{background-color:#007bff;color:#fff}.light-mode .mphh-btn:hover{background-color:#0056b3}.dark-mode .mphh-btn{background-color:#334155;color:#fff}.dark-mode .mphh-btn:hover{background-color:#2a3952}.mphh-doc{display:flex;justify-content:center;margin-bottom:1rem;margin-top:2rem}.mphh-doc .mphh-btn{border-radius:12px;display:inline-block;font-size:1rem;padding:.9rem 1.8rem;text-decoration:none}@media (max-width:768px){.mphh-details{padding:1.5rem}.mphh-video video{height:auto;width:100%}}.light-mode .echoplaypage{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .echoplaypage{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.echoplaypage{background-attachment:fixed;color:var(--text-color);min-height:100vh;transition:background .6s ease,color .4s ease}.echoplaypage-content{padding:3rem 2rem;text-align:center}.echoplaypage-header h1{font-size:2rem;margin-bottom:1rem}.echoplaypage-header p{font-size:1rem;margin:0 auto;max-width:800px}.echoplaypage-columns{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.echoplay-column{border-radius:16px;box-shadow:0 4px 15px #0000001a;flex:1 1 300px;max-width:350px;padding:1rem;text-align:left;transition:background-color .3s ease,transform .3s ease}.echoplaypage-images{margin:3rem auto;max-width:1800px}.echoplay-images-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.app-image{height:300px;object-fit:cover;width:200px}.side-image{border-radius:12px;box-shadow:0 4px 12px #00000040;height:auto;width:260px}.center-image{border-radius:12px;box-shadow:0 6px 16px #0000004d;height:450px;width:450px}.light-mode .echoplay-column{background-color:#e8f2ff}.dark-mode .echoplay-column{background-color:#1b2535}.echoplay-column:hover{transform:translateY(-5px)}.echoplay-btn{border:none;border-radius:10px;cursor:pointer;display:inline-block;font-size:1rem;margin:.5rem .3rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.light-mode .echoplay-btn{background-color:#007bff;color:#fff}.light-mode .echoplay-btn:hover{background-color:#0056b3}.dark-mode .echoplay-btn{background-color:#334155;color:#f1f5f9}.dark-mode .echoplay-btn:hover{background-color:#2a3952}body{background-color:#f5f5f5;color:#222;font-family:Cascadia Code,monospace;margin:0;padding:0}
/*# sourceMappingURL=main.f59a3cf7.css.map*/