@import"https://fonts.googleapis.com/css2?family=Pyidaungsu:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.search-bar-input{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;color:var(--text-color);flex:1;font-size:1rem;outline:none;padding:.5rem 1rem;transition:border .2s,background-color .3s,color .3s}.settings-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.25rem;margin-left:.5rem;transition:transform .2s ease-in-out,color .3s ease}.title-mode-options label{align-items:center;cursor:pointer;display:flex;font-size:.95rem}.title-mode-options input[type=radio]{cursor:pointer;margin-right:.5rem}.title-mode-options input[type=radio]:checked+span{color:var(--accent-color);font-weight:700}@media (max-width:480px){.search-bar-input{font-size:max(1.1rem,min(3.5vw,1.3rem));padding:.6rem 1rem}.settings-toggle{font-size:max(1.4rem,min(4.5vw,1.6rem))!important;min-height:44px!important;min-width:44px!important;padding:.4rem!important}.settings-panel{font-size:max(1rem,min(3vw,1.2rem));left:0;right:auto;width:90%}.settings-panel label,.settings-panel select{font-size:max(.8rem,min(2.4vw,.9rem))!important}.settings-panel select{padding:.5rem}.title-mode-options label{font-size:max(.8rem,min(2.4vw,.9rem))!important}}@media (max-width:360px){.search-bar-input{font-size:max(1.05rem,min(3.2vw,1.2rem));padding:.55rem .9rem}.settings-toggle{font-size:max(1.3rem,min(4.2vw,1.5rem))!important;min-height:42px!important;min-width:42px!important;padding:.35rem!important}.settings-panel{font-size:max(.95rem,min(2.8vw,1.1rem));width:95%}.settings-panel label,.settings-panel select,.title-mode-options label{font-size:max(.75rem,min(2.2vw,.85rem))!important}}@media (max-width:320px){.search-bar-input{font-size:max(1rem,min(3vw,1.15rem));padding:.5rem .8rem}.settings-toggle{font-size:max(1.2rem,min(3.8vw,1.4rem))!important;min-height:40px!important;min-width:40px!important;padding:.3rem!important}.settings-panel{font-size:max(.9rem,min(2.5vw,1rem));width:98%}.settings-panel label,.settings-panel select,.title-mode-options label{font-size:max(.7rem,min(2vw,.8rem))!important}}.song-list-scrollable{max-height:80vh;overflow-y:auto;padding:2rem .5rem 2rem 0}.song-list-scrollable::-webkit-scrollbar{width:10px}.song-list-scrollable::-webkit-scrollbar-thumb{background-color:var(--card-border);border-radius:4px}.song-list-scrollable::-webkit-scrollbar-track{background-color:transparent}.list-none{list-style:none;margin:0;padding:0}.list-none li{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;box-shadow:0 1px 2px #0000000f;color:var(--text-color);cursor:pointer;margin-bottom:1px;padding:.15rem 1rem;transition:background-color .2s ease,transform .1s ease}.list-none li:hover{background-color:#0000000d}[data-theme=dark] .list-none li:hover{background-color:#ffffff0d}.list-none li:active{transform:scale(.97)}.song-item{display:block!important}.song-content{align-items:center;display:flex;gap:.5rem;line-height:1.3;min-width:0;width:100%}.song-title-text{color:var(--text-color)!important;flex:1;font-weight:400!important;letter-spacing:.005em;line-height:inherit;min-width:0;overflow:hidden;text-align:left!important;text-overflow:ellipsis;white-space:nowrap}.song-stats{flex-shrink:0;gap:.4rem;margin-left:.5rem}.song-stats,.view-count{align-items:center;display:inline-flex}.view-count{color:#6b7280;font-weight:500;gap:.2rem;white-space:nowrap}.view-icon{color:#6366f1!important;opacity:.8}.view-number{color:#6b7280!important;font-weight:500}.hot-indicator{align-items:center;color:red!important;display:inline-flex;font-weight:500}.fire-indicator svg,.hot-indicator svg{color:red!important;height:16px;width:16px}@media (max-width:768px){.song-list-scrollable{max-height:88vh!important;padding:1.5rem 1rem!important}.center-column,.song-list-scrollable{max-width:100vw!important;overflow-x:hidden!important}.center-column{width:100%!important}.list-none li{border-radius:1rem!important;margin-bottom:.25rem!important;max-width:calc(100vw - 2rem)!important;overflow:hidden!important;padding:8px 1rem!important}.song-content{gap:.5rem;max-width:100%!important;min-width:0}.song-content,.song-title-text{line-height:1!important;overflow:hidden!important}.song-title-text{flex:1!important;max-width:calc(100% - 80px)!important;min-width:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}.song-stats{gap:.3rem}.hot-indicator svg{height:20px;width:20px}.song-list-container h2,.song-list-container h3{color:var(--text-color)!important;font-weight:600!important;margin-bottom:1rem!important;text-align:center!important}}@media (max-width:480px){.song-list-scrollable{max-height:90vh!important;padding:2px .75rem!important}.center-column,.song-list-scrollable{max-width:100vw!important;overflow-x:hidden!important}.center-column{padding:0!important;width:100%!important}.list-none li{max-width:calc(100vw - 1.6rem)!important;overflow:hidden!important;padding:8px .8rem!important}.song-content{max-width:100%!important}.song-content,.song-title-text{line-height:1!important;overflow:hidden!important}.song-title-text{flex:1!important;max-width:calc(100% - 70px)!important;min-width:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hot-indicator svg{height:18px;width:18px}}@media (max-width:360px){.song-list-scrollable{max-height:92vh!important;padding:2px .5rem!important}.center-column,.song-list-scrollable{max-width:100vw!important;overflow-x:hidden!important}.center-column{padding:0!important;width:100%!important}.list-none li{border-radius:.8rem!important;max-width:calc(100vw - 1.2rem)!important;overflow:hidden!important;padding:6px .6rem!important}.song-content{max-width:100%!important}.song-content,.song-title-text{line-height:1!important;overflow:hidden!important}.song-title-text{flex:1!important;max-width:calc(100% - 60px)!important;min-width:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hot-indicator svg{height:16px;width:16px}}.song-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;box-shadow:0 1px 2px #0000000f;color:var(--text-color);cursor:default;margin-bottom:1px;padding:.75rem 1rem;transition:background-color .2s ease}.song-skeleton .song-content{align-items:center;display:flex;gap:.5rem;justify-content:space-between;line-height:1.3;width:100%}.skeleton-title-wrapper{flex:1;min-width:0}.skeleton-title{animation:skeleton-shimmer 2s infinite;background:linear-gradient(90deg,var(--card-border) 25%,hsla(0,0%,100%,.3) 50%,var(--card-border) 75%);background-size:200px 100%;border-radius:4px;height:18px}.skeleton-stats-wrapper{align-items:center;display:inline-flex;flex-shrink:0;gap:.4rem;margin-left:.5rem}.skeleton-view-count{align-items:center;display:inline-flex;gap:.2rem}.skeleton-eye-icon{animation:skeleton-shimmer 2s infinite;animation-delay:.1s;border-radius:2px;width:14px}.skeleton-eye-icon,.skeleton-view-number{background:linear-gradient(90deg,var(--card-border) 25%,hsla(0,0%,100%,.3) 50%,var(--card-border) 75%);background-size:200px 100%;height:14px}.skeleton-view-number{animation:skeleton-shimmer 2s infinite;border-radius:4px;width:24px}.skeleton-hot-indicator{animation:skeleton-shimmer 2s infinite;background:linear-gradient(90deg,#ff45004d 25%,#ff450099,#ff45004d 75%);background-size:200px 100%;border-radius:2px;height:16px;width:16px}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.6}}[data-theme=dark] .skeleton-eye-icon,[data-theme=dark] .skeleton-title,[data-theme=dark] .skeleton-view-number{background:linear-gradient(90deg,#ffffff1a 25%,#ffffff40,#ffffff1a 75%);background-size:200px 100%}[data-theme=dark] .skeleton-hot-indicator{background:linear-gradient(90deg,#ff450033 25%,#ff450080,#ff450033 75%);background-size:200px 100%}[data-theme=dark] .view-number{color:#9ca3af!important}[data-theme=dark] .view-icon{color:#818cf8!important}@media (max-width:768px){.song-skeleton{border-radius:1rem!important;margin-bottom:.25rem!important;padding:8px 1rem!important}.skeleton-title{height:20px}.skeleton-eye-icon{height:16px;width:16px}.skeleton-view-number{height:16px;width:28px}.skeleton-hot-indicator{height:18px;width:18px}}@media (max-width:480px){.song-skeleton{padding:8px .8rem!important}.skeleton-title{height:18px}.skeleton-eye-icon{height:14px;width:14px}.skeleton-view-number{height:14px;width:26px}.skeleton-hot-indicator{height:16px;width:16px}}@media (max-width:360px){.song-skeleton{border-radius:.8rem!important;padding:6px .6rem!important}.skeleton-title{height:16px}.skeleton-eye-icon{height:12px;width:12px}.skeleton-view-number{height:12px;width:24px}.skeleton-hot-indicator{height:14px;width:14px}}.v-end{align-items:center;border-bottom:1px solid var(--vocal);border-top:1px solid var(--vocal);display:flex;justify-content:center;margin:0 10px;min-height:80px;overflow:hidden}.v-end,.v-text{position:relative;text-align:center}.v-text{animation:flyQuote 6s ease-in-out infinite;color:var(--text-color);font-size:max(.8rem,min(2.8vw,.95rem));font-style:italic;line-height:1.4;padding:15px 20px;transition:opacity .3s ease;width:100%}.v-writer{color:var(--comp);font-size:max(.7rem,min(2.5vw,.85rem));font-style:normal;font-weight:500;margin-top:10px}@keyframes flyQuote{0%{opacity:0;transform:translateY(100%)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media (max-width:480px){.v-end{margin:15px 8px;min-height:70px}.v-text{font-size:max(.75rem,min(2.5vw,.85rem));line-height:1.3;padding:12px 15px}.v-writer{font-size:max(.65rem,min(2.2vw,.75rem));margin-top:8px}}@media (max-width:360px){.v-end{margin:12px 6px;min-height:60px}.v-text{font-size:max(.7rem,min(2.2vw,.8rem));line-height:1.25;padding:10px 12px}.v-writer{font-size:max(.6rem,min(2vw,.7rem));margin-top:6px}}@media (max-width:320px){.v-end{margin:10px 4px;min-height:55px}.v-text{font-size:max(.65rem,min(2vw,.75rem));line-height:1.2;padding:8px 10px}.v-writer{font-size:max(.55rem,min(1.8vw,.65rem));margin-top:5px}}.quote-loading-smooth{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:0;margin-top:35px}.dot{animation:quote-bounce-smooth 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite;border-radius:50%;height:12px;opacity:.85;transition:background .3s,opacity .3s;width:12px}.dot1{animation-delay:0s;background:#ffd600}.dot2{animation-delay:.12s;background:#ff1744}.dot3{animation-delay:.24s;background:#fff}.dot4{animation-delay:.36s;background:#000}.dot5{animation-delay:.48s;background:#00e5ff}.dot6{animation-delay:.6s;background:#00c853}@keyframes quote-bounce-smooth{0%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-12px) scale(1.25)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-toast{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;background:var(--card-bg,#fff);border-left:4px solid #4a90e2;border-left:4px solid var(--accent-color,#4a90e2);border-radius:12px;box-shadow:0 6px 24px #0000001f,0 1.5px 8px #0000000f;color:#222;color:var(--text-color,#222);display:flex;font-size:.95em;font-weight:500;gap:.8em;left:auto;letter-spacing:.01em;max-width:80vw;min-width:180px;opacity:0;padding:.75em 1.2em;pointer-events:none;position:fixed;right:2rem;top:1.5rem;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;z-index:9999}.custom-toast.show{animation:toast-slide-in .4s ease-out forwards;box-shadow:0 8px 25px #00000026,0 2px 10px #00000014;opacity:1;pointer-events:auto;transform:translateY(0)}.toast-info{border-left-color:#4a90e2}.toast-success{border-left-color:#4caf50}.toast-error{border-left-color:#f44336}.toast-offline{border-left-color:#ff9800}.toast-online{border-left-color:#4caf50}.toast-icon{font-size:1.2em}.toast-info .toast-icon{color:#4a90e2}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#f44336}.toast-offline .toast-icon{color:#ff9800}.toast-online .toast-icon{color:#4caf50}.toast-message{flex:1}@keyframes toast-slide-in{0%{filter:blur(2px);opacity:.4;transform:translateY(-20px);transform:translateY(-30%) scale(.92)}60%{filter:blur(.5px);opacity:1;transform:translateY(8%) scale(1.08)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1.04)}}.person-modal{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.person-modal-content{animation:slideIn .3s ease-out;background:var(--card-bg);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chyhsa-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 20px #0000001a;color:var(--text-color);font-family:Segoe UI,sans-serif;overflow:hidden;transition:background-color .3s ease,color .3s ease}.chyhsa-header{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;gap:1rem;padding:2rem;position:relative}.chyhsa-header:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chyhsa-avatar-container{position:relative;z-index:1}.chyhsa-avatar{border:4px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 4px 16px #0003;height:100px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100px}.chyhsa-avatar:hover{transform:scale(1.05)}.chyhsa-avatar-placeholder{align-items:center;background:#fff3;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;height:100px;justify-content:center;width:100px}.chyhsa-info{flex:1;z-index:1}.chyhsa-name{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.chyhsa-roles{font-size:1rem;font-weight:500;margin:0;opacity:.9}.chyhsa-body{padding:2rem}.chyhsa-bio h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.chyhsa-bio p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.chyhsa-social{padding:0 2rem 2rem}.chyhsa-social h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.chyhsa-social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-link{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;height:44px;justify-content:center;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease;width:44px}.social-link:hover{background:var(--secondary-color);box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.chyhsa-learn-more{padding:0 2rem 2rem}.learn-more-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;box-shadow:0 4px 16px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.learn-more-btn:hover{box-shadow:0 6px 24px #00000040;transform:translateY(-2px)}.learn-more-btn:active{transform:translateY(0)}.chyhsa-stats{background:var(--bg-light);padding:1.5rem 2rem}.view-count{color:var(--text-secondary);font-size:.9rem;font-weight:500;gap:.5rem}.close-button,.view-count{align-items:center;display:flex}.close-button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:36px;z-index:2}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width:768px){.person-modal{padding:.5rem}.person-modal-content{max-height:95vh;max-width:100%}.chyhsa-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.chyhsa-name{font-size:1.5rem}.chyhsa-body,.chyhsa-learn-more,.chyhsa-social{padding:1.5rem}.chyhsa-stats{padding:1rem 1.5rem}.chyhsa-social-links{justify-content:center}}.chyhsa-body{line-height:1.6;max-height:300px;overflow-y:auto;padding:1rem 1.5rem;scroll-behavior:smooth}.chyhsa-body::-webkit-scrollbar{width:6px}.chyhsa-body::-webkit-scrollbar-thumb{background-color:var(--footer-color);border-radius:4px}.chyhsa-body::-webkit-scrollbar-track{background:transparent}.chyhsa-footer{background-color:var(--card-bg);border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.chyhsa-footer a{color:var(--vocal);font-weight:500;-webkit-text-decoration:none;text-decoration:none}.chyhsa-stats{align-items:center;background-color:var(--card-bg);border-top:1px solid var(--card-border);display:flex;gap:1.5rem;padding:1rem 1.5rem}.chyhsa-stats button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;gap:.4rem;transition:transform .2s ease,color .3s ease}.chyhsa-stats button:hover{color:var(--comp);transform:scale(1.05)}.chyhsa-stats svg{color:inherit;transition:color .3s ease}.chyhsa-stats .views{color:var(--footer-color);font-size:.95rem;margin-left:auto}.chyhsa-loading{color:var(--text-color);font-size:1.2rem;margin-top:4rem;text-align:center}.song-view-container{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:max(.5rem,min(1vw,.75rem));box-shadow:0 2px 8px #00000014;box-sizing:border-box;color:var(--text-color);display:block;height:auto;max-width:100%;overflow-x:hidden;padding:max(.75rem,min(2vw,1.5rem)) max(1rem,min(3vw,2rem));transition:background-color .3s,color .3s;width:100%}.song-lyrics:after{animation:blink 1s steps(2,start) infinite;color:#333;content:"|"}@keyframes blink{to{visibility:hidden}}.song-back-button{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:max(8px,min(2vw,12px));box-shadow:0 2px 4px #0000000d;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:max(.85rem,min(2.5vw,1rem));font-weight:600;gap:max(.3rem,min(1vw,.5rem));margin-bottom:max(.5rem,min(2vw,1.5rem));margin-top:max(.25rem,min(1vw,.5rem));overflow:hidden;padding:max(.4rem,min(1.5vw,.6rem)) max(.8rem,min(3vw,1.2rem));position:relative;transition:all .3s ease}.song-back-button:before{content:""}.song-back-button:hover{background:#007bff0d;background:var(--hover-bg,rgba(0,123,255,.05));border-color:#007bff;box-shadow:0 4px 8px #007bff26;color:#007bff;transform:translateY(-1px)}.song-back-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.song-title{border-bottom:2px solid var(--card-border);font-size:max(1.1rem,min(4vw,1.5rem));font-weight:700;margin-bottom:max(.5rem,min(2vw,1rem));margin-top:max(.25rem,min(1vw,.5rem));padding-bottom:max(.15rem,min(.5vw,.25rem));text-transform:uppercase}.comp{color:var(--comp);margin-bottom:max(.5rem,min(1.5vw,.75rem));margin-top:max(.25rem,min(1vw,.5rem))}.comp,.vocal{align-items:center;display:flex;font-size:max(.9rem,min(2.5vw,1rem));font-style:italic;gap:max(.3rem,min(1vw,.5rem))}.vocal{color:var(--vocal);margin-bottom:max(.75rem,min(2vw,1rem));margin-top:max(.15rem,min(.5vw,.25rem))}.clickable{cursor:pointer;font-weight:500;margin-left:5px;-webkit-text-decoration:none;text-decoration:none}.clickable:hover{color:#10f}.song-lyrics{background-color:transparent;font-size:max(.9rem,min(2.5vw,1.05rem));line-height:clamp(1.4,.3vw + 1.3,1.6);margin-bottom:max(1rem,min(3vw,1.5rem));margin-top:max(.5rem,min(2vw,1rem));max-height:clamp(50vh,10vh + 40vh,54.8vh);overflow-x:hidden;overflow-y:auto;padding-bottom:max(.5rem,min(2vw,1rem));padding-right:max(.25rem,min(1vw,.5rem));white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;word-break:break-word}.song-content-wrapper{display:block;height:auto}.song-header-section{position:relative}.song-lyrics::-webkit-scrollbar{width:6px}.song-lyrics::-webkit-scrollbar-thumb{background-color:var(--card-border);border-radius:4px}.song-lyrics::-webkit-scrollbar-track{background-color:transparent}.person-modal{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000a6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.person-modal-content{background-color:var(--card-bg);border-radius:12px;box-shadow:0 10px 25px #0003;color:var(--text-color);max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}@media (max-width:480px){.person-modal-content{border-radius:8px;max-height:85vh;max-width:400px;padding:1.2rem;width:95%}}@media (max-width:360px){.person-modal-content{border-radius:6px;max-height:80vh;max-width:320px;padding:1rem;width:98%}}.info-close-button,.modal-close-button{background:none;border:none;border-radius:4px;color:#555;cursor:pointer;font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;margin:.25rem;padding:.25rem .5rem;position:absolute;right:12px;top:12px;transition:color .2s ease,transform .2s ease}.info-close-button:hover,.modal-close-button:hover{background:#e639461a;color:#e63946;transform:scale(1.2)}.info-icon{background:#1e90ff;background:var(--accent,#1e90ff);border-radius:50%;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-style:normal;margin:0 0 0 5px;padding:0 6px;transition:background .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.info-icon:hover{background:#0f7ae5;background:var(--accent-hover,#0f7ae5)}.info-popup{background:var(--bg-color);border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 15px #2600ff33;color:var(--text-color);left:50%;max-width:320px;padding:1rem;position:absolute;top:30%;transform:translate(-50%,-50%);z-index:1000}.info-popup-content{position:relative}.info-link{color:#1e90ff;color:var(--accent,#1e90ff)}.info-link:hover{color:#005bb6;color:var(--accent-hover,#005bb6)}.song-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:.2rem}.title-buttons{align-items:center;display:flex;gap:max(8px,min(2vw,12px));margin-bottom:max(.3rem,min(1vw,.5rem));margin-top:max(.5rem,min(1.5vw,.75rem))}.menu-button,.view-count-btn{align-items:center;background:none;border:none;border-radius:max(6px,min(1.5vw,8px));color:var(--text-color);cursor:pointer;display:flex;font-size:max(.85rem,min(2.2vw,1rem));gap:max(6px,min(1.5vw,8px));line-height:1;margin:max(.1rem,min(.5vw,.2rem));padding:max(.3rem,min(1vw,.4rem)) max(.4rem,min(1.5vw,.6rem));transition:color .3s ease}.view-count-btn svg{align-items:center;display:inline-flex;vertical-align:baseline}.menu-button:hover,.view-count-btn:hover{background:#007bff14;background:var(--hover-bg,rgba(0,123,255,.08));color:#1e90ff;color:var(--accent,#1e90ff)}.menu-wrapper{position:relative}.menu-popup{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:160px;overflow:hidden;position:absolute;right:0;top:120%;z-index:500}.menu-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:10px;min-height:44px;padding:.7rem 1rem;text-align:left;transition:background .2s ease;width:100%}.menu-item:hover{background-color:var(--card-border)}@media (max-width:480px){.menu-popup{border-radius:6px;min-width:140px}.menu-item{font-size:15px;gap:8px;min-height:40px;padding:.6rem .8rem}}@media (max-width:360px){.menu-popup{border-radius:4px;min-width:130px}.menu-item{font-size:14px;gap:6px;min-height:36px;padding:.5rem .7rem}}.favorite-item{position:relative}.favorite-icon{font-size:16px;transition:all .3s ease}.favorite-icon.loved{animation:heartPulse .3s ease-in-out;color:#e74c3c}.favorite-icon.loading{animation:pulse 1s ease-in-out infinite}.share-item{position:relative}.share-icon{font-size:16px;transition:all .3s ease}.share-item:hover .share-icon{transform:translateY(-1px)}.share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal{animation:shareModalSlideIn .3s ease-out;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:400px;overflow:hidden;width:90%}@media (max-width:480px){.share-modal{border-radius:12px;max-width:350px;width:95%}}@media (max-width:360px){.share-modal{border-radius:8px;max-width:320px;width:98%}}@keyframes shareModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:20px 24px 16px}.share-modal-title{align-items:center;color:var(--text-color);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.share-title-icon{color:#0969da;color:var(--accent-color,#0969da);font-size:20px}.share-modal-content{display:flex;flex-direction:column;gap:24px;padding:24px}@media (max-width:480px){.share-modal-header{padding:16px 20px 12px}.share-modal-title{font-size:18px}.share-title-icon{font-size:20px}.share-modal-content{gap:20px;padding:20px}}@media (max-width:360px){.share-modal-header{padding:12px 16px 10px}.share-modal-title,.share-title-icon{font-size:16px}.share-modal-content{gap:16px;padding:16px}}.qr-section{text-align:center}.qr-header{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px}.qr-icon{color:#0969da;color:var(--accent-color,#0969da);font-size:18px}.qr-code-container{background:#fff;background:var(--bg-color,#fff);border:1px solid var(--card-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;display:flex;justify-content:center;padding:16px}.qr-code{border-radius:8px;height:180px;width:180px}@media (max-width:480px){.qr-header{font-size:14px;margin-bottom:12px}.qr-icon{font-size:16px}.qr-code-container{border-radius:8px;padding:12px}.qr-code{height:140px;width:140px}}@media (max-width:360px){.qr-header{font-size:13px;margin-bottom:10px}.qr-icon{font-size:14px}.qr-code-container{border-radius:6px;padding:10px}.qr-code{height:120px;width:120px}}.copy-section{display:flex;flex-direction:column;gap:12px}.copy-header{color:var(--text-color);font-size:16px;font-weight:500}.copy-link-container{align-items:center;display:flex;gap:8px}.link-input{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);flex:1;font-size:14px;padding:12px 16px;transition:all .2s ease}.link-input:focus{border-color:#0969da;border-color:var(--accent-color,#0969da);box-shadow:0 0 0 3px #6669ff1a;outline:none}.copy-button{align-items:center;background:#0969da;background:var(--accent-color,#0969da);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:12px 16px;transition:all .2s ease}.copy-button:hover:not(.success){background:#0550ae;background:var(--accent-light,#0550ae);transform:translateY(-1px)}.copy-button.success{background:#22c55e;transform:scale(1.05)}.copy-icon{font-size:12px}@media (max-width:480px){.copy-section{gap:10px}.copy-header{font-size:14px}.copy-link-container{gap:6px}.copy-button,.link-input{font-size:13px;padding:10px 12px}.copy-button{min-width:70px}.copy-icon{font-size:11px}}@media (max-width:360px){.copy-section{gap:8px}.copy-header{font-size:13px}.copy-link-container{gap:4px}.copy-button,.link-input{font-size:12px;padding:8px 10px}.copy-button{min-width:60px}.copy-icon{font-size:10px}}.song-page-container .song-view-container{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 2px 8px #00000014;padding:1.5rem}.song-page-container .song-lyrics{margin-right:-5px;max-height:59vh;overflow-y:auto;padding-right:15px}.song-page-container{margin-top:3px}.song-page-container .song-lyrics::-webkit-scrollbar{background-color:var(--bg-color);border-radius:4px;width:8px}.song-page-container .song-lyrics::-webkit-scrollbar-thumb{background-color:var(--card-border);border:2px solid var(--bg-color);border-radius:4px}.song-page-container .song-lyrics::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.song-page-container .song-lyrics::-webkit-scrollbar-track{background-color:transparent;border-radius:4px;margin:5px 0}@media (max-width:768px){.song-page-container{margin-top:35px;min-height:80vh}.song-page-container .song-view-container{min-height:75vh;padding:1rem}.song-page-container .song-lyrics{max-height:60vh}.song-view-container{border-radius:max(.5rem,min(1vw,.75rem));box-sizing:border-box;display:flex;flex-direction:column;max-height:95vh;max-height:95dvh;max-width:100vw;min-height:100%;overflow-x:hidden;overflow-y:visible;padding:max(.5rem,min(2vw,1rem))}.song-content-wrapper{display:flex;flex:1;flex-direction:column;min-height:0}.song-header-section{flex-shrink:0}.song-lyrics{flex:1;font-size:max(.9rem,min(2.5vw,1rem));line-height:clamp(1.4,.2vw + 1.3,1.5);margin-bottom:max(.5rem,min(2vw,1rem));margin-right:0;max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px);max-width:100%;min-height:max(150px,min(40vh,300px));overflow-x:hidden;overflow-y:auto;padding-right:max(.15rem,min(.5vw,.25rem));width:100%}}@media (max-width:480px){.song-view-container{border-radius:max(.4rem,min(1vw,.6rem));max-height:93vh;max-height:93dvh;padding:max(.4rem,min(1.5vw,.75rem))}.song-lyrics{font-size:max(.85rem,min(2.2vw,.95rem));line-height:clamp(1.3,.15vw + 1.25,1.4);max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);min-height:max(120px,min(35vh,200px))}.song-title{font-size:max(1rem,min(3.5vw,1.25rem))}.comp,.vocal{font-size:max(.8rem,min(2.2vw,.9rem))}}@media (max-width:360px){.song-view-container{border-radius:max(.3rem,min(.8vw,.5rem));max-height:90vh;max-height:90dvh;padding:max(.3rem,min(1vw,.5rem))}.song-lyrics{font-size:max(.8rem,min(2vw,.9rem));line-height:clamp(1.25,.1vw + 1.2,1.35);max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);min-height:max(100px,min(30vh,150px))}}@media (max-height:750px){.song-view-container{display:flex;flex-direction:column;max-height:95vh;max-height:95dvh;overflow-y:visible}.song-lyrics{flex:1;margin-bottom:max(.5rem,min(2vw,1rem));max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px);min-height:max(120px,min(25vh,200px));overflow-y:auto}}@media (max-height:600px){.song-view-container{max-height:92vh;max-height:92dvh;padding:max(.3rem,min(1vw,.5rem))}.song-lyrics{font-size:max(.8rem,min(2vw,.9rem));line-height:clamp(1.2,.1vw + 1.1,1.3);max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);min-height:max(100px,min(20vh,150px))}.song-title{font-size:max(.9rem,min(3vw,1.1rem));margin-bottom:max(.2rem,min(1vw,.4rem))}.song-back-button{font-size:max(.75rem,min(2vw,.85rem));margin-bottom:max(.3rem,min(1vw,.4rem));padding:max(.3rem,min(1vw,.4rem)) max(.6rem,min(2vw,.8rem))}.comp,.vocal{font-size:max(.75rem,min(2vw,.8rem));margin-bottom:max(.1rem,min(.5vw,.2rem))}}[data-theme=dark] .share-modal{box-shadow:0 20px 40px #0009}.error-message{background:var(--card-bg);border:1px solid var(--card-border);border-radius:max(6px,min(1.5vw,8px));color:#ff7e85;color:var(--comp,#ff7e85);font-style:italic;margin:max(.75rem,min(2vw,1rem)) 0;padding:max(1.5rem,min(4vw,2rem));text-align:center}.error-message p{font-size:max(1rem,min(2.5vw,1.1rem));margin:0}.about-item{position:relative}.about-icon{color:var(--accent-color);font-size:max(14px,min(3vw,16px));transition:all .3s ease}.about-item:hover .about-icon{color:var(--primary-color);transform:scale(1.1)}.cached-data-badge{align-items:center;animation:pulse 1.5s infinite;background-color:#ff9800;border-radius:50%;color:#fff;cursor:help;display:inline-flex;height:max(20px,min(5vw,24px));justify-content:center;margin-left:max(8px,min(2vw,10px));width:max(20px,min(5vw,24px))}.cached-icon{font-size:max(.65rem,min(1.5vw,.75rem))}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}[data-language=my] .song-lyrics,[data-language=my] .song-title,[data-language=my] .song-view-container,[data-language=my] .view-count-btn{font-family:Pyidaungsu,Myanmar Text,Myanmar3,sans-serif!important;line-height:1.6!important}.report-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-modal{animation:slideUp .3s ease-out;background:var(--card-bg);border-radius:max(6px,min(2vw,12px));box-shadow:0 10px 25px #00000026;max-height:max(80vh,min(85vh,90vh));overflow-y:auto;width:max(320px,min(90vw,500px))}.report-modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:max(1rem,min(3vw,1.5rem))}.report-modal-title{align-items:center;color:var(--text-color);display:flex;font-size:max(1rem,min(2.5vw,1.2rem));font-weight:600;gap:max(.3rem,min(1vw,.5rem));margin:0}.report-modal-content{padding:max(1rem,min(3vw,1.5rem))}.report-title-icon{color:#ff6b6b}.report-form_group{margin-bottom:max(.8rem,min(2vw,1.2rem))}.report-form_label{color:var(--text-color);display:block;font-size:max(.85rem,min(2vw,1rem));font-weight:500;margin-bottom:max(.3rem,min(1vw,.5rem))}.report-form_input,.report-form_textarea{background:var(--input-bg);border:2px solid var(--card-border);border-radius:max(6px,min(1.5vw,8px));color:var(--text-color);font-size:max(.8rem,min(2vw,.9rem));padding:max(.5rem,min(1.5vw,.75rem));transition:border-color .2s ease,box-shadow .2s ease;width:100%}.report-form_input:focus,.report-form_textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.report-form_textarea{min-height:max(70px,min(15vw,100px));resize:vertical}.report-allow_contact{align-items:center;display:flex!important;gap:max(.3rem,min(1vw,.5rem));margin-bottom:max(.75rem,min(2vw,1rem))}.report-form_checkbox{margin:0;width:auto!important}.song-info-section{background:var(--hover-bg);border:1px solid var(--card-border);border-radius:max(6px,min(1.5vw,8px));margin:max(1rem,min(3vw,1.5rem)) 0;padding:max(.75rem,min(2vw,1rem))}.song-info-section h4{color:var(--text-color);font-size:max(.9rem,min(2.2vw,1rem));font-weight:600;margin:0 0 max(.5rem,min(1.5vw,.75rem))}.song-info-details{display:flex;flex-direction:column;gap:max(.3rem,min(1vw,.5rem))}.info-item{color:var(--text-color);font-size:max(.8rem,min(2vw,.9rem));line-height:1.4}.info-item strong{color:var(--text-color);font-weight:600}.report-form_actions{border-top:1px solid var(--card-border);display:flex;gap:max(.5rem,min(1.5vw,.75rem));justify-content:flex-end;margin-top:max(1rem,min(3vw,1.5rem));padding-top:max(.75rem,min(2vw,1rem))}.cancel-btn{background:transparent;border:2px solid var(--card-border);border-radius:max(4px,min(1vw,6px));color:var(--text-color);cursor:pointer;font-size:max(.8rem,min(2vw,.9rem));font-weight:500;padding:max(.5rem,min(1.5vw,.75rem)) max(1rem,min(3vw,1.5rem));transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--text-color)}.report-submit_button{background:#007bff;border:none;border-radius:max(4px,min(1vw,6px));color:#fff;cursor:pointer;font-size:max(.8rem,min(2vw,.9rem));font-weight:500;padding:max(.5rem,min(1.5vw,.75rem)) max(1rem,min(3vw,1.5rem));transition:all .2s ease}.report-submit_button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.cancel-btn:disabled,.report-submit_button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-language=my] .report-form_label,[data-language=my] .report-modal,[data-language=my] .report-modal-title,[data-language=my] .song-info-section{font-family:Pyidaungsu,Myanmar Text,Myanmar3,sans-serif!important;line-height:1.6!important}@media (max-width:768px){.song-view-container{box-sizing:border-box;display:flex;flex-direction:column;max-height:95vh;max-height:95dvh;max-width:100vw;min-height:100%;overflow-x:hidden;overflow-y:visible;padding:.75rem}.song-content-wrapper{display:flex;flex:1;flex-direction:column;min-height:0}.song-header-section{flex-shrink:0}.song-lyrics{flex:1;margin-bottom:1rem;margin-right:0;max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px);max-width:100%;min-height:200px;overflow-x:hidden;overflow-y:auto;padding-right:.25rem;width:100%}}@media (max-width:480px){.song-view-container{border-radius:.5rem;display:flex;flex-direction:column;max-height:93vh;max-height:93dvh;max-width:calc(100vw - 1rem);overflow-y:visible;padding:.5rem .75rem}.song-content-wrapper{display:flex;flex:1;flex-direction:column;min-height:0}.song-lyrics{flex:1;font-size:1rem;line-height:1.5;margin-bottom:1rem;max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px);max-width:100%;min-height:200px;overflow-x:hidden;overflow-y:auto;padding-bottom:.75rem;padding-right:.25rem;width:100%}.song-title{font-size:1.25rem;margin-bottom:.75rem}.comp,.song-back-button,.song-title,.title-buttons,.vocal{flex-shrink:0}}@media (max-width:360px) and (max-height:640px){.song-view-container{display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;max-width:calc(100vw - .5rem);overflow-y:visible;padding:.5rem}.song-content-wrapper{display:flex;flex:1;flex-direction:column;min-height:0}.song-lyrics{flex:1;font-size:.95rem;line-height:1.4;margin-bottom:.75rem;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);max-width:100%;min-height:150px;overflow-x:hidden;overflow-y:auto;padding-bottom:.5rem;padding-right:.125rem;width:100%}.song-title{font-size:1.1rem}.song-back-button,.song-title{flex-shrink:0;margin-bottom:.5rem}.song-back-button{font-size:.9rem;padding:.5rem 1rem}.comp,.vocal{flex-shrink:0;margin-bottom:.25rem}.title-buttons{flex-shrink:0;margin-bottom:.5rem}}@media (max-width:480px) and (min-height:800px){.song-lyrics{max-height:calc(100vh - 220px);max-height:calc(100dvh - 220px);min-height:400px}}.song-lyrics{display:block;min-width:0;width:100%}@media (min-width:769px){.song-view-container{display:block;height:auto;max-height:none;overflow-y:visible;padding:max(1rem,min(2vw,1.5rem)) max(1.5rem,min(3vw,2rem))}.song-content-wrapper{display:block;flex:none;height:auto}.song-header-section{flex-shrink:1}.song-lyrics{flex:none;font-size:max(1rem,min(1.5vw,1.1rem));line-height:clamp(1.5,.2vw + 1.4,1.7);margin-bottom:max(1.5rem,min(3vw,2rem));max-height:clamp(50vh,5vh + 50vh,58vh);min-height:0;padding-bottom:max(.75rem,min(2vw,1rem))}.song-title{font-size:max(1.3rem,min(2.5vw,1.6rem))}.comp,.vocal{font-size:max(.95rem,min(1.5vw,1.05rem))}}@media (min-width:1024px){.song-view-container{max-height:none;padding:max(1.5rem,min(2.5vw,2rem)) max(2rem,min(4vw,3rem))}.song-lyrics{font-size:max(1.05rem,min(1.2vw,1.15rem));margin-bottom:max(2rem,min(3vw,2.5rem));max-height:clamp(55vh,5vh + 50vh,60vh)}.song-title{font-size:max(1.4rem,min(2vw,1.7rem))}}@media (max-width:768px){.song-back-button{margin-bottom:max(.5rem,min(2vw,1rem));margin-top:max(.15rem,min(1vw,.25rem));padding:max(.4rem,min(1.5vw,.5rem)) max(.8rem,min(3vw,1rem))}.title-buttons{gap:max(6px,min(2vw,10px));margin-bottom:max(.5rem,min(1.5vw,.75rem));margin-top:max(.3rem,min(1vw,.5rem))}.menu-button,.view-count-btn{font-size:max(.8rem,min(2vw,.9rem));margin:max(.05rem,min(.3vw,.1rem));padding:max(.3rem,min(1vw,.4rem)) max(.5rem,min(1.5vw,.6rem))}.comp,.vocal{margin-bottom:max(.3rem,min(1vw,.5rem));margin-top:max(.15rem,min(.5vw,.25rem))}}@media (max-height:750px) and (max-width:400px){.song-view-container{max-height:95vh;max-height:95dvh}.song-lyrics{max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}}@media (max-height:600px){.song-lyrics{max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px)}}@media (max-height:750px){.song-view-container{display:flex;flex-direction:column;max-height:95vh;max-height:95dvh;overflow-y:visible}.song-lyrics{flex:1;margin-bottom:1rem;max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px);min-height:150px;overflow-y:auto}}@media (max-height:600px){.song-view-container{max-height:92vh;max-height:92dvh;padding:.5rem}.song-lyrics{font-size:.9rem;line-height:1.3;max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px);min-height:120px}.song-title{font-size:1rem;margin-bottom:.4rem}.song-back-button{font-size:.85rem;margin-bottom:.4rem;padding:.4rem .8rem}.comp,.vocal{font-size:.8rem;margin-bottom:.2rem}}.modern-welcome-container{animation:slideUp .6s cubic-bezier(.25,.46,.45,.94);background:var(--bg-color);border:1px solid rgba(108,71,255,.08);border-radius:16px;box-shadow:0 4px 20px #0000000f,0 2px 8px #0000000a;margin:1.5rem auto;max-height:80vh;max-width:480px;overflow:hidden;overflow-y:auto;width:100%}.modern-welcome-container::-webkit-scrollbar{width:6px}.modern-welcome-container::-webkit-scrollbar-track{background:#6c47ff0d;border-radius:3px}.modern-welcome-container::-webkit-scrollbar-thumb{background:#6c47ff4d;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.modern-welcome-container::-webkit-scrollbar-thumb:hover{background:#6c47ff80}.modern-welcome-container{scrollbar-color:rgba(108,71,255,.3) rgba(108,71,255,.05);scrollbar-width:thin}.welcome-hero-section{background:linear-gradient(135deg,#6c47ff,#7c3aed);color:#fff;overflow:hidden;padding:2rem 1.5rem 1.5rem;position:relative;text-align:center}.hero-gradient{background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.08) 0,transparent 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:1}.brand-section{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.8rem}.brand-title{font-size:1.8rem;font-weight:800;letter-spacing:-.3px;line-height:1.2;margin:0}.music-accent{animation:bounce 2s infinite;font-size:1.5rem}.brand-subtitle{font-size:.95rem;font-weight:400;line-height:1.4;margin:0;opacity:.9}.content-wrapper{padding:0}.guide-section{padding:1.5rem 1.5rem 1rem}.section-heading{color:var(--text-color);font-size:1.1rem;font-weight:700;margin:0 0 1.2rem;text-align:center}.steps-container{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.2rem}.step-card{align-items:flex-start;background:#6c47ff08;border:1px solid rgba(108,71,255,.06);border-radius:10px;display:flex;gap:.8rem;padding:.8rem;transition:all .2s ease}.step-card:hover{background:#6c47ff0d;border-color:#6c47ff1a;transform:translate(2px)}.step-icon{flex-shrink:0}.step-num{align-items:center;background:linear-gradient(135deg,#6c47ff,#7c3aed);border-radius:50%;box-shadow:0 2px 6px #6c47ff40;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.step-content p{color:var(--text-color);font-size:.9rem;line-height:1.4;margin:0;padding-top:.1rem}.action-prompt{background:linear-gradient(135deg,#e67e2214,#e67e220d);border:1px solid rgba(230,126,34,.15);border-radius:10px;padding:1rem;text-align:center}.prompt-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.heart-icon{animation:pulse 2s infinite;font-size:1.1rem}.prompt-text{color:#e67e22;font-size:.95rem;font-weight:600}.quote-container{background:#6c47ff05;border-top:1px solid rgba(108,71,255,.06);padding:1.2rem 1.5rem}.quote-content{text-align:center}.quote-text{color:var(--text-color);font-size:.9rem;font-style:italic;line-height:1.5;margin:0 0 .5rem;opacity:.8}.quote-author{color:var(--text-color);font-size:.8rem;font-weight:500;opacity:.6}.footer-section{background:#6c47ff05;border-top:1px solid rgba(108,71,255,.06);padding:1rem 1.5rem 1.2rem}.footer-content{align-items:center;display:flex;font-size:.8rem;gap:.8rem;justify-content:center}.footer-link{border-radius:6px;color:#6c47ff;font-weight:500;padding:.3rem .5rem;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease}.footer-link:hover{background:#6c47ff14;color:#5a3bd4}.separator{color:var(--text-color);opacity:.3}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-theme=dark] .modern-welcome-container{border:1px solid rgba(108,71,255,.15);box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a}[data-theme=dark] .step-card{background:#6c47ff0f;border-color:#6c47ff1f}[data-theme=dark] .step-card:hover{background:#6c47ff14;border-color:#6c47ff2e}[data-theme=dark] .action-prompt{background:linear-gradient(135deg,#e67e221f,#e67e2214);border-color:#e67e2233}[data-theme=dark] .footer-section,[data-theme=dark] .quote-container{background:#6c47ff0a;border-top-color:#6c47ff1f}@media (min-width:768px){.modern-welcome-container{margin:2rem auto;max-width:520px}.welcome-hero-section{padding:2.5rem 2rem 2rem}.brand-title{font-size:2rem}.music-accent{font-size:1.6rem}.brand-subtitle{font-size:1rem}.guide-section{padding:2rem 2rem 1.5rem}.section-heading{font-size:1.2rem}.step-card{padding:1rem}.step-num{font-size:.8rem;height:26px;width:26px}.step-content p{font-size:.95rem}.quote-container{padding:1.5rem 2rem}.footer-section{padding:1.2rem 2rem 1.5rem}}@media (min-width:1024px){.modern-welcome-container{border-radius:20px;margin:2.5rem auto;max-width:560px}.welcome-hero-section{padding:3rem 2.5rem 2.5rem}.brand-title{font-size:2.2rem}.music-accent{font-size:1.8rem}.brand-subtitle{font-size:1.1rem}.guide-section{padding:2.5rem 2.5rem 2rem}.section-heading{font-size:1.3rem;margin-bottom:1.5rem}.steps-container{gap:1rem;margin-bottom:1.5rem}.step-card{border-radius:12px;padding:1.2rem}.step-num{font-size:.85rem;height:28px;width:28px}.step-content p{font-size:1rem;line-height:1.5}.action-prompt{border-radius:12px;padding:1.2rem}.prompt-text{font-size:1rem}.quote-container{padding:2rem 2.5rem}.quote-text{font-size:.95rem;line-height:1.6}.footer-section{padding:1.5rem 2.5rem 2rem}.footer-content{font-size:.85rem}}@media (min-width:1440px){.modern-welcome-container{margin:3rem auto;max-width:600px}.welcome-hero-section{padding:3.5rem 3rem 3rem}.brand-title{font-size:2.4rem}.music-accent{font-size:2rem}.brand-subtitle{font-size:1.15rem}.guide-section{padding:3rem 3rem 2.5rem}.section-heading{font-size:1.4rem}.step-content p{font-size:1.05rem}.quote-container{padding:2.5rem 3rem}.footer-section{padding:2rem 3rem 2.5rem}}@media (max-width:480px){.modern-welcome-container{border-radius:12px;margin:1rem auto;max-width:95%}.welcome-hero-section{padding:1.5rem 1.2rem 1.2rem}.brand-title{font-size:1.6rem}.music-accent{font-size:1.3rem}.brand-subtitle{font-size:.9rem}.guide-section{padding:1.2rem 1.2rem 1rem}.section-heading{font-size:1rem;margin-bottom:1rem}.steps-container{gap:.6rem}.step-card{border-radius:8px;padding:.7rem}.step-num{font-size:.7rem;height:22px;width:22px}.step-content p{font-size:.85rem}.action-prompt{border-radius:8px;padding:.8rem}.prompt-text{font-size:.9rem}.quote-container{padding:1rem 1.2rem}.quote-text{font-size:.85rem}.quote-author{font-size:.75rem}.footer-section{padding:.8rem 1.2rem 1rem}.footer-content{flex-direction:column;font-size:.75rem;gap:.4rem}.separator{display:none}}.category-buttons{display:flex;gap:.5rem;justify-content:center;margin:8px 20px 12px}.category-buttons button{align-items:center;background-color:var(--bg-color);border:none;border:1px solid var(--card-border);border-radius:50px;color:var(--text-color);cursor:pointer;display:flex;font-size:max(.9rem,min(2vw,1rem));gap:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.category-buttons button svg{font-size:1em}.category-buttons button.active,.category-buttons button:hover{background-color:var(--nofound);color:var(--bg-color)}.category-buttons button:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ff000026!important;border-color:#ff00004d!important;color:var(--text-color)!important}[data-theme=dark] .category-buttons button.active{background-color:red!important;color:#fff!important}@media (max-width:480px){.category-buttons{flex-wrap:wrap;gap:.3rem}.category-buttons button{font-size:.85rem;padding:.4rem .8rem}}.mara-cal{animation:fadeIn .4s ease-in-out;background:linear-gradient(135deg,var(--accent),var(--vocal));border-radius:12px;box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:column;height:100%;margin:0;max-height:100vh;overflow:visible;position:relative;width:100%}.scroll-progress{animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#1e90ff,#1e90ffcc 50%,#1e90ff);background:linear-gradient(90deg,var(--accent,#1e90ff) 0,rgba(30,144,255,.8) 50%,var(--accent,#1e90ff) 100%);border-radius:0 3px 3px 0;box-shadow:0 1px 3px #1e90ff66;height:3px;left:0;position:absolute;top:0;transform-origin:left center;transition:width .1s ease-out;z-index:20}@keyframes progressPulse{0%,to{box-shadow:0 1px 3px #1e90ff66;filter:brightness(1)}50%{box-shadow:0 2px 6px #1e90ff99;filter:brightness(1.2)}}.scroll-to-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e90ff,#1e90ffe6);background:linear-gradient(135deg,var(--accent,#1e90ff) 0,rgba(30,144,255,.9) 100%);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #1e90ff4d,0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:max(16px,min(3vw,20px));font-weight:700;height:44px;justify-content:center;opacity:0;position:absolute;right:20px;transform:translateY(60px);transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:15}.scroll-to-top.visible{opacity:1;transform:translateY(0)}.scroll-to-top:hover{background:linear-gradient(135deg,#0f7ae5,#0f7ae5f2);background:linear-gradient(135deg,var(--accent-hover,#0f7ae5) 0,rgba(15,122,229,.95) 100%);box-shadow:0 6px 16px #1e90ff66,0 4px 8px #00000026;transform:translateY(-2px) scale(1.1)}.scroll-to-top:active{transform:translateY(0) scale(.95)}.pull-to-refresh{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#1e90ff;color:var(--accent,#1e90ff);display:flex;font-size:max(14px,min(2.5vw,18px));height:40px;justify-content:center;left:50%;position:absolute;top:-60px;transform:translate(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:25}.pull-to-refresh.active{animation:refreshSpin 1s linear infinite;top:10px}@keyframes refreshSpin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(1turn)}}.mara-noti{color:#1e90ff;color:var(--accent,#1e90ff);font-size:max(1.2rem,min(4vw,1.8rem));font-weight:700;margin:1.5rem .5rem 1rem;padding:0 .5rem;text-align:center;word-wrap:break-word;line-height:1.2}.mara-date{border-radius:8px 8px 0 0;font-size:max(1.05rem,min(2.5vw,1.3rem));margin:0 .5rem .5rem;padding:.6rem .8rem;word-wrap:break-word;line-height:1.3}.mara-bd{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:0 0 12px 12px;box-sizing:border-box;flex:1;max-height:calc(100vh - 200px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:.5rem;position:relative;scroll-behavior:smooth;scroll-padding:20px;width:100%}.mara-bd .notification-list{min-height:calc(100vh - 180px)}.mara-bd:before{background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.05) 70%,transparent);border-radius:12px 12px 0 0;top:0}.mara-bd:after,.mara-bd:before{content:"";height:20px;left:0;opacity:0;pointer-events:none;position:sticky;right:0;transition:opacity .3s ease;z-index:10}.mara-bd:after{background:linear-gradient(0deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.05) 70%,transparent);border-radius:0 0 12px 12px;bottom:0}.mara-bd.has-scroll-bottom:after,.mara-bd.has-scroll-top:before{opacity:1}.mara-tt{color:#1e90ff;color:var(--accent,#1e90ff);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.mara-bd::-webkit-scrollbar{background:transparent;width:10px}.mara-bd::-webkit-scrollbar-track{background:linear-gradient(180deg,#ffffff05 0,#ffffff0d 50%,#ffffff05);border-radius:12px;margin:8px 0}.mara-bd::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e90ff,#1e90ffcc 50%,#1e90ff);background:linear-gradient(135deg,var(--accent,#1e90ff) 0,rgba(30,144,255,.8) 50%,var(--accent,#1e90ff) 100%);border:2px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 2px 8px #1e90ff4d,inset 0 1px 2px #ffffff4d;-webkit-transition:all .3s ease;transition:all .3s ease}.mara-bd::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0f7ae5,#0f7ae5e6 50%,#0f7ae5);background:linear-gradient(135deg,var(--accent-hover,#0f7ae5) 0,rgba(15,122,229,.9) 50%,var(--accent-hover,#0f7ae5) 100%);box-shadow:0 4px 12px #1e90ff66,inset 0 1px 3px #fff6;transform:scale(1.1)}.mara-bd::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#0a6bc7,#0a6bc7f2 50%,#0a6bc7);transform:scale(.95)}.mara-bd::-webkit-scrollbar-corner{background:transparent}@supports (scrollbar-width:thin){.mara-bd{scrollbar-color:#1e90ff hsla(0,0%,100%,.05);scrollbar-color:var(--accent,#1e90ff) hsla(0,0%,100%,.05);scrollbar-width:thin}}@supports (scrollbar-gutter:stable){.mara-bd{scrollbar-gutter:stable}}.mara-txt{background:var(--cal-bg);border-left:4px solid var(--accent);border-radius:8px;color:var(--text-color);font-size:max(.85rem,min(2.2vw,1rem));line-height:1.5;margin-bottom:.5rem;padding:.6rem .8rem;text-align:left;transition:all .3s ease;white-space:pre-line;word-wrap:break-word;box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;width:100%}.mara-txt:hover{background:#001aff40;box-shadow:0 2px 8px #0000001a;transform:translate(2px)}.linkzy{color:#0080ff;color:var(--accent,#0080ff);transition:color .2s}.linkzy:hover{color:red;color:var(--accent-hover,red)}.notification-url-link{color:#20b2aa;-webkit-text-decoration:underline;text-decoration:underline;transition:all .2s ease;word-break:break-all;word-wrap:break-word;display:inline-block;font-size:max(.8rem,min(2vw,.95rem));font-weight:500;max-width:100%}.notification-url-link:hover{background:#20b2aa1a;border-radius:4px;color:#17a085;padding:2px 4px;-webkit-text-decoration:none;text-decoration:none;transform:translateY(-1px)}.notification-url-link:after{content:" ↗";font-size:.8em;margin-left:2px;opacity:.7}.notification-email-link{word-wrap:break-word;color:#e74c3c;display:inline-block;font-size:max(.8rem,min(2vw,.95rem));font-weight:500;max-width:100%;-webkit-text-decoration:underline;text-decoration:underline;transition:all .2s ease;word-break:break-all}.notification-email-link:hover{background:#e74c3c1a;border-radius:4px;color:#c0392b;padding:2px 4px;-webkit-text-decoration:none;text-decoration:none;transform:translateY(-1px)}.notification-email-link:after{content:" ✉";font-size:.8em;margin-left:2px;opacity:.7}.notification-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.notification-empty{color:var(--text-color);opacity:.7;padding:2rem;text-align:center}.notification-empty p{font-size:1.1rem;margin-bottom:.5rem}.notification-empty small{font-size:.9rem;opacity:.8}.notification-list{display:flex;flex-direction:column;gap:.5rem}.notification-item{position:relative;transition:transform .2s ease,box-shadow .2s ease}.notification-item:hover{box-shadow:0 4px 12px #00000026;transform:translate(5px)}.notification-content{display:flex;flex-direction:column;gap:.5rem}.notification-text{line-height:1.6}.notification-timestamp{display:flex;justify-content:flex-end;margin-top:.5rem}.notification-timestamp small{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:8px;color:var(--text-color);font-size:.75rem;font-style:italic;opacity:.6;padding:.2rem .5rem}.notification-no-content{color:var(--text-color);font-style:italic;opacity:.5;padding:1rem;text-align:center}[data-theme] .notification-text{font-family:inherit}[data-lang=my] .notification-text{line-height:1.8}[data-lang=my] .notification-text,[data-lang=my] .notification-timestamp{font-family:Noto Sans Myanmar,Myanmar3,sans-serif}.mara-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:2px solid #1e90ff;border-bottom:2px solid var(--accent,#1e90ff);color:var(--text-color);font-size:1.1rem;font-weight:500;margin-bottom:.5rem;padding:.8rem 1rem;text-align:center}.social-media-links{border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-sizing:border-box;flex-wrap:wrap;gap:max(.5rem,min(2vw,1rem));margin:0 .5rem .5rem;padding:.6rem .8rem}.social-link,.social-media-links{align-items:center;display:flex;justify-content:center}.social-link{border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:max(.9rem,min(2.5vw,1.2rem));height:max(28px,min(6vw,36px));-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease;width:max(28px,min(6vw,36px))}.social-link:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px) scale(1.1)}.social-link.facebook{background:#1877f2}.social-link.facebook:hover{background:#166fe5;box-shadow:0 4px 15px #1877f266}.social-link.reddit{background:#ff4500}.social-link.reddit:hover{background:#e03d00;box-shadow:0 4px 15px #ff450066}.social-link.discord{background:#5865f2}.social-link.discord:hover{background:#4752c4;box-shadow:0 4px 15px #5865f266}.social-link.youtube{background:red}.social-link.youtube:hover{background:#c00;box-shadow:0 4px 15px #f006}.social-link.mara-kyhbu{background:#fff;border:2px solid #ddd}.social-link.mara-kyhbu:hover{background:#f0f0f0;border-color:#ccc;box-shadow:0 4px 15px #0000001a}.mara-kyhbu-logo{border-radius:4px;height:max(16px,min(4vw,24px));-o-object-fit:contain;object-fit:contain;width:max(16px,min(4vw,24px))}.mara-cal{scroll-padding:20px}@supports (-webkit-overflow-scrolling:touch){.mara-bd{-webkit-overflow-scrolling:touch}}@supports (overscroll-behavior:contain){.mara-bd{overscroll-behavior:contain}}.notification-item{scroll-margin-top:10px;scroll-snap-align:start}.scroll-to-top:focus-visible{outline:3px solid hsla(0,0%,100%,.6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.scroll-progress{animation:none;transition:none}.scroll-to-top{transition:transform .1s ease,opacity .1s ease}.pull-to-refresh.active{animation:none}.infinite-scroll-trigger .loading-spinner{animation:none;border-right-color:#1e90ff;border-right-color:var(--accent,#1e90ff);border-top-color:transparent}.mara-bd{scroll-behavior:auto}}@media (hover:none) and (pointer:coarse){.scroll-to-top{bottom:16px;font-size:20px;height:48px;right:16px;width:48px}.mara-bd::-webkit-scrollbar{width:12px}.mara-bd::-webkit-scrollbar-thumb{border-width:3px}.notification-item:hover{transform:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.scroll-progress{height:2px}.mara-bd::-webkit-scrollbar{width:8px}.mara-bd::-webkit-scrollbar-thumb{border-width:1px}}@media (prefers-color-scheme:dark){.scroll-to-top{background:linear-gradient(135deg,#1e90ffe6,#1e90ffb3);box-shadow:0 4px 12px #1e90ff33,0 2px 4px #0000004d}.pull-to-refresh{background:#282828f2;color:#1e90ff;color:var(--accent,#1e90ff)}}.mara-txt.debug-tall{min-height:150px;padding:2rem .8rem}.notification-list:has(.mara-txt:nth-child(-n+3)) .mara-txt{min-height:120px;padding:1.5rem .8rem}.notification-list-small .mara-txt{min-height:120px;padding:1.5rem .8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.infinite-scroll-trigger{align-items:center;display:flex;height:40px;justify-content:center;margin:1rem 0;opacity:.6;transition:all .3s ease}.infinite-scroll-trigger.loading{opacity:1}.infinite-scroll-trigger .loading-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#1e90ff;border-top:2px solid var(--accent,#1e90ff);height:24px;width:24px}.loading-container{align-items:center;animation:fadeIn .8s;display:flex;flex-direction:column;justify-content:center;min-height:250px;width:100%}.loading-logo-wrapper{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.loading-logo{border-radius:50%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:80px;margin-bottom:10px;position:relative;width:80px;z-index:3}.loading-logo-wrapper .loading-logo{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.loading-bars{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.bar{animation:reddit-bounce 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite;background:#fff;border-radius:6px;box-shadow:0 2px 8px #0002;margin:0 3px;opacity:.9;transition:background .3s,opacity .3s;width:10px}.bar1{animation-delay:0s;background:#ffd600;height:36px}.bar2{animation-delay:.15s;background:#ff1744;height:56px}.bar3{animation-delay:.3s;background:#fff;height:76px}.bar4{animation-delay:.45s;background:#00e5ff;height:56px}.bar5{animation-delay:.6s;background:#00c853;height:36px}@keyframes reddit-bounce{0%,to{transform:scaleY(1)}20%{transform:scaleY(1.2)}40%{transform:scaleY(1.5)}60%{transform:scaleY(1.2)}80%{transform:scaleY(1)}}.loading-text{animation:fadeInText 1.2s;color:#2979ff;font-size:1.2em;font-weight:500;letter-spacing:1px;margin-top:18px;text-shadow:0 1px 8px rgba(0,51,255,.133)}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.board-container{background-color:transparent;color:var(--text-color);max-height:85vh;overflow-x:hidden;overflow-y:auto;padding:4px;scroll-behavior:smooth}.board-greeting{align-items:center;animation:greetingGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#3b82f61a,#9333ea1a 50%,#ec48991a);border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-bottom:24px;padding:20px 8px;position:relative;text-align:center}@keyframes greetingGlow{0%{box-shadow:0 0 10px #3b82f633}to{box-shadow:0 0 20px #9333ea4d}}.greeting-line{animation:fadeInUp 1s ease-out;margin-bottom:8px}.greeting-text{background:linear-gradient(135deg,#3b82f6,#9333ea 50%,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;-webkit-text-fill-color:transparent;animation:textShimmer 2s ease-in-out infinite alternate;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em;line-height:1.3}@keyframes textShimmer{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.greeting-name{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;text-shadow:0 0 10px rgba(16,185,129,.3)}.greeting-login-btn{background:linear-gradient(135deg,#3b82f6,#9333ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:22px;font-weight:800;padding:0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.greeting-login-btn:after{background:linear-gradient(135deg,#3b82f6,#9333ea);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.greeting-login-btn:hover:after{transform:scaleX(1)}.greeting-login-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.welcome-line{background:linear-gradient(135deg,#3b82f6cc,#9333eacc 50%,#ec4899cc);-webkit-background-clip:text;background-clip:text;font-size:16px;-webkit-text-fill-color:transparent;animation:fadeInUp 1s ease-out .3s both;font-style:italic;font-weight:600;letter-spacing:.02em}.board-container::-webkit-scrollbar{width:2px}.board-container::-webkit-scrollbar-track{background:transparent}.board-container::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:0}.board-section{margin-bottom:12px}.board-section:last-child{margin-bottom:0}.board-section h3,.board-section h4{align-items:center;background:none;border:none;color:var(--text-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:700;gap:8px;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px;padding:0;text-transform:uppercase}.song-content{background:none;border:none;border-radius:4px;margin:0;padding:8px 0;transition:all .2s cubic-bezier(.4,0,.2,1)}.song-content.clickable{cursor:pointer;margin:0 -8px;padding:12px 8px}.song-content.clickable:hover{background:#1e90ff0f;background:rgba(var(--accent-color-rgb,30,144,255),.06);transform:translateY(-1px)}.song-content.clickable:hover .song-title{color:var(--accent-color);transform:translate(2px)}.song-content.clickable:hover .song-artist{opacity:1}.song-title{color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:6px;word-wrap:break-word}.song-meta{color:var(--footer-color);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:3px;word-wrap:break-word}.song-artist{opacity:.8}.song-artist,.song-composer{color:var(--text-color);font-weight:600}.song-composer{opacity:.75}.song-views{color:var(--footer-color);font-size:12px;font-weight:500;letter-spacing:.02em;opacity:.7;text-transform:uppercase}.song-views-inline{font-size:11px;margin-left:8px}.no-data,.song-views-inline{color:var(--footer-color);font-style:italic;font-weight:500;opacity:.6}.no-data{font-size:13px;padding:8px 0}.links-content{display:block;margin-bottom:12px}.board-link{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-color);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 -8px 4px;padding:8px;-webkit-text-decoration:none;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.board-link:last-child{margin-bottom:0}.board-link:hover{background:#1e90ff0f;background:rgba(var(--accent-color-rgb,30,144,255),.06);color:var(--accent-color);transform:translate(2px)}.link-icon{font-size:16px;opacity:.8}.link-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;line-height:1.2}.app-info{background:none;border:none;margin-top:0;padding-top:12px}.app-info small{color:var(--footer-color);font-size:11px;font-style:italic;font-weight:500;line-height:1.4;opacity:.7}@media (max-width:768px){.board-container{padding:2px}.board-greeting{margin-bottom:20px;padding:16px 6px}.greeting-login-btn,.greeting-text{font-size:18px}.welcome-line{font-size:14px}.board-section{margin-bottom:12px}.board-section h3,.board-section h4{font-size:14px;letter-spacing:-.005em;margin-bottom:6px}.song-content{padding:6px 0}.song-content.clickable{margin:0 -6px;padding:10px 6px}.song-title{font-size:15px}.song-meta{font-size:12px}.song-views-inline{font-size:10px;margin-left:6px}.board-link{font-size:13px;gap:6px;margin:0 -6px 3px;padding:6px}.link-icon{font-size:15px}.app-info small{font-size:10px}}@media (max-width:480px){.board-container{padding:2px}.board-greeting{padding:12px 4px}.greeting-login-btn,.greeting-text{font-size:16px}.welcome-line{font-size:13px}.board-section{margin-bottom:10px}.board-section h3,.board-section h4{font-size:13px;margin-bottom:5px}.song-content{padding:4px 0}.song-content.clickable{margin:0 -4px;padding:8px 4px}.song-title{font-size:14px}.song-meta{font-size:11px}.song-views-inline{font-size:9px;margin-left:4px}.board-link{font-size:12px;margin:0 -4px 2px;padding:4px}.app-info small{font-size:9px}}.calendar-view-container{background-color:var(--cal-bg);border-radius:16px;box-shadow:0 8px 20px #00000014;color:var(--text-color);margin:1rem auto;max-width:400px;padding:1rem;transition:all .3s ease-in-out}.calendar-view-container:hover{border:1px solid var(--text-color);transform:scale(1.02)}.calendar-header{align-items:center;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.calendar-header button{background:transparent;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s}.calendar-header button:hover{background:#1e90ff1a;color:#1e90ff;color:var(--accent-color,#1e90ff)}.calendar-header h3{color:#1e90ff;color:var(--accent-color,#1e90ff);margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.5rem;gap:.5rem}.day-header{border-bottom:1px solid var(--card-border);color:var(--text-color);font-size:.8rem;font-weight:700;margin-bottom:.5rem;padding:.5rem;text-align:center}.calendar-day,.empty-day{align-items:center;border-radius:8px;display:flex;font-size:.95rem;justify-content:center;min-height:45px;transition:background .2s ease,transform .1s ease}.calendar-day{background-color:#f0f0f0;background-color:var(--card-light,#f0f0f0);color:var(--text-color);cursor:pointer;font-weight:500}.calendar-day:hover{background-color:#d6d8ff;background-color:var(--accent-light,#d6d8ff);transform:scale(1.1)}.calendar-day.today{background:#1e90ff;background:var(--cal,#1e90ff);box-shadow:0 4px 12px #6669ff4d;color:#fff;color:var(--comp,#fff);font-weight:700;transform:scale(1.05)}@media (max-width:480px){.calendar-view-container{border-radius:12px;margin:.3rem auto;max-width:100%;padding:.5rem}.calendar-header{font-size:1rem;margin-bottom:1rem;padding:0 .2rem}.calendar-header h3{font-size:max(.9rem,min(3.5vw,1.1rem))}.calendar-header button{font-size:max(1.2rem,min(4vw,1.5rem));padding:.3rem}.calendar-grid{gap:.25rem;grid-template-columns:repeat(7,minmax(30px,1fr))}.day-header{font-size:max(.65rem,min(2.5vw,.75rem));padding:.25rem}.calendar-day,.empty-day{font-size:max(.75rem,min(3vw,.85rem));min-height:35px}}@media (max-width:420px){.calendar-view-container{margin:.5rem auto;padding:.75rem}.calendar-grid{gap:.3rem;grid-template-columns:repeat(7,minmax(35px,1fr))}.day-header{font-size:.7rem;padding:.3rem}.calendar-day{font-size:.85rem;min-height:38px}}@media (max-width:360px){.calendar-view-container{border-radius:10px;margin:.2rem auto;padding:.4rem}.calendar-header{font-size:.9rem;margin-bottom:.8rem}.calendar-header h3{font-size:max(.85rem,min(3.2vw,1rem))}.calendar-header button{font-size:max(1.1rem,min(3.8vw,1.3rem));padding:.25rem}.calendar-grid{gap:.2rem;grid-template-columns:repeat(7,minmax(28px,1fr))}.day-header{font-size:max(.6rem,min(2.2vw,.7rem));padding:.2rem}.calendar-day,.empty-day{font-size:max(.7rem,min(2.8vw,.8rem));min-height:32px}}@media (max-width:320px){.calendar-view-container{border-radius:8px;margin:.1rem auto;padding:.3rem}.calendar-header{font-size:.8rem;margin-bottom:.6rem}.calendar-header h3{font-size:max(.8rem,min(3vw,.95rem))}.calendar-header button{font-size:max(1rem,min(3.5vw,1.2rem));padding:.2rem}.calendar-grid{gap:.15rem;grid-template-columns:repeat(7,minmax(26px,1fr))}.day-header{font-size:max(.55rem,min(2vw,.65rem));padding:.15rem}.calendar-day,.empty-day{font-size:max(.65rem,min(2.5vw,.75rem));min-height:30px}}@media (max-width:480px){.calendar-modal .calendar-view-container{background:transparent;margin:0;padding:0 1rem 1rem}.calendar-modal .calendar-header{margin-bottom:.5rem;margin-top:0;padding-top:0}.calendar-modal .calendar-header h3{color:#1e90ff;font-size:1rem}.calendar-modal .calendar-header button{background:#ffffff1a;border-radius:8px;color:#e0e0e0;font-size:1rem;padding:.4rem .6rem}.calendar-modal .calendar-header button:hover{background:#1e90ff33;color:#1e90ff}.calendar-modal .calendar-grid{gap:.25rem;grid-template-columns:repeat(7,minmax(32px,1fr))}.calendar-modal .day-header{color:#a0a0a0;font-size:.75rem;font-weight:600;padding:.3rem;text-align:center}.calendar-modal .calendar-day{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#e0e0e0;font-size:.8rem;min-height:32px;transition:all .2s ease}.calendar-modal .calendar-day:hover{background:#1e90ff4d;border-color:#1e90ff;transform:scale(1.05)}.calendar-modal .calendar-day.today{background:#1e90ff;border-color:#1e90ff;box-shadow:0 2px 8px #1e90ff66;color:#fff;font-weight:700}.calendar-modal .empty-day{min-height:32px}}.calendar-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.calendar-modal{animation:slideUp .3s ease-out;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#1e90ff;background:var(--accent-color,#1e90ff);border-bottom:1px solid var(--card-border);color:#fff;justify-content:space-between;padding:1rem 1.5rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:.5rem}.modal-title h3{font-size:1.2rem;font-weight:600;margin:0}.modal-close-btn{background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background .2s ease}.modal-close-btn:hover{background:#fff3}.modal-content{flex:1;max-height:calc(82vh - 60px);overflow-y:auto;padding:.5rem}.modal-content .calendar-view-container{background:transparent;border-radius:.5rem;box-shadow:none;margin:0;padding:.5rem}.modal-content .calendar-header{margin-bottom:.8rem;padding:0 .2rem}.modal-content .calendar-header h3{color:var(--text-color);font-size:max(1rem,min(4vw,1.2rem))}.modal-content .calendar-header button{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;color:var(--text-color);font-size:max(1rem,min(3.5vw,1.2rem));padding:.4rem .6rem}.modal-content .calendar-header button:hover{background:var(--nofound);color:var(--bg-color)}.modal-content .calendar-grid{gap:.3rem}.modal-content .day-header{color:var(--text-color);font-size:max(.7rem,min(2.8vw,.8rem));font-weight:600;opacity:.8}.modal-content .calendar-day{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.4rem;color:var(--text-color);font-size:max(.8rem,min(3.2vw,.9rem));min-height:36px;transition:all .2s ease}.modal-content .calendar-day:hover{transform:scale(1.05)}.modal-content .calendar-day.today,.modal-content .calendar-day:hover{background:var(--nofound);border-color:var(--nofound);color:var(--bg-color)}.modal-content .calendar-day.today{box-shadow:0 2px 8px #0003;font-weight:700}@media (max-width:768px){.calendar-modal{max-height:85vh;max-width:95vw}.modal-header{padding:.75rem 1rem}.modal-title h3{font-size:1.1rem}.modal-content{max-height:calc(85vh - 70px)}}@media (max-width:480px){.calendar-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:flex-start;padding:0;z-index:1030}.calendar-modal{animation:fadeInLeft .3s ease-out;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;bottom:auto;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;left:.5rem;max-height:82vh;max-width:320px;overflow:hidden;position:fixed;right:auto;top:3.5rem;width:calc(100vw - 1rem)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.modal-header{font-size:max(.9rem,min(3.5vw,1.1rem));padding:.75rem}.modal-title{color:var(--text-color);gap:.5rem;justify-content:flex-start;width:100%}.modal-title h3{color:var(--text-color);font-size:1.2rem;font-weight:600;line-height:1.2;margin:0}.modal-close-btn{align-items:center;background:var(--text-color);border:none;border-radius:50%;color:var(--bg-color);cursor:pointer;display:flex;font-size:.875rem;height:2rem;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:2rem;z-index:10}.modal-close-btn:hover{background:var(--primary-color);transform:scale(1.1)}.modal-close-btn:active{transform:scale(.95)}.modal-content{background:transparent;border-radius:0;box-sizing:border-box;flex:1;margin:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem;position:relative;scroll-behavior:smooth}.modal-content .calendar-view-container{background:transparent;border:none;border-radius:0;box-shadow:none;color:var(--text-color);margin:0;max-width:none;overflow:visible;padding:0;transition:none;width:100%}.modal-content .calendar-view-container:hover{border:none;transform:none}}@media (max-width:420px){.calendar-modal{border-radius:12px;max-height:80vh;max-width:98vw}.modal-header{padding:.5rem .75rem}.modal-title h3{font-size:1rem}.modal-content{max-height:calc(80vh - 60px)}}@media (max-width:360px){.calendar-modal{left:.25rem;max-height:85vh;max-width:300px;top:3.2rem;width:calc(100vw - .5rem)}.modal-header{font-size:max(.85rem,min(3.2vw,1rem));padding:.6rem}.modal-close-btn{font-size:.8rem;height:28px;right:.6rem;top:.6rem;width:28px}.modal-content{padding:.4rem}.modal-content .calendar-grid{gap:.25rem}.modal-content .calendar-day{font-size:max(.75rem,min(3vw,.85rem));min-height:34px}}@media (max-width:320px){.calendar-modal{left:.15rem;max-height:88vh;max-width:280px;top:3rem;width:calc(100vw - .3rem)}.modal-header{font-size:max(.8rem,min(3vw,.95rem));padding:.5rem}.modal-close-btn{font-size:.75rem;height:26px;right:.5rem;top:.5rem;width:26px}.modal-content{padding:.3rem}.modal-content .calendar-grid{gap:.2rem}.modal-content .calendar-day{font-size:max(.7rem,min(2.8vw,.8rem));min-height:32px}.modal-content .day-header{font-size:max(.65rem,min(2.5vw,.75rem))}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--glass-bg:hsla(0,0%,100%,.08);--glass-border:hsla(0,0%,100%,.12);--glass-shadow:0 8px 32px rgba(31,38,135,.37);--card-shadow-light:0 2px 8px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.08);--card-shadow-medium:0 4px 12px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.12);--card-shadow-heavy:0 8px 24px rgba(0,0,0,.12),0 16px 48px rgba(0,0,0,.16);--text-primary:var(--text-color);--text-secondary:rgba(var(--text-color-rgb),.7);--text-tertiary:rgba(var(--text-color-rgb),.5);--border-light:rgba(0,0,0,.06);--border-medium:rgba(0,0,0,.12);--professional-radius:16px;--large-radius:24px}.hmona-wrapper *{scrollbar-color:rgba(102,126,234,.6) transparent;scrollbar-width:thin}.hmona-wrapper{background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.02) 0,transparent 50%),linear-gradient(180deg,var(--bg-color) 0,rgba(248,250,252,.8) 100%);background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.02) 0,transparent 50%),linear-gradient(180deg,var(--bg-color) 0,rgba(var(--bg-color-rgb,248,250,252),.8) 100%);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Roboto,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}.profile-header-container{margin-bottom:2rem;position:relative;z-index:10}.back-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--glass-border);border-radius:50px;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000014;box-shadow:var(--card-shadow-light);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;left:1.5rem;padding:.875rem 1.5rem;position:absolute;top:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:20}.back-btn:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 4px 12px #00000014,0 8px 24px #0000001f;box-shadow:var(--card-shadow-medium);transform:translateY(-2px) scale(1.02)}.back-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover svg{transform:translate(-2px)}.profile-hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--large-radius);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);margin:1rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-hero-card:hover{box-shadow:0 8px 32px #1f26875e,0 12px 40px #1f268740;box-shadow:var(--glass-shadow),0 12px 40px #1f268740;transform:translateY(-4px)}.hero-background{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);height:200px;overflow:hidden}.hero-background,.hero-pattern{left:0;position:absolute;right:0;top:0}.hero-pattern{animation:subtle-flow 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.08) 0,transparent 50%),linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.03) 50%,transparent 70%);bottom:0}@keyframes subtle-flow{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-10px,-5px) rotate(1deg)}}.hero-overlay{background:linear-gradient(135deg,#0000001a,#0000000d 50%,#0000001a);bottom:0;left:0;position:absolute;right:0;top:0}.profile-hero-content{display:grid;grid-template-columns:auto 1fr auto;padding:2rem;position:relative;grid-gap:2rem;align-items:flex-start;gap:2rem;z-index:5}.profile-avatar-section{margin-top:-40px;position:relative}.avatar-container,.default-avatar,.profile-avatar{height:120px;position:relative;width:120px}.default-avatar,.profile-avatar{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,0 0 0 1px #ffffff1a;-o-object-fit:cover;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1)}.default-avatar{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:var(--text-secondary);display:flex;justify-content:center}.avatar-icon{font-size:2.5rem;opacity:.7}.default-avatar:hover,.profile-avatar:hover{box-shadow:0 12px 40px #00000029,0 8px 24px #0000001f,0 0 0 1px #fff3;transform:scale(1.05)}.status-indicator{animation:pulse-status 3s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#16a34a);border:3px solid hsla(0,0%,100%,.9);border-radius:50%;bottom:8px;box-shadow:0 2px 8px #22c55e66,0 0 0 1px #ffffff1a;height:20px;position:absolute;right:8px;width:20px}@keyframes pulse-status{0%,to{box-shadow:0 2px 8px #22c55e66,0 0 0 1px #ffffff1a}50%{box-shadow:0 4px 12px #22c55e80,0 0 0 4px #22c55e1a,0 0 0 1px #ffffff1a}}.avatar-edit-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--glass-border);border-radius:50%;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000014;box-shadow:var(--card-shadow-light);color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:-5px;top:-5px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.avatar-edit-btn:hover{background:#ffffff26;box-shadow:0 4px 12px #00000014,0 8px 24px #0000001f;box-shadow:var(--card-shadow-medium);transform:scale(1.1)}.stat-label{color:#fffc;display:block;font-size:.875rem;font-weight:500;margin-top:.5rem}.profile-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.action-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:14px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.625rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:#ffffff26;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px #0000001a;color:#fff}.action-btn.primary:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 8px 20px #00000026;transform:translateY(-2px) scale(1.02)}.action-btn.secondary{background:#ffffff14;border:1px solid hsla(0,0%,100%,.15);color:#ffffffe6}.action-btn.secondary:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px) scale(1.02)}.profile-navigation{margin:1.5rem 1rem;position:relative;z-index:5}.nav-container{margin:0 auto;max-width:900px}.nav-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--large-radius);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000014;box-shadow:var(--card-shadow-light);gap:.75rem;padding:.5rem}.nav-tab{align-items:center;background:transparent;border:none;border-radius:14px;color:var(--text-secondary);cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-tab:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:-1}.nav-tab.active:before{opacity:1}.nav-tab:hover{color:var(--text-primary);transform:translateY(-2px)}.nav-tab.active{box-shadow:0 4px 12px #00000014,0 8px 24px #0000001f;box-shadow:var(--card-shadow-medium);color:#fff}.tab-icon{align-items:center;background:#0000000f;background:rgba(var(--text-color-rgb,0,0,0),.06);border-radius:12px;display:flex;font-size:1.125rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.nav-tab.active .tab-icon{background:#ffffff26;transform:scale(1.1)}.tab-content{min-width:0}.tab-title{font-size:.875rem;line-height:1.2}.tab-subtitle{display:block;font-size:.75rem;line-height:1.2;opacity:.7}.tab-indicator{background:linear-gradient(90deg,transparent,linear-gradient(135deg,#4facfe 0,#00f2fe 100%),transparent);background:linear-gradient(90deg,transparent,var(--accent-gradient),transparent);bottom:0;height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.nav-tab.active .tab-indicator{opacity:1}.profile-content-container{margin:1rem;position:relative;z-index:5}.content-section{display:flex;flex-direction:column;min-height:calc(100vh - 280px)}.section-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.section-body{flex:1;overflow-y:auto;padding:.5rem;scroll-behavior:smooth}.section-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--large-radius);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000014;box-shadow:var(--card-shadow-light);gap:2rem;margin-bottom:1.5rem;padding:2rem}.section-info{flex:1}.section-title{align-items:flex-start;gap:1rem;margin-bottom:1rem}.title-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:14px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.title-text h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.title-text p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.section-stats{display:flex;gap:1rem}.stat-badge{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient);border-radius:12px;box-shadow:0 4px 12px #4facfe4d;color:#fff;padding:.75rem 1.25rem;text-align:center}.stat-badge .stat-number{display:block;font-size:1.5rem;font-weight:800;line-height:1}.stat-badge .stat-label{font-size:.75rem;margin-top:.25rem;opacity:.9}.section-actions{align-items:flex-start;gap:.75rem}.danger-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.danger-btn:hover{box-shadow:0 8px 20px #ef444466;transform:translateY(-2px) scale(1.02)}.hmona-wrapper{scroll-behavior:smooth}.hmona-wrapper ::-webkit-scrollbar{height:8px;width:8px}.hmona-wrapper ::-webkit-scrollbar-track{background:linear-gradient(180deg,#00000005,#0000000a 50%,#00000005);background:linear-gradient(180deg,rgba(var(--text-color-rgb,0,0,0),.02) 0,rgba(var(--text-color-rgb,0,0,0),.04),rgba(var(--text-color-rgb,0,0,0),.02));border:1px solid rgba(0,0,0,.06);border:1px solid rgba(var(--text-color-rgb,0,0,0),.06);border-radius:4px}.hmona-wrapper ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eeacc,#764ba2e6 50%,#667eeacc);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;position:relative;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}.hmona-wrapper ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#667eea,#764ba2 50%,#667eea);border-color:#fff3;box-shadow:0 0 8px #667eea66,0 0 16px #667eea33;transform:scaleX(1.2)}.hmona-wrapper ::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#5558dd,#667eea 50%,#5558dd);transform:scaleX(1.4)}.hmona-wrapper ::-webkit-scrollbar-corner{background:#00000005;background:rgba(var(--text-color-rgb,0,0,0),.02);border-radius:2px}.scrollable-container{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-color:rgba(102,126,234,.8) rgba(0,0,0,.04);scrollbar-color:rgba(102,126,234,.8) rgba(var(--text-color-rgb,0,0,0),.04);scrollbar-width:thin}.modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;max-height:70vh;overflow-y:auto;padding:0 .5rem 0 0;scroll-padding-top:1rem;scroll-snap-type:y mandatory}.modern-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--large-radius);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000014;box-shadow:var(--card-shadow-light);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;scroll-margin-top:1rem;scroll-snap-align:start;transition:all .4s cubic-bezier(.4,0,.2,1)}.modern-card:hover{border-color:#fff3;box-shadow:0 8px 24px #0000001f,0 16px 48px #00000029;box-shadow:var(--card-shadow-heavy);transform:translateY(-4px) scale(1.02)}.modern-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-header{margin-bottom:1rem}.card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:12px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.nav-tab.active .tab-icon{background:#fff3}.tab-content{flex:1}.tab-title{display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.tab-count{display:block;font-size:.8rem;font-weight:500;opacity:.7}.profile-content-container{max-height:85vh;overflow-y:auto;padding:0 1rem 2rem;scroll-behavior:smooth}.content-section{margin:0 auto;max-width:1200px;position:relative}.section-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.section-header,.section-title{align-items:center;display:flex}.section-title{gap:.75rem}.section-icon{color:var(--accent-color);font-size:1.5rem}.section-title h2{color:var(--text-color);font-size:1.8rem;font-weight:700;margin:0}.section-actions{align-items:center;display:flex;gap:1rem}.total-count{color:var(--text-color);font-size:.95rem;font-weight:500;opacity:.7}.clear-all-btn{align-items:center;background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.clear-all-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.loading-state{color:var(--text-color);padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--card-border);border-left-color:var(--accent-color);border-radius:50%;height:40px;margin:0 auto 1rem;width:40px}.favorites-grid,.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem;max-height:70vh;overflow-y:auto;padding-right:8px;scroll-behavior:smooth}.favorite-card,.history-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:160px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.favorite-card:before,.history-card:before{background:linear-gradient(90deg,var(--accent-color) 0,var(--accent-hover) 50%,var(--accent-color) 100%);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.favorite-card:hover,.history-card:hover{border-color:var(--accent-color);box-shadow:0 12px 24px #0000001f,0 6px 12px #6669ff14;transform:translateY(-4px)}.favorite-card:hover:before,.history-card:hover:before{opacity:1}.card-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1rem 0}.card-icon{color:var(--accent-color);font-size:1.1rem}.card-badge,.language-badge{background:var(--accent-color);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.remove-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.card-content{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem}.card-content.clickable{cursor:pointer}.search-term,.song-title{color:var(--text-primary);display:-webkit-box;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 .75rem;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.song-meta{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.meta-label{color:var(--text-tertiary);font-weight:500;min-width:80px}.meta-value{color:var(--text-secondary);flex:1;font-weight:600;text-align:right}.song-meta.fallback{opacity:.7}.viewed-song{align-items:center;background:#00000008;background:rgba(var(--text-color-rgb,0,0,0),.03);border:1px solid rgba(0,0,0,.06);border:1px solid rgba(var(--text-color-rgb,0,0,0),.06);border-radius:12px;display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem}.song-icon,.viewed-song .song-title{color:var(--text-secondary);font-size:.875rem}.viewed-song .song-title{font-weight:600;margin:0}.card-footer{align-items:center;border-top:1px solid rgba(0,0,0,.06);border-top:1px solid rgba(var(--text-color-rgb,0,0,0),.06);display:flex;justify-content:space-between;padding-top:1rem}.footer-left{flex:1}.date-added,.search-date{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.footer-right{align-items:center;display:flex}.favorite-indicator{color:#f43f5e;font-size:.875rem}.modern-loading{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;position:sticky;text-align:center;top:0;z-index:10}.loading-spinner-modern{animation:spin-modern 1s linear infinite;border:3px solid rgba(0,0,0,.1);border-top:3px solid #6669ff;border:3px solid rgba(var(--text-color-rgb,0,0,0),.1);border-radius:50%;border-top-color:var(--accent-color,#6669ff);height:48px;margin-bottom:1.5rem;width:48px}@keyframes spin-modern{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.loading-text p{color:var(--text-secondary);font-size:.875rem;margin:0}.modern-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;position:relative;text-align:center}.empty-illustration{margin-bottom:2rem;position:relative}.empty-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:20px;box-shadow:0 8px 32px #667eea4d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;position:relative;width:80px;z-index:2}.empty-background{animation:pulse-empty 3s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);border-radius:24px;bottom:-10px;left:-10px;opacity:.1;position:absolute;right:-10px;top:-10px;z-index:1}@keyframes pulse-empty{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.15;transform:scale(1.05)}}.empty-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.empty-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 2rem;max-width:400px}.cta-button,.empty-action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:1rem 2rem;-webkit-text-decoration:none;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.cta-button:hover,.empty-action-btn:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px) scale(1.02)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem;max-height:70vh;overflow-y:auto;padding:.5rem;scroll-behavior:smooth}.settings-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--large-radius);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000014;box-shadow:var(--card-shadow-light);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.settings-card:hover{box-shadow:0 4px 12px #00000014,0 8px 24px #0000001f;box-shadow:var(--card-shadow-medium);transform:translateY(-2px)}.settings-card .card-header{align-items:center;background:#00000005;background:rgba(var(--text-color-rgb,0,0,0),.02);border-bottom:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(var(--text-color-rgb,0,0,0),.06);display:flex;gap:1rem;padding:1.5rem}.settings-card .card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:1.125rem;height:44px;justify-content:center;width:44px}.settings-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0}.card-content{padding:1.5rem}.profile-detail-row{align-items:flex-start;display:flex;gap:1rem}.default-avatar-small,.detail-avatar img{border:2px solid rgba(0,0,0,.06);border:2px solid rgba(var(--text-color-rgb,0,0,0),.06);border-radius:12px;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.default-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;display:flex;font-size:1.5rem;justify-content:center}.detail-info{display:flex;flex:1;flex-direction:column;gap:.75rem}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item label{color:var(--text-secondary);font-size:.875rem;font-weight:600;min-width:100px}.detail-item span{color:var(--text-primary);font-size:.875rem;font-weight:500;text-align:right}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.stat-box{align-items:center;background:#00000005;background:rgba(var(--text-color-rgb,0,0,0),.02);border:1px solid rgba(0,0,0,.06);border:1px solid rgba(var(--text-color-rgb,0,0,0),.06);border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-box:hover{background:#0000000a;background:rgba(var(--text-color-rgb,0,0,0),.04);transform:translateY(-1px)}.stat-box .stat-icon{align-items:center;border-radius:8px;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.stat-box .stat-details{text-align:left}.stat-box .stat-number{color:var(--text-primary);font-size:1.25rem;font-weight:800;line-height:1}.stat-box .stat-label{color:var(--text-secondary);font-size:.75rem;margin-top:.25rem}.action-list{display:flex;flex-direction:column;gap:1rem}.action-item{align-items:center;background:#00000005;background:rgba(var(--text-color-rgb,0,0,0),.02);border:1px solid rgba(0,0,0,.06);border:1px solid rgba(var(--text-color-rgb,0,0,0),.06);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-item:hover{background:#0000000a;background:rgba(var(--text-color-rgb,0,0,0),.04)}.action-item.danger{background:#ef444405;border-color:#ef444433}.action-item.danger:hover{background:#ef44440a}.action-info{flex:1}.action-info h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.action-info p{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:0}.card-actions{background:#00000003;background:rgba(var(--text-color-rgb,0,0,0),.01);border-top:1px solid rgba(0,0,0,.06);border-top:1px solid rgba(var(--text-color-rgb,0,0,0),.06);padding:1.5rem}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px;z-index:1000}.scroll-to-top:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px) scale(1.1)}@media (max-width:768px){.back-btn{font-size:.75rem;left:1rem;padding:.75rem 1.25rem;top:1rem}.profile-hero-card{border-radius:20px;margin:.75rem}.hero-background{height:160px}.profile-hero-content{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem;text-align:center}.profile-avatar-section{display:flex;justify-content:center;margin-top:-30px}.avatar-container,.default-avatar,.profile-avatar{height:100px;width:100px}.user-name{font-size:1.75rem;justify-content:center}.user-stats{gap:.75rem;grid-template-columns:repeat(3,1fr)}.stat-card{padding:1rem}.stat-icon{font-size:1rem;height:32px;width:32px}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.profile-actions{flex-direction:row;gap:.5rem}.action-btn{flex:1;font-size:.75rem;padding:.75rem 1rem}.profile-navigation{margin:1rem .75rem}.nav-tabs{gap:.5rem;grid-template-columns:1fr;padding:.375rem}.nav-tab{padding:.875rem 1rem}.tab-icon{font-size:1rem;height:36px;width:36px}.tab-title{font-size:.8125rem}.tab-subtitle{font-size:.6875rem}.profile-content-container{margin:.75rem}.section-header{align-items:stretch;flex-direction:column;gap:1.5rem;padding:1.5rem}.section-title{gap:.75rem}.title-icon{height:40px;width:40px}.title-text h2{font-size:1.5rem}.section-actions,.section-stats{justify-content:center}.modern-grid{gap:1rem;grid-template-columns:1fr;max-height:60vh;padding-right:.25rem}.modern-card{padding:1.25rem}.card-header{margin-bottom:.75rem}.card-icon{height:36px;width:36px}.card-icon,.search-term,.song-title{font-size:1rem}.song-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.meta-label{min-width:auto}.meta-value{text-align:left}.settings-grid{gap:1rem;grid-template-columns:1fr;max-height:60vh;padding:.25rem}.card-content,.settings-card .card-header{padding:1.25rem}.profile-detail-row{align-items:center;flex-direction:column;gap:1rem;text-align:center}.detail-info{width:100%}.detail-item{align-items:center;flex-direction:column;gap:.25rem}.detail-item label{min-width:auto}.detail-item span{text-align:center}.stats-grid{gap:.75rem;grid-template-columns:1fr}.action-item{align-items:stretch;flex-direction:column;gap:.75rem;text-align:center}.modern-empty-state{padding:3rem 1.5rem}.empty-icon{font-size:1.75rem;height:64px;width:64px}.empty-content h3{font-size:1.25rem}.empty-content p{font-size:.875rem}.cta-button,.empty-action-btn{font-size:.8125rem;padding:.875rem 1.5rem}.scroll-to-top{bottom:1.5rem;height:44px;right:1.5rem;width:44px}}@media (max-width:480px){.profile-hero-content{padding:1.25rem}.user-name{font-size:1.5rem}.user-stats{gap:.5rem}.nav-tabs,.user-stats{grid-template-columns:1fr}.section-header{padding:1.25rem}.title-text h2{font-size:1.25rem}.modern-card{padding:1rem}.modern-empty-state{padding:2rem 1rem}}@media (prefers-color-scheme:dark){:root{--glass-bg:hsla(0,0%,100%,.04);--glass-border:hsla(0,0%,100%,.08);--glass-shadow:0 8px 32px rgba(0,0,0,.3)}}@media (prefers-reduced-motion:reduce){.hmona-wrapper *,.hmona-wrapper :after,.hmona-wrapper :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-pattern,.pulse-empty,.pulse-status{animation:none}}.scroll-shadow-bottom,.scroll-shadow-top{height:20px;margin:0 -.5rem;pointer-events:none;position:sticky;transition:opacity .3s ease;z-index:5}.scroll-shadow-top{background:linear-gradient(180deg,var(--card-bg) 0,hsla(0,0%,100%,.8) 50%,transparent 100%);background:linear-gradient(180deg,var(--card-bg) 0,rgba(var(--card-bg-rgb,255,255,255),.8) 50%,transparent 100%);margin-bottom:-20px;top:0}.scroll-shadow-bottom{background:linear-gradient(0deg,var(--card-bg) 0,hsla(0,0%,100%,.8) 50%,transparent 100%);background:linear-gradient(0deg,var(--card-bg) 0,rgba(var(--card-bg-rgb,255,255,255),.8) 50%,transparent 100%);bottom:0;margin-top:-20px}.smooth-scroll{scroll-behavior:smooth;scroll-padding:2rem}.virtual-scroll-container{height:400px;overflow-y:auto;position:relative}.virtual-scroll-item{left:0;position:absolute;right:0;transition:transform .2s ease}.pull-to-refresh{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:-60px;transform:translate(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1000}.pull-to-refresh.visible{opacity:1;transform:translate(-50%) translateY(80px)}.pull-to-refresh.active{animation:pulse-refresh 1s ease-in-out infinite}@keyframes pulse-refresh{0%,to{transform:translate(-50%) translateY(80px) scale(1)}50%{transform:translate(-50%) translateY(80px) scale(1.1)}}@media (max-width:768px){.hmona-wrapper ::-webkit-scrollbar{height:6px;width:6px}.modern-grid{max-height:60vh;padding-right:.25rem}.favorites-grid,.search-history-grid{max-height:55vh;padding:.25rem}.settings-grid{max-height:60vh;padding:.25rem}.scroll-indicator{height:150px;right:.5rem;width:3px}.content-section{min-height:calc(100vh - 320px)}}@media (max-width:480px){.hmona-wrapper ::-webkit-scrollbar{height:4px;width:4px}.modern-grid{max-height:50vh;padding-right:.125rem}.favorites-grid,.search-history-grid{max-height:45vh;padding:.125rem}.settings-grid{max-height:50vh;padding:.125rem}.scroll-indicator{display:none}.content-section{min-height:calc(100vh - 360px)}.scroll-shadow-bottom,.scroll-shadow-top{height:15px}}.auth-container{align-items:center;background:transparent;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:16px;width:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-color:#d1d9e0 transparent;scrollbar-color:var(--card-border,#d1d9e0) transparent;scrollbar-width:thin}.auth-container::-webkit-scrollbar{width:8px}.auth-container::-webkit-scrollbar-track{background:transparent}.auth-container::-webkit-scrollbar-thumb{background:#d1d9e0;background:var(--card-border,#d1d9e0);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.auth-container::-webkit-scrollbar-thumb:hover{background:#0969da;background:var(--accent-color,#0969da)}.auth-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:19px;box-shadow:0 8px 24px #8d96a033;box-sizing:border-box;max-height:90vh;max-width:400px;overflow-x:hidden;overflow-y:auto;padding:32px;position:relative;transition:all .3s ease;width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-color:#d1d9e0 transparent;scrollbar-color:var(--card-border,#d1d9e0) transparent;scrollbar-width:thin}.auth-card::-webkit-scrollbar{width:6px}.auth-card::-webkit-scrollbar-track{background:transparent}.auth-card::-webkit-scrollbar-thumb{background:#d1d9e0;background:var(--card-border,#d1d9e0);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.auth-card::-webkit-scrollbar-thumb:hover{background:#0969da;background:var(--accent-color,#0969da)}.auth-header{margin-bottom:24px;text-align:center}.auth-logo{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:19px;box-shadow:0 4px 12px #8d96a026;display:flex;height:80px;justify-content:center;margin:0 auto 20px;overflow:hidden;transition:all .3s ease;width:80px}.auth-logo:hover{box-shadow:0 6px 20px #8d96a040;transform:translateY(-2px)}.auth-logo-image{border-radius:14px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.auth-title{color:#24292f;color:var(--text-color,#24292f);font-size:24px;font-weight:600;margin:0 0 8px}.auth-subtitle,.auth-title{text-align:center;transition:color .3s ease}.auth-subtitle{color:#656d76;color:var(--footer-color,#656d76);font-size:16px;line-height:1.5;margin:0 0 24px}.auth-form{gap:16px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:8px}.auth-label{font-size:14px;font-weight:600;margin:0;transition:color .3s ease}.auth-input,.auth-label{color:#24292f;color:var(--text-color,#24292f)}.auth-input{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:8px;box-sizing:border-box;font-size:16px;max-width:100%;padding:12px 16px;transition:all .2s ease;width:100%}.auth-input:focus{border-color:#0969da;border-color:var(--accent-color,#0969da);box-shadow:0 0 0 3px #6669ff1a;outline:none}.auth-input:invalid{border-color:#d1242f;border-color:var(--comp,#d1242f)}.auth-input::-moz-placeholder{color:#656d76;color:var(--placeholder-color,#656d76)}.auth-input::placeholder{color:#656d76;color:var(--placeholder-color,#656d76)}.auth-submit{background:#0969da;background:var(--accent-color,#0969da);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:100%;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease;width:100%}.auth-submit:hover:not(:disabled){background:#0550ae;background:var(--accent-light,#0550ae);box-shadow:0 4px 12px #6669ff4d;transform:translateY(-1px)}.auth-submit:disabled{background:#8c959f;background:var(--footer-color,#8c959f);box-shadow:none;cursor:not-allowed;transform:none}.auth-divider{color:#656d76;color:var(--footer-color,#656d76);font-size:14px;font-weight:500;margin:24px 0;position:relative;text-align:center;transition:color .3s ease}.auth-divider:before{background:#d1d9e0;background:var(--card-border,#d1d9e0);content:"";height:1px;left:0;position:absolute;right:0;top:50%;transition:background .3s ease;z-index:1}.auth-divider span{background:#fff;background:var(--card-bg,#fff);padding:0 16px;position:relative;transition:background .3s ease;z-index:2}.auth-error{background:#fff1f0;background:var(--card-bg,#fff1f0);border:1px solid #ffcdd2;border:1px solid var(--comp,#ffcdd2);border-radius:8px;color:#d1242f;color:var(--comp,#d1242f)}.auth-error,.auth-success{align-items:flex-start;display:flex;font-size:14px;gap:8px;line-height:1.4;margin:0 0 16px;padding:12px 16px;transition:all .3s ease}.auth-success{background:#f0f9ff;background:var(--card-bg,#f0f9ff);border:1px solid #7dd3fc;border:1px solid var(--accent-color,#7dd3fc);border-radius:8px;color:#0369a1;color:var(--accent-color,#0369a1)}.auth-link{align-items:center;background:none;border:none;color:#0969da;color:var(--accent-color,#0969da);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:8px 4px;-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#0550ae;color:var(--accent-light,#0550ae);-webkit-text-decoration:underline;text-decoration:underline}.auth-footer{border-top:1px solid #d1d9e0;border-top:1px solid var(--card-border,#d1d9e0);color:#656d76;color:var(--footer-color,#656d76);font-size:14px;margin-top:24px;padding-top:24px;text-align:center;transition:all .3s ease}.auth-social{display:flex;flex-direction:column;gap:12px}.social-button{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:8px;box-sizing:border-box;color:#24292f;color:var(--text-color,#24292f);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;max-width:100%;overflow:hidden;padding:12px 16px;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease;width:100%}.social-button:hover:not(:disabled){background:#f6f8fa;background:var(--card-light,#f6f8fa);border-color:#8c959f;border-color:var(--footer-color,#8c959f);box-shadow:0 2px 8px #8d96a033;transform:translateY(-1px)}.social-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.social-button.google{background:#fff;background:var(--card-bg,#fff);border-color:#4285f4}.social-button.google:hover:not(:disabled){background:#f8f9ff;background:var(--card-light,#f8f9ff);border-color:#1a73e8}.social-button.google .icon{color:#4285f4}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border:2px solid var(--card-bg,#fff);border-radius:50%;border-top:2px solid transparent;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.forgot-password{margin-top:16px;text-align:center}.forgot-password-link{align-items:center;background:none;border:none;border-radius:6px;color:#0969da;color:var(--accent-color,#0969da);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:12px 16px;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease}.forgot-password-link:hover:not(:disabled){background:#0969da1a;background:var(--button-hover-bg,rgba(9,105,218,.1));-webkit-text-decoration:underline;text-decoration:underline}.forgot-password-link:disabled{cursor:not-allowed;opacity:.6}.modal-content{animation:modalContentSlideIn .3s ease-out;background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:12px;box-shadow:0 12px 28px #00000026;max-height:90vh;max-width:460px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #d1d9e0;border-bottom:1px solid var(--card-border,#d1d9e0);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-header h3{color:#24292f;color:var(--text-color,#24292f);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#656d76;color:var(--text-muted,#656d76);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .2s ease;width:32px}.modal-close:hover{background:#8d96a01a;background:var(--button-hover-bg,hsla(212,9%,59%,.1));color:#24292f;color:var(--text-color,#24292f)}.modal-description{color:#656d76;color:var(--text-muted,#656d76);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.modal-footer .cancel-button{background:#f6f8fa;background:var(--button-secondary-bg,#f6f8fa);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:6px;color:#24292f;color:var(--text-color,#24292f)}.modal-footer .cancel-button,.modal-footer .save-button{cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.modal-footer .save-button{align-items:center;background:#0969da;background:var(--accent-color,#0969da);border:none;border-radius:6px;color:#fff;display:flex;justify-content:center;min-width:120px}.modal-footer .save-button:hover:not(:disabled){background:#0860ca;background:var(--accent-hover,#0860ca)}.modal-footer .cancel-button:hover:not(:disabled){background:#8d96a01a;background:var(--button-hover-bg,hsla(212,9%,59%,.1))}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:.5rem;width:14px}html{scroll-behavior:smooth}.auth-input:focus-within,.auth-submit:focus-within,.social-button:focus-within{scroll-margin-bottom:20px;scroll-margin-top:20px}@media (max-width:480px){.modal-content{scroll-snap-type:y mandatory}.modal-body,.modal-footer,.modal-header{scroll-snap-align:start}.auth-form{scroll-margin-bottom:20px;scroll-margin-top:20px}.auth-field{transition:transform .2s ease}.auth-field:focus-within{scroll-margin-top:30px;transform:translateY(-2px)}.auth-link{align-items:center;display:inline-flex;justify-content:center;min-height:48px;min-width:48px;padding:12px}.auth-submit:disabled{opacity:.7;pointer-events:none}.auth-error,.auth-success{animation:slideInError .3s ease-out;scroll-margin-top:20px}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:360px){.auth-card{min-height:-moz-fit-content;min-height:fit-content;padding-bottom:20px}.auth-form{scroll-margin-bottom:16px;scroll-margin-top:16px}.auth-field:focus-within{scroll-margin-top:24px}}@media (max-height:500px) and (orientation:landscape){.auth-container{justify-content:flex-start;min-height:100vh;padding-top:10px}.auth-card{margin:10px 0;max-height:calc(100vh - 20px)}.auth-logo{height:40px;margin-bottom:10px;width:40px}.auth-title{font-size:18px;margin-bottom:4px}.auth-subtitle{font-size:13px;margin-bottom:12px}.auth-form{gap:10px}.auth-divider{margin:12px 0}.auth-footer{margin-top:12px;padding-top:12px}}@supports (-webkit-touch-callout:none){.auth-container{min-height:-webkit-fill-available}@media (max-width:480px){.auth-card{height:auto;max-height:calc(100vh - 40px)}.modal-content{height:auto;max-height:90vh}}}.email-verification-modal{max-width:500px;text-align:center}.verification-icon{align-items:center;background:#f6f8fa;background:var(--card-light,#f6f8fa);border:2px solid #0969da;border:2px solid var(--accent-color,#0969da);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.verification-email{border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);color:#0969da;color:var(--accent-color,#0969da);font-family:monospace;margin:16px 0 24px;padding:12px 16px;word-break:break-all}.verification-email,.verification-instructions{background:#f6f8fa;background:var(--card-light,#f6f8fa);border-radius:8px}.verification-instructions{border-left:4px solid #0969da;border-left:4px solid var(--accent-color,#0969da);margin:24px 0;padding:20px;text-align:left}.verification-instructions h4{color:#24292f;color:var(--text-color,#24292f);font-size:16px;font-weight:600;margin:0 0 12px}.verification-instructions ol{color:#656d76;color:var(--text-muted,#656d76);margin:0;padding-left:20px}.verification-instructions li{line-height:1.5;margin-bottom:8px}.verification-actions{margin-top:24px}.verification-actions .auth-submit{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:24px;width:100%}.verification-help{border-top:1px solid #d1d9e0;border-top:1px solid var(--card-border,#d1d9e0);padding-top:20px;text-align:center}.verification-help p{color:#656d76;color:var(--text-muted,#656d76);font-size:14px;margin:0 0 16px}.help-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.help-actions .auth-link{border-radius:6px;font-size:14px;min-height:0;min-height:auto;padding:8px 16px;transition:all .2s ease}.help-actions .auth-link.secondary{color:#656d76;color:var(--text-muted,#656d76);font-weight:400}.help-actions .auth-link.secondary:hover{background:#f6f8fa;background:var(--card-light,#f6f8fa);color:#24292f;color:var(--text-color,#24292f)}.turnstile-container{align-items:center;background:#f6f8fa;background:var(--input-bg,#f6f8fa);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:16px;transition:all .2s ease}.turnstile-container:hover{border-color:#0969da;border-color:var(--accent-color,#0969da);box-shadow:0 0 0 3px #0969da1a}.captcha-error{align-items:center;background:#d1242f1a;border:1px solid rgba(209,36,47,.2);border-radius:6px;color:#d1242f;color:var(--error-color,#d1242f);display:flex;font-size:14px;margin-top:8px;padding:8px 12px}@media (max-width:480px){.turnstile-container{margin:8px 0;padding:12px}.captcha-error{font-size:13px;padding:6px 10px}}@media (prefers-color-scheme:dark){.turnstile-container{background:#21262d;background:var(--input-bg,#21262d);border-color:#30363d;border-color:var(--card-border,#30363d)}.captcha-error{background:#f851491a;border-color:#f8514933;color:#f85149;color:var(--error-color,#f85149)}}.my-account{background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;min-height:100vh;padding-top:env(safe-area-inset-top);transition:background-color .3s,color .3s}.account-header{background:var(--card-bg);border-bottom:1px solid var(--card-border);box-shadow:0 1px #0000000a;padding:16px 32px;position:sticky;top:env(safe-area-inset-top);transition:background-color .3s,border-color .3s;z-index:100}.account-header,.back-button{align-items:center;display:flex}.back-button{background:none;border:none;border-radius:6px;color:var(--footer-color);cursor:pointer;margin-right:16px;padding:8px;transition:background-color .2s,color .3s}.back-button:hover{background-color:var(--card-border)}.account-header h1{color:var(--text-color);font-size:20px;font-weight:600;margin:0;transition:color .3s}.account-tabs{background:var(--card-bg);border-bottom:1px solid var(--card-border);display:flex;padding:0 32px;position:sticky;top:calc(73px + env(safe-area-inset-top));transition:background-color .3s,border-color .3s;z-index:90}.tab-button{background:none;border:none;border-bottom:2px solid transparent;color:var(--footer-color);cursor:pointer;font-size:14px;font-weight:500;margin-right:32px;padding:16px 8px;position:relative;transition:all .2s}.tab-button:hover{border-bottom-color:var(--card-border);color:var(--text-color)}.tab-button.active{border-bottom-color:var(--accent-color);color:var(--text-color);font-weight:600}.tab-icon{font-size:16px;margin-right:8px}.tab-label{vertical-align:middle}.account-content{display:grid;margin:0 auto;max-width:1280px;padding:24px 32px;grid-gap:24px;gap:24px}.account-content.with-sidebar{grid-template-columns:296px 1fr}.account-content.full-width{grid-template-columns:1fr}.profile-sidebar{display:flex;flex-direction:column}.profile-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;margin-bottom:16px;overflow:hidden;transition:background-color .3s,border-color .3s}.profile-header{border-bottom:1px solid var(--card-border);padding:16px;text-align:center;transition:border-color .3s}.avatar{transition:border-color .3s}.avatar,.avatar-placeholder{border:1px solid var(--card-border);border-radius:50%;height:140px;margin-bottom:16px;width:140px}.avatar-placeholder{align-items:center;background-color:var(--bg-color);color:var(--footer-color);display:flex;font-size:32px;justify-content:center;transition:background-color .3s,color .3s,border-color .3s}.profile-name{color:var(--text-color);font-size:26px;font-weight:600;margin:0 0 4px;transition:color .3s}.profile-username{color:var(--footer-color);font-size:20px;font-weight:300;margin:0;transition:color .3s}.profile-details{padding:16px}.detail-item{align-items:center;color:var(--text-color);display:flex;font-size:14px;margin-bottom:8px;transition:color .3s}.detail-item:last-child{margin-bottom:0}.detail-icon{color:var(--footer-color);margin-right:8px;transition:color .3s;width:16px}.profile-actions{border-top:1px solid var(--card-border);padding:16px;transition:border-color .3s}.edit-profile-btn{align-items:center;background:var(--comp);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 16px;transition:background-color .2s;width:100%}.edit-profile-btn:hover{background:var(--comp-hover)}.edit-profile-btn svg{margin-right:8px}.tab-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;max-height:calc(100vh - 200px);min-height:400px;overflow-x:hidden;overflow-y:auto;transition:background-color .3s,border-color .3s}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}.tab-content::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px;-webkit-transition:background-color .3s;transition:background-color .3s}.tab-content::-webkit-scrollbar-thumb:hover{background:var(--footer-color)}.section-card{border-radius:8px;box-shadow:0 1px 3px #00000005}.section-card,.section-title{transition:background-color .3s,border-color .3s}.section-title{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--card-border);color:var(--text-color);display:flex;font-size:16px;font-weight:600;margin:0;padding:20px 24px;transition:color .3s}.section-icon{color:var(--accent-color);font-size:18px;margin-right:12px;transition:color .3s}.count-badge{background:var(--accent-color);border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:12px;min-width:20px;padding:4px 10px;text-align:center;transition:background-color .3s,color .3s}.remove-all-button{background:none;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:6px 12px;transition:all .2s}.remove-all-button:hover{background-color:#dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff;transform:translateY(-1px)}.remove-all-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.remove-all-button:disabled:hover{background:none;box-shadow:none;color:#dc2626;transform:none}.items-list{max-height:400px;overflow-y:auto;padding:0}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-track{background:transparent}.items-list::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px;-webkit-transition:background-color .3s;transition:background-color .3s}.items-list::-webkit-scrollbar-thumb:hover{background:var(--footer-color)}.list-item{align-items:stretch;border-bottom:1px solid var(--card-border);display:flex;min-height:60px;padding:0;transition:background-color .2s}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:var(--bg-color)}.list-item.with-action{padding:0}.list-item-content{align-items:center;color:inherit;display:flex;flex:1;padding:16px;-webkit-text-decoration:none;text-decoration:none;transition:all .2s}.list-item-content:hover{background-color:#1e90ff0d;background-color:rgba(var(--accent-color-rgb,30,144,255),.05)}.item-info{flex:1;min-width:0}.item-title{color:var(--text-color);font-size:15px;font-weight:600;margin:0 0 6px;overflow:hidden;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.item-title:hover{color:var(--accent-color)}.item-subtitle{color:var(--footer-color);font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.item-arrow{color:var(--footer-color);font-size:16px;margin-left:12px;opacity:.6;transition:all .3s}.list-item-content:hover .item-arrow{color:var(--accent-color);opacity:1;transform:translate(4px)}.remove-item-button{align-items:center;background:none;border:none;border-radius:0;color:#dc2626;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:60px;opacity:0;padding:16px 20px;transition:all .2s}.list-item:hover .remove-item-button{opacity:1}.remove-item-button:hover{background-color:#dc26261a;color:#dc2626}.empty-state{color:var(--footer-color);padding:60px 24px;text-align:center;transition:color .3s}.empty-icon{display:block;font-size:48px;margin-bottom:20px;opacity:.6}.empty-state p{font-size:16px;line-height:1.5;margin:0 0 12px}.empty-state p:first-of-type{color:var(--text-color);font-size:18px;font-weight:600}.empty-state p:last-of-type{margin-bottom:24px}.action-link{border:2px solid var(--accent-color);border-radius:8px;color:var(--accent-color);display:inline-block;font-weight:600;padding:12px 24px;-webkit-text-decoration:none;text-decoration:none;transition:all .3s}.action-link:hover{background-color:var(--accent-color);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.preferences-list{padding:0}.preference-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--card-border);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .2s,color .3s,border-color .3s;width:100%}.preference-item:last-child{border-bottom:none}.preference-item:hover{background-color:var(--bg-color)}.preference-item.danger{color:#dc2626}.preference-item.danger:hover{background-color:#dc26260d}.preference-info{align-items:center;display:flex}.preference-icon{margin-right:12px;transition:color .3s;width:16px}.confirmation-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #0003;max-width:448px;padding:24px;transition:background-color .3s,border-color .3s;width:100%}.modal-title{color:var(--text-color);font-size:20px;font-weight:600;margin:0 0 8px;transition:color .3s}.modal-message{color:var(--footer-color);font-size:14px;line-height:1.5;margin:0 0 24px;transition:color .3s}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-button{border:1px solid;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.modal-button.secondary{background:var(--bg-color);border-color:var(--card-border);color:var(--text-color)}.modal-button.secondary:hover{background:var(--card-border)}.modal-button.danger{background:#dc2626;border-color:#dc2626;color:#fff}.modal-button.danger:hover{background:#b91c1c;border-color:#b91c1c}.account-loading{align-items:center;color:var(--footer-color);display:flex;flex-direction:column;height:400px;justify-content:center;transition:color .3s}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--card-border);border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--accent-color);height:32px;margin-bottom:16px;width:32px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.profile-loading-skeleton{display:grid;grid-template-columns:296px 1fr;margin:0 auto;max-width:1280px;padding:24px 32px;grid-gap:24px;gap:24px}.profile-skeleton-sidebar{display:flex;flex-direction:column}.profile-skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;margin-bottom:16px;overflow:hidden;transition:background-color .3s,border-color .3s}.profile-skeleton-header{border-bottom:1px solid var(--card-border);padding:16px;text-align:center;transition:border-color .3s}.skeleton-avatar{animation:skeleton-shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-color) 25%,var(--card-border) 50%,var(--bg-color) 75%);background-size:200px 100%;border-radius:50%;height:140px;margin:0 auto 16px;width:140px}.skeleton-name{animation:skeleton-shimmer 2s infinite;animation-delay:.2s;height:26px;margin:0 auto 8px;width:180px}.skeleton-name,.skeleton-username{background:linear-gradient(90deg,var(--bg-color) 25%,var(--card-border) 50%,var(--bg-color) 75%);background-size:200px 100%;border-radius:4px}.skeleton-username{animation:skeleton-shimmer 2s infinite;animation-delay:.4s;height:20px;margin:0 auto;width:120px}.profile-skeleton-details{padding:16px}.skeleton-detail-item{align-items:center;display:flex;margin-bottom:12px}.skeleton-detail-icon{background:var(--card-border);border-radius:2px;height:16px;margin-right:8px;transition:background-color .3s;width:16px}.skeleton-detail-text{animation:skeleton-shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-color) 25%,var(--card-border) 50%,var(--bg-color) 75%);background-size:200px 100%;border-radius:4px;flex:1;height:14px}.skeleton-detail-item:first-child .skeleton-detail-text{animation-delay:.1s;width:80%}.skeleton-detail-item:nth-child(2) .skeleton-detail-text{animation-delay:.3s;width:60%}.skeleton-detail-item:nth-child(3) .skeleton-detail-text{animation-delay:.5s;width:90%}.profile-skeleton-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;min-height:400px;padding:16px;transition:background-color .3s,border-color .3s}.skeleton-tab-content{display:flex;flex-direction:column;gap:12px}.skeleton-content-line{animation:skeleton-shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-color) 25%,var(--card-border) 50%,var(--bg-color) 75%);background-size:200px 100%;border-radius:4px;height:16px}.skeleton-content-line:first-child{animation-delay:.1s;width:100%}.skeleton-content-line:nth-child(2){animation-delay:.3s;width:85%}.skeleton-content-line:nth-child(3){animation-delay:.5s;width:70%}.skeleton-content-line:nth-child(4){animation-delay:.7s;width:90%}.loading-progress{background:var(--card-border);height:3px;left:0;position:fixed;top:0;transition:background-color .3s;width:100%;z-index:1001}.loading-progress-bar{animation:loading-progress 2s ease-in-out infinite;background:linear-gradient(90deg,var(--accent-color),var(--comp));height:100%;width:0}.loading-text-animated{align-items:center;color:var(--footer-color);display:flex;font-size:16px;margin-top:16px;transition:color .3s}.loading-dots{display:flex;margin-left:4px}.loading-dot{animation:loading-dot 1.4s ease-in-out infinite both;background:var(--footer-color);border-radius:50%;height:4px;margin:0 1px;transition:background-color .3s;width:4px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.7}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes loading-progress{0%{width:0}50%{width:70%}to{width:100%}}@keyframes loading-dot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.account-not-logged-in{align-items:center;color:var(--footer-color);display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center;transition:color .3s}.not-logged-icon{font-size:48px;margin-bottom:24px;opacity:.6}.account-not-logged-in h2{color:var(--text-color);font-size:20px;font-weight:600;margin:0 0 8px;transition:color .3s}.account-not-logged-in p{margin:0 0 24px}.primary-button{background:var(--accent-color);border:1px solid var(--accent-color);border-radius:6px;color:#fff;font-weight:500;padding:8px 16px;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s,border-color .3s}.primary-button:hover{opacity:.8}.profile-overview{color:var(--footer-color);padding:24px 16px;text-align:center;transition:color .3s}.profile-overview p{font-size:16px;line-height:1.5;margin:0}.detailed-profile-info{padding:24px}.profile-info-header{border-bottom:1px solid var(--card-border);margin-bottom:32px;padding-bottom:24px;text-align:center}.profile-info-avatar{transition:border-color .3s}.profile-info-avatar,.profile-info-avatar-placeholder{border:3px solid var(--card-border);border-radius:50%;display:none;height:120px;margin:0 auto 20px;width:120px}.profile-info-avatar-placeholder{align-items:center;background-color:var(--accent-color);color:#fff;font-size:32px;font-weight:600;justify-content:center;transition:background-color .3s,border-color .3s}.profile-info-user-name{color:var(--text-color);display:none;font-size:22px;font-weight:600;margin:0 0 8px;transition:color .3s}.profile-info-username-display{color:var(--footer-color);display:none;font-size:16px;font-weight:400;margin:0 0 24px;transition:color .3s}.profile-info-title{color:var(--text-color);font-size:24px;font-weight:600;margin:0 0 8px;transition:color .3s}.profile-info-subtitle{color:var(--footer-color);font-size:14px;margin:0;transition:color .3s}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.profile-info-item{align-items:flex-start;background:var(--bg-color);border:1px solid var(--card-border);border-radius:8px;display:flex;padding:16px;transition:all .2s}.profile-info-item:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.profile-info-icon{align-items:center;background:var(--accent-color);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;margin-right:16px;width:40px}.profile-info-content{flex:1;min-width:0}.profile-info-label{color:var(--footer-color);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase;transition:color .3s}.profile-info-value{color:var(--text-color);font-size:16px;font-weight:500;word-wrap:break-word;transition:color .3s}.profile-info-value.not-set{color:var(--footer-color);font-style:italic}.profile-actions-section{border-top:1px solid var(--card-border);display:flex;justify-content:center;padding-top:24px}.edit-profile-btn.primary{align-items:center;background:var(--accent-color);border:1px solid var(--accent-color);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;-webkit-text-decoration:none;text-decoration:none;transition:all .2s}.edit-profile-btn.primary:hover{background:var(--comp-hover);border-color:var(--comp-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}@media (max-width:1024px){.account-content.with-sidebar{grid-template-columns:1fr}.profile-sidebar{display:none}.profile-info-avatar{display:block}.profile-info-avatar-placeholder{display:flex}.profile-info-user-name,.profile-info-username-display{display:block}}@media (max-width:768px){.account-header{padding:16px 20px}.account-tabs{overflow-x:auto;overflow-y:hidden;padding:0 20px;white-space:nowrap}.account-tabs::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;font-size:13px;margin-right:20px;min-width:-moz-max-content;min-width:max-content;padding:14px 12px}.tab-button:last-child{margin-right:0;padding-right:20px}.tab-icon{font-size:14px;margin-right:6px}.account-content{padding:20px}.account-content,.account-content.with-sidebar{grid-template-columns:1fr}.tab-content{max-height:calc(100vh - 180px)}.profile-sidebar{display:none}.section-title{font-size:15px;padding:16px 20px}.section-icon{font-size:16px;margin-right:10px}.count-badge{font-size:11px;margin-left:10px;padding:3px 8px}.remove-all-button{font-size:11px;padding:5px 10px}.list-item-content{padding:14px 16px}.item-title{font-size:14px;margin-bottom:4px}.item-subtitle{font-size:12px}.remove-item-button{font-size:13px;min-width:50px;padding:14px 16px}.empty-state{padding:40px 20px}.empty-icon{font-size:40px;margin-bottom:16px}.empty-state p:first-of-type{font-size:16px}.empty-state p{font-size:14px;margin-bottom:10px}.action-link{font-size:14px;padding:10px 20px}.avatar,.avatar-placeholder{height:120px;width:120px}.profile-name{font-size:22px}.profile-username{font-size:16px}}@media (max-width:480px){.account-header{padding:12px 16px}.account-header h1{font-size:18px}.account-tabs{padding:0 16px}.tab-button{font-size:12px;margin-right:16px;padding:12px 8px}.tab-button:last-child{padding-right:16px}.tab-icon{font-size:13px;margin-right:4px}.account-content{padding:16px}.tab-content{max-height:calc(100vh - 160px)}.section-title{font-size:14px;padding:14px 16px}.section-icon{font-size:15px;margin-right:8px}.count-badge{font-size:10px;margin-left:8px;padding:2px 6px}.remove-all-button{font-size:10px;padding:4px 8px}.list-item-content{padding:12px 14px}.item-title{font-size:13px;margin-bottom:3px}.item-subtitle{font-size:11px}.remove-item-button{font-size:12px;min-width:45px;padding:12px 14px}.empty-state{padding:32px 16px}.empty-icon{font-size:36px;margin-bottom:14px}.empty-state p:first-of-type{font-size:15px}.empty-state p{font-size:13px;margin-bottom:8px}.action-link{font-size:13px;padding:8px 16px}.avatar,.avatar-placeholder{height:100px;width:100px}.avatar-placeholder{font-size:24px}.profile-name{font-size:20px}.profile-username{font-size:14px}}@media (max-width:360px){.account-header{padding:10px 12px}.account-header h1{font-size:16px}.account-tabs{padding:0 12px}.tab-button{font-size:11px;margin-right:12px;padding:10px 6px}.tab-button:last-child{padding-right:12px}.tab-icon{font-size:12px;margin-right:3px}.account-content{padding:12px}.tab-content{max-height:calc(100vh - 140px)}.section-title{font-size:13px;padding:12px 14px}.section-icon{font-size:14px;margin-right:6px}.count-badge{font-size:9px;margin-left:6px;padding:2px 5px}.remove-all-button{font-size:9px;padding:3px 6px}.list-item-content{padding:10px 12px}.item-title{font-size:12px;margin-bottom:2px}.item-subtitle{font-size:10px}.remove-item-button{font-size:11px;min-width:40px;padding:10px 12px}.empty-state{padding:28px 12px}.empty-icon{font-size:32px;margin-bottom:12px}.empty-state p:first-of-type{font-size:14px;margin-bottom:4px}.empty-state p{font-size:12px;margin-bottom:8px}.action-link{font-size:12px;padding:6px 12px}}@media (max-width:1024px){.detailed-profile-info{padding:20px}.profile-info-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.profile-info-item{padding:14px}.profile-info-icon{font-size:15px;height:38px;width:38px}}@media (max-width:768px){.detailed-profile-info{padding:16px}.profile-info-avatar,.profile-info-avatar-placeholder{height:100px;margin-bottom:16px;width:100px}.profile-info-avatar-placeholder{font-size:28px}.profile-info-user-name{font-size:20px;margin-bottom:6px}.profile-info-username-display{font-size:14px;margin-bottom:20px}.profile-info-header{margin-bottom:24px;padding-bottom:16px}.profile-info-title{font-size:20px}.profile-info-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.profile-info-item{align-items:center;min-height:60px;padding:14px}.profile-info-icon{font-size:16px;height:40px;margin-right:14px;width:40px}.profile-info-label{font-size:12px;margin-bottom:3px}.profile-info-value{font-size:15px;line-height:1.3}}@media (max-width:480px){.detailed-profile-info{padding:16px 12px}.profile-info-avatar,.profile-info-avatar-placeholder{height:80px;margin-bottom:12px;width:80px}.profile-info-avatar-placeholder{font-size:24px}.profile-info-user-name{font-size:18px;margin-bottom:4px}.profile-info-username-display{font-size:13px;margin-bottom:16px}.profile-info-header{margin-bottom:20px;padding-bottom:16px}.profile-info-title{font-size:18px;line-height:1.2}.profile-info-subtitle{font-size:13px;line-height:1.3}.profile-info-grid{gap:14px;margin-bottom:20px}.profile-info-item{align-items:center;border-radius:10px;flex-direction:row;min-height:65px;padding:12px}.profile-info-icon{border-radius:6px;font-size:14px;height:36px;margin-right:12px;width:36px}.profile-info-content{flex:1;min-width:0}.profile-info-label{font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:3px}.profile-info-value{font-size:14px;font-weight:500;line-height:1.3;word-break:break-word}.edit-profile-btn.primary{border-radius:10px;font-size:15px;font-weight:600;justify-content:center;min-height:48px;padding:12px 20px;width:100%}.profile-actions-section{margin-top:4px;padding-top:20px}}@media (max-width:360px){.detailed-profile-info{padding:14px 10px}.profile-info-avatar,.profile-info-avatar-placeholder{height:70px;margin-bottom:10px;width:70px}.profile-info-avatar-placeholder{font-size:20px}.profile-info-user-name{font-size:16px;margin-bottom:3px}.profile-info-username-display{font-size:12px;margin-bottom:14px}.profile-info-header{margin-bottom:18px;padding-bottom:14px}.profile-info-title{font-size:16px;line-height:1.2}.profile-info-subtitle{font-size:12px;line-height:1.3}.profile-info-grid{gap:12px;margin-bottom:18px}.profile-info-item{border-radius:8px;min-height:60px;padding:10px}.profile-info-icon{border-radius:5px;font-size:13px;height:32px;margin-right:10px;width:32px}.profile-info-label{font-size:10px;font-weight:700;margin-bottom:2px}.profile-info-value{font-size:13px;font-weight:500;line-height:1.2}.edit-profile-btn.primary{border-radius:8px;font-size:14px;min-height:44px;padding:10px 16px}}@media (max-width:768px){.items-list{max-height:calc(100vh - 300px)}.list-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:2px;min-height:70px}.list-item:last-child{border-bottom:1px solid var(--card-border);margin-bottom:0}.list-item-content{border-radius:8px 0 0 8px;padding:16px}.item-info{flex:1;margin-right:8px;min-width:0}.item-title{color:var(--text-color);font-size:15px;font-weight:600;line-height:1.3;margin-bottom:6px}.item-subtitle,.item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-subtitle{color:var(--footer-color);font-size:13px;line-height:1.2}.item-arrow{color:var(--accent-color);font-size:18px;margin-left:8px;opacity:.7}.remove-item-button{background:#dc26261a;border-left:1px solid var(--card-border);border-radius:0 8px 8px 0;color:#dc2626;font-size:14px;min-width:60px;opacity:1;padding:16px 18px}.remove-item-button:hover{background:#dc262633}.empty-state{padding:50px 20px;text-align:center}.empty-icon{background:linear-gradient(135deg,var(--accent-color),var(--comp));-webkit-background-clip:text;font-size:60px;margin-bottom:20px;opacity:.4;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p:first-of-type{color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--footer-color);font-size:15px;line-height:1.4;margin-bottom:12px}.action-link{background:var(--accent-color);border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-top:8px;padding:12px 24px;-webkit-text-decoration:none;text-decoration:none;transition:all .2s}.action-link:hover{background:var(--comp-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}}@media (max-width:480px){.items-list{max-height:calc(100vh - 280px);padding:8px}.list-item{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:8px;min-height:75px;overflow:hidden}.list-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.list-item-content{border-radius:12px 0 0 12px;padding:16px 14px}.item-title{font-size:14px;font-weight:600;line-height:1.3;margin-bottom:5px}.item-subtitle{font-size:12px;line-height:1.2;opacity:.8}.item-arrow{font-size:16px;margin-left:6px}.remove-item-button{border-radius:0 12px 12px 0;font-size:13px;min-width:55px;padding:16px}.section-title{background:linear-gradient(135deg,var(--bg-color),var(--card-bg));border-bottom:2px solid var(--accent-color);border-radius:12px 12px 0 0;font-size:16px;font-weight:600;padding:16px 20px}.section-icon{color:var(--accent-color);font-size:16px;margin-right:10px}.count-badge{background:var(--accent-color);border-radius:20px;color:#fff;font-size:11px;font-weight:600;margin-left:10px;padding:4px 10px}.remove-all-button{background:#dc26261a;border:1px solid #dc2626;border-radius:6px;color:#dc2626;font-size:11px;font-weight:600;padding:6px 12px}.remove-all-button:hover{background:#dc262633}.empty-state{padding:40px 16px}.empty-icon{font-size:50px;margin-bottom:16px}.empty-state p:first-of-type{font-size:16px;margin-bottom:6px}.empty-state p{font-size:14px;margin-bottom:10px}.action-link{border-radius:10px;font-size:14px;padding:10px 20px}}@media (max-width:360px){.items-list{max-height:calc(100vh - 260px);padding:6px}.list-item{border-radius:10px;margin-bottom:6px;min-height:70px}.list-item-content{border-radius:10px 0 0 10px;padding:14px 12px}.item-title{font-size:13px;font-weight:600;margin-bottom:4px}.item-subtitle{font-size:11px}.item-arrow{font-size:14px;margin-left:4px}.remove-item-button{border-radius:0 10px 10px 0;font-size:12px;min-width:50px;padding:14px}.section-title{border-radius:10px 10px 0 0;font-size:14px;padding:14px 16px}.section-icon{font-size:14px;margin-right:8px}.count-badge{font-size:10px;margin-left:8px;padding:3px 8px}.remove-all-button{border-radius:5px;font-size:10px;padding:4px 10px}.empty-state{padding:32px 12px}.empty-icon{font-size:40px;margin-bottom:12px}.empty-state p:first-of-type{font-size:14px;margin-bottom:4px}.empty-state p{font-size:12px;margin-bottom:8px}.action-link{border-radius:8px;font-size:12px;padding:8px 16px}}.section-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .3s}.section-card:hover{box-shadow:0 4px 16px #00000014}.favorites-loading,.history-loading{align-items:center;color:var(--footer-color);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner-section{animation:spin 1s linear infinite;border-top:3px solid var(--card-border);border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--accent-color);height:40px;margin-bottom:20px;width:40px}.loading-text-section{color:var(--footer-color);font-size:16px;font-weight:500;text-align:center}.items-list{scroll-behavior:smooth}.list-item-content:focus,.remove-item-button:focus{border-radius:8px}.action-link:focus,.list-item-content:focus,.remove-item-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast:high){.list-item{border:2px solid var(--text-color)}.item-title{font-weight:700}.section-title{border-bottom:3px solid var(--accent-color)}}.edit-profile{background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;padding-top:env(safe-area-inset-top);scroll-behavior:smooth}.edit-profile::-webkit-scrollbar{width:12px}.edit-profile::-webkit-scrollbar-track{background:transparent;border-radius:6px}.edit-profile::-webkit-scrollbar-thumb{background:var(--card-border);background-clip:content-box;border:2px solid transparent;border-radius:6px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.edit-profile::-webkit-scrollbar-thumb:hover{background-clip:content-box;opacity:.8}.edit-profile::-webkit-scrollbar-thumb:active{background-clip:content-box;opacity:.6}.edit-profile{scrollbar-color:var(--card-border) transparent;scrollbar-width:thin}.edit-profile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-bottom:1px solid var(--card-border);box-shadow:0 1px 3px #0000001a;display:flex;padding:1rem 1.5rem;position:sticky;top:env(safe-area-inset-top);transition:all .3s ease;z-index:100}.edit-profile.scrolling .edit-profile-header{border-bottom-color:rgba(var(--card-border-rgb),.8);box-shadow:0 2px 8px #00000026}.edit-profile-header h1{color:var(--text-color);font-size:max(1rem,min(3.5vw,1.25rem));font-weight:600;margin:0}.edit-profile-loading{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center}.loading-spinner{border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--accent-color);height:24px;margin-bottom:1rem;width:24px}.loading-spinner,.loading-spinner-small{animation:spin 1s linear infinite;border-radius:50%}.loading-spinner-small{border:2px solid rgba(0,0,0,.1);border-top-color:#fff;height:16px;margin-right:.5rem;width:16px}.edit-profile-content{flex:1;margin:8px auto 0;max-height:calc(100vh - 80px);max-width:600px;overflow-y:auto;padding:1.5rem;scroll-behavior:smooth;width:100%}.edit-profile-content::-webkit-scrollbar{width:8px}.edit-profile-content::-webkit-scrollbar-track{background:transparent;border-radius:4px}.edit-profile-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.edit-profile-content::-webkit-scrollbar-thumb:hover{background:#0003}.edit-profile-content::-webkit-scrollbar-thumb:active{background:#0000004d}[data-theme=dark] .edit-profile-content::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] .edit-profile-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=dark] .edit-profile-content::-webkit-scrollbar-thumb:active{background:#ffffff59}.edit-profile-form{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:1.5rem;position:relative;transition:box-shadow .3s ease}.edit-profile-form:hover{box-shadow:0 2px 8px #0000001a}.form-field{margin-bottom:1.5rem;opacity:1;transform:translateY(0);transition:all .3s ease}.form-field:focus-within{transform:translateY(-2px);transition:transform .2s ease}.form-field label{color:var(--text-color);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-color);font-size:.95rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #1e90ff1a;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb,30,144,255),.1);outline:none;transform:scale(1.01);transition:all .2s ease}@media (max-width:768px){.form-field input:focus,.form-field select:focus,.form-field textarea:focus{box-shadow:0 0 0 2px #1e90ff26;box-shadow:0 0 0 2px rgba(var(--accent-color-rgb,30,144,255),.15);transform:none}}.form-field textarea{min-height:80px;resize:vertical}.form-field .field-note{color:var(--footer-color);font-size:.8rem;margin:.5rem 0 0;transition:color .3s}.disabled-field{background-color:var(--bg-color)!important;cursor:not-allowed;opacity:.7;transition:background-color .3s}.form-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border-radius:0 0 6px 6px;border-top:1px solid var(--card-border);bottom:0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;position:sticky;transition:all .3s ease;z-index:10}.form-actions:before{background:linear-gradient(to bottom,transparent,var(--card-bg));content:"";height:10px;left:0;pointer-events:none;position:absolute;right:0;top:-10px}.cancel-button,.save-button{align-items:center;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;font-weight:500;padding:.75rem 1.25rem;transform:translateY(0);transition:all .2s ease}.cancel-button:hover,.save-button:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.cancel-button:active,.save-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.cancel-button{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color)}.save-button{background-color:var(--accent-color);border:1px solid var(--accent-color);color:#fff}.button-icon{margin-right:.5rem}@media (max-width:768px){.cancel-button,.form-field input,.form-field select,.form-field textarea,.save-button{min-height:44px}.form-field+.form-field{margin-top:1.5rem}.button-icon{font-size:1.125rem;margin-right:.75rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.edit-profile-form,.form-field input,.form-field select,.form-field textarea{border-width:.5px}}@media (prefers-reduced-motion:reduce){.cancel-button,.edit-profile,.edit-profile-content,.form-field,.form-field input,.form-field select,.form-field textarea,.save-button{animation:none;transform:none;transition:none}.edit-profile{scroll-behavior:auto}}.edit-profile:before{background:linear-gradient(90deg,var(--accent-color) 0,var(--accent-color) 0,transparent 0);background:linear-gradient(90deg,var(--accent-color) 0,var(--accent-color) var(--scroll-progress,0),transparent var(--scroll-progress,0));content:"";height:3px;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.edit-profile.scrolling:before{opacity:1}.form-section{border-bottom:1px solid var(--card-border);margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0}.section-title{align-items:center;border-bottom:1px solid var(--card-border);color:var(--text-color);display:flex;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.section-icon{color:var(--accent-color);font-size:1.25rem;margin-right:.75rem}.password-input-container,.phone-input-container{align-items:center;display:flex;position:relative}.password-input-container input,.phone-input-container input{padding-right:3rem}.password-toggle{background:none;border:none;color:var(--footer-color);cursor:pointer;padding:.5rem;position:absolute;right:.75rem;transition:color .2s}.password-toggle:hover{color:var(--text-color)}.phone-icon{color:var(--footer-color);left:.75rem;position:absolute;z-index:1}.phone-input-container input{padding-left:2.5rem}.success-message{background:#d4edda;background:var(--success-bg,#d4edda);border:1px solid #c3e6cb;border:1px solid var(--success-border,#c3e6cb);border-radius:6px;color:#155724;color:var(--success-color,#155724);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.error-message{background:#f8d7da;background:var(--error-bg,#f8d7da);border:1px solid #f5c6cb;border:1px solid var(--error-border,#f5c6cb);border-radius:6px;color:#721c24;color:var(--error-color,#721c24);font-size:.9rem;margin-top:.5rem;padding:.75rem}[data-theme=dark] .success-message{background:#28a7451a;border-color:#28a7454d;color:#86cfac}[data-theme=dark] .error-message{background:#dc35451a;border-color:#dc35454d;color:#fca5a5}@media (max-width:1024px){.edit-profile-content{max-width:100%;padding:1.25rem}.edit-profile-form{padding:1.25rem}}@media (max-width:768px){.edit-profile-header{padding:.875rem 1rem}.edit-profile-header h1{font-size:1.125rem}.edit-profile-content{max-height:calc(100vh - 70px);padding:1rem}.edit-profile-form{border-radius:8px;padding:1rem}.form-section{margin-bottom:1.5rem;padding-bottom:1rem}.section-title{font-size:1rem;margin-bottom:1rem}.section-icon{font-size:1.125rem;margin-right:.5rem}.form-field{margin-bottom:1.25rem}.form-field label{font-size:.875rem;margin-bottom:.4rem}.form-field input,.form-field select,.form-field textarea{border-radius:8px;font-size:1rem;padding:.875rem}.password-input-container input,.phone-input-container input{padding:.875rem 3rem .875rem .875rem}.phone-input-container input{padding-left:2.5rem}.password-toggle{padding:.75rem}.form-actions{gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.cancel-button,.save-button{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:600px){.edit-profile{padding-top:calc(env(safe-area-inset-top) + 16px)}.edit-profile-header{min-height:60px;padding:.75rem .875rem}.edit-profile-content{max-height:calc(100vh - 60px);padding:.875rem}.edit-profile-form{background:transparent;border:none;border-radius:0;box-shadow:none;padding:.875rem}.form-section{margin-bottom:1.25rem;padding-bottom:.875rem}.section-title{font-size:.9rem;margin-bottom:.875rem;padding-bottom:.375rem}.form-field{margin-bottom:1rem}.form-field input,.form-field select,.form-field textarea{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;font-size:16px;padding:1rem}.password-input-container input,.phone-input-container input{padding:1rem 3.5rem 1rem 1rem}.phone-input-container input{padding-left:3rem}.password-toggle{padding:.5rem;right:1rem}.phone-icon{left:1rem}.form-field textarea{min-height:100px}.error-message,.success-message{font-size:.875rem;padding:.875rem}.form-actions{background:transparent;border-top:none;flex-direction:column;gap:.75rem;margin-top:1.25rem;padding:1rem 0;position:relative}.cancel-button,.save-button{border-radius:12px;font-size:1.125rem;font-weight:600;justify-content:center;padding:1.125rem;width:100%}.save-button{order:1}.cancel-button{order:2}}@media (max-width:480px){.edit-profile{padding-top:calc(env(safe-area-inset-top) + 24px)}.edit-profile-header{min-height:56px;padding:.75rem}.edit-profile-header h1{font-size:1rem}.edit-profile-content{max-height:calc(100vh - 56px);padding:.75rem}.edit-profile-form{margin:.5rem 0;padding:.75rem}.form-field{margin-bottom:.875rem}.form-field label{font-size:.8rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{border-radius:10px;padding:.875rem}.form-actions{gap:.625rem;padding:.75rem 0}.cancel-button,.save-button{border-radius:10px;font-size:1rem;padding:1rem}}@media (max-width:375px){.edit-profile{padding-top:calc(env(safe-area-inset-top) + 32px)}.edit-profile-header{min-height:52px;padding:.625rem}.edit-profile-content{max-height:calc(100vh - 52px);padding:.625rem}.edit-profile-form{padding:.625rem}.form-field{margin-bottom:.75rem}.form-field input,.form-field select,.form-field textarea{font-size:16px;padding:.8rem}.form-actions{gap:.5rem}.cancel-button,.save-button{font-size:.9rem;padding:.875rem}}@media (max-width:896px) and (orientation:landscape){.edit-profile-content{max-height:calc(100vh - 50px);padding:.75rem}.edit-profile-form{padding:.75rem}.form-field{margin-bottom:.75rem}.form-actions{background:var(--card-bg);border-top:1px solid var(--card-border);bottom:0;flex-direction:row;gap:1rem;padding:.875rem;position:sticky}.cancel-button,.save-button{flex:1;padding:.75rem}}.modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalContentSlideIn .3s ease-out;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 12px 28px #00000026;max-height:90vh;max-width:460px;overflow-y:auto;width:100%}@keyframes modalContentSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-header h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--button-hover-bg);color:var(--text-color)}.modal-body{padding:1.5rem}.modal-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.modal-footer{gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.modal-footer .cancel-button{background:var(--button-secondary-bg);border:1px solid var(--card-border);color:var(--text-color);font-size:.9rem;font-weight:500;padding:.75rem 1.5rem}.modal-footer .save-button{background:var(--accent-color);border:none;color:#fff;font-size:.9rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem}.modal-footer .save-button:hover:not(:disabled){background:var(--accent-hover)}.modal-footer .save-button:disabled{cursor:not-allowed;opacity:.6}.modal-footer .cancel-button:hover:not(:disabled){background:var(--button-hover-bg)}.clickable-field{border-radius:8px;cursor:pointer;margin:-1rem;padding:1rem;position:relative;transition:all .2s ease}.clickable-field:hover{background:var(--button-hover-bg);transform:translateY(-1px)}.clickable-field .field-display{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem}.clickable-field .field-display span:first-child{color:var(--text-color);flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clickable-field .change-button{color:var(--accent-color)!important;font-size:.9rem;font-weight:500!important;transition:color .2s ease;white-space:nowrap}.clickable-field:hover .change-button{color:var(--accent-hover)!important}.modal-content .form-field{margin-bottom:1.25rem}.modal-content .form-field:last-child{margin-bottom:0}.modal-content .form-field label{color:var(--text-color);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.modal-content .form-field input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-color);font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.modal-content .form-field input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1);outline:none}.modal-content .disabled-field{background:var(--disabled-bg)!important;color:var(--text-muted)!important;cursor:not-allowed!important}.modal-content .password-input-container{position:relative}.modal-content .password-toggle{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:.25rem;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.modal-content .password-toggle:hover{color:var(--text-color)}.modal-content .phone-input-container{position:relative}.modal-content .phone-icon{color:var(--text-muted);font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.modal-content .phone-input-container input{padding-left:2.5rem}.modal-content .error-message{animation:errorSlideIn .3s ease-out;background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:8px;color:#dc2626;font-size:.875rem;margin-top:1rem;padding:.75rem}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{animation:modalContentSlideUp .3s ease-out;border-radius:12px 12px 0 0;bottom:0;left:0;max-height:95vh;max-width:none;position:fixed;right:0;width:100%}@keyframes modalContentSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:1.25rem 1.25rem 1rem}.modal-body{padding:1.25rem}.modal-footer{flex-direction:column;padding:1rem 1.25rem 1.25rem}.modal-footer .cancel-button,.modal-footer .save-button{padding:.875rem;width:100%}.clickable-field{margin:-1.25rem;padding:1.25rem}}.modal-footer .loading-spinner-small{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:.5rem;width:14px}.modal-footer .save-button .loading-spinner-small{vertical-align:middle}.forgot-password-link{margin:.5rem 0 0;text-align:right}.link-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.875rem;padding:0;-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease}.link-button:hover{color:var(--accent-hover)}.link-button:focus,.link-button:hover{-webkit-text-decoration:underline;text-decoration:underline}.link-button:focus{outline:none}.modal-content .field-note{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin-top:.5rem}.avatar-upload-section{align-items:center;background:var(--bg-color);border:1px solid var(--card-border);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem}.current-avatar{position:relative}.avatar-image{border:3px solid var(--card-border);border-radius:50%;height:120px;-o-object-fit:cover;object-fit:cover;transition:border-color .3s ease;width:120px}.avatar-image:hover{border-color:var(--accent-color)}.avatar-placeholder{align-items:center;background:var(--card-border);border:3px solid var(--card-border);border-radius:50%;color:var(--text-muted);display:flex;font-size:2rem;height:120px;justify-content:center;transition:all .3s ease;width:120px}.avatar-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.avatar-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.avatar-button.upload{background:var(--accent-color);color:#fff}.avatar-button.upload:hover:not(:disabled){background:var(--accent-hover)}.avatar-button.remove{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#dc2626}.avatar-button.remove:hover:not(:disabled){background:#dc262633}.avatar-button:disabled{cursor:not-allowed;opacity:.6}.avatar-note,.button-icon{font-size:.8rem}.avatar-note{color:var(--text-muted);line-height:1.4;margin:0;text-align:center}.avatar-modal{max-width:480px}.avatar-preview-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.avatar-preview{position:relative}.preview-image{border:3px solid var(--accent-color);border-radius:50%;height:150px;-o-object-fit:cover;object-fit:cover;width:150px}.preview-placeholder{align-items:center;background:var(--card-border);border:3px solid var(--card-border);border-radius:50%;color:var(--text-muted);display:flex;font-size:3rem;height:150px;justify-content:center;width:150px}.upload-progress{max-width:200px;text-align:center;width:100%}.progress-bar{background:var(--card-border);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--accent-color),var(--comp));border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--text-muted);font-size:.8rem;font-weight:500}.file-upload-section{align-items:center;background:var(--bg-color);border:2px dashed var(--card-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s ease}.file-upload-section:hover{background:rgba(var(--accent-rgb),.05);border-color:var(--accent-color)}.file-input{display:none}.file-upload-label{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem;transition:all .2s ease}.file-upload-label:hover{background:var(--button-hover-bg);border-color:var(--accent-color)}.upload-icon{color:var(--accent-color);font-size:1.5rem}.upload-note{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0;text-align:center}.modal-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.modal-actions-right{display:flex;gap:.75rem}.delete-button{align-items:center;background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.delete-button:hover:not(:disabled){background:#dc262633}.delete-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.avatar-upload-section{gap:1rem;padding:1.5rem 1rem}.avatar-image,.avatar-placeholder{height:100px;width:100px}.avatar-actions{flex-direction:column;width:100%}.avatar-button{justify-content:center;padding:.875rem;width:100%}.preview-image,.preview-placeholder{height:120px;width:120px}.file-upload-section{padding:1.5rem 1rem}.file-upload-label{padding:1rem 1.5rem;width:100%}.modal-footer{flex-direction:column;gap:.75rem}.modal-actions-right{flex-direction:column;width:100%}.cancel-button,.delete-button,.save-button{justify-content:center;padding:.875rem;width:100%}}.protected-song-container{background:#f8f9fa;background:var(--bg-color,#f8f9fa);display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;padding:20px}.protected-back-button{align-items:center;align-self:flex-start;background:#fff;background:var(--card-bg,#fff);border:2px solid #d1d9e0;border:2px solid var(--card-border,#d1d9e0);border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#24292f;color:var(--text-color,#24292f);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.6rem 1.2rem;transition:all .3s ease}.protected-back-button:hover{background:#0969da0d;background:var(--hover-bg,rgba(9,105,218,.05));border-color:#0969da;border-color:var(--accent-color,#0969da);box-shadow:0 4px 8px #0969da26;color:#0969da;color:var(--accent-color,#0969da);transform:translateY(-1px)}.protection-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:16px;box-shadow:0 8px 24px #8d96a033;display:flex;flex:1;flex-direction:column;gap:2rem;padding:2rem}.protection-header{border-bottom:1px solid #d1d9e0;border-bottom:1px solid var(--card-border,#d1d9e0);padding-bottom:1rem;text-align:center}.protection-icon{align-items:center;background:linear-gradient(135deg,#0969da,#1f6feb);background:linear-gradient(135deg,var(--accent-color,#0969da) 0,#1f6feb 100%);border-radius:50%;box-shadow:0 8px 16px #0969da4d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.protection-title{color:#24292f;color:var(--text-color,#24292f);font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.protection-subtitle{color:#656d76;color:var(--text-secondary,#656d76);font-size:1rem;line-height:1.5;margin:0 auto;max-width:500px}.song-preview{align-items:center;background:#f6f8fa;background:var(--input-bg,#f6f8fa);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;position:relative}.song-preview-icon{align-items:center;background:#0969da;background:var(--accent-color,#0969da);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.song-preview-info{flex:1;min-width:0}.song-preview-title{color:#24292f;color:var(--text-color,#24292f);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;word-wrap:break-word}.song-preview-composer,.song-preview-vocalist{color:#656d76;color:var(--text-secondary,#656d76);font-size:.9rem;margin:.25rem 0}.protection-lock{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.captcha-section{align-items:center;background:#f6f8fa;background:var(--input-bg,#f6f8fa);border:2px dashed #d1d9e0;border:2px dashed var(--card-border,#d1d9e0);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.captcha-label{align-items:center;color:#24292f;color:var(--text-color,#24292f);display:flex;font-size:1rem;font-weight:600}.turnstile-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem}.captcha-error{align-items:center;background:#d1242f1a;border:1px solid rgba(209,36,47,.2);border-radius:6px;color:#d1242f;color:var(--error-color,#d1242f);display:flex;font-size:14px;padding:8px 12px}.protection-info{background:#f6f8fa;background:var(--input-bg,#f6f8fa);border:1px solid #d1d9e0;border:1px solid var(--card-border,#d1d9e0);border-radius:12px;padding:1.5rem}.protection-info h4{color:#24292f;color:var(--text-color,#24292f);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.protection-info ul{list-style:none;margin:0;padding:0}.protection-info li{align-items:flex-start;color:#656d76;color:var(--text-secondary,#656d76);display:flex;font-size:.9rem;gap:.5rem;line-height:1.5;padding:.5rem 0}.protection-info li:before{color:#1a7f37;color:var(--success-color,#1a7f37);content:"✓";flex-shrink:0;font-weight:700;margin-top:2px}@media (max-width:768px){.protected-song-container{padding:16px}.protection-card{gap:1.5rem;padding:1.5rem}.protection-icon{font-size:1.5rem;height:60px;width:60px}.protection-title{font-size:1.5rem}.song-preview{flex-direction:column;gap:1rem}.song-preview,.song-preview-info{text-align:center}.protection-lock{font-size:.875rem;height:32px;position:absolute;right:1rem;top:1rem;width:32px}}@media (max-width:480px){.protected-song-container{padding:12px}.protection-card{border-radius:12px;padding:1rem}.protection-title{font-size:1.25rem}.protection-subtitle{font-size:.9rem}.captcha-section,.protection-info{padding:1rem}}@media (prefers-color-scheme:dark){.captcha-error{background:#f851491a;border-color:#f8514933;color:#f85149;color:var(--error-color,#f85149)}}.verification-success{animation:slideOut .5s ease-in-out forwards}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.captcha-gate-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:9999}.captcha-gate-background{bottom:0;left:0;opacity:.1;overflow:hidden;position:absolute;right:0;top:0}.floating-icons{height:100%;position:relative;width:100%}.floating-icon{animation:float 6s ease-in-out infinite;color:#ffffff4d;font-size:2rem;position:absolute}.floating-icon.icon-1{animation-delay:0s;left:10%;top:20%}.floating-icon.icon-2{animation-delay:1.5s;right:15%;top:60%}.floating-icon.icon-3{animation-delay:3s;bottom:30%;left:20%}.floating-icon.icon-4{animation-delay:4.5s;right:25%;top:40%}@keyframes float{0%,to{opacity:.3;transform:translateY(0) rotate(0)}50%{opacity:.1;transform:translateY(-20px) rotate(180deg)}}.captcha-gate-card{animation:gateCardAppear .8s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;max-width:500px;padding:40px;position:relative;text-align:center;width:100%}@keyframes gateCardAppear{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.gate-header{margin-bottom:32px}.gate-logo{align-items:center;animation:logoGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 25px #667eea66;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes logoGlow{0%{box-shadow:0 8px 25px #667eea66}to{box-shadow:0 8px 35px #667eeab3}}.gate-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#24292f;color:var(--text-color,#24292f);font-size:28px;font-weight:700;margin:0 0 12px;-webkit-text-fill-color:transparent;background-clip:text}.gate-subtitle{color:#656d76;color:var(--text-muted,#656d76);font-size:16px;line-height:1.5;margin:0}.verification-section{margin-bottom:32px}.verification-question{margin-bottom:24px}.question-icons{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:16px}.human-icon,.robot-icon{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.robot-icon{background:#dc35451a;border:2px solid rgba(220,53,69,.3);color:#dc3545}.human-icon{background:#28a7451a;border:2px solid rgba(40,167,69,.3);color:#28a745}.human-icon svg,.robot-icon svg{font-size:1.5rem}.human-icon span,.robot-icon span{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.vs-text{align-items:center;background:#f6f8fa;background:var(--card-light,#f6f8fa);border:2px solid #d1d9e0;border:2px solid var(--card-border,#d1d9e0);border-radius:50%;color:#656d76;color:var(--text-muted,#656d76);display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.question-text{color:#24292f;color:var(--text-color,#24292f);font-size:16px;font-weight:500;margin:0}.turnstile-section{gap:16px}.turnstile-container,.turnstile-section{align-items:center;display:flex;flex-direction:column}.turnstile-container{background:#f6f8fa;background:var(--card-light,#f6f8fa);border:2px solid #d1d9e0;border:2px solid var(--card-border,#d1d9e0);border-radius:12px;gap:8px;padding:20px;transition:all .3s ease}.turnstile-container:hover{border-color:#0969da;border-color:var(--accent-color,#0969da);box-shadow:0 0 0 4px #0969da1a;transform:translateY(-2px)}.success-section{display:flex;justify-content:center;padding:20px}.success-animation{animation:successAppear .6s ease-out;text-align:center}@keyframes successAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-icon{animation:successPulse 1s ease-in-out infinite;color:#28a745;font-size:4rem;margin-bottom:16px}@keyframes successPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.success-animation h3{color:#28a745;font-size:24px;font-weight:600;margin:0 0 8px}.success-animation p{color:#656d76;color:var(--text-muted,#656d76);font-size:16px;margin:0 0 20px}.loading-dots{display:flex;gap:4px;justify-content:center}.loading-dots span{animation:loadingDot 1.4s ease-in-out infinite both;background:#0969da;background:var(--accent-color,#0969da);border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.captcha-error{align-items:center;animation:errorShake .5s ease-in-out;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#dc3545;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 16px}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.gate-footer{border-top:1px solid #d1d9e0;border-top:1px solid var(--card-border,#d1d9e0);margin-top:24px;padding-top:24px}.security-info{align-items:flex-start;display:flex;gap:16px;text-align:left}.security-icon{color:#0969da;color:var(--accent-color,#0969da);flex-shrink:0;font-size:1.5rem;margin-top:2px}.security-text h4{color:#24292f;color:var(--text-color,#24292f);font-size:16px;font-weight:600;margin:0 0 8px}.security-text p{color:#656d76;color:var(--text-muted,#656d76);font-size:14px;line-height:1.5;margin:0}@media (min-width:1920px){.captcha-gate-card{max-width:600px;padding:50px}.gate-logo{font-size:2.5rem;height:100px;width:100px}.gate-title{font-size:32px}.gate-subtitle,.question-text{font-size:18px}.human-icon svg,.robot-icon svg{font-size:2rem}.success-icon{font-size:5rem}}@media (min-width:1200px) and (max-width:1919px){.captcha-gate-card{max-width:550px;padding:45px}.gate-logo{font-size:2.2rem;height:90px;width:90px}.gate-title{font-size:30px}.floating-icon{font-size:2.5rem}}@media (min-width:768px) and (max-width:1199px){.captcha-gate-container{padding:16px}.captcha-gate-card{max-width:500px;padding:40px}.gate-logo{height:80px;width:80px}.question-icons{gap:24px}.human-icon,.robot-icon{min-width:80px;padding:18px}.vs-text{font-size:16px;height:45px;width:45px}.security-info{align-items:center}}@media (min-width:481px) and (max-width:767px){.captcha-gate-container{padding:12px}.captcha-gate-card{max-width:450px;padding:32px}.gate-logo{font-size:1.8rem;height:70px;margin-bottom:20px;width:70px}.gate-title{font-size:26px}.gate-subtitle{font-size:15px}.question-icons{flex-wrap:wrap;gap:16px}.human-icon,.robot-icon{min-width:70px;padding:14px}.vs-text{font-size:15px;height:38px;width:38px}.turnstile-container{padding:18px}.security-info{gap:14px}.success-icon{font-size:3.5rem}}@media (min-width:361px) and (max-width:480px){.captcha-gate-container{padding:8px}.captcha-gate-card{border-radius:16px;margin:8px;max-width:calc(100vw - 16px);padding:24px}.gate-logo{font-size:1.5rem;height:60px;margin-bottom:16px;width:60px}.gate-title{font-size:22px;margin-bottom:8px}.gate-subtitle{font-size:14px;margin-bottom:20px}.question-icons{align-items:center;flex-direction:column;gap:10px}.human-icon,.robot-icon{flex-direction:row;gap:8px;min-width:60px;padding:12px 16px}.vs-text{font-size:12px;height:32px;margin:8px 0;width:32px}.question-text{font-size:15px}.turnstile-container{margin:16px 0;padding:16px}.security-info{flex-direction:column;gap:12px;text-align:center}.security-text h4{font-size:15px}.security-text p{font-size:13px}.success-icon{font-size:3rem}.success-animation h3{font-size:20px}.success-animation p{font-size:14px}}@media (max-width:360px){.captcha-gate-container{padding:4px}.captcha-gate-card{border-radius:14px;margin:4px;max-width:calc(100vw - 8px);padding:20px}.gate-logo{font-size:1.3rem;height:50px;margin-bottom:12px;width:50px}.gate-title{font-size:20px;margin-bottom:6px}.gate-subtitle{font-size:13px;margin-bottom:16px}.verification-section{margin-bottom:20px}.verification-question{margin-bottom:16px}.question-icons{flex-direction:column;gap:8px}.human-icon,.robot-icon{flex-direction:row;gap:6px;min-width:50px;padding:10px 12px}.human-icon span,.robot-icon span{font-size:10px}.human-icon svg,.robot-icon svg{font-size:1.2rem}.vs-text{font-size:10px;height:28px;margin:6px 0;width:28px}.question-text{font-size:14px}.turnstile-container{margin:12px 0;padding:12px}.gate-footer{margin-top:16px;padding-top:12px}.security-info{flex-direction:column;gap:10px;text-align:center}.security-icon{font-size:1.2rem}.security-text h4{font-size:14px}.security-text p{font-size:12px;line-height:1.4}.success-icon{font-size:2.5rem}.success-animation h3{font-size:18px}.success-animation p{font-size:13px}.captcha-error{font-size:12px;padding:6px 8px}}@media (max-height:600px) and (orientation:landscape){.captcha-gate-card{margin:2px;max-height:95vh;overflow-y:auto;padding:16px 24px}.gate-header{margin-bottom:16px}.gate-logo{font-size:1.2rem;height:40px;margin-bottom:8px;width:40px}.gate-title{font-size:20px;margin-bottom:4px}.gate-subtitle{font-size:13px}.gate-subtitle,.verification-section{margin-bottom:16px}.verification-question{margin-bottom:12px}.question-icons{gap:12px}.human-icon,.robot-icon{padding:8px 12px}.vs-text{font-size:12px;height:30px;width:30px}.turnstile-container{margin:8px 0;padding:12px}.gate-footer{margin-top:12px;padding-top:12px}.security-info{gap:8px}.security-text h4{font-size:14px;margin-bottom:4px}.security-text p{font-size:12px}.success-icon{font-size:2.5rem;margin-bottom:8px}.success-animation h3{font-size:18px;margin-bottom:4px}.success-animation p{font-size:13px;margin-bottom:12px}}@media (max-height:480px){.captcha-gate-card{max-height:98vh;padding:12px 20px}.gate-header{margin-bottom:12px}.gate-logo{font-size:1rem;height:35px;margin-bottom:6px;width:35px}.gate-title{font-size:18px}.gate-subtitle{font-size:12px}.gate-subtitle,.verification-section{margin-bottom:12px}.gate-footer{margin-top:8px;padding-top:8px}}@media (min-width:2560px){.captcha-gate-card{max-width:700px;padding:60px}.gate-logo{font-size:3rem;height:120px;width:120px}.gate-title{font-size:36px}.gate-subtitle{font-size:20px}.floating-icon{font-size:3rem}}@media (prefers-color-scheme:dark){.captcha-gate-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.captcha-gate-card{background:#0d1117;background:var(--card-bg,#0d1117);border:1px solid #30363d;border:1px solid var(--card-border,#30363d)}.floating-icon{color:#ffffff1a}.turnstile-container{background:#21262d;background:var(--card-light,#21262d);border-color:#30363d;border-color:var(--card-border,#30363d)}}@media (hover:none) and (pointer:coarse){.turnstile-container:hover{border-color:#d1d9e0;border-color:var(--card-border,#d1d9e0);box-shadow:none;transform:none}.turnstile-container:active{border-color:#0969da;border-color:var(--accent-color,#0969da);box-shadow:0 0 0 4px #0969da1a;transform:scale(.98)}.human-icon:active,.robot-icon:active{transform:scale(.95)}}@media (prefers-contrast:high){.captcha-gate-card{border:2px solid;box-shadow:none}.human-icon,.robot-icon{border-width:3px}.turnstile-container{border-width:2px}.gate-logo{border:2px solid}}@media (prefers-reduced-motion:reduce){.captcha-error,.captcha-gate-card,.floating-icon,.gate-logo,.loading-dots span,.success-animation,.success-icon{animation:none}.human-icon,.robot-icon,.turnstile-container{transition:none}}@media print{.captcha-gate-container{background:#fff;position:static}.captcha-gate-background,.floating-icons{display:none}.captcha-gate-card{background:#fff;border:1px solid #000;box-shadow:none}}.turnstile-container:focus-within{outline:2px solid #0969da;outline:2px solid var(--accent-color,#0969da);outline-offset:2px}@supports (padding:max(0px)){.captcha-gate-container{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}}.captcha-gate-card{scroll-behavior:smooth}@media (pointer:coarse){.turnstile-container{cursor:pointer;min-height:44px}.human-icon,.robot-icon{min-height:44px;min-width:44px}}@media (max-width:280px){.captcha-gate-card{margin:2px;padding:16px}.gate-logo{font-size:1rem;height:40px;width:40px}.gate-title{font-size:16px}.gate-subtitle{font-size:12px}.question-icons{flex-direction:column;gap:6px}.human-icon,.robot-icon{min-width:40px;padding:8px}.vs-text{font-size:9px;height:24px;width:24px}}@supports (-webkit-touch-callout:none){.captcha-gate-container{min-height:-webkit-fill-available}@media (max-width:480px){.captcha-gate-card{height:auto;max-height:calc(100vh - 20px)}}@media (orientation:landscape) and (max-height:500px){.captcha-gate-container{height:-webkit-fill-available;height:100vh}}}.captcha-gate-container.mobile{padding:10px}.captcha-gate-container.mobile .captcha-gate-card{border-radius:16px;margin:10px;max-width:95%;padding:24px}.captcha-gate-container.mobile .gate-logo{font-size:1.5rem;height:60px;margin-bottom:16px;width:60px}.captcha-gate-container.mobile .gate-title{font-size:22px}.captcha-gate-container.mobile .gate-subtitle{font-size:14px}.captcha-gate-container.mobile.landscape .verification-section{display:flex;gap:20px}.captcha-gate-container.tablet{padding:20px}.captcha-gate-container.tablet .captcha-gate-card{max-width:550px;padding:32px}.captcha-gate-container.desktop .captcha-gate-card{max-width:600px;transform:translateY(0);transition:all .4s ease}.captcha-gate-container.desktop .captcha-gate-card:hover{box-shadow:0 25px 65px #00000059,0 0 0 1px #ffffff1a;transform:translateY(-5px)}.captcha-gate-container.mobile .floating-icon.icon-5{animation-delay:2s;color:#667eea33;font-size:2.5rem;left:55%;top:15%}.captcha-gate-container.tablet .floating-icon.icon-6{animation-delay:2.5s;bottom:25%;color:#667eea33;font-size:2.5rem;right:30%}.captcha-gate-container.desktop .floating-icon.icon-7{animation-delay:3s;color:#667eea33;font-size:2.5rem;left:40%;top:35%}.captcha-gate-card::-webkit-scrollbar{width:6px}.captcha-gate-card::-webkit-scrollbar-track{background:transparent}.captcha-gate-card::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.captcha-gate-card::-webkit-scrollbar-thumb:hover{background:#0006}.error-boundary{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:2rem;text-align:center}.error-boundary-logo{border-radius:50%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:80px;margin:0 auto 1.5rem;width:80px}.error-boundary-content h2{color:#ff7e85;color:var(--comp,#ff7e85);font-size:1.5rem;margin:0 0 1rem}.error-boundary-content p{color:var(--footer-color);line-height:1.6;margin:0 0 2rem}.error-boundary-button{background:#ff6b35;background:var(--accent-color,#ff6b35);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:0 8px 8px 0;padding:12px 24px;transition:all .2s ease}.error-boundary-button:hover{background:#5555e6;background:var(--accent-light,#5555e6);transform:translateY(-1px)}.error-boundary-button.secondary{background:#f6f8fa;background:var(--card-light,#f6f8fa);border:1px solid var(--card-border);color:var(--text-color)}.error-boundary-button.secondary:hover{background:var(--card-border)}[data-theme=dark] .error-boundary-content{box-shadow:0 4px 12px #0000004d}.no-network-container{align-items:center;animation:fadeIn .7s cubic-bezier(.4,0,.2,1);background:#f9f9f9;background:var(--card-bg,#f9f9f9);border-radius:20px;box-shadow:0 6px 32px #0000001a;color:#333;color:var(--text-color,#333);display:flex;flex-direction:column;justify-content:center;margin:3em auto;max-width:95vw;max-width:420px;min-height:60vh;padding:3em 2em;text-align:center;transition:background .3s,color .3s,box-shadow .3s;width:100%}@media (max-width:600px){.no-network-container{border-radius:14px;margin:1.5em .5em;max-width:98vw;min-height:70vh;padding:2em .7em}.no-network-container h2{font-size:max(1.2em,min(4vw,1.5em))}}.no-network-icon{color:#e67e22;color:var(--accent-color,#e67e22);font-size:max(2em,min(6vw,3em));margin-bottom:1.2em;transition:color .3s}.no-network-container h2{font-size:max(1.5em,min(5vw,2em));font-weight:700;letter-spacing:.01em;margin:.5em 0 .2em}.no-network-container p{color:#888;color:var(--text-secondary,#888);font-size:max(1em,min(3vw,1.13em));line-height:1.6;margin:.5em 0 1.5em;text-align:center}.retry-btn{background:#2979ff;background:var(--accent-color,#2979ff);border:none;border-radius:8px;box-shadow:0 2px 10px #2979ff1a;color:#fff;color:var(--button-text,#fff);cursor:pointer;font-size:max(1em,min(3vw,1.13em));font-weight:600;padding:.9em 2.3em;transition:background .18s,box-shadow .18s}.retry-btn:focus,.retry-btn:hover{background:#155fc1;background:var(--accent-hover,#155fc1);outline:none}.no-network-logo{border-radius:50%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:80px;margin-bottom:1rem;width:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}:root{--chatbot-bg:hsla(0,0%,100%,.7);--chatbot-header-bg:rgba(102,105,255,.8);--chatbot-border:hsla(0,0%,100%,.25);--chatbot-text:rgba(33,33,33,.9);--chatbot-input-bg:hsla(0,0%,100%,.6);--user-msg-bg:rgba(102,105,255,.85);--user-msg-text:#fff;--bot-msg-bg:hsla(0,0%,94%,.8);--bot-msg-text:rgba(33,33,33,.9);--chatbot-shadow:0 10px 25px rgba(0,0,0,.15),0 5px 10px hsla(0,0%,100%,.05);--chatbot-scrollbar:rgba(102,105,255,.5);--chatbot-scrollbar-bg:hsla(0,0%,100%,.1);--confirm-bg:hsla(0,0%,100%,.85);--confirm-text:rgba(33,33,33,.9);--confirm-shadow:0 5px 20px rgba(0,0,0,.15);--cancel-button-bg:hsla(0,0%,94%,.8);--cancel-button-text:rgba(33,33,33,.9);--confirm-icon-color:rgba(102,105,255,.85)}[data-theme=dark]{--chatbot-bg:rgba(30,30,40,.75);--chatbot-header-bg:rgba(102,105,255,.8);--chatbot-border:rgba(128,128,255,.2);--chatbot-text:hsla(0,0%,94%,.95);--chatbot-input-bg:rgba(50,50,60,.6);--user-msg-bg:rgba(102,105,255,.85);--user-msg-text:#fff;--bot-msg-bg:rgba(60,60,70,.8);--bot-msg-text:hsla(0,0%,94%,.95);--chatbot-shadow:0 10px 25px rgba(0,0,0,.3),0 5px 10px rgba(80,80,255,.05);--chatbot-scrollbar:rgba(102,105,255,.5);--chatbot-scrollbar-bg:rgba(30,30,40,.2);--confirm-bg:rgba(40,40,50,.9);--confirm-text:hsla(0,0%,94%,.95);--confirm-shadow:0 5px 20px rgba(0,0,0,.3);--cancel-button-bg:rgba(60,60,70,.8);--cancel-button-text:hsla(0,0%,94%,.95);--confirm-icon-color:rgba(102,105,255,.9)}.chatbot-toggle{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#6669ffd9;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;bottom:20px;box-shadow:0 4px 10px #00000026,0 0 20px #6669ff4d,inset 0 0 10px #fff3;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;overflow:hidden;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:990}.chatbot-toggle:after{background:#ffffff4d;border-radius:50%;content:"";filter:blur(2px);height:30%;left:10%;pointer-events:none;position:absolute;top:10%;width:30%}.chatbot-toggle:hover{background-color:#ff7e85d9;box-shadow:0 8px 20px #0003,0 0 30px #ff7e8566,inset 0 0 10px #ffffff4d;transform:scale(1.05) translateY(-3px)}.chatbot-toggle.open{background-color:#ccccccb3;transform:rotate(180deg)}.chatbot-container{animation:fadeInUp .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffb3;background-color:var(--chatbot-bg,hsla(0,0%,100%,.65));border:1px solid hsla(0,0%,100%,.25);border:1px solid var(--chatbot-border,hsla(0,0%,100%,.2));border-radius:18px;bottom:90px;box-shadow:0 10px 25px #00000026,0 5px 10px #ffffff0d,inset 0 0 2px #fff6;height:450px;overflow:hidden;position:fixed;right:20px;transition:all .3s ease-in-out;width:350px;z-index:1000}.chatbot-container *{pointer-events:auto}.chatbot-container:before{background:linear-gradient(135deg,#fff6,#fff3 50%,#ffffff1a);border-radius:18px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff,#fff 0) content-box,linear-gradient(#fff,#fff 0);mask:linear-gradient(#fff,#fff 0) content-box,linear-gradient(#fff,#fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.glass-reflection{background:linear-gradient(135deg,#fff0,#ffffff08 40%,#ffffff12,#ffffff08 60%,#fff0);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(25deg);width:200%;z-index:-1}.chatbot-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#6669ffcc;background-color:var(--chatbot-header-bg);border-bottom:1px solid hsla(0,0%,100%,.25);border-bottom:1px solid var(--chatbot-border);color:#fff;display:flex;gap:10px;padding:15px}.chatbot-header h3{flex:1;font-size:1rem;margin:0}.chatbot-icon{font-size:1.2rem}.clear-history-button,.close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin:0;opacity:.9;padding:5px;transition:transform .2s ease}.clear-history-button:hover,.close-button:hover{opacity:1;transform:scale(1.1)}.clear-history-button{margin-right:10px;position:relative;z-index:10}.confirm-clear{animation:bounceIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffd9;background-color:var(--confirm-bg,hsla(0,0%,100%,.85));border:1px solid hsla(0,0%,100%,.25);border:1px solid var(--chatbot-border,hsla(0,0%,100%,.3));border-radius:12px;box-shadow:0 5px 20px #00000026;box-shadow:var(--confirm-shadow,0 5px 20px rgba(0,0,0,.15));color:#212121e6;color:var(--confirm-text,#333);left:50%;padding:20px;position:absolute;text-align:center;top:60px;transform:translate(-50%);width:85%;z-index:10}.confirm-header{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.confirm-icon{font-size:1.3rem}.confirm-clear h4,.confirm-icon{color:#6669ffd9;color:var(--confirm-icon-color,rgba(102,105,255,.85))}.confirm-clear h4{font-weight:600;margin:0}.confirm-clear p{font-size:.9rem;margin:10px 0 15px;opacity:.9}.confirm-buttons{display:flex;gap:12px;justify-content:center;margin-top:15px}.confirm-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.yes-button{background-color:#6669ffd9;background-color:var(--user-msg-bg,rgba(102,105,255,.85));border:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 6px #6669ff33;color:#fff}.no-button,.yes-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:100px;overflow:hidden;position:relative}.no-button{background-color:#f0f0f0cc;background-color:var(--cancel-button-bg,hsla(0,0%,94%,.6));border:1px solid hsla(0,0%,100%,.25);border:1px solid var(--chatbot-border,hsla(0,0%,100%,.2));color:#212121e6;color:var(--cancel-button-text,#333)}.no-button:after,.yes-button:after{background:linear-gradient(135deg,#fff0,#ffffff1a 50%,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateY(-100%);transition:transform .6s ease;width:200%}.no-button:hover,.yes-button:hover{transform:translateY(-2px)}.yes-button:hover{background-color:#ff7e85d9;box-shadow:0 4px 12px #ff7e854d}.no-button:hover{background-color:#fff9;background-color:var(--chatbot-input-bg,hsla(0,0%,80%,.7));box-shadow:0 2px 8px #0000001a}.no-button:hover:after,.yes-button:hover:after{transform:rotate(45deg) translateY(100%)}.no-button:active,.yes-button:active{transform:translateY(0);transition:transform .1s ease}.terms-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border-top:1px solid hsla(0,0%,100%,.25);border-top:1px solid var(--chatbot-border);font-size:.75rem;padding:8px 15px;text-align:center}.terms-link{border-radius:4px;color:#ff6b35;color:var(--accent-color,#ff6b35);padding:2px 4px;position:relative;transition:all .3s ease}.terms-link,.terms-link:hover{-webkit-text-decoration:none;text-decoration:none}.terms-link:hover{background-color:#6669ff1a;color:#ff7e85;color:var(--comp,#ff7e85)}.chatbot-messages{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:transparent;display:flex;flex:1;flex-direction:column;gap:10px;height:calc(100% - 120px);justify-content:flex-start;max-height:100%;overflow-y:auto;padding:15px;position:relative;scrollbar-color:rgba(102,105,255,.5) hsla(0,0%,100%,.1);scrollbar-color:var(--chatbot-scrollbar) var(--chatbot-scrollbar-bg);scrollbar-width:thin}.chatbot-container{display:flex;flex-direction:column;pointer-events:auto}.chatbot-messages>div:last-child{height:1px;margin-top:auto;padding-bottom:5px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb{background-color:#6669ff80;border:2px solid transparent;border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background-color:#6669ffcc}.message{display:flex;max-width:80%}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.message-content{border-radius:15px;padding:10px 15px;position:relative}.message-content:hover{transform:translateY(-2px);transition:transform .2s ease}.message.user .message-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#6669ffd9;background-color:var(--user-msg-bg);border:1px solid hsla(0,0%,100%,.25);border:1px solid var(--chatbot-border);border-bottom-right-radius:0;box-shadow:0 2px 8px #6669ff33;color:#fff;color:var(--user-msg-text)}.message.user .message-content:hover{box-shadow:0 4px 12px #6669ff4d}.message.bot .message-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f0f0f0cc;background-color:var(--bot-msg-bg);border:1px solid hsla(0,0%,100%,.25);border:1px solid var(--chatbot-border);border-bottom-left-radius:0;box-shadow:0 2px 8px #0000000d;color:#212121e6;color:var(--bot-msg-text)}.message.bot .message-content:hover{box-shadow:0 4px 12px #0000001a}.message-content:has(p){overflow:hidden;transition:all .3s ease}.message-content p{margin:0 0 5px}.message-time{display:block;font-size:.6rem;margin-top:4px;opacity:.7;text-align:right}.chatbot-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border-top:1px solid hsla(0,0%,100%,.25);border-top:1px solid var(--chatbot-border);display:flex;padding:12px}.chatbot-input input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff9;background-color:var(--chatbot-input-bg);border:1px solid hsla(0,0%,100%,.25);border:1px solid var(--chatbot-border);border-radius:20px;color:#212121e6;color:var(--chatbot-text);flex:1;margin-right:10px;padding:10px 15px}.chatbot-input button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#6669ffd9;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 2px 8px #6669ff4d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chatbot-input button:hover{background-color:#ff7e85d9;box-shadow:0 4px 12px #ff7e8566;transform:translateY(-2px)}.language-selector{align-items:center;background-color:#f0f0f0cc;background-color:var(--bot-msg-bg);border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:15px 0;padding:20px 15px;text-align:center}.language-selector p{color:#212121e6;color:var(--bot-msg-text);font-size:16px;font-weight:500;line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.language-buttons{display:flex;justify-content:space-around;margin-top:10px;width:100%}.language-button{background-color:#6669ffcc;background-color:var(--chatbot-header-bg);border:none;border-radius:20px;color:#fff;cursor:pointer;flex:1;font-size:14px;margin:0 5px;max-width:100px;padding:8px 16px;transition:all .2s ease}.language-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.language-button:active{transform:translateY(0)}.language-button-header{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:5px;padding:4px;transition:all .2s ease}.language-button-header:hover{background-color:#fff3}@keyframes pulseGlow{0%{box-shadow:0 0 5px #6669ff4d}50%{box-shadow:0 0 15px #6669ff80}to{box-shadow:0 0 5px #6669ff4d}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%) scale(.8)}50%{opacity:1;transform:translate(-50%) scale(1.05)}70%{transform:translate(-50%) scale(.95)}to{transform:translate(-50%) scale(1)}}.chatbot-toggle:hover{animation:pulseGlow 1.5s infinite}.chatbot-container:hover{box-shadow:0 15px 30px #0003,0 5px 15px #ffffff1a,inset 0 0 3px #ffffff80;transition:box-shadow .3s ease}.no-button:focus,.yes-button:focus{box-shadow:0 0 0 2px #6669ff80;outline:none}@media (max-width:480px){.chatbot-container{height:400px;left:20px;pointer-events:auto;width:calc(100% - 40px)}}.chatbot-terms-container{background-color:#fff;background-color:var(--card-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;color:var(--text-color,#333);margin:0 auto;max-width:900px;padding:2rem}.chatbot-terms-header{align-items:center;border-bottom:1px solid #ccc;border-bottom:1px solid var(--card-border,#ccc);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-actions{align-items:center;display:flex;gap:12px}.chatbot-terms-header h1{color:#ff6b35;color:var(--accent-color,#ff6b35);font-size:max(1.2rem,min(5vw,1.8rem))}.language-button-header{align-items:center;background-color:#ff7e85;background-color:var(--comp,#ff7e85);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:.5rem 1rem;transition:background-color .2s}.language-button-header:hover{background-color:#5152cc;background-color:var(--accent-dark,#5152cc)}.back-button{background-color:#ff6b35;background-color:var(--accent-color,#ff6b35);border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem 1rem;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s}.back-button:hover{background-color:#ff7e85;background-color:var(--comp,#ff7e85)}.chatbot-terms-content{line-height:1.6}.chatbot-terms-content section{margin-bottom:2rem}.chatbot-terms-content h2{color:#ff6b35;color:var(--accent-color,#ff6b35);font-size:1.3rem;margin-bottom:1rem}.chatbot-terms-content p{margin-bottom:1rem}.chatbot-terms-content ul{margin-bottom:1rem;margin-left:1.5rem}.chatbot-terms-content ul li{margin-bottom:.5rem}.terms-footer{border-top:1px solid #ccc;border-top:1px solid var(--card-border,#ccc);color:#888;color:var(--footer-color,#888);font-size:.9rem;margin-top:3rem;padding-top:1rem;text-align:center}.terms-language-selector{background-color:#f5f5f7;background-color:var(--card-bg-light,#f5f5f7);border:1px solid #ccc;border:1px solid var(--card-border,#ccc);border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:2rem;padding:1rem}.language-selector-header{align-items:center;color:#ff6b35;color:var(--accent-color,#ff6b35);display:flex;font-weight:700;gap:8px;margin-bottom:12px}.language-buttons{display:flex;flex-wrap:wrap;gap:10px}.language-button{background-color:#eaebff;background-color:var(--card-bg-light,#eaebff);border:1px solid #ddd;border:1px solid var(--card-border,#ddd);border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.language-button:hover{background-color:#e0e1ff;background-color:var(--accent-light,#e0e1ff);border-color:#ff6b35;border-color:var(--accent-color,#ff6b35)}.language-button.active{background-color:#ff6b35;background-color:var(--accent-color,#ff6b35);border-color:#5152cc;border-color:var(--accent-dark,#5152cc);color:#fff}@media (max-width:768px){.chatbot-terms-container{padding:1.5rem}.chatbot-terms-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.chatbot-terms-header h1{font-size:1.5rem}.language-buttons{justify-content:space-between}.language-button{flex:1;text-align:center}}:root{--bg-color:#fdfdfd;--text-color:#333;--footer-color:#888;--card-bg:#fff;--card-border:#ccc;--comp:#ff7e85;--accent-color:#1e90ff;--accent-color-rgb:30,144,255}[data-theme=dark]{--bg-color:#1e1e1e;--text-color:#eee;--footer-color:#aaa;--card-bg:#2a2a2a;--card-border:#444;--placeholder-color:#797979;--comp:#48ff00;--vocal:#00f7ff;--cal:#1873cc;--card-light:#54545a;--accent-light:#521c1c;--cal-bg:rgba(4,44,77,.549);--nofound:#966a8a}[data-theme=light]{--bg-color:#fff;--text-color:#222;--footer-color:#888;--card-bg:#fff;--card-border:#ccc;--placeholder-color:#9c9a9a;--comp:#ff0037;--vocal:#1c2bff;--cal:#1e90ff;--card-light:#b3b3be;--accent-light:#9dff00;--cal-bg:hsla(0,4%,85%,.506);--nofound:#168600}body,html{background-color:#fdfdfd;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;transition:background-color .3s,color .3s}#root,.app-container{display:flex;flex-direction:column;min-height:100vh}.app-head{align-items:center;background-color:#fdfdfd;background-color:var(--bg-color);box-shadow:0 2px 6px #0000001a;display:flex;gap:15px;justify-content:space-between;left:0;padding:5px 15px;position:fixed;right:0;top:3px;z-index:1000}.app-head img{height:auto;max-width:45px}.app-header{color:#333;color:var(--text-color);font-size:max(1.4rem,min(5vw,1.9rem));font-weight:700}.app-head-left{cursor:pointer;gap:15px}.app-head-left,.app-head-right{align-items:center;display:flex}.app-head-right{gap:12px}.settings-btn{align-items:center;background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:max(1rem,min(3vw,1.5rem));justify-content:center;padding:.35rem;transition:all .2s ease}.settings-btn:hover{transform:translateY(-1px)}.settings-btn.active,.settings-btn:hover{color:#1e90ff;color:var(--accent-color)}@media (min-width:1200px){.settings-btn{font-size:max(1.2rem,min(3.5vw,1.75rem));padding:.4rem}}.main-columns{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:.5rem;flex:1;gap:.5rem;margin-top:3.5rem;padding:1rem;transition:grid-template-columns .3s ease}.center-column,.left-column,.right-column{background-color:#fff;background-color:var(--card-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 4px 12px #0000000d;padding:1rem}.panel-close-btn{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#333;color:var(--text-color);cursor:pointer;display:none;font-size:.875rem;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px;z-index:10}.panel-close-btn:hover{background:var(--nofound);color:#fdfdfd;color:var(--bg-color);transform:scale(1.05)}.panel-close-btn:active{transform:scale(.95)}.left-column,.right-column{position:relative}.footer{background-color:#fdfdfd;background-color:var(--bg-color);border-top:1px solid #ccc;border-top:1px solid var(--card-border);bottom:0;color:#888;color:var(--footer-color);font-size:.875rem;padding:.3rem 0;position:sticky;text-align:center;width:100%;z-index:50}.settings-popup{animation:slideIn .2s ease-out;background-color:#fff;background-color:var(--card-bg);border-radius:.5rem;box-shadow:0 4px 16px #00000026;max-height:80vh;max-width:90vw;overflow-y:auto;padding:.75rem;right:1rem;top:3rem;width:280px;z-index:1050}.settings-group label,.theme-toggle label{align-items:center;border-radius:6px;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:.5em;padding:.3em .5em;transition:background .15s,color .15s}.settings-group input[type=radio],.theme-toggle input[type=radio]{accent-color:#1e90ff;accent-color:var(--accent-color);height:1.1em;margin-right:.5em;width:1.1em}.settings-group input[type=radio]:focus+span,.settings-group label:focus-within,.theme-toggle input[type=radio]:focus+span,.theme-toggle label:focus-within{background:var(--card-light);outline:2px solid #1e90ff;outline:2px solid var(--accent-color)}.settings-group input[type=radio]:checked+span,.theme-toggle input[type=radio]:checked+span{color:#1e90ff;color:var(--accent-color);font-weight:700}.settings-group label:hover,.theme-toggle label:hover{background:var(--card-light)}.settings-popup{animation:fadeIn .2s ease-in-out;background:#fff;background:var(--card-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 8px #00000026;min-width:10rem;padding:1rem;position:absolute;right:0;top:100%;width:-moz-max-content;width:max-content}.settings-popup button{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:block;font-size:.96rem;padding:.3rem 0}.settings-popup button:hover{color:val(--accent-color)}.settings-group{display:flex;flex-direction:column;gap:.3em;margin-bottom:.5em}.account-group{border-top:1px solid #ccc;border-top:1px solid var(--card-border);margin-top:.5em;padding-top:.5em}.settings-group-title{color:#333;color:var(--text-color);font-size:1.05em;font-weight:700;margin-bottom:.3em}.settings-popup .account-group button{align-items:center;background:#fff;background:var(--card-bg);color:#333;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:.5em;justify-content:flex-start;margin-top:.3em;padding:.5em 0;text-align:left;transition:background .15s,color .15s,border .15s;width:100%}.settings-popup .account-group button:hover{color:var(--cal)}.settings-popup .account-group .logout-btn:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff4757e6!important;box-shadow:0 4px 12px #ff47574d!important;color:#fff!important;transform:translateY(-1px)!important}.settings-popup .account-group .logout-btn{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ff47571a!important;border:1px solid rgba(255,71,87,.3)!important;border-radius:6px!important;box-shadow:0 2px 8px #ff475726!important;color:#ff4757!important;font-weight:600!important;justify-content:center!important;text-align:center!important;transition:all .2s ease!important;width:auto!important}.settings-popup .account-group img{background:#fff;background:var(--card-bg);border:1.5px solid #ccc;border:1.5px solid var(--card-border);border-radius:50%;flex-shrink:0;height:32px;margin-right:8px;-o-object-fit:cover;object-fit:cover;width:32px}.settings-popup .account-group .profile-btn-name{align-items:center;display:flex;line-height:1.2;margin:0}.theme-toggle button:hover{background:#333;color:#fff}.suggestions-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:12px;padding-left:0}.suggestion-item{background-color:var(--accent-light);border:none;border-radius:20px;color:#333;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;padding:6px 14px;transition:background .3s ease,transform .2s ease}.no-found{color:var(--nofound);font-size:1rem;font-style:italic;padding:17px 10px 10px;text-align:center}.suggestion-item:hover{background-color:#10f;box-shadow:0 3px 8px #00000026;color:#333;color:var(--text-color);transform:scale(1.05)}.song-page-container{align-items:flex-start;background-color:#fdfdfd;background-color:var(--bg-color);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:1.5rem}.song-page-container .song-view-container{margin:2rem auto;max-width:800px;width:100%}@media (max-width:768px){.song-page-container{box-sizing:border-box;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:.5rem;width:100%}.song-page-container .song-view-container{box-sizing:border-box;display:flex;flex-direction:column;margin:.5rem auto;max-width:100%;min-height:calc(100vh - 1rem);min-height:calc(100dvh - 1rem);width:100%}}.mobile-drawer-btn{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:none;font-size:1.5rem;padding:.25rem}.mobile-drawer-btn:hover{color:#1e90ff;color:var(--accent-color)}.desktop-controls{display:flex;gap:12px}.desktop-control-btn{align-items:center;background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;transition:all .2s ease}.desktop-control-btn.active,.desktop-control-btn:hover{color:#1e90ff;color:var(--accent-color);transform:translateY(-1px)}.desktop-control-btn.active{position:relative}.desktop-control-btn.active:after{background-color:#1e90ff;background-color:var(--accent-color);border-radius:50%;bottom:-4px;content:"";height:6px;left:50%;position:absolute;transform:translate(-50%);width:6px}.mobile-drawer{animation:slideIn .2s ease-out;background-color:#fff;background-color:var(--card-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:.5rem;box-shadow:0 4px 16px #00000026;padding:.5rem 0;position:fixed;right:1rem;top:3.2rem;width:200px;z-index:1040}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drawer-item{align-items:center;background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;gap:10px;padding:.75rem 1rem;text-align:left;transition:background .2s ease;width:100%}.drawer-item.active,.drawer-item:hover{background-color:var(--card-light)}.drawer-item.active{position:relative}.drawer-item.active:before{background-color:#1e90ff;background-color:var(--accent-color);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.drawer-divider{background-color:#ccc;background-color:var(--card-border);height:1px;margin:.25rem 0}.header-settings-popup{animation:slideIn .2s ease-out;background-color:#fff;background-color:var(--card-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:.5rem;box-shadow:0 4px 16px #00000026;max-height:80vh;max-width:90vw;overflow-y:auto;padding:.75rem;position:absolute;right:1rem;top:3rem;width:200px;z-index:1050}.offline-indicator{align-items:center;animation:pulse 1.5s infinite;background-color:#ff9800;border-radius:10px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.03em;margin-left:8px;padding:2px 8px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.offline-icon{font-size:.8em}.refresh-indicator{align-items:center;background-color:#4caf50;border-radius:10px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.03em;margin-left:8px;padding:2px 8px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.refresh-icon{font-size:.8em}.refresh-text{font-size:.65em}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width:992px){.main-columns{grid-template-columns:1fr 3fr}.right-column{display:none}.right-column.panel-visible{animation:fadeInRight .3s ease-out;background:#fff;background:var(--card-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 4px 20px #0003;display:block;max-height:80vh;max-width:90vw;overflow-y:auto;position:fixed;right:1rem;top:3.5rem;width:300px;z-index:1030}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mobile-drawer-btn{display:flex;font-size:1.75rem}.desktop-controls,.settings-btn{display:none}.app-head{padding:5px 12px}.app-head-right{gap:8px}}@media (max-width:768px){.main-columns{grid-template-columns:1fr;margin-top:3.5rem}.left-column{display:none}.left-column.panel-visible{animation:fadeInLeft .3s ease-out;background:#fff;background:var(--card-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 4px 20px #0003;display:block;left:1rem;max-height:80vh;max-width:90vw;overflow-y:auto;position:fixed;top:3.5rem;width:300px;z-index:1030}.left-column.calendar-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--cal-bg)}.left-column.calendar-panel .panel-close-btn{background:#333;background:var(--text-color);color:#fdfdfd;color:var(--bg-color)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mobile-drawer-btn{display:flex;font-size:2rem}.desktop-controls{display:none}.song-page-container{padding:.5rem}.song-page-container .song-view-container{margin:1rem auto}}@media (max-width:480px){.center-column{margin:0;padding:.5rem}:root{--base-font-xs:max(.9rem,min(3vw,1.1rem));--base-font-sm:max(1rem,min(3.5vw,1.2rem));--base-font-md:max(1.1rem,min(4vw,1.3rem));--base-font-lg:max(1.2rem,min(4.5vw,1.4rem));--base-font-xl:max(1.3rem,min(5vw,1.5rem))}.app-container,.main-container,body{font-size:var(--base-font-md)!important}h1{font-size:max(1.4rem,min(5.5vw,2rem))!important}h2{font-size:max(1.1rem,min(4.5vw,1.6rem))!important}h3{font-size:max(1rem,min(4vw,1.4rem))!important}h4{font-size:max(.95rem,min(3.5vw,1.2rem))!important}h5{font-size:max(.9rem,min(3vw,1.1rem))!important}h6{font-size:max(.85rem,min(2.5vw,1rem))!important}button{font-size:max(.75rem,min(2.5vw,.9rem))!important}input,textarea{font-size:max(.8rem,min(2.8vw,1rem))!important}p{font-size:max(.8rem,min(2.8vw,.95rem))!important}span{font-size:max(.75rem,min(2.5vw,.9rem))!important}.dropdown-item,.menu-item,.nav-item{font-size:max(.75rem,min(2.5vw,.875rem))!important}.panel-close-btn{border-width:2px;box-shadow:0 2px 8px #00000026;display:flex;font-size:1rem;height:36px;right:.5rem;top:.5rem;width:36px}.panel-close-btn:hover{box-shadow:0 4px 12px #0003}.suggestion-item{font-size:max(.8rem,min(2.5vw,.9rem))!important;padding:8px 12px!important}.no-found{font-size:max(.9rem,min(2.8vw,1rem))!important;padding:12px 8px 8px!important}.suggestions-list div:first-child{font-size:max(.85rem,min(2.6vw,.95rem))!important}.settings-group-title{font-size:max(.85rem,min(2.5vw,.95rem))!important}.drawer-item,.settings-group label,.theme-toggle label{font-size:max(.8rem,min(2.4vw,.9rem))!important}.drawer-item{min-height:42px!important;padding:.8rem 1rem!important}.settings-popup .account-group .logout-btn{font-size:max(.8rem,min(2.4vw,.9rem))!important}.mobile-drawer-btn{font-size:max(1.6rem,min(4.5vw,2rem))!important;min-height:40px!important;min-width:40px!important;padding:.35rem!important}}@media (max-width:360px){.center-column{margin:0;padding:.4rem}:root{--base-font-xs:max(.85rem,min(2.8vw,1rem));--base-font-sm:max(.95rem,min(3.2vw,1.1rem));--base-font-md:max(1.05rem,min(3.8vw,1.2rem));--base-font-lg:max(1.15rem,min(4.2vw,1.3rem));--base-font-xl:max(1.25rem,min(4.8vw,1.4rem))}.app-container,.main-container,body{font-size:var(--base-font-md)!important}h1{font-size:max(1.3rem,min(5.2vw,1.8rem))!important}h2{font-size:max(1.2rem,min(4.8vw,1.6rem))!important}h3{font-size:max(1.15rem,min(4.5vw,1.5rem))!important}h4{font-size:max(1.1rem,min(4.2vw,1.4rem))!important}h5{font-size:max(1.05rem,min(4vw,1.3rem))!important}h6{font-size:max(1rem,min(3.8vw,1.2rem))!important}.panel-close-btn{border-width:2px;display:flex;font-size:1.1rem;height:40px;right:.4rem;top:.4rem;width:40px}button{font-size:max(.65rem,min(2.2vw,.8rem))!important}.suggestion-item{font-size:max(.75rem,min(2.2vw,.85rem))!important;padding:6px 10px!important}.no-found{font-size:max(.85rem,min(2.5vw,.95rem))!important;padding:10px 6px 6px!important}.settings-group-title,.suggestions-list div:first-child{font-size:max(.8rem,min(2.3vw,.9rem))!important}.settings-group label,.theme-toggle label{font-size:max(.75rem,min(2.2vw,.85rem))!important}.drawer-item{font-size:max(.75rem,min(2.1vw,.85rem))!important;min-height:40px!important;padding:.75rem .9rem!important}.settings-popup .account-group .logout-btn{font-size:max(.75rem,min(2.2vw,.85rem))!important}.mobile-drawer-btn{font-size:max(1.5rem,min(4.2vw,1.8rem))!important;min-height:38px!important;min-width:38px!important;padding:.3rem!important}}@media (max-width:320px){.panel-close-btn{border-width:2px;box-shadow:0 3px 10px #0003;display:flex;font-size:1.2rem;height:42px;right:.3rem;top:.3rem;width:42px}.center-column{margin:0;padding:.3rem}.song-page-container{font-size:max(1rem,min(3vw,1.15rem));min-height:100vh;min-height:100dvh;padding:.25rem}.song-page-container .song-view-container{display:flex;flex-direction:column;margin:.25rem auto;min-height:calc(100vh - .5rem);min-height:calc(100dvh - .5rem);padding:.5rem}.song-lyrics{font-size:max(.7rem,min(2.2vw,.85rem))!important;line-height:1.3!important;max-height:calc(100vh - 120px)!important;max-height:calc(100dvh - 120px)!important}.profile-btn-name{font-size:max(.7rem,min(2vw,.8rem))!important}.offline-indicator,.refresh-indicator{font-size:max(.6rem,min(1.8vw,.7rem));padding:1px 6px}.refresh-text{display:none}.suggestion-item{font-size:max(.7rem,min(2vw,.8rem))!important;padding:5px 8px!important}.no-found{font-size:max(.8rem,min(2.2vw,.9rem))!important;padding:8px 4px 4px!important}.settings-group-title,.suggestions-list div:first-child{font-size:max(.75rem,min(2.1vw,.85rem))!important}.settings-group label,.theme-toggle label{font-size:max(.7rem,min(2vw,.8rem))!important}.drawer-item{font-size:max(.7rem,min(1.9vw,.8rem))!important;min-height:38px!important;padding:.7rem .85rem!important}.settings-popup .account-group .logout-btn{font-size:max(.7rem,min(2vw,.8rem))!important}.mobile-drawer-btn{font-size:max(1.4rem,min(3.8vw,1.7rem))!important;min-height:36px!important;min-width:36px!important;padding:.25rem!important}}@media (min-width:769px){.left-column.calendar-panel.panel-visible{display:none!important}}.search-bar-input:focus{border-color:#3182ce}.search-bar-container{margin:auto;max-width:800px;padding:.5rem;position:relative;width:100%}.search-wrapper{align-items:center;display:flex;max-width:800px;width:100%}.search-bar-input{background-color:var(--card-bg);border:1px solid #cbd5e0;border-radius:.5rem;border-radius:.375rem;box-shadow:0 2px 5px #0000001a;color:var(--text-color);flex:1;font-size:max(.875rem,min(2.5vw,1rem));max-width:500px;outline:none;padding:.75rem;transition:border .2s,background-color .3s,color .3s;width:100%}.search-bar-input::-moz-placeholder{color:var(--placeholder-color)}.search-bar-input::placeholder{color:var(--placeholder-color)}.settings-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:max(1rem,min(3vw,1.25rem));margin-left:.5rem;transition:transform .2s ease-in-out,color .3s ease}.settings-toggle:hover{color:#007bff;transform:rotate(90deg)}.settings-panel{animation:fadeIn .2s ease-in-out;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 4px 12px #00000026;color:var(--text-color);padding:1rem;position:absolute;right:0;top:110%;width:220px;z-index:10}.settings-panel label{color:var(--text-color);font-size:.9rem}.settings-panel input[type=radio],.settings-panel select{margin-top:.3rem}.settings-panel select{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;color:var(--text-color);font-size:.95rem;padding:.4rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.suggestions-dropdown{animation:fadeIn .2s ease-in-out;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 4px 12px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:110%;z-index:20}.suggestions-header{align-items:center;background-color:#00000005;border-bottom:1px solid var(--card-border);color:var(--text-color);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.history-icon{color:#1e90ff;color:var(--accent-color,#1e90ff);font-size:.9rem}.suggestion-item{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#0000000d;background-color:var(--card-hover,rgba(0,0,0,.05))}.suggestion-icon{color:var(--text-color);flex-shrink:0;font-size:.8rem;opacity:.5}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#0000000d;border-radius:3px;margin:4px 0}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#1e90ff;background:var(--accent-color,#1e90ff);border-radius:3px;opacity:.7}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#5558dd;background:var(--accent-hover,#5558dd)}@media (max-width:768px){.settings-toggle{font-size:max(1.25rem,min(4vw,1.5rem))}.settings-panel{padding:.9rem;width:200px}}@media (max-width:480px){.settings-toggle{font-size:max(1.5rem,min(5vw,1.75rem))}.settings-panel{border-radius:.5rem;left:0;max-width:180px;padding:.8rem;right:auto;width:90%}.settings-panel label{font-size:1rem}.settings-panel select{font-size:1rem;padding:.3rem}.suggestions-dropdown{max-height:200px}.suggestion-item{font-size:1rem;padding:.6rem .75rem}.suggestions-header{font-size:.95rem;padding:.6rem .75rem}}@media (max-width:360px){.settings-panel{border-radius:.4rem;max-width:160px;padding:.7rem;width:95%}.settings-panel label{font-size:.95rem}.settings-panel select{font-size:.95rem;padding:.25rem}}