body{font-family:Inter,sans-serif;color:#111;scrollbar-width:none}body ::-webkit-scrollbar{width:0px}body ::-webkit-scrollbar-track{background:#dbd7d1}body ::-webkit-scrollbar-thumb{background:#888;border-radius:4px}body ::-webkit-scrollbar-thumb:hover{background:#555}@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Inter,sans-serif;color:#111}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}html{scroll-behavior:smooth}a,button{transition:all .2s ease-in-out}.image-hover{overflow:hidden}.image-hover img{transition:transform .7s ease}.image-hover:hover img{transform:scale(1.05)}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-vietnamese-400-normal.CqY-T-W0.woff2) format("woff2"),url(/assets/bangers-vietnamese-400-normal._bd9wsER.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-ext-400-normal.CuUygl31.woff2) format("woff2"),url(/assets/bangers-latin-ext-400-normal.CE1yv2Kp.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal.CondpPRf.woff2) format("woff2"),url(/assets/bangers-latin-400-normal._pKr8EKx.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/great-vibes-cyrillic-ext-400-normal.CKQhgFwn.woff2) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/great-vibes-cyrillic-400-normal.C-wcqNJs.woff2) format("woff2"),url(/assets/great-vibes-cyrillic-400-normal.DtFXCWjq.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/great-vibes-vietnamese-400-normal.a2O3jU53.woff2) format("woff2"),url(/assets/great-vibes-vietnamese-400-normal.Cxbm9Uac.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/great-vibes-latin-ext-400-normal.DOkzbsi7.woff2) format("woff2"),url(/assets/great-vibes-latin-ext-400-normal.DCXVjJx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/great-vibes-latin-400-normal.CBcwG6wP.woff2) format("woff2"),url(/assets/great-vibes-latin-400-normal.CLO24iQJ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kings;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kings-vietnamese-400-normal.DvyT6n52.woff2) format("woff2"),url(/assets/kings-vietnamese-400-normal.88uAlet_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kings;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kings-latin-ext-400-normal.bdkdlb6_.woff2) format("woff2"),url(/assets/kings-latin-ext-400-normal.BIsInT0f.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kings;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kings-latin-400-normal.DiZmKTwp.woff2) format("woff2"),url(/assets/kings-latin-400-normal.DA4KzBJE.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.terms-text{font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:.5px}html,body{margin:0;height:100%;overflow:hidden;font-family:"Arial, sans-serif"}.signup-container{display:flex;height:100vh;width:100%;position:relative;z-index:1;background-image:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1585914924626-15adac1e6402?q=80&w=2942&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;background-repeat:no-repeat;padding:0rem}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;filter:brightness(.9)}.left-panel{flex:1;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#000;padding:2rem;position:relative}.left-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000001a;z-index:1}.welcome-content{max-width:400px;text-align:center;position:relative;z-index:2}.welcome-content h1{font-size:3.5rem;margin-bottom:1.5rem;font-family:Great Vibes,cursive;color:#fff}.welcome-content p{font-size:1.5rem;font-weight:600;line-height:1.8;margin-bottom:2rem;font-family:Great Vibes,cursive;color:#f2f2f2;letter-spacing:.5px}.signin-button{background:transparent;border:2px solid white;color:#fff;padding:.8rem 1rem;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease}.signin-button:hover{background-color:#0000001a}.right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;padding:2rem;background-color:#0000001a}.form-container{width:200%;max-width:320px;background-color:#fffffff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;box-shadow:0 4px 16px #00000026}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.form-header h2{font-size:1.7rem;margin:0;font-family:Great Vibes,cursive}.form-container h2{font-size:1.6rem;margin-bottom:.5rem;color:#222;text-align:left;font-weight:600;font-family:Great Vibes,cursive}.form-container p{color:#000;margin-bottom:1.5rem;font-size:.9rem}.form-group{margin-bottom:1.5rem;position:relative}.form-input{width:100%;padding:.8rem 0;border:none;border-bottom:1px solid #adadad;border-radius:0;background-color:transparent;font-size:.9rem;transition:all .3s ease;color:#000;box-sizing:border-box;margin-bottom:1rem}.form-input:focus{outline:none;border-color:#ddd;box-shadow:none}.signup-button{width:100%;padding:.8rem 1.5rem;background-color:#000;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.signup-button:hover{background-color:#3b3b3b;box-shadow:0 4px 8px #0003}.terms-container{display:flex;align-items:center;width:100%;margin:1rem 0}.terms-checkbox{margin-right:10px;accent-color:#000000}.terms-text{font-size:.85rem;color:#2b2b2b}.terms-text a{color:#6b7280;text-decoration:underline}.signin-link{text-align:right;margin-bottom:1.5rem}.signin-link a{color:#6b7280;font-size:.9rem;text-decoration:none}.forgot-password-link{margin-left:auto;color:#6b7280;font-size:.85rem;text-decoration:none}.forgot-password-link:hover{color:#000;text-decoration:underline}.back-to-login{text-align:center;margin-top:1rem;font-size:.9rem}.back-to-login a{color:#6b7280;text-decoration:none}.back-to-login a:hover{color:#000;text-decoration:underline}.or-text{text-align:center;color:#666;margin:.5rem 0;font-size:.8rem;position:relative}.or-text:before,.or-text:after{content:"";position:absolute;top:50%;width:40px;height:1px;background-color:#ddd}.or-text:before{left:-50px}.or-text:after{right:-50px}.social-signup{margin-top:1.5rem;text-align:center}.social-icons{display:flex;flex-direction:column;align-items:center;margin-top:1rem;margin-bottom:.5rem}.google-icon-only{width:30px;height:30px;margin:8px auto;display:block;cursor:pointer;transition:transform .2s ease}.google-icon-link{display:block;text-align:center;margin:0 auto;text-decoration:none}.google-icon{width:18px;height:18px;margin-right:8px}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:0rem;border:1px solid #ddd;border-radius:20px;background-color:#fff;color:#444;font-size:.9rem;cursor:pointer;transition:background-color .3s ease;text-decoration:none}.google-signin-btn:hover{background-color:#f8f8f8}.google-text{font-size:.8rem;color:#666;margin-top:5px;text-align:center}.error-message{color:#ef4444;margin-bottom:1rem;font-size:.9rem;text-align:center}.success-message{position:absolute;top:-70px;left:0;right:0;background-color:#d4edda;color:#155724;padding:15px 20px;border-radius:5px;font-family:bangers;border:1px solid #c3e6cb;box-shadow:0 3px 10px #0000001a;z-index:9999;animation:slideInDown .5s ease-out,fadeOut .5s ease-out 4.5s;margin:0 auto;width:90%;max-width:400px}@keyframes slideInRight{0%{right:-300px;opacity:0}to{right:20px;opacity:1}}@keyframes slideInDown{0%{top:-150px;opacity:0}to{top:-70px;opacity:1}}@media (max-width: 480px){html,body{overflow:auto}.signup-container{flex-direction:column-reverse;height:auto;min-height:100vh;overflow-y:auto;background-position:top center;margin-top:50px}.left-panel{flex:none;padding:1rem 1rem 2rem;min-height:30vh;justify-content:flex-start;background-color:#0000004d;margin-top:1rem;border-radius:0}.welcome-content{max-width:100%;padding-top:.5rem}.welcome-content h1{font-size:2.2rem;margin-bottom:.8rem}.welcome-content p{font-size:.85rem!important;margin-bottom:1.2rem;line-height:1.5}.signin-button{padding:.7rem 1rem;font-size:.9rem;width:100%;max-width:280px;margin:0 auto;background-color:#ffffff26}.right-panel{flex:none;padding:2rem 1rem 1.5rem;background-color:#0003;border-radius:0 0 12px 12px}.form-container{width:100%;max-width:100%;padding:1.5rem;margin-top:1rem;border-radius:12px;box-shadow:0 8px 20px #0003}.form-header h2{font-size:1.8rem;text-align:center;margin-bottom:1rem}.form-input{padding:.7rem 0;font-size:.85rem;margin-bottom:.8rem}.terms-container{margin:.8rem 0}.terms-text{font-size:.75rem}.signup-button{padding:.7rem 1.2rem;font-size:.9rem;margin-top:.8rem}.or-text:before,.or-text:after{width:30px}.or-text:before{left:-40px}.or-text:after{right:-40px}.google-icon-only{width:25px;height:25px;margin:6px auto}.error-message{font-size:.8rem}.success-message{position:absolute;top:-60px;left:0;right:0;padding:10px 15px;font-size:.85rem;width:90%;margin:0 auto;animation:slideInDown .5s ease-out,fadeOut .5s ease-out 4.5s}@keyframes slideInDown{0%{top:-120px;opacity:0}to{top:-60px;opacity:1}}}.hero-section{display:flex;flex-direction:column;height:100vh}@media (min-width: 768px){.hero-section{flex-direction:row}}.hero-left{position:relative;width:100%;height:50%;background:linear-gradient(to right,#7aceea33,#de657933);display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.hero-left{width:50%;height:100%}}.hero-content{text-align:center;max-width:600px;z-index:10;margin-top:60px}.hero-content h1{font-size:2.5rem;font-family:Playfair Display,serif;color:#000;margin-bottom:20px;display:flex;flex-direction:column;line-height:1.1}.title-line-1,.title-line-2{display:block;margin-top:10px}@media (min-width: 768px){.hero-content h1{font-size:4.2rem;font-weight:300}}.hero-content p{font-size:1.2rem;color:#000;margin-bottom:32px}.discover-btn{background-color:#000;color:#fff;padding:12px 32px;border:none;cursor:pointer;position:relative;overflow:hidden;z-index:1;transition:color 4s cubic-bezier(.165,.84,.44,1)}.discover-btn:before{content:"";position:absolute;background:#fff;height:200px;width:200px;border-radius:50%;top:100%;left:100%;transition:all 3s cubic-bezier(.165,.84,.44,1);z-index:-1;transform:scale(.3);opacity:.95}.discover-btn:hover:before{top:-60px;left:-60px;transform:scale(2.5);opacity:1}.discover-btn:active:before{background:#f0f0f0;transition:background 0s}.discover-btn:hover{color:#000;transition-delay:.2s}.hero-right{position:relative;width:100%;height:50%;overflow:hidden}@media (min-width: 768px){.hero-right{width:50%;height:100%}}.hero-image{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000001a}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background:transparent;position:fixed;top:0;left:0;right:0;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}.navbar.scrolled{background-color:#fff;box-shadow:0 2px 10px #0000001a}.nav-left,.nav-right{display:flex;align-items:center;gap:20px;flex:1}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.nav-center{display:flex;align-items:center;gap:50px;justify-content:center;flex:2}.logo{font-size:28px;font-weight:300;letter-spacing:3px;padding:0 40px;display:inline-block;position:relative}.logo:before,.logo:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#0000001a}.logo:before{left:-15px}.logo:after{right:-15px}.navbar a{text-decoration:none;color:#000;font-size:11px;letter-spacing:1.5px;font-weight:400;transition:color .3s ease;cursor:pointer}.navbar a:not(.logo):hover{color:#666}.live-dot{display:inline-block;width:8px;height:8px;background-color:red;border-radius:50%;animation:blink 1.5s infinite;flex-shrink:0}.music-dot{display:inline-block;width:8px;height:8px;background-color:#0c0;border-radius:50%;animation:blink 1.5s infinite;flex-shrink:0}.chipset-icon{flex-shrink:0;animation:pulse-chipset 2s infinite}@keyframes pulse-chipset{0%{opacity:.7;transform:scale(1);filter:drop-shadow(0 0 0 #6200EA)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.cart-icon{display:flex;align-items:center;gap:3px}.cart-count{font-size:11px;font-weight:300}.language-selector{font-size:11px;cursor:pointer;font-weight:400;letter-spacing:1.5px}.nav-right svg{stroke-width:1.25;cursor:pointer;transition:color .3s ease}.nav-right svg:hover{color:#666}.wellness-icon{transition:all .3s ease;filter:drop-shadow(0 0 3px rgba(0,188,212,.2))}.wellness-icon:hover{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(0,188,212,.4));animation:wellnessIconPulse .6s ease-in-out}@keyframes wellnessIconPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}.mobile-logo{display:none;text-decoration:none;color:#000;cursor:pointer}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-button svg{width:24px;height:24px}.mobile-menu-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.navbar.mobile-open .mobile-menu-backdrop{display:block;opacity:1}@media screen and (max-width: 1600px){.navbar{padding:8px 25px}.nav-center{gap:45px}.logo{font-size:26px;padding:0 35px}.navbar a{font-size:10px;letter-spacing:1.3px}.nav-left,.nav-right{gap:18px}.nav-right svg{width:19px;height:19px}}@media screen and (max-width: 1400px){.navbar{padding:8px 22px}.nav-center{gap:40px}.logo{font-size:25px;padding:0 32px}.navbar a{font-size:10px;letter-spacing:1.2px}.nav-left,.nav-right{gap:16px}.nav-right svg{width:18px;height:18px}.live-dot,.music-dot{width:7px;height:7px}.chipset-icon,.wellness-icon{width:13px;height:13px}}@media screen and (max-width: 1200px){.navbar{padding:8px 20px}.nav-center{gap:35px}.logo{font-size:24px;padding:0 28px}.navbar a{font-size:9px;letter-spacing:1.1px}.nav-left,.nav-right{gap:15px}.nav-right svg{width:17px;height:17px}.live-dot,.music-dot{width:6px;height:6px}.chipset-icon,.wellness-icon{width:12px;height:12px}}@media screen and (max-width: 992px){.navbar{padding:7px 18px}.nav-center{gap:25px}.logo{font-size:22px;padding:0 25px}.logo:before,.logo:after{height:18px}.navbar a{font-size:9px;letter-spacing:1px}.nav-left,.nav-right{gap:12px}.nav-right svg{width:16px;height:16px;stroke-width:1.5}.live-dot,.music-dot{width:6px;height:6px}.chipset-icon,.wellness-icon{width:11px;height:11px}}@media screen and (max-width: 768px){.navbar{padding:6px 15px}.nav-center{gap:20px;flex-wrap:wrap;justify-content:center}.logo{order:-1;width:100%;text-align:center;margin-bottom:8px;font-size:20px;padding:0 20px}.logo:before,.logo:after{display:none}.navbar a{font-size:8px;letter-spacing:.8px}.nav-left,.nav-right{flex:initial;gap:10px}.nav-right svg{width:15px;height:15px}.live-dot,.music-dot{width:5px;height:5px}.chipset-icon,.wellness-icon{width:10px;height:10px}}@media screen and (max-width: 640px){.navbar{padding:6px 12px}.nav-center{gap:15px}.logo{font-size:18px;margin-bottom:6px}.navbar a{font-size:7px;letter-spacing:.6px}.nav-left,.nav-right{gap:8px}.nav-right svg{width:14px;height:14px}.mobile-menu-button{padding:3px}.mobile-menu-button svg{width:20px;height:20px}}@media screen and (max-width: 576px){.navbar{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;min-height:50px}.nav-left,.nav-center{display:none}.mobile-logo{display:block;font-size:24px;font-weight:800;letter-spacing:1.8px;font-family:Playfair Display,serif;margin-right:auto;padding:4px 0;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.1)}.nav-right{display:flex;gap:15px;justify-content:flex-end;align-items:center;padding-left:10px}.nav-right svg{width:18px;height:18px;stroke-width:1.8}.mobile-menu-button{display:block;padding:4px}.mobile-menu-button svg{width:22px;height:22px}.navbar.mobile-open .nav-center{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;padding:60px 15px 30px;box-shadow:0 3px 8px #0000001f;gap:8px;align-items:center;justify-content:center;animation:slideIn .25s ease-out;z-index:1001;overflow-y:auto}.mobile-close-button{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;padding:6px;z-index:1002;border-radius:50%;transition:background-color .2s}.mobile-close-button:hover{background-color:#f5f5f5}.mobile-close-button svg{width:20px;height:20px;color:#333}.navbar.mobile-open .nav-center a{font-size:14px;padding:12px 0;width:100%;text-align:center;border-bottom:1px solid #f0f0f0;font-weight:500;letter-spacing:.8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.navbar.mobile-open .nav-center a:hover{background-color:#f8f8f8}.navbar.mobile-open .nav-center a:last-child{border-bottom:none}.navbar.mobile-open .nav-center .logo{display:none}.navbar.mobile-open .live-dot,.navbar.mobile-open .music-dot{width:6px;height:6px}.navbar.mobile-open .chipset-icon{width:12px;height:12px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}@media screen and (max-width: 480px){.navbar{padding:6px 10px;min-height:45px}.mobile-logo{font-size:20px!important;font-weight:800!important;letter-spacing:1.5px!important;padding:3px 0!important;color:#000!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.nav-right{gap:12px!important;padding-left:8px!important}.nav-right svg{width:16px;height:16px;stroke-width:2}.mobile-menu-button{padding:3px}.mobile-menu-button svg{width:20px;height:20px}.navbar.mobile-open .nav-center{padding:50px 12px 25px;gap:6px}.mobile-close-button{top:12px;right:12px;padding:5px}.mobile-close-button svg{width:18px;height:18px}.navbar.mobile-open .nav-center a{font-size:12px;padding:10px 0;letter-spacing:.6px;display:flex;align-items:center;justify-content:center;gap:6px}.navbar.mobile-open .live-dot,.navbar.mobile-open .music-dot{width:5px;height:5px}.navbar.mobile-open .chipset-icon{width:10px;height:10px}}@media screen and (max-width: 360px){.navbar{padding:5px 8px;min-height:40px}.mobile-logo{font-size:18px!important;font-weight:800!important;letter-spacing:1.2px!important;padding:2px 0!important;color:#000!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.nav-right{gap:10px!important;padding-left:6px!important}.nav-right svg{width:15px;height:15px}.mobile-menu-button svg{width:18px;height:18px}.navbar.mobile-open .nav-center{padding:45px 10px 20px;gap:5px}.mobile-close-button{top:10px;right:10px;padding:4px}.mobile-close-button svg{width:16px;height:16px}.navbar.mobile-open .nav-center a{font-size:11px;padding:8px 0;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:5px}.navbar.mobile-open .live-dot,.navbar.mobile-open .music-dot{width:4px;height:4px}.navbar.mobile-open .chipset-icon{width:9px;height:9px}}.collection-section{padding:100px 40px;text-align:center;width:100%;box-sizing:border-box}.collection-section h2{font-size:28px;font-weight:300;letter-spacing:4px;margin-bottom:60px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto;width:100%}.collection-item{position:relative;overflow:hidden;width:100%;max-height:400%;cursor:pointer}.collection-item img{width:100%;height:400px;object-fit:cover;transition:transform .8s ease}.collection-item:hover img{transform:scale(1.05)}.item-info{margin-top:20px;text-align:center}.item-info h3{font-size:16px;font-weight:400;letter-spacing:2px;margin-bottom:8px}.item-info p{font-size:14px;color:#666}.view-all-btn{border:1px solid black;padding:12px 32px;font-size:14px;letter-spacing:2px;background-color:transparent;color:#000;cursor:pointer;transition:all .3s ease;margin-top:40px}.view-all-btn:hover{background-color:#000;color:#fff}@media screen and (min-width: 1400px){.collection-grid{max-width:1400px}.collection-item img{height:550px}}@media screen and (max-width: 1200px){.collection-section{padding:80px 30px}.collection-grid{gap:30px}.collection-item img{height:350px}}@media screen and (max-width: 992px){.collection-section{padding:70px 25px}.collection-section h2{font-size:24px;margin-bottom:40px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:25px}.collection-item img{height:300px}}@media screen and (max-width: 768px){.collection-section{padding:60px 20px}.collection-section h2{font-size:22px;margin-bottom:35px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:20px}.collection-item img{height:350px}.item-info h3{font-size:15px}.item-info p{font-size:13px}.view-all-btn{padding:10px 28px;font-size:13px}}@media screen and (max-width: 576px){.collection-section{padding:50px 15px}.collection-section h2{font-size:20px;margin-bottom:30px}.collection-grid{grid-template-columns:1fr;gap:30px}.collection-item img{height:280px}.view-all-btn{padding:10px 25px;font-size:12px;margin-top:30px}}@media screen and (max-width: 375px){.collection-section{padding:40px 10px}.collection-item img{height:220px}.item-info h3{font-size:14px}.item-info p{font-size:12px}}.maison-section{height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.maison-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.placeholder-image{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .5s ease}.maison-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .5s ease}.maison-video.video-ready{opacity:1}.maison-video.video-loading{opacity:0}.video-loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;z-index:1}.maison-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:2}.maison-content{text-align:center;color:#fff;z-index:3;max-width:600px;padding:0 20px}.maison-content h2{font-size:36px;font-weight:300;letter-spacing:6px;margin-bottom:20px}.maison-content p{font-size:16px;line-height:1.6;margin-bottom:30px}.discover-btn{display:inline-block;padding:15px 30px;border:1px solid #fff;color:#fff;text-decoration:none;font-size:12px;letter-spacing:2px;transition:all .3s ease}.discover-btn:hover{background:#fff;color:#000}.live-polls-preview{padding:100px 40px;width:100%;box-sizing:border-box;background-color:#fafafa;position:relative}.live-polls-preview:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#ddd 20%,#999 50%,#ddd 80%,transparent 100%)}.polls-preview-container{max-width:1400px;margin:0 auto;width:100%}.polls-preview-header{text-align:center;margin-bottom:60px}.polls-preview-header h2{font-size:32px;font-weight:300;letter-spacing:4px;margin-bottom:20px;color:#333;display:flex;align-items:center;justify-content:center;gap:15px}.live-dot{display:inline-block;width:8px;height:8px;background-color:red;border-radius:50%;animation:liveBlink 1.5s infinite}@keyframes liveBlink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.polls-preview-subtitle{font-size:16px;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.polls-info-content{display:flex;align-items:center;gap:100px;margin-bottom:60px}.polls-info-image{flex:1;max-width:500px}.polls-image{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease}.polls-image:hover{transform:scale(1.02)}.polls-info-text{flex:1;max-width:500px}.polls-info-title{font-size:32px;font-weight:300;color:#333;margin-bottom:20px;letter-spacing:2px}.polls-info-description{font-size:16px;color:#666;line-height:1.6;margin-bottom:30px}.poll-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.poll-creator{display:flex;flex-direction:column;gap:4px}.creator-name{font-size:14px;font-weight:600;color:#333}.poll-date{font-size:12px;color:#999}.poll-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.poll-preview-title{font-size:18px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.4}.poll-preview-description{font-size:14px;color:#666;line-height:1.5;margin-bottom:20px}.poll-preview-options{margin-bottom:20px}.poll-preview-option{position:relative;background-color:#f8f9fa;border-radius:8px;margin-bottom:8px;overflow:hidden;min-height:44px;display:flex;align-items:center}.poll-option-progress{position:absolute;top:0;left:0;height:100%;border-radius:8px;z-index:1;transition:all .8s cubic-bezier(.4,0,.2,1);animation:liquidFill 1.5s ease-out,liquidWave 3s ease-in-out infinite;max-width:100%}.poll-option-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;pointer-events:none}.option-text{font-size:14px;color:#333;font-weight:500}.option-percentage{font-size:12px;color:#666;font-weight:600;background:#ffffffe6;padding:2px 8px;border-radius:12px;border:1px solid rgba(0,0,0,.1)}.poll-preview-option:nth-child(1) .poll-option-progress{background:linear-gradient(45deg,#00d4ff,#09f,#06f,#09f,#00d4ff);background-size:400% 400%}.poll-preview-option:nth-child(2) .poll-option-progress{background:linear-gradient(45deg,#0f8,#0c6,#0a4,#0c6,#0f8);background-size:400% 400%}.poll-preview-option:nth-child(3) .poll-option-progress{background:linear-gradient(45deg,#f4f,#c2c,#a0a,#c2c,#f4f);background-size:400% 400%}.more-options{text-align:center;font-size:12px;color:#999;font-style:italic;margin-top:8px}.poll-preview-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.poll-stats{display:flex;gap:16px}.vote-count,.comment-count{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.poll-category{font-size:11px;background-color:#e6f7ff;color:#1890ff;padding:4px 8px;border-radius:4px;font-weight:600}.polls-preview-actions{text-align:center}.explore-polls-btn{border:1px solid black;padding:15px 30px;font-size:14px;letter-spacing:2px;background-color:transparent;color:#000;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:500;border-radius:0}.explore-polls-btn:hover{background-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.polls-preview-loading,.polls-preview-empty{text-align:center;padding:60px 20px}.polls-preview-loading p,.polls-preview-empty p{font-size:16px;color:#666;margin-bottom:20px}@media screen and (min-width: 1400px){.polls-info-content{gap:120px}.polls-preview-grid{grid-template-columns:repeat(3,1fr);gap:50px}}@media screen and (max-width: 1200px){.live-polls-preview{padding:80px 30px}.polls-info-content{gap:80px}.polls-preview-header h2{font-size:28px;margin-bottom:15px}.polls-preview-grid{gap:30px;margin-bottom:50px}.poll-preview-card{padding:20px}}@media screen and (max-width: 992px){.live-polls-preview{padding:70px 25px}.polls-info-content{gap:60px}.polls-preview-header h2{font-size:26px;letter-spacing:3px}.polls-preview-subtitle{font-size:15px}.polls-preview-grid{grid-template-columns:repeat(2,1fr);gap:25px}.poll-preview-title{font-size:16px}.view-all-btn{padding:12px 25px;font-size:13px}}@media screen and (max-width: 768px){.live-polls-preview{padding:60px 20px}.polls-preview-header{margin-bottom:40px}.polls-preview-header h2{font-size:24px;letter-spacing:2px;flex-direction:column;gap:10px}.polls-info-content{flex-direction:column;gap:50px;text-align:center}.polls-info-image{max-width:400px;margin:0 auto}.polls-info-title{font-size:28px}}@media screen and (max-width: 576px){.live-polls-preview{padding:50px 15px}.polls-preview-header h2{font-size:22px;letter-spacing:1px}.polls-preview-subtitle{font-size:14px}.polls-info-content{gap:40px}.polls-info-image{max-width:300px}.polls-info-title{font-size:24px;letter-spacing:1px}.polls-info-description{font-size:14px}.explore-polls-btn{padding:12px 24px;font-size:12px}}@media screen and (max-width: 375px){.live-polls-preview{padding:40px 10px}.polls-preview-header h2{font-size:20px}.polls-preview-grid{grid-template-columns:minmax(280px,1fr)}.poll-preview-card{padding:14px}}.atelier-section{padding:100px 40px;width:100%;box-sizing:border-box}.atelier-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;align-items:center;width:100%}.atelier-text{padding-right:60px}.atelier-text h2{font-size:32px;font-weight:300;letter-spacing:4px;margin-bottom:30px}.atelier-paragraph{font-size:16px;line-height:1.8;margin-bottom:40px;color:#666}.atelier-paragraph .shiny-text{font-size:16px;line-height:1.8;text-align:left;display:inline}.craft-btn{display:inline-block;padding:15px 30px;border:1px solid #000;color:#000;text-decoration:none;font-size:12px;letter-spacing:2px;transition:all .3s ease}.craft-btn:hover{background:#000;color:#fff}.atelier-image img{width:100%;height:600px;object-fit:cover}@media screen and (min-width: 1400px){.atelier-grid{max-width:1400px}.atelier-image img{height:650px}}@media screen and (max-width: 1200px){.atelier-section{padding:80px 30px}.atelier-grid{gap:40px}.atelier-text{padding-right:30px}.atelier-text h2{font-size:28px;margin-bottom:25px}.atelier-paragraph,.atelier-paragraph .shiny-text{font-size:15px}.atelier-image img{height:550px}}@media screen and (max-width: 992px){.atelier-section{padding:70px 25px}.atelier-grid{gap:30px}.atelier-text{padding-right:20px}.atelier-text h2{font-size:26px;margin-bottom:20px}.atelier-paragraph,.atelier-paragraph .shiny-text{font-size:14px;line-height:1.7;margin-bottom:30px}.craft-btn{padding:12px 25px;font-size:11px}.atelier-image img{height:450px}}@media screen and (max-width: 768px){.atelier-section{padding:60px 20px}.atelier-grid{grid-template-columns:1fr;gap:40px}.atelier-text{padding-right:0;order:2;text-align:center}.atelier-text h2{font-size:24px}.atelier-paragraph,.atelier-paragraph .shiny-text{text-align:center}.atelier-image{order:1}.atelier-image img{height:400px}}@media screen and (max-width: 576px){.atelier-section{padding:50px 15px}.atelier-text h2{font-size:22px;letter-spacing:3px}.atelier-paragraph,.atelier-paragraph .shiny-text{font-size:14px;line-height:1.6;margin-bottom:25px}.craft-btn{padding:10px 20px;font-size:10px}.atelier-image img{height:350px}}@media screen and (max-width: 375px){.atelier-section{padding:40px 10px}.atelier-text h2{font-size:20px;letter-spacing:2px}.atelier-paragraph,.atelier-paragraph .shiny-text{font-size:13px}.atelier-image img{height:300px}}.music-preview{padding:40px 40px 100px;width:100%;box-sizing:border-box;background-color:#f8f9fa;position:relative}.music-preview:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#00ff88 20%,#00cc66 50%,#00ff88 80%,transparent 100%)}.music-preview-container{max-width:1400px;margin:0 auto;width:100%}.music-preview-header{text-align:center;margin-bottom:60px}.music-preview-header h2{font-size:32px;font-weight:300;letter-spacing:4px;margin-bottom:20px;color:#333;display:flex;align-items:center;justify-content:center;gap:15px}.music-dot{display:inline-block;width:8px;height:8px;background-color:#0f8;border-radius:50%;animation:musicBlink 1.5s infinite}@keyframes musicBlink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.music-preview-subtitle{font-size:16px;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.music-info-content{display:flex;align-items:center;gap:60px;margin-bottom:60px}.music-info-image{flex:1;max-width:450px}.music-image{width:85%;height:430px;object-fit:cover;border-radius:12px;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease;margin:0 auto;display:block}.music-image:hover{transform:scale(1.05)}.music-info-text{flex:1;max-width:500px}.music-info-title{font-size:32px;font-weight:300;color:#333;margin-bottom:20px;letter-spacing:2px}.music-info-description{font-size:16px;color:#666;line-height:1.6;margin-bottom:30px}.explore-music-btn{border:1px solid black;padding:15px 30px;font-size:14px;letter-spacing:2px;background-color:transparent;color:#000;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:500;border-radius:0}.explore-music-btn:hover{background-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}@media screen and (min-width: 1400px){.music-info-content{gap:80px}}@media screen and (max-width: 1200px){.music-preview{padding:30px 30px 80px}.music-preview-header h2{font-size:28px;margin-bottom:15px}.music-info-content{gap:50px}}@media screen and (max-width: 992px){.music-preview{padding:25px 25px 70px}.music-preview-header h2{font-size:26px;letter-spacing:3px}.music-preview-subtitle{font-size:15px}.music-info-content{gap:40px}.music-info-title{font-size:28px}.explore-music-btn{padding:12px 25px;font-size:13px}}@media screen and (max-width: 768px){.music-preview{padding:20px 20px 60px}.music-preview-header{margin-bottom:40px}.music-preview-header h2{font-size:24px;letter-spacing:2px;flex-direction:column;gap:10px}.music-info-content{flex-direction:column;gap:40px;text-align:center}.music-info-image{max-width:400px;margin:0 auto}.music-image{width:90%;height:480px}.music-info-title{font-size:28px}}@media screen and (max-width: 576px){.music-preview{padding:15px 15px 50px}.music-preview-header h2{font-size:22px;letter-spacing:1px}.music-preview-subtitle{font-size:14px}.music-info-content{gap:30px}.music-info-image{max-width:300px}.music-image{width:95%;height:350px}.music-info-title{font-size:24px;letter-spacing:1px}.music-info-description{font-size:14px}.explore-music-btn{padding:12px 24px;font-size:12px}}@media screen and (max-width: 375px){.music-preview{padding:10px 10px 40px}.music-preview-header h2{font-size:20px}.music-info-image{max-width:280px}}.footer{background:#f8f8f8;padding:80px 40px 40px;width:100%;box-sizing:border-box}.footer-content{max-width:1400px;margin:0 auto -0px;display:grid;grid-template-columns:1fr 2fr;gap:60px;width:100%}.footer-logo{font-size:24px;font-weight:300;letter-spacing:3px;margin-bottom:-10px}.footer-logo img{max-width:300px;margin-top:-25px;height:auto}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h3{font-size:12px;font-weight:500;letter-spacing:2px;margin-bottom:20px}.footer-column a{display:block;text-decoration:none;color:#666;font-size:14px;margin-bottom:10px;transition:color .3s ease}.footer-column a:hover{color:#000}.language-selector{position:relative;cursor:pointer;margin-top:10px}.selected-language{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#000;padding:8px 15px;border:1px solid #e0e0e0;background-color:#fff;transition:all .3s ease;min-width:200px;position:relative;box-shadow:0 1px 3px #0000000d}.selected-language:after{content:"▼";font-size:10px;margin-left:10px;color:#000}.selected-language:hover{border-color:#ccc}.language-dropdown{position:absolute;top:0;left:0;transform:translateY(-100%);background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;width:100%;max-height:250px;overflow-y:auto;z-index:100;padding:0}.language-option{display:flex;align-items:center;padding:12px 15px;font-size:14px;color:#000;transition:background-color .3s ease;border-bottom:1px solid #e0e0e0}.language-option:last-child{border-bottom:none}.language-option:hover{background-color:#f0f8ff}.language-option.active{font-weight:500}.flag{margin-right:10px;font-size:16px}.language-name{flex:1}.footer-bottom{max-width:1400px;margin:60px auto 0;padding-top:20px;border-top:1px solid #ddd;font-size:12px;color:#666;display:flex;justify-content:center;align-items:center;position:relative}.footer-bottom p{margin:0;text-align:center}.back-to-top-btn{display:flex;align-items:center;gap:8px;background-color:transparent;border:1px solid #333;color:#333;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;border-radius:0;position:absolute;right:0}.back-to-top-btn:hover{background-color:#333;color:#fff;transform:translateY(-2px)}.back-to-top-icon{font-size:14px;font-weight:700}.back-to-top-text{font-size:11px}@media screen and (min-width: 1600px){.footer-content,.footer-bottom{max-width:1500px}.footer{padding:100px 60px 50px}.footer-logo{font-size:28px;letter-spacing:4px}.footer-logo img{max-width:220px}.footer-column h3{font-size:14px;margin-bottom:25px}.footer-column a{font-size:16px;margin-bottom:12px}}@media screen and (min-width: 1400px) and (max-width: 1599px){.footer-content,.footer-bottom{max-width:1400px}.footer{padding:90px 50px 45px}.footer-logo{font-size:26px}}@media screen and (max-width: 1399px) and (min-width: 1200px){.footer{padding:80px 40px 40px}.footer-content{gap:50px;max-width:1200px}.footer-links{gap:35px}.footer-bottom{max-width:1200px}}@media screen and (max-width: 1199px) and (min-width: 992px){.footer{padding:70px 35px 35px}.footer-content{gap:40px;max-width:960px}.footer-links{gap:30px}.footer-bottom{max-width:960px;margin-top:50px}}@media screen and (max-width: 991px) and (min-width: 768px){.footer{padding:60px 30px 30px}.footer-content{grid-template-columns:1fr;gap:40px;max-width:720px}.footer-logo{text-align:center;margin-bottom:10px;font-size:22px}.footer-logo img{max-width:180px;margin-top:-20px}.footer-links{grid-template-columns:repeat(3,1fr);gap:25px}.footer-column h3{font-size:11px;margin-bottom:18px}.footer-column a{font-size:13px;margin-bottom:9px}.footer-bottom{max-width:720px;margin-top:40px}}@media screen and (max-width: 767px) and (min-width: 668px){.footer{padding:55px 25px 25px}.footer-content{grid-template-columns:1fr;gap:35px;max-width:640px}.footer-logo{text-align:center;font-size:22px}.footer-links{grid-template-columns:repeat(3,1fr);gap:20px}.footer-column h3{font-size:11px;margin-bottom:15px}.footer-column a{font-size:13px;margin-bottom:8px}.footer-bottom{max-width:640px;margin-top:35px;font-size:11px}}@media screen and (max-width: 667px) and (min-width: 576px){.footer{padding:50px 20px 20px}.footer-content{grid-template-columns:1fr;gap:30px;max-width:540px}.footer-logo{text-align:center;font-size:20px}.footer-links{grid-template-columns:repeat(2,1fr);gap:30px 20px}.footer-column h3{font-size:11px;margin-bottom:15px}.footer-column a{font-size:13px;margin-bottom:8px}.footer-bottom{max-width:540px;margin-top:30px;font-size:11px;flex-direction:column;gap:15px}.back-to-top-btn{font-size:11px;padding:6px 12px;position:static;align-self:center}}@media screen and (max-width: 575px) and (min-width: 481px){.footer{padding:45px 18px 18px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-logo{text-align:center;font-size:20px;letter-spacing:2.5px}.footer-links{grid-template-columns:repeat(2,1fr);gap:25px 15px}.footer-column h3{font-size:10px;margin-bottom:12px;letter-spacing:1.5px}.footer-column a{font-size:12px;margin-bottom:7px}.footer-bottom{margin-top:25px;padding-top:15px;font-size:10px;flex-direction:column;gap:12px}.back-to-top-btn{font-size:10px;padding:5px 10px;position:static;align-self:center}}@media screen and (max-width: 480px) and (min-width: 376px){.footer{padding:40px 15px 15px}.footer-content{grid-template-columns:1fr;gap:25px}.footer-logo{text-align:center;font-size:18px;letter-spacing:2px}.footer-links{grid-template-columns:1fr;gap:25px}.footer-column{text-align:center}.footer-column h3{font-size:10px;margin-bottom:10px;letter-spacing:1.5px}.footer-column a{font-size:12px;margin-bottom:6px}.footer-bottom{margin-top:25px;padding-top:15px;font-size:10px;flex-direction:column;gap:12px}.back-to-top-btn{font-size:10px;padding:5px 10px;position:static;align-self:center}}@media screen and (max-width: 375px){.footer{padding:35px 12px 12px}.footer-content{grid-template-columns:1fr;gap:20px}.footer-logo{text-align:center;font-size:16px;letter-spacing:1.5px}.footer-logo img{max-width:150px;margin-top:-15px}.footer-links{grid-template-columns:1fr;gap:20px}.footer-column{text-align:center}.footer-column h3{font-size:9px;margin-bottom:8px;letter-spacing:1px}.footer-column a{font-size:11px;margin-bottom:5px}.footer-bottom{margin-top:20px;padding-top:12px;font-size:9px;flex-direction:column;gap:10px}.back-to-top-btn{font-size:9px;padding:4px 8px;position:static;align-self:center}}.about-section{padding:80px 0;background-color:#f8f8f8;position:relative}.about-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#8b4513 20%,#654321 50%,#8b4513 80%,transparent 100%)}.about-container{max-width:1200px;margin:0 auto;padding:0 20px}.about-content{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.about-content{flex-direction:row;align-items:flex-start}}.about-image{width:100%;margin-bottom:20px}@media (min-width: 768px){.about-image{width:50%;margin-bottom:0;padding-right:100px}}.image{width:100%;height:500px;object-fit:cover}.about-text{width:100%}@media (min-width: 768px){.about-text{width:50%;padding-left:20px}}.title{font-size:24px;font-family:Playfair Display,serif;margin-bottom:20px}.divider{width:64px;height:2px;background-color:#000;margin-bottom:24px}.description{color:#666;margin-bottom:24px;line-height:1.6}.learn-more-btn{border:1px solid black;padding:12px 32px;background-color:transparent;color:#000;cursor:pointer;transition:background-color .3s ease,color .3s ease}.learn-more-btn:hover{background-color:#000;color:#fff}.home{overflow-y:auto;height:100vh}body{scrollbar-width:none}.register-section{padding:80px 0;background-color:#f0f0f0}.register-container{max-width:800px;margin:0 auto;text-align:center;padding:0 20px}.register-title{font-size:24px;font-family:Playfair Display,serif;margin-bottom:20px}.divider{width:64px;height:2px;background-color:#000;margin:0 auto 24px}.register-description{color:#666;margin-bottom:24px;line-height:1.6}.register-form{display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto}.register-input{flex-grow:1;background-color:#fff;border-bottom:1px solid #ccc;padding:12px;transition:border-color .3s ease}.register-input:focus{border-color:#000;outline:none}.register-button{background-color:#000;color:#fff;padding:12px 32px;border:none;cursor:pointer;transition:background-color .3s ease}.register-button:hover{background-color:#000000e6}.music-page{padding:40px;background-color:#f8f8f8;font-family:Playfair Display,serif;overflow-y:auto;height:93vh}.music-page h1{text-align:center;font-size:36px;margin-bottom:30px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.music-live-dot{display:inline-block;width:8px;height:8px;background-color:#0c0;border-radius:50%;margin-right:10px;animation:blink 1.5s infinite;vertical-align:middle}.music-page h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:2px;background-color:#1db954}.playlists-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:20px}.playlist-card{position:relative;transition:all .3s ease;border-radius:12px;overflow:hidden}.playlist-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.playlist-card iframe{display:block}.playlist-card button{position:absolute;bottom:15px;right:15px;background-color:#1db954;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #1db9544d;font-size:16px;z-index:10}.playlist-card button:hover{background-color:#1ed760;transform:scale(1.1)}.playlist-card.playing button{background-color:#f50}.playlist-card.playing{box-shadow:0 0 20px #1db95466}@media (max-width: 480px){.music-page{padding:20px 15px;height:auto;min-height:85vh}.music-page h1{font-size:24px;margin-bottom:20px;margin-top:60px}.music-page h1:after{width:80px;height:1.5px;bottom:-8px}.playlists-container{gap:15px;padding:10px 5px}.playlist-card button{width:32px;height:32px;font-size:12px;bottom:12px;right:12px}}@media (max-width: 375px){.music-page{padding:15px 10px}.music-page h1{font-size:22px}.playlists-container{gap:12px}.playlist-card button{width:30px;height:30px;font-size:11px;bottom:10px;right:10px}}@media (max-width: 320px){.music-page h1{font-size:20px}.playlists-container{gap:10px}.playlist-card button{width:28px;height:28px;font-size:10px;bottom:8px;right:8px}}@media (max-width: 480px) and (orientation: portrait){.playlists-container{padding-bottom:70px}}@media (max-height: 480px) and (orientation: landscape){.music-page{padding:10px;height:auto}.music-page h1{font-size:20px;margin-top:50px;margin-bottom:15px}.playlists-container{gap:10px;padding:5px}}.about{overflow-y:auto;height:100vh}.about-us-section{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:2rem 0}.about-us-container{max-width:1200px;width:100%;padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:4rem}.about-us-container.reverse{flex-direction:row}.about-us-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#333}.about-us-description{font-size:1.2rem;color:#666;margin-bottom:1rem;max-width:600px}.about-us-image{width:100%;padding-top:8rem;max-width:400px;margin-left:2rem}.image{width:100%;height:auto;border-radius:8px}.contact-btn{background-color:#000;color:#fff;padding:12px 32px;border:none;cursor:pointer;transition:background-color .3s ease;border-color:#000;font-size:11px}.contact-btn:hover{background-color:#efeeee;color:#000;border-color:#000}@media screen and (max-width: 767px){.about-us-container{flex-direction:column;padding:1.5rem;margin-bottom:2rem}.about-us-container.reverse{flex-direction:column}.about-us-title{font-size:2rem;text-align:center}.about-us-description{font-size:1rem;text-align:center;max-width:100%}.about-us-image{padding-top:2rem;max-width:100%;margin-left:0;order:-1}.about-us-container.reverse .about-us-image{order:-1}.about-us-text{display:flex;flex-direction:column;align-items:center;width:100%}.contact-btn{padding:10px 24px;font-size:10px;margin-top:1rem}}.page-container{min-height:100vh;overflow-y:auto;background-color:#fff;font-family:Inter,sans-serif;padding:4rem 0}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto;padding:0 4rem}.image-section{display:flex;align-items:center;justify-content:center;margin-top:4rem}.fashion-image{width:100%;height:550px;object-fit:cover;border-radius:8px}h2{font-family:Times New Roman,serif;font-size:2.5rem;font-weight:300;margin-bottom:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-group input{width:100%;padding:.75rem 0;border:none;border-bottom:1px solid #1a1a1a;background:transparent;font-size:1rem}.form-group input:focus{outline:none;border-bottom-width:2px}.form-group input::placeholder{color:#666}.full-width{grid-column:1 / -1;margin-bottom:2rem}.send-button{background-color:#1a1a1a;color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease;float:right}.send-button:hover{background-color:#5d5b5b}@media (max-width: 1024px){.main-content{grid-template-columns:1fr;gap:3rem;padding:0 2rem}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1rem}.send-button{width:100%;float:none}}.chatbot-container{display:flex;flex-direction:column;height:calc(100vh - 60px);width:100%;margin-top:60px;background-color:#f8f8f8;box-shadow:0 0 20px #00000014;font-family:Playfair Display,Inter,-apple-system,BlinkMacSystemFont,serif;overflow:hidden;font-size:small}.chatbot-header{background:linear-gradient(to right,#f5e2e5,#d9e4f5);color:#222;padding:1.2rem;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 10px #0000000d;letter-spacing:.5px}@media (min-width: 1024px){.chatbot-header{padding:1.5rem 2rem;display:flex;justify-content:center;align-items:center}.chatbot-avatar{position:absolute;left:2rem}.chatbot-info{margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.voice-controls{position:absolute;right:3rem}.volume-hover-panel{padding:.6rem 1.2rem;margin-left:.7rem}.volume-hover-slider{width:100px}}.chatbot-avatar{width:2.8rem;height:2.8rem;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);position:absolute;left:1.2rem}.chatbot-avatar svg{width:1.5rem;height:1.5rem;color:#222}.chatbot-info{display:flex;flex-direction:column;text-align:center;flex:1}.chatbot-title{font-weight:500;font-size:1.5rem;margin:0;font-family:Playfair Display,serif;letter-spacing:.8px}.chatbot-status{font-size:.75rem;margin:2px 0 0;color:#0009;font-style:italic;letter-spacing:.4px}.voice-quality-indicator{font-size:.7rem;color:#00000080;font-weight:400}@media (min-width: 1024px){.chatbot-title{font-size:1.75rem}.chatbot-status{font-size:.85rem}}.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#f9fafb;font-size:small}.message-wrapper{display:flex;flex-direction:column;max-width:80%;font-size:small}.user-message{align-self:flex-end;align-items:flex-end}.bot-message{align-self:flex-start;align-items:flex-start;font-size:small}.message-bubble{padding:.75rem 1rem;border-radius:1rem;box-shadow:0 1px 2px #0000000d}.user-message .message-bubble{background-color:#e6e7ed;border-top-right-radius:0;box-shadow:0 1px 2px #0000000d}.bot-message .message-bubble{background:linear-gradient(to right,#f5e2e5,#e9ecf5);border-top-left-radius:0;box-shadow:0 1px 2px #0000000d}.message-text{margin:0;color:#1f2937;font-size:.95rem;line-height:1.5;overflow-wrap:break-word;word-break:break-word}.message-text a{color:hsl(var(--primary));text-decoration:underline}.message-text pre{background-color:#0000000d;padding:.5rem;border-radius:.25rem;overflow-x:auto;font-size:.9rem}.message-text code{background-color:#0000000d;padding:.125rem .25rem;border-radius:.25rem;font-size:.9rem}.message-text ul,.message-text ol{padding-left:1.5rem;margin:.5rem 0}.message-timestamp{font-size:.7rem;color:#6b7280;margin-top:.25rem;margin-left:.5rem;margin-right:.5rem}.error-message{color:#b91c1c}.typing-indicator{display:flex;align-items:center;justify-content:center;min-height:2rem;min-width:3.5rem}.dot{width:.5rem;height:.5rem;border-radius:50%;background:linear-gradient(to right,#f5e2e5,#d9e4f5);margin:0 .1rem;animation:bounce 1.4s infinite;box-shadow:0 1px 2px #0000001a}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}.chatbot-input-container{padding:1rem;border-top:1px solid #e5e7eb;background-color:#fff}@media (min-width: 1024px){.chatbot-input-container{padding:1.5rem 2rem}}.chatbot-form{display:flex;gap:.5rem}.chatbot-input{flex:1;padding:.75rem 1.25rem;border:1px solid #e2e2e7;border-radius:10px;font-size:.95rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;font-family:Inter,sans-serif;letter-spacing:.2px;background-color:#fcfcfd;resize:none;overflow-y:hidden;max-height:150px;min-height:42px;line-height:1.5;box-sizing:border-box;display:block}.chatbot-input:focus{border-color:#d9e4f5;box-shadow:0 0 0 3px #d9e4f533;background-color:#fff}.chatbot-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.chatbot-send-button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:linear-gradient(to right,#d9e4f5,#f5e2e5);color:#222;border:none;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #00000014}.chatbot-send-button:hover:not(:disabled){box-shadow:0 3px 8px #0000001f;transform:translateY(-1px)}.chatbot-send-button:disabled{background:#e9ecf0;cursor:not-allowed;box-shadow:none;transform:none}.api-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;padding:.75rem;margin:.5rem 0;color:#b91c1c;font-size:.85rem}.hidden-file-input{display:none}.image-upload-button{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;border:1px solid #e2e2e7;background-color:#fff;color:#6b7280;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000d}.image-upload-button:hover{color:#222;border-color:#d9e4f5;box-shadow:0 1px 4px #0000001a}.image-upload-button:disabled{opacity:.5;cursor:not-allowed}.image-preview-container{padding:.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.image-preview{position:relative;display:inline-block;max-width:120px;border-radius:.5rem;overflow:hidden;border:1px solid #e2e2e7;box-shadow:0 2px 5px #00000014;transition:all .2s}.image-preview:hover{box-shadow:0 3px 8px #0000001f}.image-preview img{width:100%;height:auto;display:block}.clear-image-button{position:absolute;top:.35rem;right:.35rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#ffffffe6;color:#222;border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.clear-image-button:hover{background:#fff;box-shadow:0 2px 5px #00000026}.message-image-container{margin-top:.5rem}.message-image{max-width:200px;max-height:200px;border-radius:.5rem;border:1px solid #e5e7eb}@media (max-width: 480px){.chatbot-container{height:calc(100vh - 50px);margin-top:60px;height:85vh}.chatbot-header{padding:.8rem 1rem}.chatbot-avatar{width:2.2rem;height:2.2rem;left:.8rem}.chatbot-avatar svg{width:1.2rem;height:1.2rem}.chatbot-title{font-size:1.2rem}.chatbot-status{font-size:.7rem}.chatbot-messages{padding:.8rem;gap:.8rem}.message-wrapper{max-width:85%}.message-bubble{padding:.6rem .8rem;border-radius:.8rem}.message-text{font-size:.9rem;line-height:1.4}.message-timestamp{font-size:.65rem;margin-top:.2rem}.typing-indicator{padding:.5rem 1rem}.typing-indicator .dot{width:.5rem;height:.5rem;margin:0 .2rem}.chatbot-input-container{padding:.8rem}.chatbot-form{gap:.4rem}.chatbot-input{padding:.6rem 1rem;font-size:.9rem;border-radius:0;min-height:36px;max-height:120px;line-height:1.4}.chatbot-send-button,.image-upload-button{width:2.4rem;height:2.4rem}.chatbot-send-button svg,.image-upload-button svg{width:1rem;height:1rem}.image-preview-container{margin-bottom:.5rem}.image-preview{max-width:100px;max-height:100px}.clear-image-button{width:1.5rem;height:1.5rem}.clear-image-button svg{width:.8rem;height:.8rem}.message-image{max-width:150px;max-height:150px}.api-error{padding:.6rem;font-size:.8rem;margin:.4rem 0}.message-text h1{font-size:1.1rem}.message-text h2{font-size:1rem}.message-text h3{font-size:.95rem}.message-text pre{padding:.6rem;font-size:.8rem;margin:.5rem 0;overflow-x:auto}.message-text code{font-size:.8rem;padding:.1rem .3rem}.message-text ul,.message-text ol{padding-left:1.2rem;margin:.4rem 0}}@media (min-width: 1024px){.chatbot-form{max-width:800px;margin:0 auto;width:100%}.chatbot-messages{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.message-wrapper{max-width:60%}}.message-text h1,.message-text h2,.message-text h3{margin-top:.75rem;margin-bottom:.5rem;font-weight:600}.message-text h1{font-size:1.25rem}.message-text h2{font-size:1.15rem}.message-text h3{font-size:1.05rem}.message-text p{margin:.5rem 0}.message-text p:first-child{margin-top:0}.message-text p:last-child{margin-bottom:0}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background-color:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.voice-controls{display:flex;gap:.5rem;position:absolute;right:2.5rem;align-items:center;z-index:10}.volume-control-container{position:relative;display:flex;align-items:center}.volume-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #e2e2e7;background-color:#fff;color:#6b7280;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;pointer-events:auto;position:relative;z-index:10}.volume-icon:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;background:linear-gradient(to right,#d9e4f5,#f5e2e5);color:#222;border-color:#d9e4f5}.volume-hover-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 12px #00000026;z-index:20;white-space:nowrap}.volume-control-container:hover .volume-hover-panel{opacity:1;visibility:visible}.volume-hover-slider{width:4px;height:80px;background:#0000001a;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:slider-vertical;writing-mode:bt-lr;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;transform:rotate(180deg)}.volume-hover-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#000;border-radius:50%;cursor:pointer;transition:all .2s}.volume-hover-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#1a1a1a}.volume-hover-slider::-moz-range-thumb{width:14px;height:14px;background:#000;border-radius:50%;cursor:pointer;border:none;transition:all .2s}.volume-percentage{font-size:.75rem;color:#222;font-weight:500;min-width:35px;text-align:center}.voice-control-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #e2e2e7;background-color:#fff;color:#6b7280;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;pointer-events:auto;position:relative;z-index:10}.voice-control-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.voice-control-btn.active{background:linear-gradient(to right,#d9e4f5,#f5e2e5);color:#222;border-color:#d9e4f5}.voice-control-btn.inactive{background-color:#f3f4f6;color:#9ca3af}.voice-control-btn.stop-speaking{background-color:#fee2e2;color:#dc2626;border-color:#fecaca;animation:pulse 1.5s infinite}.voice-input-button{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;border:1px solid #e2e2e7;background-color:#fff;color:#6b7280;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000d}.voice-input-button:hover{color:#222;border-color:#d9e4f5;box-shadow:0 1px 4px #0000001a}.voice-input-button.listening{background-color:#ef4444;color:#fff;border-color:#dc2626;animation:pulse 1.5s infinite}.voice-input-button:disabled{opacity:.5;cursor:not-allowed}.voice-input-button svg{width:22px;height:22px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@media (max-width: 480px){.voice-controls{gap:.3rem;right:1.5rem}.volume-icon{width:2.2rem;height:2.2rem}.volume-hover-panel{padding:.3rem .6rem;margin-left:.3rem}.volume-hover-slider{width:60px;height:3px}.volume-hover-slider::-webkit-slider-thumb{width:12px;height:12px}.volume-percentage{font-size:.65rem;min-width:30px}.voice-control-btn,.voice-input-button{width:2.2rem;height:2.2rem}.voice-control-btn svg{width:16px;height:16px}.voice-input-button svg{width:18px;height:18px}}.add-to-cart-button{display:flex;margin-top:1rem;padding:.5rem 1rem;background-color:#1a1a1a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.add-to-cart-button:hover{background-color:#333}.price-addtocart-button{all:unset;display:flex;justify-content:space-between;align-items:center}.collection-image-container{position:relative}.wishlist-button-card{position:absolute;top:10px;right:10px;background-color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:all .2s ease;z-index:2;opacity:.9}.wishlist-button-card:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000026;opacity:1}.wishlist-button-card.wishlisted{background-color:#fff0f5}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.cart-notification-container{position:fixed;top:20px;right:20px;z-index:9999;width:100%;max-width:350px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.cart-notification{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:16px;display:flex;align-items:center;gap:12px;animation:slideInDown .5s forwards,fadeIn .5s forwards;pointer-events:auto;border-left:4px solid #4CAF50;position:relative;overflow:hidden}.cart-notification.closing{animation:slideOutUp .5s forwards,fadeOut .5s forwards}.cart-notification-icon{width:40px;height:40px;background-color:#4caf501a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4caf50;flex-shrink:0}.cart-notification-icon svg{animation:bounce 1s ease}.cart-notification-content{flex:1}.cart-notification-title{font-weight:600;font-size:16px;margin:0 0 4px;color:#333}.cart-notification-message{font-size:14px;color:#666;margin:0}.cart-notification-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.cart-notification-close:hover{background-color:#0000000d;color:#666}.cart-notification-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#4caf50;width:100%;transform-origin:left;animation:progress 3s linear forwards}.cart-notification-action{background-color:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;margin-top:8px;transition:background-color .2s}.cart-notification-action:hover{background-color:#3d9140}@media (max-width: 576px){.cart-notification-container{top:10px;right:10px;left:10px;width:auto;max-width:none}}@keyframes slideInDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.wishlist-notification-container{position:fixed;top:20px;right:20px;z-index:9999;width:100%;max-width:350px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.wishlist-notification{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:16px;display:flex;align-items:center;gap:12px;animation:slideInDown .5s forwards,fadeIn .5s forwards;pointer-events:auto;border-left:4px solid #e64980;position:relative;overflow:hidden}.wishlist-notification.closing{animation:slideOutUp .5s forwards,fadeOut .5s forwards}.wishlist-notification.removed{border-left-color:#6c757d}.wishlist-notification-icon{width:40px;height:40px;background-color:#e649801a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e64980;flex-shrink:0}.wishlist-notification.removed .wishlist-notification-icon{background-color:#6c757d1a;color:#6c757d}.wishlist-notification-icon svg{animation:heartbeat 1.5s ease}.wishlist-notification-content{flex:1}.wishlist-notification-title{font-weight:600;font-size:16px;margin:0 0 4px;color:#333}.wishlist-notification-message{font-size:14px;color:#666;margin:0}.wishlist-notification-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.wishlist-notification-close:hover{background-color:#0000000d;color:#666}.wishlist-notification-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#e64980;width:100%;transform-origin:left;animation:progress 3s linear forwards}.wishlist-notification.removed .wishlist-notification-progress{background-color:#6c757d}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.wishlist-notification-action{background-color:#e64980;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;margin-top:8px;transition:background-color .2s}.wishlist-notification-action:hover{background-color:#d63973}.wishlist-notification.removed .wishlist-notification-action{background-color:#6c757d}.wishlist-notification.removed .wishlist-notification-action:hover{background-color:#5a6268}@media (max-width: 576px){.wishlist-notification-container{top:10px;right:10px;left:10px;width:auto;max-width:none}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease;box-sizing:border-box}.square-modal{position:relative;width:35vw;height:35vw;min-width:500px;min-height:500px;max-width:700px;max-height:700px;background-color:#fff;border-radius:16px;overflow:hidden;animation:zoomIn .4s ease;box-shadow:0 20px 60px #0003;box-sizing:border-box;display:flex;flex-direction:column;margin:auto}.modal-header{padding:1.25rem 3rem 1.25rem 1.5rem;border-bottom:1px solid #f1f3f5;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;position:relative}.modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:#dee2e6 #f8f9fa}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f8f9fa}.modal-body::-webkit-scrollbar-thumb{background-color:#dee2e6;border-radius:6px}.modal-image-wrapper{width:100%;height:260px;background-color:#f8f9fa;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 4px 12px #00000014;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;border:1px solid #e9ecef;cursor:pointer;transition:all .3s ease}.modal-image-wrapper.enlarged{height:350px;z-index:5;box-shadow:0 8px 24px #00000026;border-color:#ced4da}.product-badge{position:absolute;top:.75rem;left:.75rem;background-color:#ffffffe6;color:#212529;padding:.3rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;box-shadow:0 2px 6px #0000001a;z-index:2}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000b3,#0000);padding:1rem;opacity:0;transition:opacity .3s ease;z-index:1}.modal-image-wrapper:hover .image-overlay{opacity:1}.view-text{color:#fff;font-size:.85rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.modal-image{width:90%;height:90%;object-fit:contain;transition:all .5s ease;z-index:0}.modal-image-wrapper.enlarged .modal-image{width:95%;height:95%;transform:scale(1.05)}.modal-image:hover{transform:scale(1.05)}.close-modal{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 2px 6px #0000001a;transition:all .2s ease}.close-modal:hover{background:#f0f0f0;transform:scale(1.1) rotate(90deg)}.modal-title{font-size:1.4rem;font-weight:600;color:#212529;margin:0;letter-spacing:-.3px;line-height:1.3;font-family:Poppins,sans-serif;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%;padding-right:20px}.product-id{font-size:.75rem;color:#6c757d;font-weight:500}.modal-description-wrapper{margin-bottom:.5rem}.modal-description{font-size:.85rem;color:#495057;line-height:1.5;margin:0;font-weight:400}.modal-details{padding:.75rem;background-color:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;font-size:.8rem}.modal-details h3{font-size:.8rem;font-weight:600;margin:0 0 .5rem;color:#212529;text-transform:uppercase;letter-spacing:.5px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.detail-item{display:flex;flex-direction:column}.detail-label{font-weight:600;color:#6c757d;font-size:.7rem;margin-bottom:.2rem}.detail-value{color:#212529}.modal-options{display:flex;flex-direction:column;gap:.75rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.option-group{margin-bottom:.5rem}.option-group label{display:block;font-size:.75rem;font-weight:600;color:#343a40;margin-bottom:.4rem;letter-spacing:.3px;text-transform:uppercase}.size-option{padding:.3rem .6rem;border:1px solid #dee2e6;border-radius:4px;background:none;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:500;min-width:35px;text-align:center}.size-option:hover{border-color:#adb5bd;background-color:#f8f9fa}.size-option.selected{background-color:#212529;color:#fff;border-color:#212529}.color-options{display:flex;gap:.5rem}.color-option{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#212529}.color-option.selected:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:1px solid white}.quantity-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.quantity-selector{display:flex;flex-direction:column}.quantity-selector label{font-size:.75rem;font-weight:600;color:#343a40;margin-bottom:.4rem;letter-spacing:.3px;text-transform:uppercase}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-btn{width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#fff;color:#212529;border:1px solid #dee2e6;cursor:pointer;transition:all .2s ease}.quantity-symbol{font-size:1.2rem;font-weight:500;line-height:1}.quantity-btn:not(:disabled):hover{background-color:#f1f3f5;border-color:#adb5bd}.quantity-display{font-size:1rem;font-weight:600;min-width:1.8rem;text-align:center;color:#212529}.price-section{display:flex;flex-direction:column;align-items:flex-end}.total-price{font-size:1.1rem;font-weight:700;color:#212529;letter-spacing:-.3px}.stock-info{font-size:.7rem;color:#6c757d;margin-top:.2rem;font-weight:500}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #f1f3f5;display:flex;gap:.75rem}.buy-button{flex:1.5;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;background-color:#0d6efd;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0d6efd33;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buy-button:hover{background-color:#0b5ed7;transform:translateY(-2px);box-shadow:0 6px 15px #0d6efd4d}.buy-button:active{transform:translateY(0);background-color:#0a58ca}.wishlist-button{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.7rem 1rem;background-color:#fff;color:#212529;border:1px solid #dee2e6;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000d}.wishlist-button:hover{background-color:#f8f9fa;border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.wishlist-button:active{transform:translateY(0)}.wishlist-button.wishlisted{color:#e64980;border-color:#e64980;background-color:#e649800d}.confirmation-message{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.6rem 1rem;background-color:#20c997;color:#fff;border-radius:6px;text-align:center;font-weight:600;font-size:.8rem;animation:fadeInUp .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #00000026;z-index:1000}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.wishlist-button.wishlisted svg{animation:heartPulse 1s ease-in-out}@media (max-width: 768px){.modal-backdrop{align-items:center;justify-content:center;padding:1.5rem}.square-modal{width:85vw;height:60vh;min-width:unset;min-height:unset;max-height:85vh;max-width:450px;margin:0 auto}.modal-title{font-size:1.2rem;padding-right:10px}.close-modal{top:.75rem;right:.75rem}.modal-header{padding:1rem 2.5rem 1rem 1rem}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem}}@media (max-width: 480px){.modal-backdrop{padding:1rem}.square-modal{width:90vw;max-width:350px;border-radius:12px}.modal-title{font-size:1.1rem}.modal-image-wrapper{height:200px}.modal-image-wrapper.enlarged{height:250px}.options-grid{grid-template-columns:1fr;gap:.5rem}.buy-button,.wishlist-button{font-size:.8rem;padding:.6rem .8rem}}.collections-container{max-width:1400px;margin:0 auto;padding:3.5rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:90vh;background-color:#fafafa;height:90vh;overflow-y:auto}.collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea}.header-controls{display:flex;align-items:center;gap:20px}.collections-header h1{font-size:2.2rem;font-weight:400;color:#222;letter-spacing:.5px;font-family:Times New Roman,serif;position:relative}.collections-header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background-color:#222}.sort-container{position:relative;display:flex;align-items:center;gap:10px}.sort-label{font-size:.9rem;font-weight:500;color:#333;text-transform:uppercase;letter-spacing:.5px}.sort-dropdown-wrapper{position:relative;cursor:pointer}.sort-button{display:flex;align-items:center;gap:8px;padding:15px;background-color:#fff;border:1px solid #ddd;border-radius:0;font-size:.9rem;color:#333;min-width:200px;justify-content:space-between;cursor:pointer;outline:none}.sort-dropdown-menu{position:absolute;top:100%;left:0;width:100%;min-width:200px;background-color:#fff;border:1px solid #ddd;border-top:none;z-index:10;box-shadow:0 4px 6px #0000000d}.sort-option{padding:15px;font-size:.9rem;color:#333;cursor:pointer;transition:background-color .2s}.sort-option:first-child{background-color:#e6e6e6}.sort-option:last-child{background-color:#f0f8ff}.sort-option:hover{opacity:.9}.sort-option.selected{font-weight:500}.filter-container{position:relative}.filter-button{display:flex;align-items:center;gap:.5rem;padding:15px;background-color:#f8f8f8;border:1px solid #dddddd;font-size:.9rem;color:#333;cursor:pointer;transition:all .25s ease;border-radius:0;min-width:120px;justify-content:center;outline:none}.filter-button:hover{background-color:#f0f0f0}.filter-dropdown-menu{position:absolute;top:100%;left:0;width:220px;background-color:#fff;border:1px solid #dddddd;z-index:10;box-shadow:0 4px 6px #0000000d;animation:fadeInDown .25s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-divider{height:1px;background-color:#e0e0e0;margin:5px 0}.filter-option{padding:15px;font-size:.9rem;color:#333;cursor:pointer;transition:background-color .2s}.filter-option:hover{background-color:#f0f8ff}.filter-option.selected{font-weight:500}.category-indicator{margin-bottom:2.5rem;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%}.category-indicator h2{font-size:1.6rem;font-weight:400;color:#333;letter-spacing:.5px;font-family:Times New Roman,serif;padding-bottom:.5rem;position:relative;display:inline-block}.category-indicator h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:#000}.search-container{position:relative;display:flex;align-items:center;width:35%;margin-left:auto}.search-form{display:flex;width:100%;height:45px;border:1px solid #dddddd;box-shadow:0 1px 3px #0000000d}.search-input-wrapper{display:flex;align-items:center;flex:1;position:relative;background-color:#fff;border-right:1px solid #dddddd}.search-icon{position:absolute;left:15px;color:#555}.search-input{padding:15px 15px 15px 45px;border:none;font-size:.95rem;width:100%;min-width:300px;transition:all .2s ease;background-color:transparent;color:#000}.search-input:focus{outline:none}.search-button{padding:0 30px;background-color:#000;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;letter-spacing:1px;min-width:120px;transition:background-color .3s ease}.search-button:hover{background-color:#222}.clear-search{position:absolute;right:135px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:1.2rem;line-height:1;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;z-index:5}.clear-search:hover{color:#555}.search-results-count{position:absolute;top:100%;left:0;font-size:.9rem;color:#666;margin-top:.75rem;font-style:italic;padding:5px 0}.search-term{font-weight:500;color:#333}.active-search .search-form{border-color:#222}.active-search .search-input{background-color:#f9f9f9}.active-search .search-button{background-color:#000}.no-results{text-align:center;padding:3rem 1rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #eaeaea;margin:2rem 0}.no-results p{font-size:1.1rem;color:#666;margin-bottom:1.5rem}.reset-search{padding:.7rem 1.5rem;background-color:#fff;border:1px solid #dddddd;border-radius:4px;font-size:.9rem;color:#555;cursor:pointer;transition:all .2s ease}.reset-search:hover{background-color:#f0f0f0;border-color:#ccc;color:#333}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.collection-card{border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:0 3px 10px #0000000d;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;position:relative;border:1px solid #f0f0f0}.collection-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014;border-color:#e5e5e5}.collection-image-container{width:100%;height:260px;overflow:hidden;position:relative}.collection-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.collection-card:hover .collection-image{transform:scale(1.08)}.collection-info{padding:1.2rem;border-top:1px solid #f5f5f5;background-color:#fff}.collection-name{font-size:1.1rem;font-weight:500;color:#222;margin-bottom:.5rem;letter-spacing:-.2px;line-height:1.3}.collection-description{font-size:.85rem;color:#666;margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-price{font-size:1rem;font-weight:600;color:#222;display:flex;align-items:center}.collection-price:before{content:"";display:inline-block;width:5px;height:5px;background-color:#222;border-radius:50%;margin-right:8px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a6;display:flex;justify-content:center;align-items:center;z-index:100;padding:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s cubic-bezier(.25,.8,.25,1)}.close-modal{position:absolute;top:1rem;right:1rem;background:#ffffffd9;border:none;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 6px #00000014;transition:all .2s ease}.close-modal:hover{background:#f0f0f0;transform:scale(1.05)}.modal-content{display:flex;max-height:100vh;overflow-y:auto}.modal-image-container{width:55%;background-color:#f5f5f5;position:relative;overflow:hidden}.modal-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.modal-info{width:55%;padding:2rem;position:relative;border-left:1px solid #f0f0f0}.modal-title{font-size:1.5rem;font-weight:500;color:#222;margin-bottom:.75rem;letter-spacing:-.3px;line-height:1.3;position:relative;padding-bottom:.5rem}.modal-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:#555}.modal-description{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:1.5rem;max-width:90%}.modal-details{margin-bottom:1.75rem;padding:1rem;background-color:#f8f8f8;border-radius:8px;border:1px solid #eaeaea}.modal-details h3{font-size:.95rem;font-weight:600;margin-bottom:.75rem;color:#333;text-transform:uppercase;letter-spacing:.5px}.modal-details p{margin-bottom:.5rem;font-size:.9rem;color:#666;display:flex;justify-content:space-between;border-bottom:1px dotted #e0e0e0;padding-bottom:.5rem}.modal-details p:last-child{border-bottom:none;padding-bottom:0}.modal-options{margin-bottom:1.75rem}.option-group{margin-bottom:1.25rem}.option-group label{display:block;font-size:.85rem;font-weight:500;color:#555;margin-bottom:.5rem;letter-spacing:.3px;text-transform:uppercase}.size-options{display:flex;gap:.4rem;flex-wrap:wrap}.size-option{padding:.5rem .9rem;border:1px solid #e0e0e0;border-radius:4px;background:none;cursor:pointer;transition:all .2s ease;font-size:.85rem}.size-option:hover{border-color:silver;background-color:#f9f9f9}.size-option.selected{background-color:#222;color:#fff;border-color:#222;font-weight:500}.color-options{display:flex;gap:.6rem}.color-option{width:1.8rem;height:1.8rem;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 5px #0000001a}.color-option.selected{border-color:#222;box-shadow:0 2px 5px #00000026}.color-option.selected:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:2px solid white}.quantity-selector{margin-top:1.25rem}.quantity-controls{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;background-color:#f8f8f8;border-radius:6px;padding:.5rem .75rem;display:inline-flex;border:1px solid #eaeaea}.quantity-btn{width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:1rem;color:#555}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-btn:not(:disabled):hover{background-color:#f0f0f0;border-color:#d0d0d0;color:#222}.quantity-display{font-size:.95rem;font-weight:500;min-width:1.8rem;text-align:center;color:#333}.modal-price-section{margin:1.75rem 0;padding:1rem;background-color:#f8f8f8;border-radius:8px;border:1px solid #eaeaea}.price-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px dotted #e0e0e0;padding-bottom:.5rem}.price-per-item{font-size:.85rem;color:#666}.total-price{font-size:1.2rem;font-weight:600;color:#222;letter-spacing:-.3px}.stock-info{display:block;font-size:.85rem;color:#666;margin-top:.5rem;text-align:right;font-style:italic}.modal-actions{display:flex;gap:.75rem;margin-bottom:1.5rem;margin-top:1.75rem}.buy-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.25rem;background-color:#222;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease;letter-spacing:.3px;box-shadow:0 2px 5px #0000001a}.buy-button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.wishlist-button{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.85rem 1.25rem;background-color:#fff;color:#333;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease;letter-spacing:.3px}.wishlist-button:hover{background-color:#f5f5f5;border-color:#d0d0d0;transform:translateY(-2px);box-shadow:0 2px 5px #0000000d}.wishlist-button.wishlisted{color:#f43f5e;border-color:#f43f5e;background-color:#f43f5e0d}.confirmation-message{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.7rem 1.25rem;background-color:#10b981;color:#fff;border-radius:6px;text-align:center;font-weight:500;font-size:.9rem;animation:fadeInUp .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #00000026;z-index:1000;letter-spacing:.3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp{0%{transform:translate(-50%,15px);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width: 768px){.collections-container{padding:2rem 1.5rem}.collections-header h1{font-size:1.8rem}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.collection-image-container{height:220px}.collection-info{padding:1rem}.collection-name{font-size:1rem}.modal-backdrop{padding:1rem}}@media (max-width: 480px){.collections-container{padding:1.5rem 1rem;height:auto;min-height:85vh}.collections-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;margin-top:30px}.collections-header h1{font-size:1.6rem}.collections-grid{grid-template-columns:1fr;gap:1.5rem}.collection-image-container{height:200px}.collection-info{padding:.8rem}.collection-name{font-size:.95rem}.collection-description{font-size:.8rem;margin-bottom:.8rem}.collection-price{font-size:.9rem}.category-indicator{flex-direction:column;align-items:flex-start}.category-indicator h2{font-size:1.3rem}.search-container{width:100%;margin-top:1rem}.search-input{font-size:.85rem;padding:12px 12px 12px 40px}.search-icon{left:12px}.search-button{padding:0 15px;font-size:.8rem}.clear-search{right:90px}.header-controls{width:100%;justify-content:flex-end;gap:10px}.sort-container{flex-direction:column;align-items:flex-start;gap:5px}.sort-label{font-size:.8rem}.sort-button,.filter-button{padding:8px 12px;font-size:.8rem;min-width:100px}.filter-container{padding-bottom:10px}.filter-menu{width:200px}.filter-option{padding:.6rem .8rem;font-size:.8rem}.modal-backdrop{padding:.5rem;align-items:center}.modal-content{flex-direction:column;max-height:90vh;width:90%;max-width:350px;margin:0 auto;background-color:#fff;border-radius:12px;overflow:hidden}.modal-image-container{width:100%;height:200px}.modal-info{width:100%;padding:1rem;border-left:none;border-top:1px solid #f0f0f0}.modal-title{font-size:1.2rem;margin-bottom:.5rem}.modal-description{font-size:.85rem;margin-bottom:1rem;max-width:100%}.modal-details{margin-bottom:1.25rem;padding:.8rem}.modal-details h3{font-size:.85rem;margin-bottom:.5rem}.modal-details p,.option-group label{font-size:.8rem}.size-option{padding:.4rem .7rem;font-size:.8rem}.color-option{width:1.5rem;height:1.5rem}.quantity-controls{padding:.4rem .6rem}.quantity-btn{width:1.5rem;height:1.5rem}.modal-price-section{margin:1.25rem 0;padding:.8rem}.total-price{font-size:1.1rem}.modal-actions{flex-direction:column;gap:.5rem}.buy-button,.wishlist-button{padding:.7rem 1rem;font-size:.85rem}}.cart-container{max-width:1400px;margin:0 auto;padding:0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow-y:auto}.cart-title{font-size:2rem;font-weight:500;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.empty-cart,.loading-cart,.error-cart{text-align:center;padding:4rem;background:#f8f8f8;border-radius:8px;color:#666}.loading-cart .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.error-cart{background:#fff0f0}.cart-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.cart-items-section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000000d}.cart-items{display:flex;flex-direction:column;gap:2rem}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item-image{width:120px;height:150px;object-fit:cover;border-radius:4px}.cart-item-details{display:flex;flex-direction:column;gap:.5rem}.cart-item-name{font-size:1rem;font-weight:500;color:#000}.cart-item-options{display:flex;gap:2rem;font-size:.9rem;color:#666}.cart-item-controls{display:flex;align-items:center;gap:2rem;margin-top:auto}.quantity-controls{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px}.quantity-btn{padding:.5rem 1rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;font-size:16px}.quantity-btn:hover{background:#f5f5f5}.quantity-display{padding:.5rem 1rem;min-width:3rem;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd}.remove-item-btn{background:none;border:none;color:#666;cursor:pointer;padding:.5rem}.remove-item-btn:hover{color:red}.cart-item-price{font-size:1rem;font-weight:500}.checkout-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;position:sticky;top:100px}.checkout-section-content{padding:2rem}.promo-code{margin-bottom:2rem}.promo-code input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem}.promo-code button{width:100%;padding:.75rem;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer}.cart-total{border-top:1px solid #ddd;padding-top:1rem;margin-bottom:2rem}.cart-total-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#666}.cart-total-row.final{font-size:1.1rem;font-weight:500;color:#000;margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}.checkout-form-section{margin-bottom:2rem}.checkout-form-section h3{font-size:1rem;font-weight:500;margin-bottom:1rem}.checkout-form-section input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.city-state-zip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.checkout-btn{width:100%;padding:1rem;background:#1a1a1a;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;margin-top:1rem;text-transform:uppercase;letter-spacing:1px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkout-btn:hover{background:#333}.checkout-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.8}.payment-btn{background-color:#0d6efd}.payment-btn:hover{background-color:#0b5ed7}.back-btn{width:100%;padding:.75rem;background-color:transparent;color:#212529;border:1px solid #dee2e6;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s;margin-top:1rem}.back-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.back-btn:disabled{opacity:.6;cursor:not-allowed}.payment-section{margin-top:1.5rem}.payment-section h3{font-size:1rem;font-weight:500;margin-bottom:1rem}.card-info{display:flex;flex-direction:column;gap:1rem}.card-info input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px}.card-expiry-cvv{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.payment-error{color:#dc3545;background-color:#f8d7da;padding:.75rem;border-radius:4px;margin:1rem 0;font-size:.9rem}.confirmation-section{margin-top:1.5rem}.confirmation-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem}.confirmation-message h2{margin:1rem 0 .5rem;color:#212529}.confirmation-message p{color:#6c757d;margin-bottom:.5rem}.continue-shopping-btn{width:100%;padding:.75rem;background-color:#212529;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s;margin-bottom:1rem}.continue-shopping-btn:hover{background-color:#343a40}.view-purchases-btn{width:100%;padding:.75rem;background-color:transparent;color:#212529;border:1px solid #dee2e6;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s}.view-purchases-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}@media (max-width: 1024px){.cart-layout{grid-template-columns:1fr}.checkout-section{position:static}}@media (max-width: 768px){.cart-container{padding:0 1rem}.cart-item{grid-template-columns:100px 1fr}.cart-item-price{grid-column:2;justify-self:end}.cart-item-controls{flex-direction:column;align-items:flex-start;gap:1rem}.city-state-zip,.name-fields{grid-template-columns:1fr}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes checkmarkDraw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.payment-processing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 20px #0000001a;text-align:center;position:relative;overflow:hidden}.processing-spinner{width:60px;height:60px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#0d6efd;animation:rotate 1s linear infinite;margin-bottom:1.5rem}.processing-text{font-size:1.2rem;font-weight:500;color:#333;margin-bottom:.5rem}.processing-steps{width:100%;max-width:300px;margin:1rem 0}.processing-step{display:flex;align-items:center;margin-bottom:.75rem;opacity:.5;transition:opacity .3s ease}.processing-step.active{opacity:1}.processing-step.completed .step-icon{background-color:#4caf50;color:#fff}.step-icon{width:24px;height:24px;border-radius:50%;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;margin-right:.75rem;font-size:.8rem;transition:background-color .3s ease}.step-text{font-size:.9rem;color:#495057}.success-animation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;animation:fadeInUp .6s ease-out}.checkmark-circle{width:80px;height:80px;position:relative;margin-bottom:1.5rem}.checkmark-circle-bg{width:80px;height:80px;border-radius:50%;background-color:#4caf50;animation:pulse 1.5s ease-in-out infinite}.checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px}.checkmark path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:checkmarkDraw .6s ease-in-out forwards .3s}.success-title{font-size:1.5rem;font-weight:600;color:#212529;margin-bottom:.75rem;animation:fadeInUp .6s ease-out .3s both}.success-message{color:#6c757d;margin-bottom:.5rem;animation:fadeInUp .6s ease-out .5s both}.success-details{color:#6c757d;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .7s both}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.confetti{position:absolute;width:10px;height:10px;background-color:#f0f;animation:confetti 4s ease-out forwards}.confetti:nth-child(2n){background-color:#0ff;animation-delay:.2s;animation-duration:3.5s}.confetti:nth-child(3n){background-color:#ff0;animation-delay:.4s;animation-duration:3s}.confetti:nth-child(4n){background-color:red;animation-delay:.6s;animation-duration:4.5s}.confetti:nth-child(5n){background-color:#0f0;animation-delay:.8s;animation-duration:5s}.success-button{animation:slideInRight .6s ease-out .9s both}.success-button-secondary{animation:slideInRight .6s ease-out 1.1s both}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes popupFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.success-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;padding-top:100px}.success-popup-overlay.visible{opacity:1;visibility:visible}.success-popup{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:2rem;max-width:450px;width:90%;text-align:center;position:relative;animation:popupFadeIn .5s forwards}.success-popup.closing{animation:popupFadeOut .3s forwards}.success-popup-icon{width:70px;height:70px;background-color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.success-popup-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem}.success-popup-message{color:#666;margin-bottom:1.5rem;line-height:1.5}.success-popup-button{background-color:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.success-popup-button:hover{background-color:#3d9140}.success-popup-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;transition:color .2s}.success-popup-close:hover{color:#333}.wishlist-container{max-width:1200px;margin:8rem auto 4rem;padding:0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wishlist-title{font-size:2rem;font-weight:500;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.empty-wishlist,.loading-wishlist,.error-wishlist{text-align:center;padding:4rem;background:#f8f8f8;border-radius:8px;color:#666}.loading-wishlist .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-wishlist{background:#fff0f0}.retry-btn{margin-top:1rem;padding:.5rem 1rem;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer}.retry-btn:hover{background:#333}.wishlist-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.wishlist-item{border:1px solid #eee;border-radius:8px;overflow:hidden}.wishlist-item-image{width:100%;height:300px;object-fit:cover}.wishlist-item-details{padding:1.5rem}.wishlist-item-name{font-size:1rem;font-weight:500;margin-bottom:.5rem}.wishlist-item-price{font-size:1rem;color:#000;margin-bottom:1rem}.wishlist-item-actions{display:grid;grid-template-columns:1fr auto;gap:1rem}.move-to-cart-btn{padding:.75rem;background:#000;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.move-to-cart-btn:hover{background:#333}.remove-wishlist-item-btn{padding:.75rem;background:none;border:1px solid #eee;border-radius:4px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-wishlist-item-btn:hover{background:#f8f8f8;color:red}@media (max-width: 768px){.wishlist-container{padding:0 1rem}.wishlist-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.wardrobe-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif;height:90vh;overflow-y:auto}.wardrobe-container h1{text-align:center;margin-bottom:2rem;color:#333}.wardrobe-form-container{background-color:#f9f9f9;border-radius:8px;padding:2rem;margin-bottom:3rem;box-shadow:0 2px 10px #0000001a}.wardrobe-form-container h2{margin-bottom:1.5rem;color:#333}.wardrobe-form{display:flex;flex-direction:column;gap:2.2rem;padding:2.5rem 2.8rem;background-color:#fff;max-width:520px;margin:0 auto;border-radius:0 0 20px 20px}.form-group{display:flex;flex-direction:column;gap:.8rem;position:relative}.form-row{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:.5rem}.form-row .form-group{flex:1;min-width:200px}.wardrobe-form label{font-weight:600;color:#444;font-size:.95rem;letter-spacing:.4px;display:flex;align-items:center;gap:.3rem;margin-left:.2rem}.wardrobe-form label:after{content:attr(data-required);color:#e74c3c;font-weight:700}.wardrobe-form input,.wardrobe-form textarea,.wardrobe-form select{padding:1rem 1.2rem;border:1.5px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .25s ease;background-color:#f9f9f9;box-shadow:inset 0 1px 3px #0000000d;width:100%}.wardrobe-form input:hover,.wardrobe-form textarea:hover,.wardrobe-form select:hover{border-color:#d0d0d0;background-color:#f5f5f5}.wardrobe-form input:focus,.wardrobe-form textarea:focus,.wardrobe-form select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226;background-color:#fff}.wardrobe-form textarea{min-height:120px;resize:vertical;line-height:1.5}.file-input{padding:1rem 0;background:none;box-shadow:none;border:none;cursor:pointer}.file-input.hidden{display:none}.image-upload-container{margin-bottom:1.5rem}.upload-button-container{display:flex;flex-direction:column;align-items:center;padding:2rem;border:2px dashed #d0d0d0;border-radius:12px;background-color:#f9f9f9;transition:all .2s ease;cursor:pointer}.upload-button-container:hover{border-color:#4a90e2;background-color:#f0f7ff}.upload-button{display:flex;align-items:center;gap:.5rem;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4a90e24d}.upload-button:hover{background-color:#3a7bc8;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.upload-hint{margin-top:1rem;color:#888;font-size:.85rem;text-align:center}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.image-preview{width:100%;max-width:300px;border-radius:12px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 4px 15px #0000001a;transition:all .2s ease}.image-preview:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.image-preview img{width:100%;height:auto;display:block;object-fit:cover}.image-actions{display:flex;gap:1rem;width:100%;max-width:300px;justify-content:center}.upload-new-button,.remove-image-button{padding:.7rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;flex:1;text-align:center}.upload-new-button{background-color:#fff;color:#4a90e2;border:1px solid #4a90e2}.upload-new-button:hover{background-color:#f0f7ff;box-shadow:0 2px 8px #4a90e233}.remove-image-button{background-color:#fff;color:#e74c3c;border:1px solid #e74c3c}.remove-image-button:hover{background-color:#fef2f2;box-shadow:0 2px 8px #e74c3c33}.submit-button{background:linear-gradient(135deg,#4a90e2,#5c6bc0);color:#fff;border:none;border-radius:10px;padding:1rem 2.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4a90e24d;letter-spacing:.5px;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s}.submit-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4a90e266}.submit-button:hover:before{transform:translate(100%)}.submit-button:active{transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.submit-button:disabled{background:linear-gradient(135deg,#a0a0a0,#b0b0b0);cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0000001a}.error-message{color:#e74c3c;margin-top:1rem;padding:1rem 1.2rem;background-color:#fef2f2;border-radius:8px;border-left:4px solid #e74c3c;font-size:.95rem;box-shadow:0 2px 5px #0000000d;display:flex;align-items:center;gap:.75rem}.error-message:before{content:"⚠️";font-size:1.1rem}.success-message{color:#10b981;margin-bottom:1.5rem;padding:1rem 1.2rem;background-color:#f0fdf4;border-radius:8px;border-left:4px solid #10b981;font-size:.95rem;box-shadow:0 2px 5px #0000000d;display:flex;align-items:center;gap:.75rem;animation:fadeInOut 4s ease}.success-message:before{content:"✅";font-size:1.1rem}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.wardrobe-items-container{margin-top:2rem}.wardrobe-items-container h2{margin-bottom:1.5rem;color:#333}.wardrobe-filters{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.2rem 1.5rem;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #eaeaea}.filter-group{display:flex;align-items:center;gap:.8rem}.filter-group label{font-weight:600;color:#444;font-size:.95rem;white-space:nowrap}.filter-group select{padding:.7rem 2.5rem .7rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;background-color:#fff;min-width:150px;box-shadow:0 1px 3px #0000000d;transition:all .2s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em}.filter-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.clear-filters-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.7rem 1.2rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto;color:#555;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;gap:.5rem}.clear-filters-button:hover{background-color:#f0f0f0;border-color:#d0d0d0;color:#333}.loading{text-align:center;padding:2rem;color:#666}.empty-wardrobe{text-align:center;padding:3rem;background-color:#f9f9f9;border-radius:8px;color:#666}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.wardrobe-item{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;background-color:#fff;height:auto;min-height:400px;display:flex;flex-direction:column;border:1px solid #eaeaea;position:relative}.wardrobe-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f;border-color:#d0d0d0}.add-item-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f8f9fa;border:2px dashed #d0d0d0;transition:all .3s ease;position:relative;overflow:hidden}.add-item-button:hover{border-color:#4a90e2;background-color:#f0f7ff}.add-item-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#4a90e20d,#fff0 70%);opacity:0;transition:opacity .3s ease}.add-item-button:hover:before{opacity:1}.add-item-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center;padding:2rem;z-index:1}.add-item-content svg{margin-bottom:1.2rem;color:#4a90e2;transition:transform .3s ease}.add-item-button:hover .add-item-content svg{transform:scale(1.1)}.add-item-content p{font-weight:600;margin:0;font-size:1.1rem;letter-spacing:.3px}.empty-wardrobe-message{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#666;background-color:#f8f9fa;border-radius:12px;border:1px dashed #d0d0d0;margin-top:1rem}.empty-wardrobe-message p{font-size:1.1rem;margin:0;font-weight:500;letter-spacing:.3px}.wardrobe-item-image{height:220px;overflow:hidden;flex-shrink:0}.wardrobe-item-image img{width:100%;height:100%;object-fit:cover;display:block}.wardrobe-item-details{padding:1.2rem;display:flex;flex-direction:column;flex-grow:1;overflow:visible;background-color:#fff;position:relative;z-index:1}.wardrobe-item-details h3{margin:0 0 .6rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;letter-spacing:.3px}.wardrobe-item-details p{margin:0 0 1rem;color:#666;font-size:.9rem;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em}.wardrobe-item-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;flex-grow:1}.wardrobe-item-meta span{padding:.3rem .7rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.3px;box-shadow:0 1px 3px #0000000d;transition:all .2s}.wardrobe-item-meta span:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.wardrobe-item-meta .category{background-color:#e3f2fd;color:#1976d2;border:1px solid rgba(25,118,210,.1)}.wardrobe-item-meta .color{background-color:#e8f5e9;color:#388e3c;border:1px solid rgba(56,142,60,.1)}.wardrobe-item-meta .season{background-color:#fff3e0;color:#f57c00;border:1px solid rgba(245,124,0,.1)}.delete-button{background-color:#fff;color:#f44336;border:1px solid #f44336;border-radius:6px;padding:.6rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-end;margin-top:auto;box-shadow:0 1px 3px #0000000d;letter-spacing:.3px;position:relative;z-index:2}.delete-button:hover{background-color:#f44336;color:#fff;box-shadow:0 2px 5px #f4433633}.delete-button:active{transform:translateY(1px);box-shadow:0 1px 2px #f443361a}.delete-button:disabled{background-color:#f5f5f5;color:#bdbdbd;border-color:#e0e0e0;cursor:not-allowed;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;width:30%;max-width:500px;height:80%;padding:20px;box-shadow:0 4px 8px #0003;animation:fadeIn .3s ease-in-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modal-header{display:flex;justify-content:flex-end;align-items:center;margin-right:-70px;margin-bottom:20px;position:relative}.close-button{position:absolute;top:10px;right:10px;margin-right:20px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s}.close-button:hover{color:#e74c3c}.wardrobe-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2}.image-upload-container{margin-bottom:15px}.image-preview-container{display:flex;align-items:center;margin-bottom:10px}.image-preview img{max-width:100px;max-height:100px;border-radius:4px;margin-right:10px}.image-actions button{background-color:#4a90e2;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;margin-right:5px;transition:background-color .2s}.image-actions button:hover{background-color:#357ab8}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.cancel-button,.submit-button{background-color:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-right:25px;transition:background-color .2s;margin-bottom:10px}.cancel-button:hover,.submit-button:hover{background-color:#357ab8}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.wardrobe-container{padding:1rem;overflow-y:auto;height:100vh}.wardrobe-container h1{font-size:1.8rem;margin-bottom:1.5rem}.form-row{flex-direction:column;gap:1.5rem}.wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.wardrobe-filters{flex-direction:column;align-items:flex-start;padding:1rem}.filter-group{width:100%;margin-bottom:.8rem}.filter-group select{width:100%}.clear-filters-button{margin-left:0;margin-top:1rem;width:100%}.modal-content{width:90%;max-width:none;max-height:90vh;overflow-y:auto;padding:15px}}@media (max-width: 480px){.wardrobe-container{padding:.8rem;overflow-y:auto;height:89vh}.wardrobe-container h1{font-size:1.5rem;margin-bottom:1rem}.wardrobe-grid{grid-template-columns:1fr;gap:1.2rem}.wardrobe-item{height:auto;min-height:350px}.wardrobe-item-image{height:180px}.wardrobe-item-details{padding:1rem;overflow:visible;position:relative;z-index:1}.wardrobe-item-details h3{font-size:1.1rem;margin-bottom:.5rem}.wardrobe-item-details p{font-size:.9rem;margin-bottom:.5rem}.wardrobe-item-meta{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.wardrobe-item-meta span{font-size:.7rem;padding:.3rem .6rem}.delete-button{padding:.5rem .8rem;font-size:.8rem}.wardrobe-form{padding:1.5rem 1.2rem;gap:1.5rem}.wardrobe-form label{font-size:.85rem}.wardrobe-form input,.wardrobe-form textarea,.wardrobe-form select{padding:.8rem 1rem;font-size:.9rem}.image-preview-container{height:180px}.image-upload-buttons{flex-direction:column;gap:.8rem}.upload-new-button,.remove-image-button{width:100%;padding:.6rem 1rem;font-size:.8rem}.submit-button{padding:.8rem 1.5rem;font-size:.9rem}.modal-content{width:95%;height:85%;padding:12px}.modal-header{margin-right:-10px;margin-bottom:10px}.close-button{top:5px;right:5px;margin-right:10px}.success-message,.error-message{padding:.8rem 1rem;font-size:.85rem;margin-bottom:1rem}.add-item-content svg{width:30px;height:30px}.add-item-content p{font-size:.9rem}}.purchases-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:Inter,sans-serif;overflow-y:auto;height:92vh}.purchases-title{font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center;color:#333;padding-top:2rem}.loading,.error,.empty-purchases{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background-color:#f9f9f9;border-radius:8px;margin:2rem 0}.empty-purchases{padding:4rem 2rem}.empty-purchases svg{color:#aaa;margin-bottom:1.5rem}.empty-purchases h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#333}.empty-purchases p{color:#666;margin-bottom:1.5rem}.shop-now-button{background-color:#212529;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.shop-now-button:hover{background-color:#343a40}.purchases-list{display:flex;flex-direction:column;gap:1.5rem}.purchase-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;background-color:#fff}.purchase-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background-color:#f8f9fa;cursor:pointer;transition:background-color .2s}.purchase-header:hover{background-color:#f1f3f5}.purchase-info{display:flex;flex-direction:column;gap:.5rem}.purchase-date{font-weight:600;color:#333}.purchase-id{font-size:.9rem;color:#666}.purchase-summary{display:flex;align-items:center;gap:1.5rem}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-processing{background-color:#fff3cd;color:#856404}.status-shipped{background-color:#cce5ff;color:#004085}.status-delivered{background-color:#d4edda;color:#155724}.purchase-total{font-weight:600;color:#333}.expand-icon{color:#666}.purchase-details{padding:1.5rem;border-top:1px solid #e0e0e0;display:grid;grid-template-columns:1fr;gap:2rem}.purchase-products,.purchase-shipping,.purchase-payment{display:flex;flex-direction:column;gap:1rem}.purchase-products h3,.purchase-shipping h3,.purchase-payment h3{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.purchase-product{display:flex;gap:1rem;padding:1rem;border-radius:6px;background-color:#f9f9f9}.product-image{width:80px;height:80px;object-fit:cover;border-radius:4px}.product-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.product-name{font-weight:600;color:#333}.product-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#666}.product-price{font-weight:600;color:#333}.address-details,.payment-details{background-color:#f9f9f9;padding:1rem;border-radius:6px;line-height:1.6}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:#f9f9f9;border-radius:8px;margin:2rem 0}.login-prompt h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#333}.login-button{background-color:#212529;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:#343a40}@media (min-width: 768px){.purchase-details{grid-template-columns:1fr 1fr}.purchase-products{grid-column:span 2}}@media (max-width: 768px){.purchase-header{flex-direction:column;align-items:flex-start;gap:1rem}.purchase-summary{width:100%;justify-content:space-between}.product-image{width:60px;height:60px}}.profile-container{max-width:1200px;margin:90px auto 50px;padding:0 20px;overflow-y:auto;height:86vh}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.login-button{margin-top:20px;background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;min-width:160px;text-align:center}.login-button:hover{background-color:#000;color:#fff}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#666}.error{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#e74c3c}.profile-header{display:flex;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee}.profile-avatar-container{position:relative;margin-right:30px}@keyframes avatarShadow{0%{box-shadow:0 0 #00000080}to{box-shadow:0 0 0 15px #0000}}.profile-avatar{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;transition:all .3s ease;box-shadow:0 3px 10px #0000004d}.profile-avatar:hover{transform:scale(1.03);box-shadow:0 5px 15px #00000080}.profile-avatar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:3px solid transparent;transition:all .3s ease}.profile-avatar:hover:after{border-color:#ffffff80;animation:avatarShadow 1.5s infinite}.profile-avatar img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.profile-avatar:hover img{transform:scale(1.05)}.file-input{display:none}.profile-actions{margin-top:15px;display:flex;justify-content:center}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.upload-button{padding:8px 15px;background-color:#fff;color:#000;border:1px solid black;border-radius:0;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500;position:relative;overflow:hidden}.upload-button:hover{background-color:#000;color:#fff}.upload-actions{display:flex;margin-top:10px;gap:10px}.save-upload-button,.cancel-upload-button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;text-align:center}.save-upload-button:hover,.cancel-upload-button:hover{background-color:#000;color:#fff}.upload-success{margin-top:10px;color:#27ae60;font-size:14px}.upload-error{margin-top:10px;color:#e74c3c;font-size:14px}.profile-info{flex:1}.username-container{display:flex;align-items:center}.username{font-size:24px;margin:0 0 5px;display:flex;align-items:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.edit-button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;margin-left:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;width:30px;height:30px}.edit-button:hover{background-color:#000;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-username{display:flex;flex-direction:row;align-items:center;gap:10px;animation:fadeIn .3s ease-out forwards}.username-input{font-size:24px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:300px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.username-input:focus{outline:none;border-color:#adb5bd;box-shadow:0 0 0 3px #00000040}.edit-actions{display:flex;gap:10px}.save-button,.cancel-button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 1.5rem;font-size:.85rem;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;position:relative}.save-button:hover,.cancel-button:hover{background-color:#000;color:#fff}.cancel-button{margin-left:5px}.email{color:#666;margin:0 0 15px}.logout-button{display:flex;align-items:center;gap:8px;background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 1.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px}.logout-button:hover{background-color:#000;color:#fff}.profile-container .profile-tabs{display:flex!important;border-bottom:1px solid #eee!important;margin-bottom:30px!important;gap:0!important;background:none!important;box-shadow:none!important}.profile-container .tab-button{padding:.8rem 2.5rem!important;background-color:#fff!important;color:#666!important;border:1px solid #ddd!important;border-bottom:none!important;cursor:pointer!important;font-size:.75rem!important;transition:all .2s!important;position:relative!important;display:flex!important;align-items:center!important;gap:5px!important;text-transform:uppercase!important;letter-spacing:1px!important;font-weight:500!important;margin-right:-1px!important;border-radius:0!important;box-shadow:none!important;min-width:150px!important;justify-content:center!important}.profile-container .tab-button:first-child{border-top-left-radius:4px!important}.profile-container .tab-button:last-child{border-top-right-radius:4px!important;margin-right:0!important}.profile-container .tab-button:hover{background-color:#f8f9fa!important;color:#333!important;border-color:#ddd!important;box-shadow:none!important}.profile-container .tab-button.active{background-color:#fff!important;color:#000!important;border-color:#333!important;border-bottom:2px solid white!important;z-index:1!important;font-weight:600!important;box-shadow:none!important}.profile-container .profile-tabs .tab-button{background:#fff!important;border-radius:0!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.profile-container .profile-tabs .tab-button.active{background:#fff!important;border-bottom-color:#fff!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.profile-container .profile-tabs .tab-button:hover{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.notification-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#ff4d4f;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:700;margin-left:5px}.profile-content{min-height:400px}.profile-container .profile-summary{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important;gap:25px!important;margin-top:20px!important}.profile-container .summary-card{display:flex!important;align-items:center!important;padding:30px!important;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer!important;transition:all .3s ease!important}.profile-container .summary-card:hover{border-color:#333!important;box-shadow:none!important;transform:translateY(-2px)!important;background-color:#fff!important}.profile-container .summary-icon{margin-right:20px!important;color:#666!important;width:24px!important;height:24px!important}.profile-container .summary-info h3{margin:0 0 8px!important;font-size:14px!important;font-weight:500!important;color:#666!important;text-transform:uppercase!important;letter-spacing:.5px!important}.profile-container .summary-info p{margin:0!important;font-size:28px!important;font-weight:600!important;color:#333!important}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.item-card{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s}.item-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.item-image{width:100%;height:200px;object-fit:cover}.item-info{padding:15px}.item-info h3{margin:0 0 10px;font-size:16px}.item-price{font-weight:500;margin:0 0 5px}.item-quantity,.item-size,.item-color,.item-category,.item-season{margin:5px 0;font-size:14px;color:#666}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#666}.empty-state h3{margin:15px 0}.action-button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;min-width:160px;text-align:center;margin-top:15px}.action-button:hover{background-color:#000;color:#fff}.purchases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.purchase-card{border:1px solid #eee;border-radius:8px;overflow:hidden;padding:15px}.purchase-header{display:flex;justify-content:space-between;margin-bottom:15px}.purchase-date{font-size:14px;color:#666}.purchase-total{font-weight:500}.purchase-items{display:flex;margin-bottom:15px;position:relative}.purchase-item-image{width:60px;height:60px;object-fit:cover;margin-right:10px;border-radius:4px}.more-items{width:60px;height:60px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;color:#666}.purchase-status{font-size:14px;color:#666}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.profile-avatar-container{margin-right:0;margin-bottom:20px}.profile-actions{margin-top:15px;justify-content:center}.logout-button{margin:10px auto}.profile-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:5px}.profile-container .tab-button{padding:10px 15px!important;font-size:12px!important}.profile-container .profile-summary,.profile-container .items-grid,.profile-container .purchases-grid{grid-template-columns:1fr!important}.profile-container .summary-card{padding:20px!important}.profile-container .summary-info h3{font-size:12px!important}.profile-container .summary-info p{font-size:24px!important}}.notifications-list{width:100%}.notifications-container{display:flex;flex-direction:column;gap:15px}.notification-item{padding:15px;border-radius:8px;background-color:#f9f9f9;cursor:pointer;transition:all .3s ease;position:relative;border-left:4px solid transparent}.notification-item.unread{background-color:#f0f7ff;border-left-color:#4a90e2}.notification-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.notification-content{display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;margin-bottom:8px}.notification-sender{font-weight:600;color:#333}.notification-time{font-size:.85rem;color:#888}.notification-message{margin:0 0 8px;color:#333}.notification-poll-title{margin:0;font-size:.9rem;color:#666;font-style:italic}.notification-unread-badge{position:absolute;top:15px;right:15px;background-color:#ff4d4f;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px}.polls-container{width:100%;max-width:1800px;margin:2rem auto;padding:0 2rem 3rem;overflow-y:auto;overflow-x:hidden;height:95vh;box-sizing:border-box}.polls-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2rem;position:relative}.polls-header h1{font-size:2.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;display:flex;align-items:center}.polls-live-dot{display:inline-block;width:8px;height:8px;background-color:red;border-radius:50%;margin-right:10px;animation:blink 1.5s infinite;vertical-align:middle}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.polls-actions{display:flex;align-items:center;gap:1rem;position:absolute;right:0;top:4rem}.create-poll-button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;min-width:160px;text-align:center}.create-poll-button:hover{background-color:#000;color:#fff}.polls-controls{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:2rem;gap:1rem;box-sizing:border-box}.polls-controls .poll-filters{margin-bottom:0}.polls-controls .polls-actions{position:static;margin:0;display:flex;align-items:center;gap:.75rem}.polls-controls .create-poll-button{min-width:120px;padding:.5rem 1.5rem;font-size:.8rem}.polls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-top:1rem;width:100%;padding-bottom:2rem}.polls-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#666}.polls-error{background-color:#fff1f0;border:1px solid #ffccc7;border-radius:4px;padding:1rem;margin:1rem 0;color:#cf1322}.polls-error button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;margin-top:.5rem;min-width:160px;text-align:center}.polls-error button:hover{background-color:#000;color:#fff}.polls-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;background-color:#f9f9f9;border-radius:8px;padding:2rem;text-align:center}.polls-empty p{font-size:1.2rem;color:#666;margin-bottom:1.5rem}.polls-empty button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;min-width:160px;text-align:center}.polls-empty button:hover{background-color:#000;color:#fff}.polls-pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem}.polls-pagination button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;min-width:120px;text-align:center}.polls-pagination button:hover:not(:disabled){background-color:#000;color:#fff}.polls-pagination button:disabled{opacity:.5;cursor:not-allowed;background-color:#fff;color:#999;border:1px solid #999}.polls-pagination span{color:#666}@media (max-width: 1600px){.polls-container{max-width:95%;padding:0 1.5rem}.polls-grid{grid-template-columns:repeat(3,minmax(300px,1fr));gap:3.5rem}}@media (max-width: 1400px){.polls-container{max-width:98%;padding:0 1.5rem}.polls-grid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:3rem}.polls-header h1{font-size:2.3rem}}@media (max-width: 1200px){.polls-container{max-width:98%;padding:0 1rem}.polls-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:2.5rem}.polls-header{margin-bottom:2.5rem}.polls-actions{top:3.5rem}}@media (max-width: 992px){.polls-container{padding:0 1rem;margin:1.5rem auto}.polls-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;row-gap:3rem}.polls-header{margin-bottom:1.5rem}.polls-header h1{font-size:2.2rem}.polls-controls{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.polls-controls .polls-actions{align-self:flex-end}.create-poll-button{min-width:140px;padding:.5rem 1.5rem}}@media (max-width: 768px){.polls-container{padding:0 .75rem;margin:1rem auto;height:100vh;overflow-y:auto}.polls-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.polls-header h1{font-size:2rem;margin-bottom:.5rem}.polls-controls{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.polls-controls .polls-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.polls-controls .create-poll-button{min-width:auto;padding:.8rem 1.6rem;font-size:.9rem;letter-spacing:1px;white-space:nowrap;font-weight:600}.polls-grid{grid-template-columns:1fr;gap:2.5rem}.polls-pagination{flex-direction:column;gap:1rem;align-items:center}.polls-pagination button{width:100%;max-width:200px}.polls-empty{height:250px;padding:1.5rem}}@media (max-width: 640px){.polls-container{padding:0 .5rem;margin:.75rem auto;width:100%;overflow-x:hidden;box-sizing:border-box}.polls-header h1{font-size:1.8rem}.polls-controls{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;width:100%;box-sizing:border-box}.polls-controls .polls-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.polls-controls .create-poll-button{min-width:auto;padding:.7rem 1.4rem;font-size:.8rem;letter-spacing:.8px;white-space:nowrap;font-weight:600}.polls-grid{gap:2rem}.polls-loading{height:150px;font-size:1rem}.polls-error{padding:.75rem;margin:.75rem 0}.polls-error button{width:100%;margin-top:.75rem}}@media (max-width: 480px){.polls-container{padding:0 .5rem;margin:.5rem auto;width:100%;overflow-x:hidden;box-sizing:border-box}.polls-header{margin-bottom:1rem}.polls-header h1{font-size:1.6rem;line-height:1.2}.polls-live-dot{width:6px;height:6px;margin-right:8px}.polls-controls{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.4rem;margin-bottom:.8rem;width:100%;box-sizing:border-box}.polls-controls .polls-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.polls-controls .create-poll-button{min-width:auto;padding:.6rem 1.2rem;font-size:.75rem;letter-spacing:.6px;white-space:nowrap;font-weight:600}.polls-grid{gap:1.5rem}.polls-empty{height:200px;padding:1rem}.polls-empty p{font-size:.9rem;margin-bottom:1rem}.polls-pagination{margin-top:1.5rem}.polls-pagination button{padding:.5rem 1rem;font-size:.75rem;letter-spacing:1px}.polls-pagination span{font-size:.85rem}}@media (max-width: 360px){.polls-container{padding:0 .25rem;margin:.25rem auto;width:100%;overflow-x:hidden;box-sizing:border-box}.polls-header h1{font-size:1.4rem}.polls-controls{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.3rem;margin-bottom:.6rem;width:100%;box-sizing:border-box}.polls-controls .polls-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.polls-controls .create-poll-button{min-width:auto;padding:.55rem 1.1rem;font-size:.7rem;letter-spacing:.5px;white-space:nowrap;font-weight:600}.polls-grid{gap:1.25rem}.polls-loading{height:120px;font-size:.9rem}}.create-poll-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-poll-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.create-poll-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f0f0f0}.create-poll-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.create-poll-modal-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s}.create-poll-modal-close:hover{background-color:#f0f0f0;color:#666}.create-poll-form{padding:1.5rem}.create-poll-type-selector{display:flex;margin-bottom:1.5rem;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}.poll-type-button{flex:1;background-color:#fff;border:none;padding:.75rem;font-size:.9rem;cursor:pointer;transition:all .2s}.poll-type-button:first-child{border-right:1px solid #d9d9d9}.poll-type-button.active{background-color:#4a90e2;color:#fff}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d9d9d9;border-radius:4px;font-size:.9rem;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{border-color:#4a90e2;outline:none}.poll-options-list{display:flex;flex-direction:column;gap:.75rem}.poll-option-item{display:flex;align-items:center;gap:.5rem}.poll-option-item input[type=text]{flex:1}.poll-option-remove{background:none;border:none;color:#ff4d4f;font-size:1.25rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:background-color .2s}.poll-option-remove:hover{background-color:#fff1f0}.poll-option-add{background:none;border:1px dashed #d9d9d9;border-radius:4px;padding:.75rem;color:#4a90e2;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center;margin-top:.5rem}.poll-option-add:hover{border-color:#4a90e2;background-color:#f0f7ff}.poll-image-option{display:flex;flex-direction:column;gap:.5rem;flex:1}.poll-image-preview{width:100%;height:220px;border:1px dashed #d9d9d9;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.poll-image-preview img{width:100%;height:100%;object-fit:cover}.poll-image-placeholder{color:#999;font-size:.9rem}.poll-image-input{display:none}.poll-image-label{background-color:#f0f0f0;border:1px solid #d9d9d9;border-radius:4px;padding:.5rem;font-size:.85rem;text-align:center;cursor:pointer;transition:all .2s}.poll-image-label:hover{background-color:#e0e0e0}.poll-image-caption{margin-top:.25rem}.create-poll-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:.75rem 1.5rem;font-size:.9rem;cursor:pointer;transition:all .2s}.cancel-button:hover{background-color:#f0f0f0}.submit-button{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#3a7bc8}.submit-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 1400px){.create-poll-modal{max-width:650px}.form-group{margin-bottom:1.3rem}.form-group input[type=text],.form-group textarea,.form-group select{padding:.7rem;font-size:.85rem}.poll-type-button{padding:.6rem 1.2rem;font-size:.8rem}}@media (max-width: 1200px){.create-poll-modal{max-width:600px;margin:2rem}.create-poll-modal-header{padding:1.2rem 1.5rem}.create-poll-form{padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1.2rem}.form-group input[type=text],.form-group textarea,.form-group select{padding:.65rem;font-size:.8rem}.poll-image-preview{height:120px}.create-poll-actions{gap:.8rem;margin-top:1.5rem}.cancel-button,.submit-button{padding:.65rem 1.3rem;font-size:.85rem}}@media (max-width: 992px){.create-poll-modal{max-width:550px;margin:1.5rem}.create-poll-modal-header{padding:1rem 1.2rem}.create-poll-modal-header h2{font-size:1.4rem}.create-poll-form{padding:0 1.2rem 1.2rem}.create-poll-type-selector{gap:.6rem}.poll-type-button{padding:.5rem 1rem;font-size:.75rem;letter-spacing:1px}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.4rem;font-size:.85rem}.form-group input[type=text],.form-group textarea,.form-group select{padding:.6rem;font-size:.8rem}.poll-options-list{gap:.6rem}.poll-image-preview{height:100px}.poll-image-label{padding:.4rem;font-size:.8rem}.create-poll-actions{gap:.7rem;margin-top:1.2rem}}@media (max-width: 768px){.create-poll-modal-overlay{padding:.5rem}.create-poll-modal{max-width:100%;margin:0;max-height:75vh!important}.create-poll-modal-header{padding:.8rem 1rem}.create-poll-modal-header h2{font-size:1.3rem}.create-poll-form{padding:0 1rem 1rem}.create-poll-type-selector{gap:.5rem;margin-bottom:1rem}.poll-type-button{flex:1;padding:.5rem .8rem;font-size:.7rem;letter-spacing:.8px}.form-group{margin-bottom:.8rem}.form-group label{margin-bottom:.3rem;font-size:.8rem}.form-group input[type=text],.form-group textarea,.form-group select{padding:.5rem;font-size:.75rem}.poll-options-list{gap:.5rem}.poll-option-item{flex-direction:column;align-items:stretch;gap:.3rem}.poll-option-remove{align-self:flex-end;width:24px;height:24px;font-size:14px}.poll-image-option{gap:.4rem}.poll-image-preview{height:80px}.poll-image-label{padding:.35rem;font-size:.75rem}.poll-image-caption{margin-top:.2rem}.poll-option-add{padding:.5rem;font-size:.75rem}.create-poll-actions{flex-direction:column;gap:.6rem;margin-top:1rem}.cancel-button,.submit-button{width:100%;padding:.6rem;font-size:.8rem}}@media (max-width: 640px){.create-poll-modal{border-radius:8px;max-height:70vh!important}.create-poll-modal-header{padding:.7rem .8rem}.create-poll-modal-header h2{font-size:1.2rem}.create-poll-form{padding:0 .8rem .8rem}.poll-type-button{padding:.45rem .6rem;font-size:.65rem}.form-group{margin-bottom:.7rem}.form-group label{font-size:.75rem}.form-group input[type=text],.form-group textarea,.form-group select{padding:.45rem;font-size:.7rem}.poll-image-preview{height:70px}.poll-image-label{padding:.3rem;font-size:.7rem}.poll-option-add{padding:.45rem;font-size:.7rem}.cancel-button,.submit-button{padding:.55rem;font-size:.75rem}}@media (max-width: 480px){.create-poll-modal-overlay{padding:.25rem}.create-poll-modal{border-radius:6px;max-height:65vh!important}.create-poll-modal-header{padding:.6rem .7rem}.create-poll-modal-header h2{font-size:1.1rem;line-height:1.2}.create-poll-form{padding:0 .7rem .7rem}.create-poll-type-selector{margin-bottom:.8rem}.poll-type-button{padding:.4rem .5rem;font-size:.6rem;letter-spacing:.5px}.form-group{margin-bottom:.6rem}.form-group label{margin-bottom:.25rem;font-size:.7rem}.form-group input[type=text],.form-group textarea,.form-group select{padding:.4rem;font-size:.65rem}.poll-options-list{gap:.4rem}.poll-option-remove{width:20px;height:20px;font-size:12px}.poll-image-preview{height:60px}.poll-image-label{padding:.25rem;font-size:.65rem}.poll-option-add{padding:.4rem;font-size:.65rem}.create-poll-actions{margin-top:.8rem;gap:.5rem}.cancel-button,.submit-button{padding:.5rem;font-size:.7rem}}@media (max-width: 360px){.create-poll-modal-overlay{padding:.1rem}.create-poll-modal{border-radius:4px;max-height:60vh!important}.create-poll-modal-header{padding:.5rem .6rem}.create-poll-modal-header h2{font-size:1rem}.create-poll-form{padding:0 .6rem .6rem}.poll-type-button{padding:.35rem .4rem;font-size:.55rem}.form-group{margin-bottom:.5rem}.form-group label{font-size:.65rem}.form-group input[type=text],.form-group textarea,.form-group select{padding:.35rem;font-size:.6rem}.poll-image-preview{height:50px}.poll-image-label{padding:.2rem;font-size:.6rem}.poll-option-add{padding:.35rem;font-size:.6rem}.cancel-button,.submit-button{padding:.45rem;font-size:.65rem}}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.comment-modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:modalFadeIn .3s ease-out}@media (max-width: 768px){.comment-modal{max-height:60vh!important}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.comment-modal-header{display:flex;justify-content:center;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #efefef;position:relative}.comment-modal-header h2{margin:0;font-size:1rem;font-weight:600;color:#262626;text-transform:uppercase;letter-spacing:.5px}.comment-modal-close{background:none;border:none;font-size:1.5rem;color:#262626;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:opacity .2s;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.comment-modal-close:hover{opacity:.7}.comment-modal-content{padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.poll-info{padding:.75rem 1rem;border-bottom:1px solid #efefef;flex-shrink:0}.poll-info h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#262626}.poll-creator{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#8e8e8e}.poll-date{color:#8e8e8e}.comment-section{display:flex;flex-direction:column;flex:1;min-height:0}.comment-form{display:flex;align-items:center;padding:.4rem 1rem;border-bottom:1px solid #efefef;background-color:#fff;flex-shrink:0}.comment-form textarea{flex:1;padding:8px 12px;border:1px solid #dbdbdb;border-radius:4px;font-size:.95rem;resize:none;transition:all .2s ease;height:36px;min-height:36px;max-height:120px;line-height:1.4;overflow-y:auto;background-color:#f9f9f9;font-family:inherit;box-sizing:border-box;vertical-align:top;word-wrap:break-word}.comment-form textarea:focus{border-color:#a8a8a8;outline:none;background-color:#fff;box-shadow:0 0 0 1px #a8a8a833}.comment-form textarea::placeholder{color:#8e8e8e;opacity:1;font-style:normal}.comment-form textarea:placeholder-shown{text-align:left;display:block}@media (max-width: 1400px){.comment-modal{max-width:520px}.comment-form textarea{padding:7px 11px;font-size:.9rem;min-height:34px;height:34px}.comment-form button{padding:6px 14px;font-size:.8rem}}@media (max-width: 1200px){.comment-modal{max-width:480px}.comment-modal-header{padding:1rem 1.2rem}.comment-modal-header h2{font-size:1.3rem}.comment-modal-content{padding:0 1.2rem 1.2rem}.poll-info h3{font-size:1rem}.comment-form{gap:.6rem}.comment-form textarea{padding:6px 10px;font-size:.85rem;min-height:32px;height:32px}.comment-form button{padding:6px 12px;font-size:.75rem}.comment-item{padding:.6rem}.comment-author,.comment-text{font-size:.8rem}.comment-date{font-size:.7rem}}@media (max-width: 992px){.comment-modal{max-width:450px;margin:1.5rem}.comment-modal-header{padding:.9rem 1rem}.comment-modal-header h2{font-size:1.2rem}.comment-modal-content{padding:0 1rem 1rem}.poll-info{margin-bottom:.8rem}.poll-info h3{font-size:.95rem;margin-bottom:.4rem}.poll-creator{gap:.6rem}.poll-creator span{font-size:.75rem}.comment-form{gap:.5rem;margin-bottom:.8rem}.comment-form textarea{padding:5px 9px;font-size:.8rem;min-height:30px;height:30px}.comment-form button{padding:5px 10px;font-size:.7rem}.comments-list{gap:.5rem}.comment-item{padding:.5rem}}@media (max-width: 768px){.comment-modal-overlay{padding:1rem;align-items:center;justify-content:center}.comment-modal{max-width:85%;width:85%;margin:0;max-height:60vh!important;border-radius:12px}.comment-modal-header{padding:.6rem .8rem}.comment-modal-header h2{font-size:1rem}.comment-modal-content{padding:0}.poll-info{padding:.5rem .8rem}.poll-info h3{font-size:.85rem;line-height:1.1;margin-bottom:.3rem}.poll-creator{flex-direction:column;align-items:flex-start;gap:.1rem}.poll-creator span{font-size:.65rem}.comment-form{gap:.3rem;padding:.3rem .8rem;flex-shrink:0;border-bottom:1px solid #efefef;background-color:#fff}.comment-form textarea{padding:5px 8px;font-size:.75rem;min-height:28px;height:28px;max-height:100px}.comment-form button{padding:5px 8px;font-size:.65rem;min-width:50px}.comments-list{padding:.5rem .8rem;flex:1;overflow-y:auto;min-height:0}.comment-item{padding:.3rem 0;border-bottom:1px solid #f5f5f5}.comment-item:last-child{border-bottom:none}.comment-header{margin-bottom:.2rem}.comment-author{font-size:.7rem;font-weight:600}.comment-text{font-size:.7rem;line-height:1.2;margin:.1rem 0}.comment-footer{margin-top:.2rem}.comment-date{font-size:.6rem}.comment-like-btn{padding:.1rem .2rem;font-size:.65rem}}@media (max-width: 640px){.comment-modal-overlay{padding:.8rem}.comment-modal{max-width:80%;width:80%;max-height:60vh!important;border-radius:10px}.comment-modal-header{padding:.7rem .8rem}.comment-modal-header h2{font-size:1rem}.comment-modal-content{padding:0 .8rem .8rem}.poll-info h3{font-size:.85rem}.comment-form textarea{padding:4px 7px;font-size:.7rem;min-height:26px;height:26px}.comment-form button{padding:4px 7px;font-size:.6rem}.comment-item{padding:.35rem}.comment-author,.comment-text{font-size:.7rem}.comment-date{font-size:.6rem}.comment-like-btn{padding:.15rem .25rem;font-size:.65rem}}@media (max-width: 480px){.comment-modal-overlay{padding:.6rem;align-items:center;justify-content:center}.comment-modal{max-width:85%;width:85%;max-height:60vh!important;border-radius:8px}.comment-modal-header{padding:.6rem .7rem}.comment-modal-header h2{font-size:.95rem;line-height:1.2}.comment-modal-content{padding:0 .7rem .7rem}.poll-info{margin-bottom:.6rem}.poll-info h3{font-size:.8rem;line-height:1.1}.poll-creator span{font-size:.65rem}.comment-form{gap:.3rem;margin-bottom:.6rem}.comment-form textarea{padding:4px 6px;font-size:.65rem;min-height:24px;height:24px;max-height:80px}.comment-form button{padding:4px 6px;font-size:.55rem;min-width:40px}.comments-list{gap:.3rem}.comment-item{padding:.3rem}.comment-header{margin-bottom:.25rem}.comment-author{font-size:.65rem}.comment-text{font-size:.65rem;line-height:1.2}.comment-footer{margin-top:.25rem}.comment-date{font-size:.55rem}.comment-like-btn{padding:.1rem .2rem;font-size:.6rem}}@media (max-width: 360px){.comment-modal-overlay{padding:.5rem;align-items:center;justify-content:center}.comment-modal{max-width:90%;width:90%;max-height:60vh!important;border-radius:6px}.comment-modal-header{padding:.5rem .6rem}.comment-modal-header h2{font-size:.9rem}.comment-modal-content{padding:0 .6rem .6rem}.poll-info h3{font-size:.75rem}.poll-creator span{font-size:.6rem}.comment-form textarea{padding:3px 5px;font-size:.6rem;min-height:22px;height:22px}.comment-form button{padding:3px 5px;font-size:.5rem;min-width:35px}.comment-item{padding:.25rem}.comment-author,.comment-text{font-size:.6rem}.comment-date{font-size:.5rem}.comment-like-btn{padding:.08rem .15rem;font-size:.55rem}}.comment-form textarea:not(:placeholder-shown){text-align:left;display:block}.comment-form textarea:empty{text-align:left}.comment-form button{background-color:transparent;color:#0095f6;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s;padding:.25rem .5rem;margin-left:.5rem}.comment-form button:hover:not(:disabled){opacity:.7}.comment-form button:disabled{opacity:.3;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;max-height:450px;overflow-y:auto;padding:.5rem 0}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:transparent}.comments-list::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:4px}.comments-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.no-comments{text-align:center;padding:2rem 1rem;color:#8e8e8e;font-size:.9rem}.comment{padding:.75rem 1rem;display:flex;flex-direction:column}.comment:hover{background-color:#fafafa}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.comment-username{font-weight:600;font-size:.9rem;color:#262626}.comment-date{font-size:.75rem;color:#8e8e8e}.comment-content{margin:0;line-height:1.4;color:#262626;font-size:.9rem;word-break:break-word}.comment-actions{display:flex;align-items:center;margin-top:.25rem}.comment-like{font-size:.85rem;color:#8e8e8e;cursor:pointer;transition:color .2s;display:flex;align-items:center;gap:4px}.comment-like:hover,.comment-like.liked{color:#ed4956}.like-text{margin-left:4px;font-weight:500}@media (max-width: 480px){.comment-modal{max-width:100%;border-radius:0;height:100vh;max-height:100vh}}.poll-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.2rem;transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:200px;margin-bottom:1rem}.poll-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026;z-index:1}.poll-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.poll-card-creator{display:flex;align-items:center}.poll-card-username{font-weight:500;color:#333}.poll-card-actions{display:flex;align-items:center;gap:.75rem}.poll-card-date{font-size:.85rem;color:#999}.poll-card-delete-btn{background:none;border:none;color:#ff4d4f;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:background-color .2s}.poll-card-delete-btn:hover{background-color:#ff4d4f1a}.poll-card-title{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#333}.poll-card-description{font-size:.9rem;color:#666;margin-bottom:.75rem;line-height:1.4}.poll-card-image-container{position:relative;width:100%;height:200px;margin-bottom:1rem;border-radius:8px;overflow:hidden}.poll-card-image{width:100%;height:100%;object-fit:cover}.poll-card-image-overlay{position:absolute;bottom:0;right:0;background-color:#000000b3;color:#fff;padding:.25rem .5rem;font-size:.8rem;border-top-left-radius:4px}.poll-card-options{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.4rem}.poll-card-option{background-color:#f8f9fa;padding:.5rem .75rem;border-radius:6px;margin-bottom:0;font-size:.85rem;color:#333;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e9ecef;min-height:36px;display:flex;align-items:center}.text-poll .poll-card-option:hover{background-color:#e6f7ff}.poll-card-option.selected{background-color:#e6f7ff;border:1px solid #1890ff}.poll-card-option.voted{cursor:default}.poll-option-content{position:relative;z-index:2;display:flex;justify-content:flex-start;align-items:center;width:100%;pointer-events:none}.poll-option-content span{pointer-events:auto}.poll-option-results{display:flex;align-items:center;gap:.5rem}.poll-option-progress{position:absolute;top:0;left:0;height:100%;border-radius:6px;z-index:1;transition:all .8s cubic-bezier(.4,0,.2,1);animation:liquidFill 1.5s ease-out;max-width:100%}.poll-card-option:nth-child(1) .poll-option-progress{background:linear-gradient(45deg,#00d4ff,#09f,#06f,#09f,#00d4ff);background-size:400% 400%;animation:liquidWave 3s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #09fc,0 0 25px #00d4ff99,0 0 50px #0099ff4d}.poll-card-option:nth-child(2) .poll-option-progress{background:linear-gradient(45deg,#0f8,#0c6,#0a4,#0c6,#0f8);background-size:400% 400%;animation:liquidWave 3.2s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #0c6c,0 0 25px #0f89,0 0 50px #00aa444d}.poll-card-option:nth-child(3) .poll-option-progress{background:linear-gradient(45deg,#f4f,#c2c,#a0a,#c2c,#f4f);background-size:400% 400%;animation:liquidWave 2.8s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #c2cc,0 0 25px #f4f9,0 0 50px #aa00aa4d}.poll-card-option:nth-child(4) .poll-option-progress{background:linear-gradient(45deg,#fa0,#f80,#f60,#f80,#fa0);background-size:400% 400%;animation:liquidWave 3.5s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #f80c,0 0 25px #fa09,0 0 50px #ff66004d}.poll-card-option:nth-child(5) .poll-option-progress{background:linear-gradient(45deg,#f36,#f14,#e02,#f14,#f36);background-size:400% 400%;animation:liquidWave 2.5s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #f14c,0 0 25px #f369,0 0 50px #ee00224d}.poll-card-option:nth-child(6) .poll-option-progress{background:linear-gradient(45deg,#f09,#d07,#b05,#d07,#f09);background-size:400% 400%;animation:liquidWave 3.1s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #d07c,0 0 25px #f099,0 0 50px #bb00554d}.poll-card-option:nth-child(7) .poll-option-progress{background:linear-gradient(45deg,#0ff,#0dd,#0bb,#0dd,#0ff);background-size:400% 400%;animation:liquidWave 2.7s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #0ddc,0 0 25px #0ff9,0 0 50px #00bbbb4d}.poll-card-option:nth-child(8) .poll-option-progress{background:linear-gradient(45deg,#90f,#70c,#50a,#70c,#90f);background-size:400% 400%;animation:liquidWave 3.3s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #70cc,0 0 25px #90f9,0 0 50px #5500aa4d}.poll-card-option:nth-child(9) .poll-option-progress{background:linear-gradient(45deg,#4f4,#2c2,#0a0,#2c2,#4f4);background-size:400% 400%;animation:liquidWave 2.9s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #2c2c,0 0 25px #4f49,0 0 50px #00aa004d}.poll-card-option:nth-child(10) .poll-option-progress{background:linear-gradient(45deg,#fd0,#ca0,#a80,#ca0,#fd0);background-size:400% 400%;animation:liquidWave 3.4s ease-in-out infinite,liquidFill 1.5s ease-out;box-shadow:inset 0 3px 6px #ca0c,0 0 25px #fd09,0 0 50px #aa88004d}@keyframes liquidFill{0%{width:0%;opacity:0;transform:scaleX(0)}50%{opacity:.8;transform:scaleX(.5) scaleY(1.1)}to{opacity:1;transform:scaleX(1) scaleY(1)}}@keyframes liquidWave{0%{background-position:0% 50%;filter:hue-rotate(0deg) brightness(1.2)}25%{background-position:100% 25%;filter:hue-rotate(5deg) brightness(1.3)}50%{background-position:200% 75%;filter:hue-rotate(10deg) brightness(1.4)}75%{background-position:300% 25%;filter:hue-rotate(5deg) brightness(1.3)}to{background-position:400% 50%;filter:hue-rotate(0deg) brightness(1.2)}}.poll-option-votes{font-size:.7rem;color:#666;font-weight:600;background:#ffffffe6;padding:.15rem .3rem;border-radius:8px;border:1px solid rgba(0,0,0,.1);z-index:3;position:relative}.poll-vote-button{background-color:#fff;color:#000;border:1px solid black;border-radius:4px;padding:.5rem .75rem;font-size:.8rem;font-weight:500;cursor:pointer;margin-top:.5rem;width:100%;transition:all .2s;text-transform:uppercase;letter-spacing:1px;min-height:36px}.poll-vote-button:hover{background-color:#000;color:#fff}.poll-vote-button:disabled{background-color:#fff;color:#999;border:1px solid #999;cursor:not-allowed}.poll-card-more-options{text-align:center;font-size:.85rem;color:#999;margin-top:.5rem}.poll-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;border-top:1px solid #f0f0f0;font-size:.75rem;min-height:32px;flex-shrink:0}.poll-card-stats{display:flex;gap:1rem}.poll-card-votes{font-size:.75rem;color:#666;display:flex;align-items:center;gap:.25rem;transition:color .2s}.poll-card-comments-wrapper{position:relative;z-index:10}.poll-card-comments{font-size:.75rem;color:#666;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:all .2s;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#ccc;background:none;border:none;padding:0;margin:0;font-family:inherit;position:relative;z-index:10}.poll-card-comments:hover{color:#1890ff}.poll-card-votes:before{content:"";display:inline-block;width:12px;height:12px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 10l5 5 5-5"/></svg>');background-size:contain;margin-right:4px}.poll-card-comments:before{content:"";display:inline-block;width:12px;height:12px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>');background-size:contain;margin-right:6px}.poll-card-category{font-size:.7rem;background-color:#e6f7ff;color:#1890ff;padding:.2rem .4rem;border-radius:4px}@media (max-width: 1400px){.poll-card{padding:1.1rem;min-height:180px}.poll-card-title{font-size:1.1rem;line-height:1.3}.poll-card-description{font-size:.85rem}}@media (max-width: 1200px){.poll-card{padding:1rem;min-height:160px}.poll-card-title{font-size:1rem;margin-bottom:.5rem}.poll-card-description{font-size:.8rem;line-height:1.4}.poll-card-image{height:140px}.poll-card-option{padding:.6rem;margin-bottom:.4rem}.poll-vote-button{padding:.4rem .6rem;font-size:.75rem}}@media (max-width: 992px){.poll-card{padding:.9rem;min-height:150px}.poll-card-header{margin-bottom:.6rem}.poll-card-username{font-size:.85rem}.poll-card-date{font-size:.8rem}.poll-card-title{font-size:.95rem;margin-bottom:.4rem}.poll-card-description{font-size:.75rem;margin-bottom:.6rem}.poll-card-image{height:120px;margin-bottom:.6rem}.poll-card-options{gap:.4rem}.poll-card-option{padding:.5rem;margin-bottom:.3rem}.poll-option-content{font-size:.8rem}.poll-card-footer{margin-top:.6rem;padding-top:.4rem}.poll-card-stats{gap:.75rem}}@media (max-width: 768px){.poll-card{padding:.8rem;min-height:140px;margin-bottom:.8rem}.poll-card-header{flex-direction:column;align-items:flex-start;gap:.3rem;margin-bottom:.5rem}.poll-card-actions{align-self:flex-end;margin-top:-1.5rem}.poll-card-username{font-size:.8rem;font-weight:600}.poll-card-date{font-size:.75rem}.poll-card-title{font-size:.9rem;line-height:1.2;margin-bottom:.3rem}.poll-card-description{font-size:.7rem;line-height:1.3;margin-bottom:.5rem}.poll-card-image{height:100px;margin-bottom:.5rem}.poll-card-options{gap:.3rem}.poll-card-option{padding:.4rem;margin-bottom:.25rem}.poll-option-content{font-size:.75rem}.poll-vote-button{padding:.4rem .5rem;font-size:.7rem;margin-top:.4rem}.poll-card-footer{margin-top:.5rem;padding-top:.3rem;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:auto}.poll-card-stats{gap:.5rem}.poll-card-votes,.poll-card-comments{font-size:.7rem}}@media (max-width: 640px){.poll-card{padding:.7rem;min-height:120px;border-radius:8px}.poll-card-title{font-size:.85rem;line-height:1.1}.poll-card-description{font-size:.65rem;margin-bottom:.4rem}.poll-card-image{height:80px;margin-bottom:.4rem}.poll-card-option{padding:.35rem;margin-bottom:.2rem}.poll-option-content{font-size:.7rem}.poll-vote-button{padding:.35rem .4rem;font-size:.65rem;margin-top:.3rem}.poll-card-delete-btn{width:20px;height:20px;font-size:14px}.poll-card-votes,.poll-card-comments{font-size:.65rem}.poll-card-category{font-size:.6rem;padding:.15rem .3rem}}@media (max-width: 480px){.poll-card{padding:.6rem;min-height:100px;border-radius:6px}.poll-card-header{margin-bottom:.4rem}.poll-card-username{font-size:.75rem}.poll-card-date{font-size:.7rem}.poll-card-title{font-size:.8rem;line-height:1.1;margin-bottom:.25rem}.poll-card-description{font-size:.6rem;line-height:1.2;margin-bottom:.3rem}.poll-card-image{height:70px;margin-bottom:.3rem}.poll-card-options{gap:.25rem}.poll-card-option{padding:.3rem;margin-bottom:.15rem;border-radius:3px}.poll-option-content{font-size:.65rem}.poll-vote-button{padding:.3rem .35rem;font-size:.6rem;margin-top:.25rem;min-height:28px}.poll-card-footer{margin-top:.4rem;padding-top:.25rem}.poll-card-votes,.poll-card-comments{font-size:.6rem}.poll-card-delete-btn{width:18px;height:18px;font-size:12px}}@media (max-width: 360px){.poll-card{padding:.5rem;min-height:90px}.poll-card-title{font-size:.75rem;line-height:1}.poll-card-description{font-size:.55rem;margin-bottom:.25rem}.poll-card-image{height:60px;margin-bottom:.25rem}.poll-card-option{padding:.25rem;margin-bottom:.1rem}.poll-option-content{font-size:.6rem}.poll-vote-button{padding:.25rem .3rem;font-size:.55rem;min-height:24px}.poll-card-votes,.poll-card-comments{font-size:.55rem}.poll-card-username{font-size:.7rem}.poll-card-date{font-size:.65rem}.poll-card-delete-btn{width:16px;height:16px;font-size:10px}}.poll-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.poll-filters-dropdown{position:relative}.poll-filters-button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 2rem;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px}.poll-filters-button:hover{background-color:#000;color:#fff}.poll-filters-arrow{font-size:.7rem;transition:transform .2s}.poll-filters-arrow.open{transform:rotate(180deg)}.poll-filters-menu{position:absolute;top:calc(100% + 4px);left:0;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;width:240px;z-index:1000;overflow:hidden}.poll-filters-section{padding:1rem;border-bottom:1px solid #f0f0f0}.poll-filters-section:last-child{border-bottom:none}.poll-filters-section h4{font-size:.9rem;font-weight:500;margin:0 0 .75rem;color:#333}.poll-filters-section ul{list-style:none;padding:0;margin:0}.poll-filters-section li{padding:.5rem 0;font-size:.9rem;color:#666;cursor:pointer;transition:color .2s}.poll-filters-section li:hover{color:#4a90e2}.poll-filters-section li.active{color:#4a90e2;font-weight:500}.poll-filters-active{display:flex;flex-wrap:wrap;gap:.5rem}.poll-filter-tag{display:flex;align-items:center;gap:.25rem;background-color:#f5f5f5;color:#000;padding:.25rem .5rem;border:1px solid black;border-radius:0;font-size:.85rem}.poll-filter-tag button{background:none;border:none;color:#000;font-size:1rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:all .2s}.poll-filter-tag button:hover{color:#666}@media (max-width: 1400px){.poll-filters-button{padding:.55rem 1.8rem;font-size:.8rem}.poll-filters-menu{width:220px}}@media (max-width: 1200px){.poll-filters{gap:.8rem;margin-bottom:1.25rem}.poll-filters-button{padding:.5rem 1.5rem;font-size:.8rem}.poll-filters-menu{width:200px}.poll-filters-section{padding:.8rem}.poll-filters-section h4{font-size:.85rem;margin-bottom:.6rem}.poll-filters-section li{padding:.4rem 0;font-size:.85rem}}@media (max-width: 992px){.poll-filters{gap:.75rem;margin-bottom:1rem}.poll-filters-button{padding:.45rem 1.25rem;font-size:.75rem;letter-spacing:1.2px}.poll-filters-menu{width:180px}.poll-filter-tag{padding:.2rem .4rem;font-size:.8rem}.poll-filter-tag button{width:14px;height:14px;font-size:.9rem}}@media (max-width: 768px){.poll-filters{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.poll-filters-dropdown{width:100%}.poll-filters-button{width:100%;justify-content:space-between;padding:.6rem 1rem;font-size:.8rem}.poll-filters-menu{width:100%;left:0;right:0}.poll-filters-section{padding:.75rem}.poll-filters-active{width:100%;justify-content:flex-start}.poll-filter-tag{font-size:.75rem}}@media (max-width: 640px){.poll-filters{gap:.6rem;margin-bottom:.8rem}.poll-filters-button{padding:.55rem .8rem;font-size:.75rem;letter-spacing:1px}.poll-filters-arrow{font-size:.6rem}.poll-filters-section{padding:.6rem}.poll-filters-section h4{font-size:.8rem;margin-bottom:.5rem}.poll-filters-section li{padding:.35rem 0;font-size:.8rem}.poll-filter-tag{padding:.18rem .35rem;font-size:.7rem}.poll-filter-tag button{width:12px;height:12px;font-size:.8rem}}@media (max-width: 480px){.poll-filters{gap:.5rem;margin-bottom:.75rem}.poll-filters-button{padding:.5rem .7rem;font-size:.7rem;letter-spacing:.8px}.poll-filters-arrow{font-size:.55rem}.poll-filters-menu{box-shadow:0 1px 6px #0000001f}.poll-filters-section{padding:.5rem}.poll-filters-section h4{font-size:.75rem;margin-bottom:.4rem}.poll-filters-section li{padding:.3rem 0;font-size:.75rem}.poll-filter-tag{padding:.15rem .3rem;font-size:.65rem;gap:.2rem}.poll-filter-tag button{width:10px;height:10px;font-size:.7rem}.poll-filters-active{gap:.4rem}}@media (max-width: 360px){.poll-filters{gap:.4rem;margin-bottom:.6rem}.poll-filters-button{padding:.4rem .6rem;font-size:.65rem;letter-spacing:.6px}.poll-filters-section{padding:.4rem}.poll-filters-section h4{font-size:.7rem;margin-bottom:.3rem}.poll-filters-section li{padding:.25rem 0;font-size:.7rem}.poll-filter-tag{padding:.12rem .25rem;font-size:.6rem}.poll-filter-tag button{width:8px;height:8px;font-size:.6rem}}.poll-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.poll-detail-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.poll-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f0f0f0}.poll-detail-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.poll-detail-modal-actions{display:flex;align-items:center;gap:.75rem}.poll-detail-modal-delete{background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.9rem;cursor:pointer;transition:background-color .2s}.poll-detail-modal-delete:hover{background-color:#ff7875}.poll-detail-modal-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s}.poll-detail-modal-close:hover{background-color:#f0f0f0;color:#666}.poll-detail-content{padding:1.5rem}.poll-detail-info{margin-bottom:1.5rem}.poll-detail-creator{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem;color:#666}.poll-detail-date{color:#999}.poll-detail-description{margin:0 0 1rem;line-height:1.5;color:#333}.poll-detail-stats{display:flex;gap:1rem;font-size:.85rem;color:#666}.poll-detail-category{background-color:#e6f7ff;color:#1890ff;padding:.25rem .5rem;border-radius:4px}.poll-detail-tabs{display:flex;border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem}.poll-tab{background:none;border:none;padding:.75rem 1.5rem;font-size:.9rem;color:#666;cursor:pointer;transition:all .2s;position:relative}.poll-tab.active{color:#4a90e2;font-weight:500}.poll-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#4a90e2}.poll-vote-section{display:flex;flex-direction:column;gap:1.5rem}.poll-options{display:flex;flex-direction:column;gap:1rem}.poll-option{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;margin-bottom:1rem;box-shadow:0 2px 5px #0000000d}.poll-option:hover:not(.voted){border-color:#4a90e2;background-color:#f0f7ff}.poll-option.selected:not(.voted){border-color:#4a90e2;background-color:#f0f7ff}.poll-option.voted{cursor:default}.poll-option-image-container{width:180px;height:180px;border-radius:4px;overflow:hidden;flex-shrink:0}.poll-option-image{width:100%;height:100%;object-fit:cover}.poll-option-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.poll-option-text{font-size:1.2rem;color:#333;font-weight:500}.poll-option-results{position:relative;height:24px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;display:flex;align-items:center;padding:0 .5rem}.poll-option-progress{position:absolute;top:0;left:0;height:100%;background-color:#4a90e2;opacity:.3;z-index:1}.poll-option-percentage{position:relative;z-index:2;font-weight:500;color:#333}.poll-option-votes{position:relative;z-index:2;margin-left:.5rem;font-size:.85rem;color:#666}.poll-vote-button{background-color:#fff;color:#000;border:1px solid black;border-radius:0;padding:.6rem 2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;min-width:160px;text-align:center;align-self:center}.poll-vote-button:hover:not(:disabled){background-color:#000;color:#fff}.poll-vote-button:disabled{background-color:#fff;color:#999;border:1px solid #999;opacity:.7;cursor:not-allowed}.poll-comments-section{display:flex;flex-direction:column;gap:1.5rem}.poll-comment-form{display:flex;flex-direction:column;gap:.75rem}.poll-comment-form textarea{width:100%;padding:.75rem;border:1px solid #d9d9d9;border-radius:4px;font-size:.9rem;resize:vertical;transition:border-color .2s}.poll-comment-form textarea:focus{border-color:#4a90e2;outline:none}.poll-comment-form button{align-self:flex-end;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s}.poll-comment-form button:hover:not(:disabled){background-color:#3a7bc8}.poll-comment-form button:disabled{opacity:.7;cursor:not-allowed}.poll-comments-list{display:flex;flex-direction:column;gap:1rem}.poll-no-comments{text-align:center;padding:2rem;color:#999}.poll-comment{padding:1rem;border:1px solid #f0f0f0;border-radius:4px;background-color:#f9f9f9}.poll-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.poll-comment-username{font-weight:500;color:#333}.poll-comment-date{font-size:.8rem;color:#999}.poll-comment-content{margin:0;line-height:1.5;color:#333}@media (max-width: 1400px){.poll-detail-modal{max-width:750px}.poll-detail-modal-header{padding:1.3rem}.poll-detail-modal-header h2{font-size:1.4rem}.poll-detail-content{padding:1.3rem}.poll-option{padding:1.1rem;gap:1.3rem}.poll-option-image-container{width:160px;height:160px}.poll-vote-button{padding:.7rem 1.3rem;font-size:.85rem}}@media (max-width: 1200px){.poll-detail-modal{max-width:700px;margin:1.5rem}.poll-detail-modal-header{padding:1.2rem}.poll-detail-modal-header h2{font-size:1.3rem}.poll-detail-content{padding:1.2rem}.poll-detail-info{margin-bottom:1.2rem}.poll-detail-creator{font-size:.85rem}.poll-detail-description{font-size:.9rem}.poll-tabs{gap:1rem}.poll-tab{padding:.6rem 1.2rem;font-size:.85rem}.poll-option{padding:1rem;gap:1.2rem}.poll-option-image-container{width:140px;height:140px}.poll-option-content{font-size:.9rem}.poll-vote-button{padding:.65rem 1.2rem;font-size:.8rem}.poll-comment{padding:.8rem}.poll-comment-username,.poll-comment-content{font-size:.85rem}}@media (max-width: 992px){.poll-detail-modal{max-width:650px;margin:1rem}.poll-detail-modal-header{padding:1rem}.poll-detail-modal-header h2{font-size:1.2rem}.poll-detail-content{padding:1rem}.poll-detail-info{margin-bottom:1rem}.poll-detail-creator{flex-direction:column;align-items:flex-start;gap:.3rem;font-size:.8rem}.poll-detail-description{font-size:.85rem}.poll-detail-stats{gap:.8rem;font-size:.8rem}.poll-tabs{gap:.8rem;margin-bottom:1rem}.poll-tab{padding:.5rem 1rem;font-size:.8rem}.poll-option{padding:.9rem;gap:1rem}.poll-option-image-container{width:120px;height:120px}.poll-option-content{font-size:.85rem}.poll-vote-button{padding:.6rem 1rem;font-size:.75rem}.poll-comment{padding:.7rem}}@media (max-width: 768px){.poll-detail-modal-overlay{padding:.5rem}.poll-detail-modal{max-width:100%;margin:0;max-height:80vh!important}.poll-detail-modal-header{padding:.8rem;flex-direction:column;align-items:flex-start;gap:.5rem}.poll-detail-modal-header h2{font-size:1.1rem;line-height:1.2}.poll-detail-modal-actions{align-self:flex-end}.poll-detail-content{padding:.8rem}.poll-detail-info{margin-bottom:.8rem}.poll-detail-creator{font-size:.75rem}.poll-detail-description{font-size:.8rem;line-height:1.4}.poll-detail-stats{gap:.6rem;font-size:.75rem}.poll-tabs{gap:.6rem;margin-bottom:.8rem}.poll-tab{padding:.45rem .8rem;font-size:.75rem}.poll-options{gap:.8rem}.poll-option{padding:.7rem;gap:.8rem;flex-direction:column;align-items:stretch}.poll-option-image-container{width:100%;height:150px;align-self:center;max-width:200px}.poll-option-content{font-size:.8rem;text-align:center}.poll-vote-button{padding:.55rem .8rem;font-size:.7rem}.poll-comment{padding:.6rem}.poll-comment-header{margin-bottom:.4rem}.poll-comment-username{font-size:.75rem}.poll-comment-date{font-size:.7rem}.poll-comment-content{font-size:.75rem;line-height:1.3}}@media (max-width: 640px){.poll-detail-modal{border-radius:8px;max-height:75vh!important}.poll-detail-modal-header{padding:.7rem}.poll-detail-modal-header h2{font-size:1rem}.poll-detail-content{padding:.7rem}.poll-detail-creator{font-size:.7rem}.poll-detail-description{font-size:.75rem}.poll-detail-stats{font-size:.7rem}.poll-tab{padding:.4rem .6rem;font-size:.7rem}.poll-option{padding:.6rem;gap:.6rem}.poll-option-image-container{height:120px;max-width:150px}.poll-option-content{font-size:.75rem}.poll-vote-button{padding:.5rem .7rem;font-size:.65rem}.poll-comment{padding:.5rem}.poll-comment-username,.poll-comment-content{font-size:.7rem}}@media (max-width: 480px){.poll-detail-modal-overlay{padding:.25rem}.poll-detail-modal{border-radius:6px;max-height:70vh!important}.poll-detail-modal-header{padding:.6rem}.poll-detail-modal-header h2{font-size:.95rem;line-height:1.1}.poll-detail-modal-close{width:28px;height:28px;font-size:1.2rem}.poll-detail-content{padding:.6rem}.poll-detail-info{margin-bottom:.6rem}.poll-detail-creator{font-size:.65rem}.poll-detail-description{font-size:.7rem;line-height:1.3}.poll-detail-stats{gap:.4rem;font-size:.65rem}.poll-tabs{gap:.4rem;margin-bottom:.6rem}.poll-tab{padding:.35rem .5rem;font-size:.65rem}.poll-options{gap:.6rem}.poll-option{padding:.5rem;gap:.5rem;margin-bottom:.6rem}.poll-option-image-container{height:100px;max-width:120px}.poll-option-content{font-size:.7rem}.poll-vote-button{padding:.45rem .6rem;font-size:.6rem}.poll-comment{padding:.4rem}.poll-comment-header{margin-bottom:.3rem}.poll-comment-username{font-size:.65rem}.poll-comment-date{font-size:.6rem}.poll-comment-content{font-size:.65rem;line-height:1.2}}@media (max-width: 360px){.poll-detail-modal-overlay{padding:.1rem}.poll-detail-modal{border-radius:4px;max-height:65vh!important}.poll-detail-modal-header{padding:.5rem}.poll-detail-modal-header h2{font-size:.9rem}.poll-detail-modal-close{width:24px;height:24px;font-size:1rem}.poll-detail-content{padding:.5rem}.poll-detail-creator{font-size:.6rem}.poll-detail-description{font-size:.65rem}.poll-detail-stats{font-size:.6rem}.poll-tab{padding:.3rem .4rem;font-size:.6rem}.poll-option{padding:.4rem;gap:.4rem}.poll-option-image-container{height:80px;max-width:100px}.poll-option-content{font-size:.65rem}.poll-vote-button{padding:.4rem .5rem;font-size:.55rem}.poll-comment{padding:.35rem}.poll-comment-username,.poll-comment-content{font-size:.6rem}.poll-comment-date{font-size:.55rem}}.notification-badge-container{position:relative}.notification-badge-button{background:none;border:none;cursor:pointer;position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.notification-badge-button:hover{background-color:#0000000d}.notification-icon{font-size:1.25rem}.notification-count{position:absolute;top:0;right:0;background-color:#ff4d4f;color:#fff;font-size:.7rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #00000026;width:320px;max-width:90vw;z-index:100;overflow:hidden}.notification-header{padding:1rem;border-bottom:1px solid #f0f0f0}.notification-header h3{margin:0;font-size:1rem;font-weight:600;color:#333}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f9f9f9}.notification-item.unread{background-color:#e6f7ff}.notification-item.unread:hover{background-color:#d6f0ff}.notification-content p{margin:0 0 .5rem;font-size:.9rem;color:#333;line-height:1.4}.notification-time{font-size:.8rem;color:#999}.notification-empty{padding:2rem 1rem;text-align:center;color:#999;font-size:.9rem}.mood-tracker{max-width:800px;margin:0 auto}.auth-required{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;border:2px dashed #dee2e6}.auth-required h3{color:#495057;margin-bottom:15px;font-size:1.5rem}.auth-required p{color:#6c757d;margin-bottom:25px;line-height:1.6}.login-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.error-message{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;padding:15px 20px;border-radius:10px;margin-bottom:20px;border:1px solid #f1aeb5;animation:slideIn .3s ease}.error-icon{font-size:1.2rem;margin-right:10px}.close-error{background:none;border:none;color:#721c24;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-error:hover{background:#721c241a}.achievement-notification{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b8dacc;border-radius:15px;padding:20px;margin-bottom:25px;animation:slideIn .5s ease}.achievement-item{display:flex;align-items:center;gap:15px;margin-bottom:15px}.achievement-item:last-child{margin-bottom:0}.achievement-icon{font-size:2rem;background:#fff;padding:10px;border-radius:50%;box-shadow:0 2px 8px #0000001a}.achievement-item strong{color:#155724;font-size:1.1rem;display:block;margin-bottom:5px}.achievement-item p{color:#155724;margin:0;opacity:.8}.mood-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.mood-header h2{font-size:2rem;color:#2c3e50;margin:0;font-weight:300}.streak-counter{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:15px 25px;border-radius:15px;box-shadow:0 5px 15px #4caf504d}.streak-number{font-size:2rem;font-weight:700;line-height:1}.streak-text{font-size:.85rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.mood-logged{text-align:center;padding:40px;background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border-radius:20px;margin-bottom:30px}.logged-mood{margin-bottom:25px}.logged-emoji{font-size:4rem;display:block;margin-bottom:15px}.logged-mood p{font-size:1.2rem;color:#2c3e50;margin:0}.update-mood-btn{background:#00bcd4;color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.update-mood-btn:hover{background:#0097a7;transform:translateY(-2px);box-shadow:0 5px 15px #00bcd44d}.mood-selector{text-align:center;margin-bottom:40px}.mood-selector h3{font-size:1.4rem;color:#2c3e50;margin-bottom:30px;font-weight:400}.mood-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:30px}.mood-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 15px;border:2px solid #e0e0e0;border-radius:15px;background:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mood-option:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;border-color:var(--mood-color)}.mood-option.selected{border-color:var(--mood-color);background:var(--mood-color);color:#fff;box-shadow:0 8px 25px #0003}.mood-option.selected:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1))}.mood-emoji{font-size:2.5rem;transition:transform .3s ease}.mood-option:hover .mood-emoji{transform:scale(1.1)}.mood-label{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.submit-mood-btn{background:linear-gradient(135deg,#00bcd4,#26c6da);color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.submit-mood-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #00bcd44d}.submit-mood-btn:disabled{opacity:.5;cursor:not-allowed}.success-message{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:15px 25px;border-radius:15px;margin-bottom:30px;font-weight:600;animation:slideIn .5s ease}.success-icon{font-size:1.2rem}.mood-history{background:#f8fafc;padding:30px;border-radius:20px;border:1px solid #e2e8f0}.mood-history h3{font-size:1.3rem;color:#2c3e50;margin-bottom:20px;font-weight:500}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;margin-bottom:25px}.history-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease}.history-item:hover{transform:translateY(-2px)}.history-emoji{font-size:1.8rem}.history-date{font-size:.8rem;color:#64748b;font-weight:500}.analytics-btn{background:#6366f1;color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.analytics-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 5px 15px #6366f14d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.mood-header{flex-direction:column;text-align:center}.mood-options{grid-template-columns:repeat(2,1fr);gap:12px}.mood-option{padding:15px 10px}.mood-emoji{font-size:2rem}.history-grid{grid-template-columns:repeat(4,1fr);gap:10px}.history-item{padding:12px 8px}.history-emoji{font-size:1.5rem}}.meditation-hub{max-width:1000px;margin:0 auto}.meditation-header{text-align:center;margin-bottom:40px}.meditation-header h2{font-size:2rem;color:#2c3e50;margin-bottom:10px;font-weight:300}.meditation-header p{color:#666;font-size:1.1rem}.category-selection{margin-bottom:40px}.category-selection h3{font-size:1.3rem;color:#2c3e50;margin-bottom:20px;font-weight:500}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.category-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 15px;border:2px solid #e0e0e0;border-radius:15px;background:#fff;cursor:pointer;transition:all .3s ease}.category-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;border-color:#00bcd4}.category-btn.active{border-color:#00bcd4;background:#00bcd4;color:#fff}.category-icon{font-size:2rem}.category-label{font-size:.9rem;font-weight:600;text-align:center}.duration-selection{margin-bottom:40px}.duration-selection h3{font-size:1.3rem;color:#2c3e50;margin-bottom:20px;font-weight:500}.duration-buttons{display:flex;gap:15px;justify-content:center}.duration-btn{padding:12px 25px;border:2px solid #e0e0e0;border-radius:25px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:600}.duration-btn:hover{border-color:#00bcd4}.duration-btn.active{border-color:#00bcd4;background:#00bcd4;color:#fff}.meditation-list{margin-bottom:40px}.meditation-list h3{font-size:1.3rem;color:#2c3e50;margin-bottom:20px;font-weight:500}.meditation-cards{display:grid;gap:20px}.meditation-card{display:flex;justify-content:space-between;align-items:center;padding:25px;background:#fff;border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.meditation-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.meditation-info h4{font-size:1.2rem;color:#2c3e50;margin-bottom:8px}.meditation-info p{color:#666;margin-bottom:10px;line-height:1.5}.duration-tag{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.play-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00bcd4,#26c6da);color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease}.play-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00bcd44d}.breathing-exercise{text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;border-radius:20px}.breathing-exercise h3{margin-bottom:30px;font-size:1.5rem}.breathing-circle{width:150px;height:150px;border:3px solid rgba(255,255,255,.3);border-radius:50%;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;position:relative}.breath-indicator{width:100px;height:100px;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:breathe 4s infinite}.breath-text{font-weight:600;font-size:1.1rem}.breath-btn{background:#fff;color:#667eea;border:none;padding:15px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease}.breath-btn:hover{transform:translateY(-2px)}.completion-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.completion-content{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:400px;animation:slideUp .3s ease}.completion-icon{font-size:3rem;margin-bottom:20px}.completion-content h3{color:#2c3e50;margin-bottom:15px;font-size:1.5rem}.completion-content p{color:#666;margin-bottom:10px}.meditation-name{font-style:italic;color:#00bcd4;font-weight:600}.completion-stats{margin-top:20px;padding:15px;background:#f0f9ff;border-radius:10px;color:#1976d2;font-weight:600}.active-session{text-align:center;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;margin-bottom:30px}.session-header h3{font-size:1.8rem;margin-bottom:10px;font-weight:300}.session-header p{opacity:.9;margin-bottom:30px}.video-container{display:flex;justify-content:center;margin:40px 0;padding:0 20px}.youtube-wrapper{width:100%;max-width:800px;position:relative}.youtube-wrapper iframe{width:100%;height:450px;border-radius:15px;box-shadow:0 15px 35px #0003}.session-duration{display:inline-block;background:#fff3;padding:5px 15px;border-radius:20px;font-size:.9rem;margin-top:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.session-controls{display:flex;justify-content:center}.control-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid white;background:transparent;color:#fff;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease}.control-btn:hover{background:#fff;color:#667eea}.pause-btn:hover{background:#ff9800;border-color:#ff9800;color:#fff}.stop-btn:hover{background:#f44336;border-color:#f44336;color:#fff}.breathing-circle.active .breath-indicator{animation:breatheEnhanced 12s infinite}.breath-indicator.inhale{background:#4caf5033;border-color:#4caf50}.breath-indicator.hold{background:#ffc10733;border-color:#ffc107}.breath-indicator.exhale{background:#2196f333;border-color:#2196f3}.breathing-stats{display:flex;justify-content:center;gap:40px;margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breathing-timer,.breathing-cycles{text-align:center}.timer-label,.cycles-label{display:block;font-size:.9rem;opacity:.8;margin-bottom:5px}.timer-value,.cycles-value{display:block;font-size:1.5rem;font-weight:600}.breathing-timer-display{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breathing-time{font-size:1.8rem;font-weight:300;color:#fff}.breathing-cycles-count{font-size:1rem;opacity:.9;color:#fff}.breath-btn.stop{background:#f44336;color:#fff}.breath-btn.stop:hover{background:#d32f2f}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes breatheEnhanced{0%{transform:scale(1)}33%{transform:scale(1.2)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.category-grid{grid-template-columns:repeat(2,1fr)}.duration-buttons{flex-direction:column;align-items:center}.meditation-card{flex-direction:column;text-align:center;gap:20px}.breathing-circle{width:120px;height:120px}.breath-indicator{width:80px;height:80px}.active-session{padding:20px;margin:10px}.video-container{margin:20px 0;padding:0 10px}.youtube-wrapper iframe{height:250px}.session-controls{flex-direction:column;gap:15px}.control-btn{width:100%;justify-content:center}.completion-content{margin:20px;padding:30px 20px}.completion-icon{font-size:2.5rem}.session-header h3{font-size:1.5rem}.breathing-stats{flex-direction:column;gap:20px;padding:10px}.breathing-timer-display{padding:10px}.breathing-time{font-size:1.5rem}.timer-value,.cycles-value{font-size:1.2rem}}.biosync-page{position:relative;width:100vw;min-height:100vh;margin:0;padding:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow-y:auto;height:100vh}.biosync-hero{position:relative;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 0 60px;margin:0 0 -180px;overflow:hidden}.hero-content{max-width:90vw;width:100%;z-index:2;position:relative;padding:0 20px;box-sizing:border-box;margin-top:-200px}.wellness-icon-large{margin-bottom:30px;animation:wellnessPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,188,212,.3))}.wellness-icon-large:hover{animation:wellnessHover .6s ease-in-out}.biosync-hero-image{max-width:400px;width:100%;height:auto;margin-bottom:30px;border-radius:15px;box-shadow:0 10px 30px #0003;transition:all .3s ease;animation:imageFloat 4s ease-in-out infinite}.biosync-hero-image:hover{transform:scale(1.05);box-shadow:0 15px 40px #0000004d}.biosync-hero h1{font-size:3.5rem;font-weight:300;color:#2c3e50;margin-bottom:20px;letter-spacing:2px}.hero-subtitle{font-size:1.4rem;color:#00bcd4;margin-bottom:20px;font-weight:500}.hero-description{font-size:1.1rem;color:#5a6c7d;line-height:1.6;max-width:600px;margin:0 auto}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.floating-elements{position:absolute;width:100%;height:100%}.floating-element{position:absolute;font-size:2rem;opacity:.3;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:15%;animation-delay:1s}.floating-element:nth-child(3){top:30%;right:25%;animation-delay:2s}.floating-element:nth-child(4){bottom:30%;left:20%;animation-delay:3s}.floating-element:nth-child(5){top:70%;left:60%;animation-delay:4s}.features-overview{padding:80px 0;background:#fff;width:100vw;margin:0}.biosync-container{max-width:100%;width:100vw;margin:0;padding:0 40px;box-sizing:border-box}.features-overview h2{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:60px;font-weight:300}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.biosync-feature-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.biosync-feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.biosync-feature-icon{font-size:3rem;margin-bottom:20px}.biosync-feature-card h3{font-size:1.3rem;color:#2c3e50;margin-bottom:15px;font-weight:600}.biosync-feature-card p{color:#5a6c7d;line-height:1.6;font-size:.95rem}.biosync-main{padding:60px 0;background:#f8fafc;width:100vw;margin:0;min-height:100vh}.tab-navigation{display:flex;justify-content:center;margin-bottom:40px;background:#fff;border-radius:15px;padding:10px;box-shadow:0 5px 20px #0000001a;overflow-x:auto}.tab-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 20px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;min-width:120px;white-space:nowrap}.tab-button:hover{background:#f0f9ff;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#00bcd4,#26c6da);color:#fff;box-shadow:0 5px 15px #00bcd44d}.tab-icon{font-size:1.5rem}.tab-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tab-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;min-height:70vh;width:100%;margin:0;box-sizing:border-box}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wellnessPulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 20px rgba(0,188,212,.3))}25%{transform:scale(1.03) rotate(1deg);filter:drop-shadow(0 0 25px rgba(156,39,176,.4))}50%{transform:scale(1.06) rotate(0);filter:drop-shadow(0 0 30px rgba(76,175,80,.4))}75%{transform:scale(1.03) rotate(-1deg);filter:drop-shadow(0 0 25px rgba(156,39,176,.4))}}@keyframes wellnessHover{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.15) rotate(0)}75%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1) rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.biosync-page{width:100vw;overflow-x:hidden}.biosync-hero{width:100vw;padding:100px 20px 40px;min-height:100vh}.biosync-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.biosync-hero-image{max-width:300px;margin-bottom:20px}.features-overview{width:100vw;padding:60px 0}.biosync-container{width:100vw;padding:0 20px}.features-grid{grid-template-columns:1fr;gap:20px}.biosync-feature-card{padding:30px 20px}.biosync-main{width:100vw;padding:40px 0;min-height:100vh}.tab-navigation{flex-wrap:wrap;gap:10px;margin:0 20px 30px}.tab-button{min-width:100px;padding:12px 15px}.tab-content{padding:25px;margin:0 20px;min-height:60vh}}.music-player{position:absolute;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;overflow:hidden;transition:box-shadow .3s ease;z-index:1000;width:320px;border:1px solid rgba(0,0,0,.1);color:#333;font-family:Helvetica Neue,Arial,sans-serif;-webkit-user-select:none;user-select:none}.music-player.dragging{opacity:.9;box-shadow:0 12px 28px #0000004d}.music-player-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);cursor:grab}.music-player.dragging .music-player-header{cursor:grabbing}.drag-handle{display:flex;align-items:center;color:#666;margin-right:8px}.iframe-container{position:relative;width:100%}.close-button{z-index:10;background:#00000080;border:none;cursor:pointer;font-size:14px;color:#fff;width:24px;height:24px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;margin-left:8px;margin-top:-5px}.close-button:hover{background-color:#000000b3;transform:scale(1.1)}.music-player-content{padding:0;display:flex;flex-direction:column;align-items:center;background-color:#fff}.music-player-content iframe{max-width:100%;height:152px;border-radius:12px}@media (max-width: 480px){.music-player{width:280px;border-radius:10px;box-shadow:0 6px 16px #00000026;z-index:1050;touch-action:none}.music-player-header{padding:8px 12px;display:flex;justify-content:center;position:relative}.music-player-header span{font-size:11px!important;letter-spacing:.5px}.close-button{position:absolute;top:8px;right:8px;width:22px;height:22px;font-size:12px;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;z-index:10;margin:0}.close-button:hover{background-color:#000c}}@media (max-width: 375px){.music-player{width:270px}.music-player-header span{font-size:10px!important}.close-button{width:20px;height:20px;font-size:10px}}@media (max-width: 320px){.music-player{width:240px}.music-player-header{padding:6px 10px}.close-button{width:18px;height:18px;font-size:9px}}@media (max-height: 480px) and (orientation: landscape){.music-player{width:260px;height:auto}.music-player-header{padding:6px 10px}}
