@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Light.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Bold.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-LightItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-ExtraLightItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraLightItalic.woff) format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-BoldItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Regular.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-MediumItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Italic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-ExtraLight.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-SemiBoldItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-ExtraBold.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Medium.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-ExtraBoldItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraBoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-SemiBold.woff2) format("woff2"),url(/fonts/PlusJakartaSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}#root,html,body{margin:0;padding:0;box-sizing:border-box;height:100%;width:100%;overflow:hidden;touch-action:none;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif}button{font-family:inherit}.cookie-consent{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;max-width:600px;width:calc(100% - 60px)}.cookie-consent .cookie-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px 20px;box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;gap:20px}.cookie-consent .cookie-content .cookie-text{flex:1}.cookie-consent .cookie-content .cookie-text p{color:#fff;font-size:14px;line-height:1.4;margin:0;opacity:.9}.cookie-consent .cookie-content .cookie-text p strong{color:#fff;font-weight:500}.cookie-consent .cookie-content .cookie-buttons{flex-shrink:0}.cookie-consent .cookie-content .cookie-buttons .cookie-btn{padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.cookie-consent .cookie-content .cookie-buttons .cookie-btn.acknowledge{background:#fff;color:#000}.cookie-consent .cookie-content .cookie-buttons .cookie-btn.acknowledge:hover{background:#ffffffe6;transform:translateY(-1px)}.cookie-consent .cookie-content .cookie-buttons .cookie-btn.acknowledge:active{transform:scale(.95)}.light .cookie-consent .cookie-content{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.light .cookie-consent .cookie-content .cookie-text p,.light .cookie-consent .cookie-content .cookie-text p strong{color:#000}.light .cookie-consent .cookie-content .cookie-btn.acknowledge{background:#000;color:#fff}.light .cookie-consent .cookie-content .cookie-btn.acknowledge:hover{background:#000000e6}@media(max-width:768px){.cookie-consent{bottom:20px;max-width:none;width:calc(100% - 40px)}.cookie-consent .cookie-content{flex-direction:column;gap:12px;padding:14px 16px}.cookie-consent .cookie-content .cookie-text{text-align:center}.cookie-consent .cookie-content .cookie-text p{font-size:13px}.cookie-consent .cookie-content .cookie-buttons{width:100%;display:flex;justify-content:center}.cookie-consent .cookie-content .cookie-buttons .cookie-btn{padding:10px 32px;min-width:120px}}@media(max-width:480px){.cookie-consent .cookie-content{padding:16px}.cookie-consent .cookie-content .cookie-buttons{justify-content:center}.cookie-consent .cookie-content .cookie-buttons .cookie-btn{padding:10px 32px}}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Light.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Bold.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-LightItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-ExtraLightItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraLightItalic.woff) format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-BoldItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Regular.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-MediumItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Italic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-ExtraLight.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-SemiBoldItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-ExtraBold.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Medium.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-ExtraBoldItalic.woff2) format("woff2"),url(/fonts/PlusJakartaSans-ExtraBoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-SemiBold.woff2) format("woff2"),url(/fonts/PlusJakartaSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:100000}.background-top-half,.background-bottom-half{position:absolute;height:50%;width:100%;background-color:#060606}.background-top-half{top:0}.background-bottom-half{top:50%}.loading-screen-info-container{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;place-content:center;justify-content:center;align-items:center;gap:24px}.intro-message-container{position:absolute;top:53%;left:50%;width:100%;display:flex;place-content:center;justify-content:center;align-items:center;transform:translate(-50%,-50%);color:#fff;font-size:36px;opacity:0;font-weight:lighter}@media(max-width:390px){.intro-message-container{font-size:24px}}.loading-bar-container{width:100%;height:1px}.loading-bar{width:0;height:100%;background-color:#fff}.percentage{font-size:12px;color:#fff;display:flex;flex-direction:column;place-content:center;justify-content:center;align-items:center;margin-top:24px;font-weight:light}.menu{position:fixed;bottom:48px;left:48px;z-index:9999;cursor:pointer;display:flex;justify-content:center;gap:8px;flex-direction:column}@media(max-width:768px){.menu{left:32px;bottom:32px}}.nav-button{z-index:100;cursor:pointer;height:32px;width:32px;border-radius:50%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px}.nav-button:hover{background-color:#fff3;border-color:#fff6;transform:scale(1.1)}.nav-button:active{transform:scale(.95)}.nav-button.light{background-color:#0000000d;border:1px solid rgba(0,0,0,.1);color:#000}.nav-button.light:hover{background-color:#0000001a;border-color:#0003}@media(max-width:768px){.nav-button{width:30px;height:30px}}.first-row,.second-row{display:flex;justify-content:column;gap:8px}.page-wrapper{z-index:1000;transform:translate(100%);position:relative}@media(max-width:768px){.page-wrapper{position:fixed;bottom:0;right:0;width:100%;height:100%}}.side-panel{position:absolute;top:0;right:0;width:100%;max-width:796px;height:100vh;background-color:#030303;z-index:100;color:#fff}.side-panel.light{background-color:#fff;color:#000}@media(max-width:768px){.side-panel{position:absolute;top:auto;bottom:0;right:0;width:100%;height:100%;z-index:100}}.side-panel-wrapper{height:100%;width:100%;position:relative}.side-panel-inner-wrapper{height:100%;width:100%;display:flex;flex-direction:column;position:relative;overflow-y:scroll;overflow-x:hidden}.side-panel-inner-wrapper::-webkit-scrollbar{width:0px;border-radius:50%}.side-panel-inner-wrapper::-webkit-scrollbar-track{background-color:#fff}.side-panel-inner-wrapper::-webkit-scrollbar-thumb{background-color:#000}.side-panel-close-button{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);z-index:10000;height:72px;width:72px;color:#010101;border:none;outline:none;padding:none;display:flex;justify-content:center;align-items:center;background-color:#fff;transition:all .4s;border:2px solid white}@media(max-width:768px){.side-panel-close-button{top:auto;left:auto;right:-4px;bottom:-4px}}.side-panel-close-button:hover{cursor:pointer;color:#fff;background-color:#080808}.side-panel-close-button.light{background-color:#060606;color:#fff;border:2px solid #060606}.side-panel-close-button.light:hover{color:#080808;background-color:#fff}.side-panel-custom-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:48px}@media(max-width:768px){.side-panel-custom-content{padding:80px 24px 24px;align-items:flex-start}}.side-panel-content-wrapper{display:flex;flex-direction:column;gap:12px;width:100%;max-width:550px;padding-left:96px;margin-top:64px;padding-bottom:72px}@media(max-width:768px){.side-panel-content-wrapper{padding-left:16px;padding-right:16px;padding-bottom:164px}}.side-panel-image-wrapper{height:400px;width:700px;margin-left:96px}@media(max-width:768px){.side-panel-image-wrapper{margin-left:0}}.side-panel-image{height:100%;width:100%;object-fit:cover}.panel-header{font-size:36px;opacity:0}.panel-quote{margin-top:6px;font-size:14px;color:#b9b9b9;opacity:0}.panel-content-text{padding-top:24px;font-size:14px;line-height:180%;opacity:0}.about-container{width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}@media(max-width:768px){.about-container{padding:1rem;gap:1.5rem}}.about-header{text-align:center;margin-bottom:1rem}.about-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:300}@media(max-width:768px){.about-header h1{font-size:2rem}}.about-header .about-subtitle{font-size:1rem;opacity:.7;max-width:600px;margin:0 auto;line-height:1.5}.about-content{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;width:100%}.about-section{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.about-section:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d;border-color:#fff3}@media(max-width:768px){.about-section{flex-direction:column;gap:1rem;padding:1rem}}.about-footer{text-align:center;padding:2rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-top:1rem}.about-footer p{font-size:.95rem;line-height:1.6;margin-bottom:1rem;opacity:.9}.about-footer p:last-child{margin-bottom:0}.about-footer .piano-note{font-size:.85rem;opacity:.7;font-style:italic}.side-panel.light .about-section{background:#0000000d;border-color:#0000001a}.side-panel.light .about-section:hover{box-shadow:0 8px 32px #0000001a;border-color:#0003}.side-panel.light .about-footer{background:#00000005;border-color:#0000000d}.fan-models-container{width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}@media(max-width:768px){.fan-models-container{padding:1rem;gap:1.5rem}}.fan-models-header{text-align:center;margin-bottom:1rem}.fan-models-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:300}@media(max-width:768px){.fan-models-header h1{font-size:2rem}}.fan-models-header p{font-size:1rem;opacity:.7;max-width:600px;margin:0 auto;line-height:1.5}.fan-models-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;width:100%}.fan-card{display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;min-height:200px}.fan-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d;border-color:#fff3}.fan-card.coming-soon{opacity:.6}.fan-card.coming-soon .fan-card-image{filter:grayscale(100%)}@media(max-width:768px){.fan-card{flex-direction:column;min-height:auto}}.fan-card-image{flex:0 0 200px;background:#ffffff05;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.fan-card-image{flex:none;height:150px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}.fan-placeholder{color:#ffffff4d;transition:color .3s ease}.fan-card:hover .fan-placeholder{color:#fff9}.fan-card-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.fan-card-content{padding:1rem}}.fan-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.fan-card-header h3{font-size:1.25rem;font-weight:400;margin:0}@media(max-width:768px){.fan-card-header{flex-direction:column;gap:.5rem;align-items:flex-start}}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.available{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.coming-soon{background:#eab30833;color:#eab308;border:1px solid rgba(234,179,8,.3)}.fan-description{font-size:.9rem;opacity:.8;line-height:1.5;margin:0}.fan-stats .sound-count{font-size:.8rem;color:#fff9;font-weight:500}.fan-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{padding:.25rem .5rem;background:#ffffff1a;border-radius:6px;font-size:.75rem;opacity:.8}.fan-card-actions{margin-top:auto}.fan-card-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem}.fan-card-actions .explore-btn{background:#fff;color:#000}.fan-card-actions .explore-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.fan-card-actions .notify-btn{background:#ffffff1a;color:#fff9;cursor:not-allowed}.fan-card-actions .notify-btn:disabled{opacity:.5}.coming-soon-notice{text-align:center;padding:2rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-top:1rem}.coming-soon-notice h3{font-size:1.2rem;margin-bottom:.5rem;font-weight:400}.coming-soon-notice p{opacity:.7;font-size:.9rem}.side-panel.light .fan-card{background:#0000000d;border-color:#0000001a}.side-panel.light .fan-card:hover{box-shadow:0 8px 32px #0000001a;border-color:#0003}.side-panel.light .fan-card-image{background:#00000005;border-color:#0000001a}.side-panel.light .fan-placeholder{color:#0000004d}.side-panel.light .feature-tag{background:#0000001a}.side-panel.light .explore-btn{background:#000;color:#fff}.side-panel.light .explore-btn:hover{background:#000000e6}.side-panel.light .notify-btn{background:#0000001a;color:#0009}.side-panel.light .coming-soon-notice{background:#00000005;border-color:#0000000d}.support-container{width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}@media(max-width:768px){.support-container{padding:1rem;gap:1.5rem}}.support-header{text-align:center;margin-bottom:1rem}.support-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:300}@media(max-width:768px){.support-header h1{font-size:2rem}}.support-header .support-subtitle{font-size:1rem;opacity:.7;max-width:600px;margin:0 auto;line-height:1.5}.support-title{font-size:36px;margin:0}.support-subtitle{font-size:14px;color:#b9b9b9;margin:-12px 0 0}.support-content{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;width:100%}.support-content p{font-size:14px;line-height:180%;margin:0}.support-section{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.support-section:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d;border-color:#fff3}@media(max-width:768px){.support-section{flex-direction:column;gap:1rem;padding:1rem}}.section-icon{flex:0 0 auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;color:#fffc}@media(max-width:768px){.section-icon{width:40px;height:40px;align-self:flex-start}}.section-content{flex:1}.section-content h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:400;color:#fffffff2}.section-content p{font-size:.9rem;line-height:1.6;opacity:.8;margin:0}.support-action{text-align:center;padding:2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;margin:1rem auto;max-width:500px}.support-action .action-text{font-size:1rem;margin-bottom:1.5rem;opacity:.9}.support-action .bmc-link{display:inline-block;transition:transform .2s ease}.support-action .bmc-link:hover{transform:translateY(-2px)}.support-action .bmc-img{height:60px;width:auto;border-radius:8px}.contact-section{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:800px;margin:0 auto;width:100%}@media(max-width:768px){.contact-section{flex-direction:column;gap:1rem;padding:1rem}}.contact-section .contact-text{margin-bottom:1rem!important}.contact-section .email{font-size:1rem;color:#ffffffe6;text-decoration:none;margin-bottom:1rem;display:flex;align-items:center;width:fit-content;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;transition:all .3s ease}.contact-section .email:hover{background:#ffffff26;transform:translateY(-1px)}.contact-section .email .email-icon{margin-right:8px;font-size:18px}.contact-section .feedback-text{font-size:.85rem;opacity:.7}.support-footer{text-align:center;padding:2rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-top:1rem}.support-footer .thank-you{font-size:.95rem;opacity:.9;margin:0;line-height:1.6}.side-panel.light .support-section,.side-panel.light .contact-section{background:#0000000d;border-color:#0000001a}.side-panel.light .support-section:hover,.side-panel.light .contact-section:hover{box-shadow:0 8px 32px #0000001a;border-color:#0003}.side-panel.light .section-icon{background:#0000001a;color:#000c}.side-panel.light .support-action{background:#00000014;border-color:#00000026}.side-panel.light .support-footer{background:#00000005;border-color:#0000000d}.side-panel.light .email{color:#000000e6;background:#0000001a}.side-panel.light .email:hover{background:#00000026}.feedback-container{width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}@media(max-width:768px){.feedback-container{padding:1rem;gap:1.5rem}}.feedback-header{text-align:center;margin-bottom:1rem}.feedback-header h1{font-size:2rem;margin-bottom:.5rem;font-weight:300}@media(max-width:768px){.feedback-header h1{font-size:1.75rem}}.feedback-header .feedback-subtitle{font-size:.95rem;opacity:.7;max-width:600px;margin:0 auto;line-height:1.5}.feedback-content{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto;width:100%}.feedback-intro{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}@media(max-width:768px){.feedback-intro{flex-direction:column;gap:1rem;padding:1rem}}.section-icon{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:10px;color:#fff9}@media(max-width:768px){.section-icon{width:36px;height:36px;align-self:flex-start}}.section-icon svg{width:20px;height:20px}.intro-content{flex:1}.intro-content h3{font-size:1rem;margin-bottom:.5rem;font-weight:500;color:#ffffffe6}.intro-content p{font-size:.9rem;line-height:1.6;opacity:.8;margin:0}.feedback-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#ffffffe6}.form-group input,.form-group select,.form-group textarea{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.9rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group select option{background:#1a1a1a;color:#fff;padding:.5rem}.form-group textarea{resize:vertical;min-height:120px}.submit-button{padding:.75rem 2rem;background:#fff;color:#000;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;align-self:flex-start}.submit-button:hover:not(:disabled){background:#ffffffe6;transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:500px;margin:0 auto}.success-message .success-icon{margin-bottom:1rem;color:#22c55e}.success-message h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:500}.success-message p{font-size:.9rem;opacity:.8;line-height:1.6;margin-bottom:1.5rem}.back-button{padding:.5rem 1.5rem;background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#ffffff0d;border-color:#ffffff4d}.side-panel.light .feedback-intro{background:#0000000d;border-color:#0000001a}.side-panel.light .section-icon{background:#00000014;color:#0009}.side-panel.light .form-group input,.side-panel.light .form-group select,.side-panel.light .form-group textarea{background:#0000000d;border-color:#0000001a;color:#000000e6}.side-panel.light .form-group input:focus,.side-panel.light .form-group select:focus,.side-panel.light .form-group textarea:focus{border-color:#0000004d;background:#00000014}.side-panel.light .form-group input::placeholder,.side-panel.light .form-group select::placeholder,.side-panel.light .form-group textarea::placeholder{color:#0006}.side-panel.light .form-group select option{background:#fff;color:#000}.side-panel.light .form-group label{color:#000000e6}.side-panel.light .submit-button{background:#000;color:#fff}.side-panel.light .submit-button:hover:not(:disabled){background:#000000e6}.side-panel.light .success-message{background:#0000000d;border-color:#0000001a}.side-panel.light .back-button{color:#000c;border-color:#0003}.side-panel.light .back-button:hover{background:#0000000d;border-color:#0000004d}.fan-control-panel{width:100%;max-width:500px;background-color:#0a0a0afa;border:2px solid #ffffff;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #000c}@media(max-width:768px){.fan-control-panel{max-width:none;padding:24px}}.control-title{font-size:28px;color:#fff;margin-bottom:32px;font-weight:600;text-align:center}.control-section{margin-bottom:28px}.control-section-title{font-size:14px;color:#aaa;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.control-buttons{display:flex;gap:12px}.control-btn{flex:1;padding:16px 20px;background-color:transparent;border:2px solid #ffffff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.control-btn:hover:not(:disabled){background-color:#fff;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.control-btn.active{background-color:#fff;color:#000}.control-btn:disabled{opacity:.3;cursor:not-allowed}.status-section{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.status-indicator{display:flex;align-items:center;gap:10px}.status-dot{width:14px;height:14px;border-radius:50%;background-color:#666;transition:all .3s ease}.status-dot.running{background-color:#0f0;box-shadow:0 0 15px #0f0;animation:pulse 2s infinite}.status-text{font-size:14px;color:#fff;font-weight:500}.status-badge{padding:8px 16px;background-color:#0f03;border:1px solid #00ff00;color:#0f0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.overlay{z-index:50;background-color:#0e0e0e1f;position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;display:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.logo{position:fixed;top:5%;left:66px;z-index:40;border:none;outline:none;display:flex;justify-content:center;align-items:center;padding:14px 10px;font-size:32px;font-weight:600;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.logo .logo-text{display:block;transition:opacity .3s ease}.logo .logo-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:auto;will-change:transform,opacity}.logo.light{color:#fff;border:1px solid #060606;background-color:#060606}.logo.light .logo-image{filter:invert(1)}@media(max-width:768px){.logo{left:32px;top:32px}}.sound-toggle{position:fixed;bottom:30px;right:30px;z-index:1000;width:32px;height:32px;border-radius:50%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle:hover{background-color:#fff3;border-color:#fff6;transform:scale(1.1)}.sound-toggle:active{transform:scale(.95)}.sound-toggle svg{width:15px;height:15px}.sound-toggle.light{background-color:#0000000d;border:1px solid rgba(0,0,0,.1);color:#000}.sound-toggle.light:hover{background-color:#0000001a;border-color:#0003}@media(max-width:768px){.sound-toggle{width:30px;height:30px;bottom:20px;right:20px}.sound-toggle svg{width:14px;height:14px}}.feedback-button{position:fixed;bottom:70px;right:30px;z-index:1000;width:32px;height:32px;border-radius:50%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-button:hover{background-color:#fff3;border-color:#fff6;transform:scale(1.1)}.feedback-button:active{transform:scale(.95)}.feedback-button svg{width:15px;height:15px}.feedback-button.light{background-color:#0000000d;border:1px solid rgba(0,0,0,.1);color:#000}.feedback-button.light:hover{background-color:#0000001a;border-color:#0003}@media(max-width:768px){.feedback-button{width:30px;height:30px;bottom:60px;right:20px}.feedback-button svg{width:14px;height:14px}}.feedback-label{position:fixed;bottom:115px;right:18px;z-index:999;pointer-events:none}.feedback-label .label-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 6px;color:#fff;font-size:10px;font-weight:500;white-space:nowrap;box-shadow:0 4px 16px #0003;display:flex;align-items:center;gap:4px;pointer-events:auto}.feedback-label .label-content .dismiss-btn{background:none;border:none;color:inherit;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;width:10px;height:10px;flex-shrink:0}.feedback-label .label-content .dismiss-btn:hover{opacity:1}.feedback-label .label-content .dismiss-btn svg{width:10px;height:10px}.feedback-label .label-arrow{position:absolute;bottom:-3px;right:12px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid rgba(255,255,255,.1)}.feedback-label.light .label-content{background:#000c;border:1px solid rgba(0,0,0,.1);color:#fff}.feedback-label.light .label-arrow{border-top-color:#000c}@media(max-width:768px){.feedback-label{bottom:100px;right:10px}.feedback-label .label-content{font-size:9px;padding:3px 5px;gap:3px}.feedback-label .label-content .dismiss-btn{width:8px;height:8px}.feedback-label .label-content .dismiss-btn svg{width:8px;height:8px}.feedback-label .label-arrow{right:10px}}.feedback-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;max-width:360px;width:calc(100% - 60px)}.feedback-popup .popup-content{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;box-shadow:0 16px 48px #0006;text-align:center}.feedback-popup .popup-content .popup-text{margin-bottom:20px}.feedback-popup .popup-content .popup-text h4{color:#fff;font-size:18px;font-weight:500;margin:0 0 10px}.feedback-popup .popup-content .popup-text .main-question{color:#ffffffe6;font-size:14px;margin:0 0 8px;line-height:1.5}.feedback-popup .popup-content .popup-text .sub-text{color:#ffffffb3;font-size:12px;margin:0;line-height:1.5;text-align:justify}.feedback-popup .popup-content .popup-buttons{display:flex;gap:12px}.feedback-popup .popup-content .popup-buttons .popup-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.feedback-popup .popup-content .popup-buttons .popup-btn.dismiss{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.feedback-popup .popup-content .popup-buttons .popup-btn.dismiss:hover{background:#ffffff26;transform:translateY(-1px)}.feedback-popup .popup-content .popup-buttons .popup-btn.feedback{background:#fff;color:#000}.feedback-popup .popup-content .popup-buttons .popup-btn.feedback:hover{background:#ffffffe6;transform:translateY(-1px)}.feedback-popup.light .popup-content{background:#ffffffe6;border:1px solid rgba(0,0,0,.1)}.feedback-popup.light .popup-content .popup-text h4{color:#000}.feedback-popup.light .popup-content .popup-text .main-question{color:#000000d9}.feedback-popup.light .popup-content .popup-text .sub-text{color:#0009}.feedback-popup.light .popup-content .popup-buttons .popup-btn.dismiss{background:#0000001a;color:#0009;border:1px solid rgba(0,0,0,.1)}.feedback-popup.light .popup-content .popup-buttons .popup-btn.dismiss:hover{background:#00000026}.feedback-popup.light .popup-content .popup-buttons .popup-btn.feedback{background:#000;color:#fff}.feedback-popup.light .popup-content .popup-buttons .popup-btn.feedback:hover{background:#000000e6}@media(max-width:480px){.feedback-popup .popup-content{padding:20px}.feedback-popup .popup-content .popup-buttons{flex-direction:column}.feedback-popup .popup-content .popup-buttons .popup-btn{padding:12px 16px}}