body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;margin:0;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);scroll-behavior:smooth}*,:after,:before{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}[onclick],[role=button],a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.flex-container{display:flex}.scroll-container{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overscroll-behavior:contain}#root{background-color:initial;min-height:100vh;width:100%}:root{--vh:1vh;--bottom-bar-height:0px}@supports (-webkit-touch-callout:none){.full-height{min-height:-webkit-fill-available}}.dvh-full,.full-height{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:100dvh}.svh-full{min-height:100svh}.lvh-full{min-height:100lvh}@supports (padding-bottom:env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}input,select,textarea{font-size:16px!important}[role=button],a,button{touch-action:manipulation}.smooth-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position}.flex-fix{display:flex;flex-direction:column}.gradient-fix{background:linear-gradient(135deg,#667eea,#764ba2);background:-o-linear-gradient(135deg,#667eea 0,#764ba2 100%)}.animation-fix{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;transform:translateZ(0);-webkit-transform:translateZ(0)}.modal-safe-area{padding-bottom:max(20px,env(safe-area-inset-bottom))}.fixed-bottom{bottom:0;bottom:env(safe-area-inset-bottom);bottom:max(env(safe-area-inset-bottom),0px);bottom:max(env(safe-area-inset-bottom),var(--bottom-bar-height,0px));left:0;position:fixed;right:0}@supports (height:100dvh){.fixed-bottom{bottom:env(safe-area-inset-bottom,0)}}.bottom-safe-spacing{margin-bottom:0;margin-bottom:var(--bottom-bar-height,0);padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}.modal-bottom-safe{padding-bottom:max(20px,env(safe-area-inset-bottom,16px),0px);padding-bottom:max(20px,env(safe-area-inset-bottom,16px),var(--bottom-bar-height,0px))}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}@media screen and (-webkit-min-device-pixel-ratio:2){body{-webkit-font-smoothing:subpixel-antialiased}}@media screen and (orientation:landscape) and (max-height:500px){.landscape-compact{padding-bottom:8px;padding-top:8px}}:root,body{--theme-primary:#667eea;--theme-primary-light:#8b9cf5;--theme-primary-dark:#4c5fd5;--theme-background:#fff;--theme-background-secondary:#f8f9fa;--theme-background-card:#fff;--theme-background-modal:#fff;--theme-text-primary:#1a1a2e;--theme-text-secondary:#4a4a6a;--theme-text-muted:#8a8aa0;--theme-border:#e0e0e0;--theme-divider:#f0f0f0;--theme-success:#28a745;--theme-warning:#ffc107;--theme-error:#dc3545;--theme-info:#17a2b8;--theme-gradient-start:#667eea;--theme-gradient-end:#764ba2;--theme-shadow-color:rgba(0,0,0,.1);--theme-table-header:linear-gradient(135deg,#667eea,#764ba2);--theme-table-row-even:#fff;--theme-table-row-odd:#f8f9fa;--theme-table-row-hover:#e8f4fd}.activity-form-modal-overlay,.modal-overlay,.registration-modal-overlay{background:rgba(0,0,0,.5)}[data-theme-dark=true] .activity-form-modal-overlay,[data-theme-dark=true] .modal-overlay,[data-theme-dark=true] .registration-modal-overlay{background:rgba(0,0,0,.7)}.activity-form-modal-content,.modal-content,.registration-list-modal-content,.registration-modal-content{background:#fff;background:var(--theme-background-modal);color:#1a1a2e;color:var(--theme-text-primary)}.themed-input,input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{background:#fff;background:var(--theme-background-card);border-color:#e0e0e0;border-color:var(--theme-border);color:#1a1a2e;color:var(--theme-text-primary)}.themed-input:focus,input:focus,select:focus,textarea:focus{border-color:#667eea;border-color:var(--theme-primary);box-shadow:0 0 0 3px rgba(102,126,234,.15)}[data-theme-dark=true] .themed-input:focus,[data-theme-dark=true] input:focus,[data-theme-dark=true] select:focus,[data-theme-dark=true] textarea:focus{box-shadow:0 0 0 3px rgba(124,140,255,.25)}.registration-table thead,.themed-table thead{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--theme-table-header)}.registration-table tbody tr:nth-child(2n),.themed-table tbody tr:nth-child(2n){background:#fff;background:var(--theme-table-row-even)}.registration-table tbody tr:nth-child(odd),.themed-table tbody tr:nth-child(odd){background:#f8f9fa;background:var(--theme-table-row-odd)}.registration-table tbody tr:hover,.themed-table tbody tr:hover{background:#e8f4fd;background:var(--theme-table-row-hover)}.activity-card,.themed-card{background:#fff;background:var(--theme-background-card);border-color:#e0e0e0;border-color:var(--theme-border);color:#1a1a2e;color:var(--theme-text-primary)}[data-theme-dark=true] .activity-card{background:#fff!important;background:var(--theme-background-card)!important}[data-theme-dark=true] .activity-card,[data-theme-dark=true] .activity-card .activity-title,[data-theme-dark=true] .activity-card h3,[data-theme-dark=true] .activity-card h4{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .activity-card .activity-capacity,[data-theme-dark=true] .activity-card .activity-date,[data-theme-dark=true] .activity-card .activity-description,[data-theme-dark=true] .activity-card .activity-details,[data-theme-dark=true] .activity-card .activity-location,[data-theme-dark=true] .activity-card .activity-price,[data-theme-dark=true] .activity-card .meta-label,[data-theme-dark=true] .activity-card .meta-line,[data-theme-dark=true] .activity-card p{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}[data-theme=nature] .activity-card{background:var(--theme-background-card)!important}[data-theme=nature] .activity-card,[data-theme=nature] .activity-card .activity-title,[data-theme=nature] .activity-card h3,[data-theme=nature] .activity-card h4{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme=nature] .activity-card .activity-description,[data-theme=nature] .activity-card .activity-details,[data-theme=nature] .activity-card p{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}[data-theme-dark=true] .card-registration-list,[data-theme-dark=true] .registration-preview{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .card-registration-list span,[data-theme-dark=true] .registration-preview span{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}.action-button,.themed-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--theme-gradient-start),var(--theme-gradient-end));color:#fff}.themed-button-secondary{background:#f8f9fa;background:var(--theme-background-secondary);border-color:#e0e0e0;border-color:var(--theme-border);color:#1a1a2e;color:var(--theme-text-primary)}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--theme-gradient-start),var(--theme-gradient-end))}.themed-divider,hr{border-color:#f0f0f0;border-color:var(--theme-divider)}.themed-badge{background:#667eea;background:var(--theme-primary);color:#fff}.themed-badge-success{background:#28a745;background:var(--theme-success)}.themed-badge-warning{background:#ffc107;background:var(--theme-warning);color:#1a1a2e}.themed-badge-error{background:#dc3545;background:var(--theme-error)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--theme-background-secondary)}::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--theme-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a8aa0;background:var(--theme-text-muted)}[data-theme-dark=true] ::-webkit-scrollbar-track{background:#fff;background:var(--theme-background)}[data-theme-dark=true] ::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--theme-border)}::-moz-selection{background:#667eea;background:var(--theme-primary);color:#fff}::selection{background:#667eea;background:var(--theme-primary);color:#fff}a{color:#667eea;color:var(--theme-primary)}a:hover{color:#4c5fd5;color:var(--theme-primary-dark)}::-webkit-input-placeholder{color:#8a8aa0;color:var(--theme-text-muted)}::placeholder{color:#8a8aa0;color:var(--theme-text-muted)}.disabled,:disabled{cursor:not-allowed;opacity:.6}.themed-loading{border-color:#e0e0e0;border-color:var(--theme-border);border-top-color:#667eea;border-top-color:var(--theme-primary)}.themed-tooltip{background:#1a1a2e;background:var(--theme-text-primary);color:#fff;color:var(--theme-background)}.themed-dropdown{background:#fff;background:var(--theme-background-card);border-color:#e0e0e0;border-color:var(--theme-border);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--theme-shadow-color)}.themed-dropdown-item:hover{background:#f8f9fa;background:var(--theme-background-secondary)}.themed-tabs{border-bottom-color:#f0f0f0;border-bottom-color:var(--theme-divider)}.themed-tab{color:#4a4a6a;color:var(--theme-text-secondary)}.themed-tab.active{border-bottom-color:#667eea;border-bottom-color:var(--theme-primary)}.themed-tab.active,.themed-tab:hover{color:#667eea;color:var(--theme-primary)}[data-theme-dark=true] #root,[data-theme-dark=true] body{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] #root,[data-theme-dark=true] .activity-list-container,[data-theme-dark=true] .home-container,[data-theme-dark=true] .outdoor-activity-system,[data-theme-dark=true] body{background:#fff!important;background:var(--theme-background)!important}[data-theme-dark=true] .activity-list,[data-theme-dark=true] .enhanced-activity-list{background:transparent!important}[data-theme-dark=true] .activity-card *{color:inherit}[data-theme-dark=true] .activity-card a{color:#8b9cf5!important;color:var(--theme-primary-light)!important}[data-theme-dark=true] .move-buttons-container .move-btn{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme=nature] #root,[data-theme=nature] .activity-list-container,[data-theme=nature] .home-container,[data-theme=nature] .outdoor-activity-system,[data-theme=nature] body{background:#fff!important;background:var(--theme-background)!important}[data-theme-dark=true] .modal,[data-theme-dark=true] .modal-content{background:#fff!important;background:var(--theme-background-modal)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .modal-header{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-bottom-color:#e0e0e0!important;border-bottom-color:var(--theme-border)!important}[data-theme-dark=true] .modal-header h2,[data-theme-dark=true] .modal-header h3{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .modal-body{background:#fff!important;background:var(--theme-background-modal)!important}[data-theme-dark=true] input,[data-theme-dark=true] select,[data-theme-dark=true] textarea{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] input::-webkit-input-placeholder,[data-theme-dark=true] textarea::-webkit-input-placeholder{color:#8a8aa0!important;color:var(--theme-text-muted)!important}[data-theme-dark=true] input::placeholder,[data-theme-dark=true] textarea::placeholder{color:#8a8aa0!important;color:var(--theme-text-muted)!important}[data-theme-dark=true] table{background:#fff!important;background:var(--theme-background-card)!important}[data-theme-dark=true] th{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--theme-table-header)!important;color:#fff!important}[data-theme-dark=true] td{background:#fff!important;background:var(--theme-background-card)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] tr:nth-child(2n) td{background:#fff!important;background:var(--theme-table-row-even)!important}[data-theme-dark=true] tr:nth-child(odd) td{background:#f8f9fa!important;background:var(--theme-table-row-odd)!important}[data-theme-dark=true] tr:hover td{background:#e8f4fd!important;background:var(--theme-table-row-hover)!important}[data-theme-dark=true] .dropdown-menu,[data-theme-dark=true] .user-dropdown{background:#fff!important;background:var(--theme-background-card)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important}[data-theme-dark=true] .dropdown-item,[data-theme-dark=true] .user-dropdown-item{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .dropdown-item:hover,[data-theme-dark=true] .user-dropdown-item:hover{background:#f8f9fa!important;background:var(--theme-background-secondary)!important}[data-theme-dark=true] .sub-module-card,[data-theme-dark=true] .system-settings-modal{background:#fff!important;background:var(--theme-background-card)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .sub-module-card:hover{background:#f8f9fa!important;background:var(--theme-background-secondary)!important}[data-theme-dark=true] .sub-module-info h4{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .sub-module-info p{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}.activity-form-modal-content,.modal,.modal-body:not(.music-auth-modal .modal-body),.modal-content:not(.music-auth-modal),.registration-list-modal-content,.registration-modal-content,.system-settings-modal{background:#fff!important;background:var(--theme-background-modal)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}.music-auth-modal,.music-auth-modal.modal-content{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.music-auth-modal .modal-header{background:rgba(0,0,0,.2)!important;border-bottom:none!important}.music-auth-modal .modal-header h3{color:#fff!important}.music-auth-modal .modal-body{background:transparent!important;color:#fff!important}.music-auth-modal .modal-body p{color:hsla(0,0%,100%,.8)!important}.music-auth-modal .modal-body div,.music-auth-modal .modal-body h4,.music-auth-modal .modal-body span{color:#fff!important}.music-auth-modal .modal-body input{background:rgba(0,0,0,.2)!important;border-color:hsla(0,0%,100%,.2)!important;color:#fff!important}.music-auth-modal .modal-body input::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)!important}.music-auth-modal .modal-body input::placeholder{color:hsla(0,0%,100%,.5)!important}.music-auth-modal .modal-body>div>div{background:rgba(0,0,0,.2)!important}.modal-footer{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-top-color:#e0e0e0!important;border-top-color:var(--theme-border)!important}[data-theme=nature] #root,[data-theme=nature] .activity-list-container,[data-theme=nature] .home-container,[data-theme=nature] .outdoor-activity-system,[data-theme=nature] body{background:#f6ffed!important}[data-theme=nature] .activity-form-modal-content,[data-theme=nature] .modal,[data-theme=nature] .modal-content,[data-theme=nature] .registration-modal-content{background:#fff!important;border-color:#d9d9d9!important}[data-theme=nature] .modal-body{background:#fff!important}[data-theme=nature] .sub-module-card{background:#fff!important;border-color:#d9d9d9!important}[data-theme=nature] .sub-module-card:hover{background:#f6ffed!important;border-color:#52c41a!important}[data-theme=nature] .sub-module-info h4{color:#262626!important}[data-theme=nature] .sub-module-info p{color:#595959!important}[data-theme=nature] input,[data-theme=nature] select,[data-theme=nature] textarea{background:#fff!important;border-color:#d9d9d9!important;color:#262626!important}[data-theme=nature] input:focus,[data-theme=nature] select:focus,[data-theme=nature] textarea:focus{border-color:#52c41a!important;box-shadow:0 0 0 2px rgba(82,196,26,.2)!important}[data-theme=nature] .activity-card{background:#fff!important;border:1px solid #e8e8e8!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important}[data-theme=nature] .activity-card:hover{box-shadow:0 4px 12px rgba(82,196,26,.15)!important}[data-theme=nature] .activity-card .activity-title,[data-theme=nature] .activity-card h3,[data-theme=nature] .activity-card h4{color:#262626!important}[data-theme=nature] .activity-card .activity-description,[data-theme=nature] .activity-card .activity-details,[data-theme=nature] .activity-card .meta-label,[data-theme=nature] .activity-card .meta-line,[data-theme=nature] .activity-card p{color:#595959!important}[data-theme=nature] .card-registration-list,[data-theme=nature] .registration-preview{background:#fafafa!important;border-color:#e8e8e8!important}[data-theme=nature] .card-reg-view-all{background:#52c41a!important;border-color:#52c41a!important}[data-theme=nature] .card-reg-view-all:hover{background:#73d13d!important;border-color:#73d13d!important}[data-theme=sky-blue] #root,[data-theme=sky-blue] .activity-list-container,[data-theme=sky-blue] .home-container,[data-theme=sky-blue] .outdoor-activity-system,[data-theme=sky-blue] body{background:#f0f5ff!important}[data-theme=sky-blue] .activity-form-modal-content,[data-theme=sky-blue] .modal,[data-theme=sky-blue] .modal-content,[data-theme=sky-blue] .registration-modal-content{background:#fff!important;border-color:#d9d9d9!important}[data-theme=sky-blue] .modal-body{background:#fff!important}[data-theme=sky-blue] .sub-module-card{background:#fff!important;border-color:#d9d9d9!important}[data-theme=sky-blue] .sub-module-card:hover{background:#e6f7ff!important;border-color:#1890ff!important}[data-theme=sky-blue] .sub-module-info h4{color:#262626!important}[data-theme=sky-blue] .sub-module-info p{color:#595959!important}[data-theme=sky-blue] input,[data-theme=sky-blue] select,[data-theme=sky-blue] textarea{background:#fff!important;border-color:#d9d9d9!important;color:#262626!important}[data-theme=sky-blue] input:focus,[data-theme=sky-blue] select:focus,[data-theme=sky-blue] textarea:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px rgba(24,144,255,.2)!important}[data-theme=sky-blue] .activity-card{background:#fff!important;border:1px solid #e8e8e8!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important}[data-theme=sky-blue] .activity-card:hover{box-shadow:0 4px 12px rgba(24,144,255,.15)!important}[data-theme=sky-blue] .activity-card .activity-title,[data-theme=sky-blue] .activity-card h3,[data-theme=sky-blue] .activity-card h4{color:#262626!important}[data-theme=sky-blue] .activity-card .activity-description,[data-theme=sky-blue] .activity-card .activity-details,[data-theme=sky-blue] .activity-card .meta-label,[data-theme=sky-blue] .activity-card .meta-line,[data-theme=sky-blue] .activity-card p{color:#595959!important}[data-theme=sky-blue] .card-registration-list,[data-theme=sky-blue] .registration-preview{background:#fafafa!important;border-color:#e8e8e8!important}[data-theme=sky-blue] .card-reg-view-all{background:#1890ff!important;border-color:#1890ff!important}[data-theme=sky-blue] .card-reg-view-all:hover{background:#40a9ff!important;border-color:#40a9ff!important}[data-theme=nature] th,[data-theme=sky-blue] th{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--theme-table-header)!important;color:#fff!important}[data-theme=nature] td,[data-theme=sky-blue] td{border-color:#e0e0e0!important;border-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme=nature] .action-button,[data-theme=nature] .manage-btn,[data-theme=nature] .register-btn{background:linear-gradient(135deg,#43a047,#1de9b6)!important}[data-theme=sky-blue] .action-button,[data-theme=sky-blue] .manage-btn,[data-theme=sky-blue] .register-btn{background:linear-gradient(135deg,#1976d2,#42a5f5)!important}[data-theme=nature] .navigation-bar .nav-item.active,[data-theme=nature] .navigation-bar .nav-item:hover{background:rgba(76,175,80,.2)!important}[data-theme=sky-blue] .navigation-bar .nav-item.active,[data-theme=sky-blue] .navigation-bar .nav-item:hover{background:rgba(25,118,210,.2)!important}[data-theme=nature] .theme-switcher__trigger{background:#e8f5e9!important;border-color:#c8e6c9!important;color:#1b5e20!important}[data-theme=sky-blue] .theme-switcher__trigger{background:#bbdefb!important;border-color:#90caf9!important;color:#0d47a1!important}[data-theme=nature] .theme-switcher__panel{background:#f1f8e9!important;border-color:#c8e6c9!important}[data-theme=sky-blue] .theme-switcher__panel{background:#e3f2fd!important;border-color:#90caf9!important}[data-theme=nature] .user-dropdown{background:#fff!important;border-color:#c8e6c9!important}[data-theme=sky-blue] .user-dropdown{background:#fff!important;border-color:#90caf9!important}[data-theme=nature] .user-dropdown-item:hover{background:#e8f5e9!important}[data-theme=sky-blue] .user-dropdown-item:hover{background:#bbdefb!important}.view-details-btn{color:#667eea!important;color:var(--theme-primary)!important}.view-details-btn:hover{color:#4c5fd5!important;color:var(--theme-primary-dark)!important}[data-theme-dark=true] .view-details-btn{border:1px solid #8b9cf5!important;border:1px solid var(--theme-primary-light)!important;border-radius:4px!important;color:#8b9cf5!important;color:var(--theme-primary-light)!important;padding:4px 12px!important}[data-theme-dark=true] .view-details-btn:hover{background:rgba(124,140,255,.15)!important;color:#a0adff!important}[data-theme-dark=true] .registration-preview{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important}[data-theme-dark=true] .registration-preview-header{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .registration-names,[data-theme-dark=true] .registration-preview-header span{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}[data-theme-dark=true] .registration-preview .preview-title,[data-theme-dark=true] .registration-preview h4{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .outline-btn,[data-theme-dark=true] .secondary-btn,[data-theme-dark=true] button[class*=outline]{background:transparent!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .outline-btn:hover,[data-theme-dark=true] .secondary-btn:hover{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#8b9cf5!important;border-color:var(--theme-primary-light)!important}[data-theme-dark=true] .card-registration-list{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important}[data-theme-dark=true] .card-reg-header{border-bottom-color:#e0e0e0!important;border-bottom-color:var(--theme-border)!important}[data-theme-dark=true] .card-reg-title{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .card-reg-view-all{background:#667eea!important;background:var(--theme-primary)!important;border-color:#667eea!important;border-color:var(--theme-primary)!important;color:#fff!important}[data-theme-dark=true] .card-reg-view-all:hover{background:#8b9cf5!important;background:var(--theme-primary-light)!important;border-color:#8b9cf5!important;border-color:var(--theme-primary-light)!important;color:#fff!important}[data-theme-dark=true] .card-reg-names{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}[data-theme=nature] .card-registration-list{background:#e8f5e9!important;border-color:#c8e6c9!important}[data-theme=nature] .card-reg-title{color:#1b5e20!important}[data-theme=nature] .card-reg-view-all{background:#4caf50!important;border-color:#4caf50!important;color:#fff!important}[data-theme=nature] .card-reg-view-all:hover{background:#43a047!important;border-color:#43a047!important}[data-theme=nature] .card-reg-names{color:#33691e!important}[data-theme=sky-blue] .card-registration-list{background:#bbdefb!important;border-color:#90caf9!important}[data-theme=sky-blue] .card-reg-title{color:#0d47a1!important}[data-theme=sky-blue] .card-reg-view-all{background:#1976d2!important;border-color:#1976d2!important;color:#fff!important}[data-theme=sky-blue] .card-reg-view-all:hover{background:#1565c0!important;border-color:#1565c0!important}[data-theme=sky-blue] .card-reg-names{color:#1565c0!important}[data-theme-dark=true] .activity-card{border:none!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}[data-theme-dark=true] .activity-card,[data-theme-dark=true] .card-registration-list{border-color:#e0e0e0!important;border-color:var(--theme-border)!important}[data-theme-dark=true] .registration-preview{border:1px solid #e0e0e0!important;border:1px solid var(--theme-border)!important}[data-theme-dark=true] .activity-list-management-modal,[data-theme-dark=true] .activity-list-management-modal .modal-body{background:#fff!important;background:var(--theme-background-modal)!important}[data-theme-dark=true] .activity-list-management-modal .tab-navigation{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-bottom-color:#e0e0e0!important;border-bottom-color:var(--theme-border)!important}[data-theme-dark=true] .activity-list-management-modal .tab-btn{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}[data-theme-dark=true] .activity-list-management-modal .tab-btn:hover{background:#fff!important;background:var(--theme-background-card)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .activity-list-management-modal .tab-btn.active{background:#fff!important;background:var(--theme-background-card)!important;border-bottom-color:#8b9cf5!important;border-bottom-color:var(--theme-primary-light)!important;color:#8b9cf5!important;color:var(--theme-primary-light)!important}[data-theme-dark=true] .activity-list-management-modal .tab-content{background:#fff!important;background:var(--theme-background-modal)!important}[data-theme-dark=true] .activity-list-management-modal .section-header h4{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .activity-list-management-modal .section-header p{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}[data-theme-dark=true] .activity-list-management-modal .activity-item{background:#fff!important;border-color:#e2e8f0!important}[data-theme-dark=true] .activity-list-management-modal .activity-info h5,[data-theme-dark=true] .activity-list-management-modal .activity-item .checkbox-label,[data-theme-dark=true] .activity-list-management-modal .activity-item input[type=checkbox]+span,[data-theme-dark=true] .activity-list-management-modal .activity-item label,[data-theme-dark=true] .activity-list-management-modal .activity-item span{color:#1e293b!important}[data-theme-dark=true] .activity-list-management-modal .activity-info p{color:#64748b!important}[data-theme-dark=true] .activity-list-management-modal .option-group{background:#fff!important;border-color:#e2e8f0!important}[data-theme-dark=true] .activity-list-management-modal .option-group:hover{border-color:#8b9cf5!important;border-color:var(--theme-primary-light)!important}[data-theme-dark=true] .activity-list-management-modal .option-label,[data-theme-dark=true] .activity-list-management-modal .option-text h5{color:#1e293b!important}[data-theme-dark=true] .activity-list-management-modal .option-text p{color:#64748b!important}[data-theme-dark=true] .activity-list-management-modal .setting-label{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .activity-list-management-modal .setting-description{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}[data-theme-dark=true] .activity-list-management-modal .batch-btn{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .activity-list-management-modal .batch-btn:hover{background:#fff!important;background:var(--theme-background-card)!important}[data-theme-dark=true] .activity-list-management-modal .modal-footer{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-top-color:#e0e0e0!important;border-top-color:var(--theme-border)!important}[data-theme-dark=true] .activity-list-management-modal .footer-info p{color:#4a4a6a!important;color:var(--theme-text-secondary)!important}[data-theme-dark=true] .activity-list-management-modal .weather-preview{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important}[data-theme-dark=true] .activity-list-management-modal .weather-preview h5{color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .activity-list-management-modal .weather-card{background:#fff!important}[data-theme-dark=true] .activity-list-management-modal .weather-card h4{color:#1e293b!important}[data-theme-dark=true] .activity-list-management-modal .weather-card p{color:#64748b!important}[data-theme-dark=true] .activity-list-management-modal .glow-preview{background:#f8f9fa!important;background:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important}[data-theme-dark=true] .activity-list-management-modal .option-group input,[data-theme-dark=true] .activity-list-management-modal .option-group select{background:#fff!important;border-color:#e2e8f0!important;color:#1e293b!important}[data-theme-dark=true] .list-management-modal,[data-theme-dark=true] .list-management-modal .modal-body{background:#fff!important;background:var(--theme-background-modal)!important}[data-theme-dark=true] .list-management-modal .list-management-section h3{border-bottom-color:#e0e0e0!important;border-bottom-color:var(--theme-border)!important;color:#1a1a2e!important;color:var(--theme-text-primary)!important}[data-theme-dark=true] .list-management-modal .column-grid{background-color:#f8f9fa!important;background-color:var(--theme-background-secondary)!important;border-color:#e0e0e0!important;border-color:var(--theme-border)!important}[data-theme-dark=true] .list-management-modal .column-grid .column-grid-item,[data-theme-dark=true] .list-management-modal-overlay .column-grid-item,body[data-theme-dark=true] .column-grid-item{background-color:#1f2940!important;border-color:#3a3a5a!important}[data-theme-dark=true] .list-management-modal .column-grid-item:hover,body[data-theme-dark=true] .column-grid-item:hover{background-color:#252f4a!important;border-color:#a0adff!important}[data-theme-dark=true] .list-management-modal .column-checkbox,[data-theme-dark=true] .list-management-modal .column-grid-item label,[data-theme-dark=true] .list-management-modal .column-grid-item span,[data-theme-dark=true] .list-management-modal .column-label,body[data-theme-dark=true] .column-checkbox,body[data-theme-dark=true] .column-grid-item label,body[data-theme-dark=true] .column-grid-item span,body[data-theme-dark=true] .column-label{color:#e8e8e8!important}[data-theme-dark=true] .list-management-modal .always-visible-badge,body[data-theme-dark=true] .always-visible-badge{background-color:#4caf50!important;color:#fff!important}[data-theme-dark=true] .list-management-modal .pagination-checkbox,[data-theme-dark=true] .list-management-modal .pagination-checkbox span,[data-theme-dark=true] .list-management-modal .pagination-controls,body[data-theme-dark=true] .pagination-checkbox,body[data-theme-dark=true] .pagination-checkbox span,body[data-theme-dark=true] .pagination-controls{color:#e8e8e8!important}[data-theme-dark=true] .list-management-modal .pagination-description,body[data-theme-dark=true] .pagination-description{color:#b0b0c0!important}[data-theme-dark=true] .list-management-modal .column-control-buttons button,body[data-theme-dark=true] .column-control-buttons button{background-color:#16213e!important;border-color:#3a3a5a!important;color:#e8e8e8!important}[data-theme-dark=true] .list-management-modal .column-control-buttons button:hover,body[data-theme-dark=true] .column-control-buttons button:hover{background-color:#1f2940!important;border-color:#a0adff!important}[data-theme-dark=true] .list-management-modal .modal-footer,body[data-theme-dark=true] .list-management-modal .modal-footer{background-color:#16213e!important;border-top-color:#3a3a5a!important}[data-theme-dark=true] .list-management-modal .cancel-button,body[data-theme-dark=true] .list-management-modal .cancel-button{background-color:#1f2940!important;border-color:#3a3a5a!important;color:#e8e8e8!important}[data-theme-dark=true] .list-management-modal .save-default-button,body[data-theme-dark=true] .list-management-modal .save-default-button{background:linear-gradient(135deg,#4caf50,#20c997)!important;color:#fff!important}.modal-overlay{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.login-modal .login-action-buttons{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;justify-content:flex-end}.login-modal .login-action-buttons .btn-cancel{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;line-height:1.4;min-width:60px;padding:6px 12px}.login-modal .login-action-buttons .btn-login{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;line-height:1.4;min-width:60px;padding:6px 12px}.login-modal-overlay,.modal-overlay.login-modal-overlay{-webkit-overflow-scrolling:auto!important;align-items:center!important;background:rgba(0,0,0,.8)!important;bottom:0!important;display:flex!important;height:100dvh!important;justify-content:center!important;left:0!important;overflow:hidden!important;padding:12px!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1000000!important}.login-modal-overlay .login-modal{display:flex!important;flex-direction:column!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;width:min(500px,calc(100vw - 24px))!important}.login-modal-body{-webkit-overflow-scrolling:touch!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.login-modal{background:#fff;border-radius:16px;box-sizing:border-box;max-height:90vh;max-width:500px;overflow:hidden;padding:24px;width:90%}.modal-header{margin-bottom:16px}.login-modal .modal-header{cursor:move}.modal-header h2{margin:0}.close-button{font-size:24px}@media (max-width:768px){.modal-overlay{align-items:center;justify-content:center;padding:10px}.login-modal{border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;margin:0;max-height:calc(100dvh - 20px);max-width:none;overflow:hidden;padding:20px;position:relative;width:calc(100% - 20px)}.login-modal,.modal-body{overscroll-behavior:contain}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-y:auto}.close-button{position:absolute;right:16px;top:16px;z-index:2}.modal-header{background:#fff;flex-shrink:0;margin-bottom:20px;position:relative}.login-modal .visitor-login-prompt,.login-modal .wechat-login-prompt{display:block}.login-modal-body{flex:1 1 auto!important;max-height:calc(100dvh - 120px)!important;min-height:0!important;overflow-y:auto!important}.login-modal-overlay .login-modal{max-height:calc(100dvh - 40px)!important}.login-modal{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}}@media (max-width:480px){.login-modal{max-height:calc(100dvh - 30px);padding:16px}.login-modal-body{max-height:calc(100dvh - 100px)!important;padding-bottom:env(safe-area-inset-bottom,0)}.modal-header{margin-bottom:16px}.visitor-login-prompt,.wechat-login-prompt{margin-top:12px!important}}.login-modal *{box-sizing:border-box}@media (max-width:768px){.login-modal .login-action-buttons,.login-modal .modal-body .login-action-buttons,.login-modal .modal-body form .login-action-buttons,.login-modal-overlay .login-modal .modal-body form .login-action-buttons{align-items:center!important;border-top:none!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:flex-end!important;margin-top:12px!important;padding:0!important;width:100%!important}.login-modal .login-action-buttons .btn-cancel,.login-modal .login-action-buttons .btn-login,.login-modal .modal-body .login-action-buttons .btn-cancel,.login-modal .modal-body .login-action-buttons .btn-login,.login-modal .modal-body form .login-action-buttons .btn-cancel,.login-modal .modal-body form .login-action-buttons .btn-login,.login-modal-overlay .login-modal .modal-body form .login-action-buttons .btn-cancel,.login-modal-overlay .login-modal .modal-body form .login-action-buttons .btn-login{border-radius:4px!important;flex:0 0 auto!important;font-size:12px!important;height:auto!important;min-width:60px!important;padding:6px 12px!important;width:auto!important}.login-modal .login-action-buttons .btn-cancel{background:#fff!important;border:1px solid #ccc!important;color:#666!important}.login-modal .login-action-buttons .btn-login{background:#4a90e2!important;border:none!important;color:#fff!important}}.login-options{border-top:1px solid #eee;margin-bottom:0!important;margin-top:20px;padding-top:20px}.login-options-title{color:#666;font-size:14px;margin:0 0 12px;text-align:left}.login-options-buttons{display:flex;flex-direction:row;gap:10px}.login-modal .btn-wechat-login{background-color:#f7f7f7!important;border:1px solid #ddd!important;border-radius:6px!important;color:#333!important;cursor:pointer!important;display:inline-block!important;flex:0 0 auto!important;font-size:14px!important;padding:10px!important;text-align:center!important;transition:background-color .3s ease!important}.btn-wechat-login:hover{background-color:#eee}.btn-wechat-login{background-color:#09bb07;border-color:#09bb07;color:#fff}.btn-wechat-login:hover{background-color:#079b05}@media (min-width:769px){.login-modal-overlay{align-items:center!important;justify-content:center!important}.login-modal-overlay .login-modal{display:flex!important;flex-direction:column!important;max-height:53vh!important;overflow:hidden!important;width:480px!important}.login-modal-overlay .login-modal .login-modal-body{flex:1 1 auto!important;max-height:calc(53vh - 108px)!important;min-height:0!important;overflow-y:auto!important}}@media (max-width:768px){.login-modal-overlay{align-items:center!important;justify-content:center!important}.login-modal-overlay .login-modal{max-height:59vh!important}.login-modal-overlay .login-modal .login-modal-body{-webkit-overflow-scrolling:touch!important;max-height:calc(59vh - 92px)!important;overflow-y:auto!important}.login-modal .modal-body input[type=password],.login-modal .modal-body input[type=text]{display:block!important;margin:0 auto!important;max-width:300px!important;width:80%!important}.login-modal .modal-body label{display:block!important;margin:0 auto 6px!important;max-width:300px!important;min-width:3em!important;text-align:left!important;width:80%!important}.login-modal .login-action-buttons,.login-modal .modal-body form .login-action-buttons,.login-modal-overlay .login-modal .modal-body form .login-action-buttons{justify-content:flex-end!important;margin:12px auto 0!important;max-width:300px!important;padding-left:0!important;padding-right:0!important;width:80%!important}.login-modal .modal-body form>div:nth-of-type(2)>label{padding-left:0!important}}@media (min-width:769px){.login-modal .modal-body input[type=password],.login-modal .modal-body input[type=text]{display:block!important;margin:0 auto!important;max-width:360px!important;width:72%!important}.login-modal .modal-body label{display:block!important;margin:0 auto 6px!important;max-width:360px!important;min-width:3em!important;text-align:left!important;width:72%!important}.login-modal .login-action-buttons,.login-modal .modal-body form .login-action-buttons{justify-content:flex-end!important;margin:12px auto 0!important;max-width:360px!important;padding-left:0!important;padding-right:0!important;width:72%!important}body{background:#e8e8e8}}@font-face{font-display:swap;font-family:Source Han Sans SC;font-style:normal;font-weight:400;src:local("Source Han Sans SC"),local("思源黑体")}@font-face{font-display:swap;font-family:"Source Han Serif SC";font-style:normal;font-weight:400;src:local("Source Han Serif SC"),local("思源宋体")}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:400;src:local("Noto Sans SC")}@font-face{font-display:swap;font-family:Kaiti SC;font-style:normal;font-weight:400;src:local("Kaiti SC"),local("KaiTi"),local("楷体")}.outdoor-activity-system{background:#fff;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:0;width:100%}@media (min-width:769px){.outdoor-activity-system{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}}:root{--edge-space:8px;--edge-compensation-right:0px}@media (max-width:768px){:root{--edge-space:4px;--edge-compensation-right:1px}.outdoor-activity-system{-webkit-overflow-scrolling:touch;box-sizing:border-box!important;display:flex!important;flex-direction:column;height:100vh!important;height:calc(var(--vh, 1vh)*100)!important;left:0!important;margin:0!important;max-width:100%!important;min-height:100vh!important;min-height:calc(var(--vh, 1vh)*100)!important;min-width:100%!important;overflow-x:hidden!important;padding:0!important;position:relative!important;right:0!important;width:100%!important}.outdoor-activity-system>.mobile-header,.outdoor-activity-system>.navigation-bar,.outdoor-activity-system>.system-header{flex-shrink:0}.activities-grid{-webkit-overflow-scrolling:touch;-webkit-overflow-scrolling:touch!important;flex-grow:1;height:0;max-height:none!important;min-height:0;min-height:100px!important;overflow-y:auto;overflow-y:auto!important;padding-bottom:20px;padding-bottom:40px!important;touch-action:pan-y;touch-action:pan-y!important}.activities-grid::-webkit-scrollbar{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important}.activities-grid::-webkit-scrollbar-thumb{display:none!important}.outdoor-activity-system *{box-sizing:border-box!important;max-width:100%!important}.system-header{padding-left:0!important;padding-right:0!important}.navigation-bar,.system-header{border-radius:0!important;box-sizing:border-box!important;margin:0!important;width:100%!important}.navigation-bar{border-bottom:none!important}.activities-grid{box-sizing:border-box!important;height:auto!important;margin:0!important;padding:0 12px 16px!important;width:100%!important}}@media (max-width:480px){.outdoor-activity-system{border:none!important;margin:0!important;max-width:100vw!important;min-width:100vw!important;outline:none!important;overflow-x:hidden!important;padding:0!important;width:100vw!important}}.hidden-title{display:none!important}.mobile-header{display:none}.system-header{grid-gap:12px;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-shadow:0 4px 20px rgba(102,126,234,.3);color:#fff;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin-bottom:0;padding:16px 20px;position:relative;z-index:100}@media (min-width:1024px){.navigation-bar .nav-container,.outdoor-activity-system>.navigation-bar .nav-container{align-items:stretch;display:flex;gap:12px;overflow-x:hidden!important;overflow-y:hidden!important;white-space:normal!important;width:100%}.navigation-bar .nav-item{flex:1 1;justify-content:center;min-width:0}.navigation-bar .nav-item .nav-label{text-align:center;white-space:nowrap}}.navigation-bar{background:linear-gradient(135deg,#e8f4fd,#bfdbfe);border:1px solid #93c5fd;border-radius:0;box-shadow:0 1px 4px rgba(0,0,0,.08);height:48px;margin-bottom:0!important;margin-top:0;padding:4px 8px;padding:4px var(--edge-space,8px);position:relative}.nav-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;height:100%;justify-content:flex-start;max-width:100%;overflow-x:auto;touch-action:pan-x!important}.nav-container,.nav-item{align-items:center;display:flex}.nav-item{border-radius:4px;cursor:pointer;flex:0 0 auto;flex-direction:row;gap:6px;height:36px;justify-content:center;max-width:none;min-width:auto;padding:6px 12px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:#f8f9ff;box-shadow:none;-webkit-transform:none;transform:none}@media (max-width:768px){.nav-item :hover,.nav-item:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 1px 3px rgba(102,126,234,.2);color:#fff}.nav-item.active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);-webkit-transform:none;transform:none}@media (max-width:768px){.nav-item.active :hover,.nav-item.active:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-item.create-activity-nav{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px rgba(16,185,129,.3);color:#fff;font-weight:600}.nav-item.create-activity-nav:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px rgba(16,185,129,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.nav-item.create-activity-nav :hover,.nav-item.create-activity-nav:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-item.create-activity-nav .nav-label{color:#fff;font-weight:600}.nav-item.activity-list-nav{order:-100!important}.nav-item.create-activity-nav{order:-99!important}.nav-item.activity-list-nav{background:linear-gradient(135deg,#7b8bd1,#5e6fb7);box-shadow:0 2px 8px rgba(123,139,209,.3);color:#fff;font-weight:600}.nav-item.activity-list-nav .nav-icon,.nav-item.activity-list-nav .nav-label{color:#fff;font-weight:600}.nav-item.activity-list-nav:hover{background:linear-gradient(135deg,#6f7fc8,#5566a8);box-shadow:0 4px 12px rgba(123,139,209,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.nav-item.activity-list-nav :hover,.nav-item.activity-list-nav:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-item.activity-list-nav:active{box-shadow:0 1px 4px rgba(123,139,209,.3);-webkit-transform:translateY(1px);transform:translateY(1px)}.nav-item.activity-display-nav{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px rgba(245,158,11,.3);color:#fff;font-weight:600}.nav-item.activity-display-nav:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px rgba(245,158,11,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.nav-item.activity-display-nav :hover,.nav-item.activity-display-nav:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-item.activity-display-nav .nav-label{color:#fff;font-weight:600}.nav-item.user-management-nav{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px rgba(99,102,241,.3);color:#fff;font-weight:600}.nav-item.user-management-nav:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px rgba(99,102,241,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.nav-item.user-management-nav :hover,.nav-item.user-management-nav:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-item.recreation-nav,.nav-item.user-management-nav .nav-label{color:#fff;font-weight:600}.nav-item.recreation-nav{background:linear-gradient(135deg,#ec4899,#be185d);box-shadow:0 2px 8px rgba(236,72,153,.3)}.nav-item.recreation-nav:hover{background:linear-gradient(135deg,#be185d,#9d174d);box-shadow:0 4px 12px rgba(236,72,153,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.nav-item.recreation-nav :hover,.nav-item.recreation-nav:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-item.recreation-nav .nav-label{color:#fff;font-weight:600}.nav-item.system-management-nav{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 2px 8px rgba(100,116,139,.3);color:#fff;font-weight:600}.nav-item.system-management-nav:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px rgba(100,116,139,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.nav-item.system-management-nav :hover,.nav-item.system-management-nav:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-item.system-management-nav .nav-label{color:#fff;font-weight:600}.nav-icon{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.5rem;margin-bottom:0;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.nav-item:hover .nav-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:768px){.nav-icon:hover,.nav-item:hover .nav-icon{-webkit-transform:none!important;transform:none!important;transition:none!important}}.nav-label{color:#4a5568;font-size:1rem;font-weight:600;letter-spacing:.5px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:color .2s ease;white-space:nowrap}.nav-item.active .nav-label{color:#fff;font-weight:600}.nav-item:hover .nav-label{color:#2d3748}.nav-item.active:hover .nav-label{color:#fff}.header-left{align-items:center;display:flex;flex:1 1 auto;gap:12px}.header-left .user-avatar-btn{margin-left:auto}.logo-icon{color:hsla(0,0%,100%,.9);font-size:2rem}.system-header h1{font-size:1.6rem;font-weight:600;left:50%;margin:0;max-width:60%;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.main-title,.outdoor-activity-system{position:relative}.main-title{-webkit-animation:coordinated-text-shine 13s linear infinite;animation:coordinated-text-shine 13s linear infinite;-webkit-animation:coordinated-text-shine var(--title-glow-duration,13s) linear infinite;animation:coordinated-text-shine var(--title-glow-duration,13s) linear infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.95) 40%,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#f0f,hsla(0,0%,100%,.95) 60%,hsla(0,0%,100%,.95));background-size:300% 100%;color:transparent;display:inline-block;font-family:Source Han Sans SC,Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-family:var(--title-font-family,"Source Han Sans SC","Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif);font-weight:700!important;letter-spacing:2px!important;text-shadow:2px 2px 4px rgba(0,0,0,.3)!important}.main-title.glow-disabled{-webkit-animation:none!important;animation:none!important;background-image:none!important;color:inherit!important;text-shadow:none!important}.domino-runner{-webkit-animation:coordinated-light-streak-run 13s linear infinite;animation:coordinated-light-streak-run 13s linear infinite;-webkit-animation:coordinated-light-streak-run var(--glow-bar-duration,13s) linear infinite;animation:coordinated-light-streak-run var(--glow-bar-duration,13s) linear infinite;background-image:linear-gradient(90deg,transparent,transparent 40%,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#f0f,transparent 60%,transparent);background-size:300% 100%;height:8px;height:var(--glow-bar-height,8px);left:0;pointer-events:none;position:absolute;width:100%;z-index:999}@media (max-width:768px){.domino-runner{top:12%}}@media (min-width:769px){.domino-runner{top:74px}}@-webkit-keyframes coordinated-text-shine{0%{background-position:150% 0}38.46%{background-position:-150% 0}38.47%,to{background-position:150% 0}}@keyframes coordinated-text-shine{0%{background-position:150% 0}38.46%{background-position:-150% 0}38.47%,to{background-position:150% 0}}@-webkit-keyframes coordinated-light-streak-run{0%,38.46%{background-position:150% 0;opacity:0}38.47%{background-position:150% 0;opacity:1}to{background-position:-150% 0;opacity:1}}@keyframes coordinated-light-streak-run{0%,38.46%{background-position:150% 0;opacity:0}38.47%{background-position:150% 0;opacity:1}to{background-position:-150% 0;opacity:1}}.header-actions{align-items:center;display:flex;gap:12px;position:absolute;right:0!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10002}.header-actions .user-info{align-items:center;background:hsla(0,0%,100%,.06);border-radius:10px;color:#fff;display:flex;font-size:.95rem;gap:8px;min-width:80px;padding:6px 10px}.header-actions .user-avatar{align-items:center;background:hsla(0,0%,100%,.08);border-radius:50%;display:flex;font-size:16px;height:36px;justify-content:center;margin-right:6px;width:36px}.header-actions .logout-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;color:#fff;font-size:12px;margin-left:6px;padding:4px 8px}.header-actions>div{position:relative}.header-actions .user-avatar-btn{align-items:center!important;background:hsla(0,0%,100%,.12)!important;border:1px solid hsla(0,0%,100%,.18)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;height:36px!important;justify-content:center!important;transition:all .2s ease!important;width:36px!important}.header-actions .user-avatar-btn:hover{background:hsla(0,0%,100%,.2)!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.header-actions .user-dropdown{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.12)!important;min-width:180px!important;opacity:0!important;position:absolute!important;right:0!important;top:calc(100% + 8px)!important;-webkit-transform:translateY(-10px)!important;transform:translateY(-10px)!important;transition:all .2s ease!important;visibility:hidden!important;z-index:10004!important}.header-actions .user-dropdown.show{opacity:1!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important;visibility:visible!important}.header-actions .user-dropdown:before{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-bottom:none!important;border-right:none!important;content:""!important;height:12px!important;position:absolute!important;right:12px!important;top:-6px!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;width:12px!important}.header-actions .user-dropdown-item{align-items:center!important;border-bottom:1px solid #f3f4f6!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:14px!important;gap:8px!important;padding:12px 16px!important}.header-actions .user-dropdown-item:last-child{border-bottom:none!important}.header-actions .user-dropdown-item:first-child{background:#f9fafb!important;border-radius:8px 8px 0 0!important;font-weight:600!important}.header-actions .user-dropdown-item:hover:not(:first-child){background:#f3f4f6!important}.header-actions .user-dropdown-item.logout{border-radius:0 0 8px 8px!important;color:#ef4444!important}.header-actions .user-dropdown-item.logout:hover{background:#fef2f2!important}.header-actions .login-btn{align-items:center;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);border-radius:999px;box-shadow:none;color:#fff;display:inline-flex;font-size:.9rem;justify-content:center;line-height:1;margin:0;outline:none;padding:6px 10px;white-space:nowrap}.header-actions .login-btn:active,.header-actions .login-btn:focus{background:hsla(0,0%,100%,.12)!important;border-color:hsla(0,0%,100%,.18)!important;box-shadow:none!important;outline:none!important}.system-header .share-btn{align-items:center;background:hsla(0,0%,100%,.12);border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:8px 10px;position:static;transition:background .12s ease,-webkit-transform .12s ease;transition:transform .12s ease,background .12s ease;transition:transform .12s ease,background .12s ease,-webkit-transform .12s ease;z-index:10003}.system-header .share-btn .label{display:inline}.system-header .share-btn:hover{background:hsla(0,0%,100%,.22);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.header-actions .create-btn{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.14);border-radius:10px;font-size:.95rem;padding:8px 14px;white-space:nowrap}@media (max-width:768px){.system-header{display:none!important}.mobile-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;color:#fff;display:flex!important;justify-content:space-between!important;padding:3px 8px!important;padding:3px var(--edge-space,12px)!important;position:relative;width:100%;z-index:100}.mobile-header-left{align-items:center;display:flex;gap:10px}.mobile-header-title{box-sizing:border-box;font-size:1.1rem;font-weight:600;left:50%;max-width:calc(100% - 80px);overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.mobile-header .header-actions{align-items:center!important;display:flex!important;flex-shrink:0;margin-right:12px;position:static!important;-webkit-transform:none!important;transform:none!important}.mobile-header .logout-btn,.mobile-header .user-info{display:none!important}.mobile-header .user-avatar-btn{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:2px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.8rem!important;font-weight:600!important;height:30px!important;justify-content:center!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important;width:30px!important}.mobile-header .user-avatar-btn:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.5)!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.mobile-header .user-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important;margin-top:0!important;max-width:200px!important;min-width:120px!important;opacity:0!important;pointer-events:auto!important;position:absolute!important;right:0!important;top:calc(100% + 8px)!important;-webkit-transform:translateY(-10px)!important;transform:translateY(-10px)!important;transition:all .3s ease!important;visibility:hidden!important;z-index:1001!important}.mobile-header .user-dropdown.show{opacity:1!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important;visibility:visible!important}.mobile-header .user-dropdown:before{background:#fff!important;border:1px solid #e2e8f0!important;border-bottom:none!important;border-right:none!important;content:""!important;height:12px!important;position:absolute!important;right:12px!important;top:-6px!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;width:12px!important}.mobile-header .user-dropdown-item{align-items:center!important;border-bottom:1px solid #f3f4f6!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:.9rem!important;gap:8px!important;padding:12px 16px!important;transition:background-color .2s ease!important}.mobile-header .user-dropdown-item:last-child{border-bottom:none!important;border-radius:0 0 8px 8px!important}.mobile-header .user-dropdown-item:first-child{background:#f8fafc!important;border-radius:8px 8px 0 0!important;cursor:default!important;font-weight:600!important}.mobile-header .user-dropdown-item:hover:not(:first-child){background:#f3f4f6!important}.mobile-header .user-dropdown-item.logout{color:#ef4444!important}.mobile-header .user-dropdown-item.logout:hover{background:#fef2f2!important}}.header-actions .create-btn{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.header-actions .create-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.main-content{display:flex;flex-direction:column;flex-grow:1;min-height:0;position:relative}.activities-grid{grid-gap:24px;display:grid;flex-grow:1;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px;min-height:0;position:relative}@media (min-width:769px){.activities-grid{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;flex-grow:1!important;height:auto!important;max-height:calc(100vh - 150px)!important;min-height:100px!important;overflow-y:auto!important;padding-bottom:40px!important;scrollbar-width:none!important}.activities-grid::-webkit-scrollbar{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important}.activities-grid::-webkit-scrollbar-thumb{display:none!important}.outdoor-activity-system>.main-content{height:auto!important;min-height:0!important;overflow:visible!important}.outdoor-activity-system,.outdoor-activity-system .main-content{overflow:visible!important}.outdoor-activity-system .activities-grid{flex-grow:1!important;height:auto!important;max-height:calc(100vh - 150px)!important;min-height:100px!important;overflow-y:auto!important}}.activity-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.1);overflow:visible;position:relative;transition:all .3s ease}.activity-card:hover{box-shadow:0 15px 35px rgba(0,0,0,.15);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.activity-image{align-items:center;background:linear-gradient(45deg,#f093fb,#f5576c);display:flex;height:200px;justify-content:center;position:relative}.activity-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{color:hsla(0,0%,100%,.8);font-size:3rem}.activity-info{padding:24px}.activity-info h3{font-size:1.4rem;font-weight:600;margin:0 0 12px}.activity-info h3:not(:has(span[style])){color:#2d3748}.activity-info h3 span{display:inline}.activity-description{line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.activity-description b,.activity-description em,.activity-description font[color],.activity-description font[style],.activity-description i,.activity-description span[style],.activity-description strong,.activity-description u{display:inline!important}.activity-description p{margin-bottom:0}.activity-description p:first-child{margin-top:0}.activity-description p:last-child{margin-bottom:0}.activity-details{margin-bottom:20px}.activity-details p{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:8px;margin:8px 0}.activity-meta{align-items:center;display:flex;gap:16px;justify-content:space-between}.move-buttons{gap:8px;position:relative;top:-5px}.activity-button-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;margin-top:20px;padding:16px}.activity-actions{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr;margin:0}.manage-btn,.register-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:14px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:10}.register-btn{background:linear-gradient(135deg,#10b981,#059669);border:2px solid transparent;box-shadow:0 4px 15px rgba(16,185,129,.3)}.register-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px rgba(16,185,129,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.register-btn:active{box-shadow:0 4px 15px rgba(16,185,129,.3);-webkit-transform:translateY(0);transform:translateY(0)}.manage-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid transparent;box-shadow:0 4px 15px rgba(245,158,11,.3)}.manage-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px rgba(245,158,11,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.manage-btn:active{box-shadow:0 4px 15px rgba(245,158,11,.3);-webkit-transform:translateY(0);transform:translateY(0)}.admin-actions{grid-gap:10px;border-top:1px solid rgba(226,232,240,.6);display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:8px;padding-top:12px}.admin-actions .cancel-btn,.admin-actions .edit-activity-btn,.admin-actions .move-down-btn,.admin-actions .move-up-btn,.admin-actions .user-management-btn{align-items:center;border:2px solid;border-radius:10px;box-sizing:border-box!important;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;min-height:48px!important;min-width:120px!important;overflow:hidden;padding:14px 20px!important;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}@media (max-width:768px){.admin-actions{grid-template-columns:1fr 1fr 1fr 1fr}.admin-actions .cancel-btn,.admin-actions .edit-activity-btn,.admin-actions .move-down-btn,.admin-actions .move-up-btn,.admin-actions .user-management-btn{box-sizing:border-box!important;font-size:15px!important;font-weight:600!important;min-height:48px!important;min-width:120px!important;padding:14px 20px!important}}.cancel-btn{background:#fff;border-color:#ef4444;color:#ef4444}.cancel-btn:hover{background:#ef4444;box-shadow:0 6px 20px rgba(239,68,68,.3);color:#fff}.cancel-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.edit-activity-btn{background:#fff;border-color:#6366f1;color:#6366f1}.edit-activity-btn:hover{background:#6366f1;box-shadow:0 6px 20px rgba(99,102,241,.3);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.edit-activity-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.user-management-btn{background:#fff;border-color:#64748b;color:#64748b}.user-management-btn:hover{background:#64748b;box-shadow:0 6px 20px rgba(100,116,139,.3);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.user-management-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.move-buttons .move-down-btn,.move-buttons .move-up-btn{align-items:center;background:#fff;border:1px solid #999;border-radius:2px;box-shadow:none;color:#333;cursor:pointer;display:flex;font-size:10px;font-weight:400;height:20px;justify-content:center;min-width:35px;padding:2px 6px;transition:none}.move-buttons .move-down-btn:hover,.move-buttons .move-up-btn:hover{border-color:#666}.delete-btn{border-radius:4px;margin-left:8px}.modal-overlay:not(.activity-manager-auth-overlay):not(.login-modal-overlay){-webkit-overflow-scrolling:touch;align-items:center!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.8)!important;display:flex!important;justify-content:center!important;overflow-y:auto;pointer-events:all!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;z-index:999999!important}.modal-overlay:has(.activity-display-modal),.modal-overlay:has(.create-activity-modal){align-items:stretch!important;justify-content:stretch!important;padding:0!important}.modal-overlay:has(.registrations-table-modal){align-items:flex-start!important;justify-content:center!important;padding:0!important}@media (min-width:1024px){.modal-overlay.registrations-table-modal,.modal-overlay:has(.registrations-table-modal){align-items:normal!important;display:block!important;justify-content:normal!important}.modal.registration-list-modal.registrations-table-modal,.modal.registrations-table-modal,.registrations-table-modal.modal,div.modal.registration-list-modal.registrations-table-modal{bottom:auto!important;margin:0!important;max-width:none!important;padding:0!important;position:fixed!important;right:auto!important}}.modal-overlay:has(.music-player-modal){align-items:center!important;justify-content:center!important;padding:20px!important}.modal-overlay:has(.system-settings-modal){align-items:center!important;justify-content:center!important;padding:20px!important}.cors-management-overlay,.modal-overlay:has(.cors-management-modal){align-items:center!important;justify-content:center!important;padding:0!important}@media (max-width:768px){.modal-overlay:has(.system-settings-modal){align-items:stretch!important;background-color:rgba(0,0,0,.5)!important;display:flex!important;height:100vh!important;height:100svh!important;inset:0!important;justify-content:stretch!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;width:100vw!important;z-index:999998!important}.system-settings-overlay{align-items:stretch!important;background-color:rgba(0,0,0,.5)!important;display:flex!important;height:100vh!important;height:100svh!important;inset:0!important;justify-content:stretch!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;width:100vw!important;z-index:999998!important}}.wechat-payment-modal-overlay{z-index:1000000!important}.payment-modal{z-index:1000001!important}.payment-confirmation-modal-overlay{z-index:25000!important}.payment-confirmation-modal{z-index:25001!important}.modal:not(.registration-form-modal):not(.create-activity-modal):not(.activity-manager-auth-modal){background:#fff;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.25);margin:20px auto;max-height:90vh;max-width:600px;min-height:auto;overflow-y:auto;padding:24px;position:relative;width:90%;z-index:10001}@media (min-width:1024px){.modal.registration-list-modal.registrations-table-modal,.modal.registrations-table-modal{margin:0;max-width:none;padding:0;width:auto}}.modal h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 24px}.form-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}.form-group label{text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;font-size:1rem;padding:12px;transition:all .3s ease}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-actions{margin-top:32px;padding-top:24px}.form-actions button{font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.form-actions button[type=button]{background:#e2e8f0;color:#4a5568}.form-actions button[type=button]:hover{background:#cbd5e0}@media (max-width:768px){.outdoor-activity-system{padding:0!important}.activities-grid{margin:0!important;padding:0 8px 100px!important}.system-header h1{font-size:1.5rem}.activities-grid{gap:16px;grid-template-columns:1fr}.activity-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.manage-btn,.register-btn{font-size:14px;font-weight:600;padding:12px 16px}.admin-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px}.cancel-btn,.edit-activity-btn,.user-management-btn{box-sizing:border-box!important;font-size:15px!important;font-weight:600!important;min-height:48px!important;min-width:120px!important;padding:14px 20px!important}.create-activity-header{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:0!important;box-shadow:0 2px 12px rgba(16,185,129,.3);box-sizing:border-box!important;color:#fff!important;flex-shrink:0!important;margin:0!important;padding:20px 16px 24px!important;width:100%!important;z-index:100}.create-activity-title{font-size:1.25rem!important;font-weight:700;line-height:1.4;margin:0;padding-right:40px;text-align:center}.create-activity-modal .close-button{align-items:center!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15)!important;border:2px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-size:1.1rem!important;font-weight:700!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:6px 8px!important;position:absolute!important;right:16px!important;top:16px!important;transition:all .3s ease!important}.create-activity-modal .create-activity-body{-webkit-overflow-scrolling:touch!important;background:#f8fafc!important;flex-basis:0!important;flex-grow:1!important;flex-shrink:1!important;height:auto!important;margin:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 0 max(45px,calc(env(safe-area-inset-bottom, 0px) + 20px))!important}.create-activity-form{display:block!important;gap:0;padding:16px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.03);margin-bottom:12px;padding:16px 12px!important;position:relative}.form-section:last-of-type{margin-bottom:80px}.form-group label{background:none!important;border:none!important;box-shadow:none!important;color:#374151!important;display:block;font-size:.95rem!important;font-weight:600;line-height:1.4;margin-bottom:8px;min-width:auto!important;padding:0!important;text-align:left;text-shadow:none!important}.form-input,.form-textarea{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#fff!important;border:2px solid #d1d5db!important;border-radius:12px!important;box-sizing:border-box!important;color:#1f2937!important;font-size:16px!important;line-height:1.5!important;min-height:48px!important;outline:none!important;padding:14px 16px!important;transition:all .3s ease!important;width:100%!important}.form-input:focus,.form-textarea:focus{background:#fff!important;border-color:#10b981!important;box-shadow:0 0 0 3px rgba(16,185,129,.1)!important}.compact-row{align-items:flex-start!important;display:flex!important;gap:12px!important;margin-bottom:16px!important}.compact-row .form-group{flex:1 1!important;margin-bottom:0!important;min-width:0!important}.form-row-grid:not(.compact-row){display:block!important}.form-row-grid:not(.compact-row) .form-group{margin-bottom:20px!important;width:100%!important}.location-input-container{align-items:stretch!important;display:flex!important;gap:8px!important}.location-input{flex:1 1!important;max-width:180px!important;min-width:0!important}.map-select-btn{align-items:center!important;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:1.1rem!important;font-weight:600!important;height:40px!important;justify-content:center!important;min-width:auto!important;padding:0!important;transition:all .3s ease!important;white-space:nowrap!important;width:40px!important}@media (max-width:1023px){.create-activity-actions{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fff!important;border-radius:0!important;border-top:1px solid #e5e7eb!important;bottom:0!important;box-shadow:0 -2px 12px rgba(0,0,0,.1)!important;display:flex!important;flex-direction:column!important;gap:12px!important;left:0!important;margin:0!important;padding:16px!important;position:fixed!important;right:0!important;z-index:50!important}}@media (min-width:1024px){.create-activity-actions{align-items:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f8fafc!important;border-radius:0!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -2px 8px rgba(0,0,0,.08)!important;box-sizing:border-box!important;contain:none!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:16px!important;inset:auto!important;justify-content:space-between!important;min-width:0!important;overflow:visible!important;padding:24px 32px!important;z-index:auto!important}.create-activity-actions,.create-activity-modal .create-activity-actions,.create-activity-modal-overlay .create-activity-actions,.modal .create-activity-actions{bottom:auto!important;left:auto!important;margin:0!important;max-width:100%!important;order:999!important;position:relative!important;right:auto!important;width:100%!important}.create-activity-modal .create-activity-actions,.create-activity-modal-overlay .create-activity-actions,.modal .create-activity-actions{top:auto!important;-webkit-transform:none!important;transform:none!important}.create-activity-modal .create-activity-body{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important}.create-activity-form{display:flex!important;flex-direction:column!important;width:100%!important}.create-activity-actions .form-actions-center,.create-activity-actions .form-actions-left,.create-activity-actions .form-actions-right{flex-shrink:0!important;position:static!important;-webkit-transform:none!important;transform:none!important}.create-activity-actions button{position:static!important;-webkit-transform:none!important;transform:none!important;z-index:auto!important}}.form-actions-center{align-items:center!important;display:flex!important;justify-content:space-between!important}.load-draft-btn,.save-draft-btn{align-items:center!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:10px!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:6px!important;justify-content:center!important;min-height:44px!important;padding:10px 16px!important;transition:all .3s ease!important;white-space:nowrap!important}.save-draft-btn{border-color:#10b981!important}.load-draft-btn{border-color:#3b82f6!important;color:#3b82f6!important}.form-actions-right{display:flex!important;gap:12px!important}.cancel-btn{background:#f9fafb!important;border:2px solid #d1d5db!important;border-radius:12px!important;color:#374151!important;flex:1 1!important;font-weight:600!important}.cancel-btn,.submit-btn{align-items:center!important;cursor:pointer!important;display:flex!important;font-size:16px!important;justify-content:center!important;min-height:56px!important;padding:16px 20px!important;transition:all .3s ease!important}.submit-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(16,185,129,.3)!important;color:#fff!important;flex:2 1!important;font-weight:700!important;gap:8px!important}.cancel-btn,.checkbox-input,.form-input,.form-textarea,.load-draft-btn,.map-select-btn,.save-draft-btn,.submit-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@supports (-webkit-touch-callout:none){.form-input,.form-textarea{font-size:16px!important;-webkit-transform:translateZ(0);transform:translateZ(0)}}.form-row{gap:16px;grid-template-columns:1fr}.form-group{margin-bottom:16px;width:100%}.form-group input,.form-group select,.form-group textarea{min-width:0}.form-group:has(input[name=name]),.form-group:has(input[name=phone]){background:none;border:none;border-radius:0;grid-column:auto;min-width:auto;padding:0}.form-group:has(.read-only-input){grid-column:1/-1;margin-top:16px}.modal:not(.activity-display-modal):not(.recreation-menu-modal):not(.system-settings-modal):not(.create-activity-modal):not(.registration-form-modal):not(.registrations-table-modal):not(.music-player-modal){margin:60px auto;max-width:450px!important;width:calc(100% - 40px)!important}.modal-body{padding-top:0}.form-row:first-of-type{margin-top:0;padding-top:0}.form-row:first-of-type .form-group{margin-bottom:16px;min-height:auto}.form-group .read-only-input,.form-group textarea,.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select{box-sizing:border-box;min-width:0;width:100%}.form-actions{border-top:1px solid #e2e8f0!important;flex-direction:column!important;gap:12px!important;margin-top:32px!important;padding:20px 16px!important}.form-actions,.form-actions-center,.form-actions-left,.form-actions-right{box-sizing:border-box!important;display:flex!important;width:100%!important}.form-actions-center,.form-actions-left,.form-actions-right{align-items:center!important;gap:8px!important;justify-content:center!important}.form-actions-center{flex-direction:row!important;gap:12px!important;justify-content:flex-end!important;order:1!important;padding:0 4px!important}.form-actions-center>div{position:relative!important}.form-actions-center>div,.save-draft-btn{align-items:center!important;display:flex!important;justify-content:center!important}.save-draft-btn{background:#f0fff4!important;border:2px solid #10b981!important;border-radius:8px!important;box-sizing:border-box!important;color:#10b981!important;font-size:15px!important;font-weight:600!important;max-width:none!important;min-height:48px!important;overflow:visible!important;padding:14px 12px!important;text-overflow:clip!important;transition:all .3s ease!important;white-space:nowrap!important}.save-draft-btn:hover{background:#10b981!important;color:#fff!important}.form-actions-center button:not(.save-draft-btn):not(.load-draft-btn){align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;font-size:15px!important;font-weight:600!important;justify-content:center!important;min-height:48px!important;overflow:visible!important;padding:14px 12px!important;text-overflow:clip!important;transition:all .3s ease!important;white-space:nowrap!important}.form-actions-center button:not(.save-draft-btn):not(.load-draft-btn):hover{background:linear-gradient(135deg,#059669,#047857)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.draft-count-badge{font-size:.7rem!important;height:16px!important;position:absolute!important;right:-6px!important;top:-6px!important;width:16px!important;z-index:10!important}.form-actions-right{flex-direction:row!important;justify-content:space-between!important;order:2!important}.form-actions-right button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;color:#fff!important;flex:1 1!important;font-size:16px!important;font-weight:600!important;max-width:48%!important;overflow:hidden!important;padding:14px 16px!important;text-overflow:ellipsis!important;transition:all .3s ease!important;white-space:nowrap!important}.form-actions-right button[type=submit]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.form-actions-left{display:none!important;order:3!important}.form-actions-right button[type=button]:not([type=submit]){background:#f7fafc!important;border:2px solid #e2e8f0!important;border-radius:8px!important;color:#4a5568!important;flex:1 1!important;font-size:16px!important;font-weight:600!important;max-width:48%!important;overflow:hidden!important;padding:14px 16px!important;text-overflow:ellipsis!important;transition:all .3s ease!important;white-space:nowrap!important}.form-actions-right button[type=button]:not([type=submit]):hover{background:#edf2f7!important;border-color:#cbd5e0!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.payment-btn.collect-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;border-radius:8px!important;color:#fff!important;flex:1 1!important;font-size:16px!important;font-weight:600!important;max-width:48%!important;overflow:hidden!important;padding:14px 16px!important;text-overflow:ellipsis!important;transition:all .3s ease!important;white-space:nowrap!important}.payment-btn.collect-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.modal-overlay:not(.activity-manager-auth-overlay):not(.login-modal-overlay){-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;display:block;left:0;overflow-y:auto;padding:20px 0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay:has(.music-player-modal){align-items:stretch!important;display:flex!important;justify-content:stretch!important;overflow:hidden!important;padding:0!important}.music-player-modal-overlay{align-items:stretch!important;display:flex!important;justify-content:stretch!important;overflow:hidden!important;padding:0!important}.modal.music-player-modal{border-radius:0!important;bottom:0!important;box-shadow:none!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.modal:not(.activity-display-modal):not(.recreation-menu-modal):not(.system-settings-modal):not(.create-activity-modal):not(.registration-form-modal):not(.registrations-table-modal):not(.music-player-modal){-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.15);box-sizing:border-box;display:block;margin:20px auto;max-height:calc(100vh - 80px);max-width:450px;min-height:auto;overflow-y:auto;padding:20px;position:relative;width:calc(100vw - 40px)}.modal::-webkit-scrollbar{height:8px;width:8px}.modal::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.modal::-webkit-scrollbar-thumb{background-color:#667eea;border:2px solid #f0f0f0;border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background-color:#5a67d8}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eee;border-radius:8px 8px 0 0;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding:16px 20px;position:relative;z-index:10}.modal-header h2{color:#fff;flex:1 1;font-size:1.3rem;margin:0;min-width:0}.modal-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.close-button{align-items:center;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#ef4444;cursor:pointer;display:flex!important;font-size:1.1rem;font-weight:700;justify-content:center;line-height:1;min-height:22px;min-width:22px;opacity:1!important;padding:2px 6px;position:absolute;right:-8px;top:-8px;transition:all .3s ease;visibility:visible!important;z-index:10005!important}.close-button:hover{background:#ef4444;box-shadow:0 2px 6px rgba(239,68,68,.3);color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02)}.close-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.modal-header .close-button{align-items:center;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#ef4444;cursor:pointer;display:flex!important;font-size:1.1rem;font-weight:700;justify-content:center;line-height:1;min-height:22px;min-width:22px;opacity:1!important;padding:2px 6px;position:absolute;right:-8px;top:-8px;transition:all .3s ease;visibility:visible!important;z-index:10005!important}.modal-header .close-button:hover{background:#ef4444;color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-header .close-button:active{-webkit-transform:scale(.98);transform:scale(.98)}.modal-body{-webkit-overflow-scrolling:touch;margin-top:0;max-height:calc(100vh - 200px);overflow-y:auto;padding-top:16px}.form-group{margin-bottom:20px}.form-group label{background:hsla(0,0%,100%,.95);border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#4a5568;display:inline-block;font-size:1rem;font-weight:500;margin-bottom:10px;min-width:100px;padding:8px 12px;text-align:center;text-shadow:none}.form-group input,.form-group select,.form-group textarea{background:hsla(0,0%,100%,.98);border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:16px;line-height:1.4;min-height:auto;padding:14px;width:100%}.form-actions{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:24px;padding:16px 0;position:static;z-index:auto}.form-actions button{font-size:1.1rem;margin-bottom:12px;padding:16px 24px;width:100%}.activity-actions,.management-actions{flex-direction:column}.management-actions{align-items:stretch;gap:12px}.management-actions .action-buttons{flex-direction:column;gap:10px;width:100%}.management-actions .action-buttons button,.management-actions .action-buttons label{text-align:center;width:100%}.search-bar{max-width:none;width:100%}.registration-count{margin-left:0;text-align:center;width:100%}.registrations-table{font-size:.8rem}.registrations-table td,.registrations-table th{padding:8px 4px}.close-button{font-size:1.2rem!important;min-height:32px!important;min-width:32px!important;padding:6px 8px!important;right:10px!important;top:10px!important}.close-button,.modal-header .close-button{border-width:2px!important;box-shadow:0 2px 8px rgba(239,68,68,.2)!important}.modal-header .close-button{font-size:1rem!important;min-height:22px!important;min-width:22px!important;padding:0!important;right:12px!important;top:12px!important}.registrations-table-modal .modal-header{margin-bottom:16px!important;padding:12px 16px!important}.registrations-table-modal .modal-header h2{font-size:1.1rem!important;padding-right:60px!important}.registrations-table-modal .modal-header .close-button{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:rgba(239,68,68,.1)!important;border:2px solid #ef4444!important;border-radius:6px!important;box-shadow:0 2px 8px rgba(239,68,68,.2)!important;color:#ef4444!important;cursor:pointer!important;display:flex!important;font-size:1rem!important;font-weight:700!important;justify-content:center!important;line-height:1!important;min-height:22px!important;min-width:22px!important;opacity:1!important;padding:0!important;position:absolute!important;right:12px!important;top:12px!important;touch-action:manipulation!important;transition:all .3s ease!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;visibility:visible!important;z-index:10005!important}.registrations-table-modal .modal-header .close-button:hover{background:#ef4444!important;box-shadow:0 4px 12px rgba(239,68,68,.4)!important;color:#fff!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.registrations-table-modal .modal-header .close-button:active{box-shadow:0 2px 8px rgba(239,68,68,.3)!important;-webkit-transform:scale(.98)!important;transform:scale(.98)!important}.admin-actions-registrations{flex-direction:column;gap:10px;padding:8px 0}.admin-actions-top-row{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap!important;gap:4px;justify-content:flex-start;overflow-x:auto}.admin-actions-top-row button:not(.sort-controls button),.admin-actions-top-row label{flex-shrink:0!important;white-space:nowrap!important}.admin-actions-top-row button{font-size:.75rem;padding:4px 8px}.admin-actions-bottom-row{align-items:center!important;display:flex!important;gap:6px!important;width:100%!important}.registration-search-input{flex:1 1!important;max-width:calc(100vw - 160px)!important;min-width:100px!important}.admin-actions-bottom-row .sort-controls{display:flex!important;flex-shrink:0!important;gap:4px!important;margin-left:0!important;order:2!important}.admin-actions-bottom-row .sort-controls button{background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;color:#374151!important;font-size:.75rem!important;font-weight:500!important;min-height:28px!important;min-width:40px!important;padding:4px 8px!important;transition:all .2s ease!important;white-space:nowrap!important}.admin-actions-bottom-row .sort-controls button:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#5a67d8!important;color:#fff!important}.admin-actions-bottom-row .sort-controls button:disabled{background:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important}.admin-actions-bottom-row .sort-controls button:hover:not(:disabled){box-shadow:0 2px 6px rgba(0,0,0,.15)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.admin-actions-bottom-row{align-items:center;display:flex;gap:8px;width:100%}.registration-search-input{border:1px solid #d1d5db!important;border-radius:6px!important;flex-grow:1;font-size:.875rem!important;min-width:0!important;min-width:auto!important;padding:6px 12px!important}@media (min-width:769px){.admin-actions-bottom-row .sort-controls{display:flex;flex-basis:auto;gap:8px;justify-content:flex-start;margin-left:auto;margin-top:0;order:0;padding:0}}}.wechat-qr-hint{align-items:center;background:#e6fffa;border:1px solid #38b2ac;border-radius:8px;display:flex;gap:12px;margin:16px 0;padding:16px}.wechat-qr-hint .icon{color:#38b2ac;font-size:1.5rem}.wechat-qr-hint .text{color:#2d3748}.activity-status{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;margin-left:8px;padding:4px 8px}.activity-status.open{background:#c6f6d5;color:#22543d}.activity-status.full{background:#fed7d7;color:#742a2a}.activity-status.closed{background:#e2e8f0;color:#4a5568}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.loading:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;content:"";height:32px;width:32px}.form-actions button[type=submit]:disabled{background-color:#f5f5f5!important;color:#999!important;cursor:not-allowed;opacity:.7;position:relative}.form-actions button[type=submit]:disabled:hover{box-shadow:none;-webkit-transform:none;transform:none}.activity-creation-toast{background:#f0fff4;border:1px solid #68d391;border-radius:8px;color:#22543d}.activity-creation-error,.activity-creation-toast{-webkit-animation:slideInRight .3s ease-out;animation:slideInRight .3s ease-out;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:16px 24px;position:fixed;right:20px;top:20px;z-index:10001}.activity-creation-error{background:#fed7d7;border:1px solid #fc8181;border-radius:8px;color:#742a2a}@media (min-width:481px) and (max-width:768px){.system-header{gap:10px;margin:0!important;padding:12px 0!important;width:100%!important}.header-actions{align-items:center!important;display:flex!important;gap:8px!important;position:absolute!important;right:8px!important;right:var(--edge-space)!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.system-header .share-btn .label{display:none}.header-actions .create-btn{font-size:.95rem;padding:6px 10px}.system-header h1{font-size:1.5rem;left:50%;margin:0;max-width:60%;pointer-events:none;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.close-button,.modal-header .close-button{border-width:1px!important;font-size:1.1rem!important;min-height:20px!important;min-width:20px!important;padding:2px 5px!important;right:12px!important;top:12px!important}}@media (min-width:769px){.outdoor-activity-system{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.outdoor-activity-system>.mobile-header,.outdoor-activity-system>.navigation-bar,.outdoor-activity-system>.system-header{flex-shrink:0}.system-header .header-left{align-items:center!important;display:flex!important;gap:12px!important}.system-header .header-left .user-avatar-btn{margin-left:auto!important}.system-header .header-actions{align-items:center!important;display:flex!important;gap:12px!important;margin-left:auto!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important}.system-header{padding-right:0!important}.activities-grid{flex-grow:1;max-height:calc(100vh - 200px);overflow-y:auto;padding-bottom:40px}.close-button,.modal-header .close-button{align-items:center!important;background:rgba(239,68,68,.1)!important;border:1px solid #ef4444!important;border-radius:4px!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;color:#ef4444!important;cursor:pointer!important;display:flex!important;font-size:1.1rem!important;font-weight:700!important;justify-content:center!important;line-height:1!important;min-height:22px!important;min-width:22px!important;opacity:1!important;padding:2px 6px!important;position:absolute!important;right:15px!important;top:15px!important;transition:all .3s ease!important;visibility:visible!important;z-index:10005!important}.registrations-table-modal .modal-header{margin-bottom:20px!important;padding:20px 24px!important;position:relative!important}.registrations-table-modal .modal-header h2{font-size:1.5rem!important;margin:0!important;padding-right:60px!important}.close-button:hover,.modal-header .close-button:hover{background:#ef4444!important;box-shadow:0 4px 12px rgba(239,68,68,.4)!important;color:#fff!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.outdoor-activity-system,body,html{-ms-overflow-style:none;scrollbar-width:none}}@media (min-width:769px){.outdoor-activity-system::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{height:0!important;width:0!important}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.modal-body input[type=number]{box-sizing:border-box;padding:6px 8px!important;text-align:center;width:120px!important}.form-row input[type=number]{box-sizing:border-box;width:120px}.payment-modal{max-width:500px}.payment-info{text-align:center}.payment-details{background:#f8f9ff;border:1px solid rgba(226,232,240,.6);border-radius:8px;margin-bottom:20px;padding:16px}.payment-details p{color:#4a5568;margin:8px 0}.payment-qr-section{margin:24px 0}.qr-code-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px}.qr-code-placeholder{text-align:center}.qr-icon{font-size:2rem;margin-bottom:12px}.qr-mock{background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:inline-block;margin:16px 0;padding:20px}.qr-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);height:120px;width:120px}.qr-dot{background:#f0f0f0;border-radius:1px;height:12px;width:12px}.qr-dot.filled{background:#2d3748}.loading-qr{padding:40px;text-align:center}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}.payment-status{margin:20px 0}.status-failed,.status-pending,.status-success,.status-timeout{border-radius:8px;padding:16px;text-align:center}.status-pending{background:#fef5e7;border:1px solid #f6e05e;color:#b7791f}.status-success{background:#f0fff4;border:1px solid #68d391;color:#22543d}.status-failed,.status-timeout{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.status-icon{font-size:1.5rem;margin-bottom:8px}.payment-tips{background:#e6fffa;border:1px solid #38b2ac;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.payment-tips h4{color:#2d3748;font-size:1rem;margin:0 0 12px}.payment-tips ul{margin:0;padding-left:20px}.payment-tips li{color:#4a5568;font-size:.9rem;margin:6px 0}.payment-actions{border-top:1px solid #e2e8f0;padding-top:16px;text-align:center}.payment-status-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;min-width:60px;padding:4px 8px;text-align:center}.payment-status-badge.pending{background:#fef5e7;border:1px solid #f6e05e;color:#b7791f}.payment-status-badge.paid{background:#f0fff4;border:1px solid #68d391;color:#22543d}.payment-status-badge.failed{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.payment-status-badge.refunded{background:#e2e8f0;border:1px solid #cbd5e0;color:#4a5568}.payment-status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="#4a5568%22%20viewBox=%220%200%2024%2024%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M7%2010l5%205%205-5z%22/%3E%3C/svg%3E');background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;min-width:90px;padding:4px 8px}.payment-status-select.pending{background-color:#fef5e7;border-color:#f6e05e;color:#b7791f}.payment-status-select.paid{background-color:#f0fff4;border-color:#68d391;color:#22543d}.payment-status-select:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2);outline:none}.payment-btn{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;margin-left:8px;padding:6px 12px;transition:all .3s ease}.payment-btn:hover{background:linear-gradient(135deg,#096dd9,#0050b3);box-shadow:0 4px 12px rgba(24,144,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.activity-price{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;margin:12px 0;padding:8px 12px;text-align:center}.activity-price.free{background:linear-gradient(135deg,#48bb78,#38a169)}@media (max-width:768px){.payment-modal{margin:40px auto;max-width:400px;width:calc(100vw - 40px)}.payment-details{font-size:.9rem}.qr-code-container,.qr-mock{padding:16px}.qr-grid{height:100px;width:100px}.qr-dot{height:10px;width:10px}.payment-tips,.payment-tips li{font-size:.8rem}.payment-status-badge{font-size:.7rem;min-width:50px;padding:3px 6px}.payment-btn{font-size:.7rem;padding:4px 8px}}.draft-selection-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;overflow-y:auto;padding:20px;position:fixed!important;right:0!important;top:0!important;z-index:10004!important}.draft-selection-modal{border-radius:16px!important;box-shadow:0 25px 50px rgba(0,0,0,.3)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;position:relative!important;z-index:10005!important}.draft-selection-modal .modal-header{background:linear-gradient(135deg,#1890ff,#096dd9);border-bottom:none;border-radius:16px 16px 0 0;color:#fff;flex-shrink:0;margin:0;padding:20px 24px;position:relative}.draft-selection-modal .modal-title{align-items:center;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.draft-selection-modal .modal-title:before{content:"📝";font-size:1.4rem}.draft-selection-modal .close-button{align-items:center!important;background:hsla(0,0%,100%,.15)!important;border:1px solid hsla(0,0%,100%,.25)!important;border-radius:50%!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1.1rem!important;font-weight:700!important;height:28px!important;justify-content:center!important;line-height:1!important;opacity:.9!important;padding:0!important;position:absolute!important;right:12px!important;top:12px!important;transition:all .3s ease!important;visibility:visible!important;width:28px!important;z-index:10006!important}.draft-selection-modal .close-button:hover{background:hsla(0,0%,100%,.25)!important;box-shadow:0 4px 15px rgba(0,0,0,.25)!important;opacity:1!important;-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.draft-selection-modal .modal-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding:24px}.draft-list{display:flex;flex-direction:column;gap:12px}.draft-item{background:#f8f9ff;border:2px solid #e6f3ff;border-radius:12px;flex-direction:column;gap:8px;padding:16px;position:relative;transition:all .3s ease}.draft-item:hover{background:#e6f3ff;box-shadow:0 8px 25px rgba(24,144,255,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.draft-item:active{box-shadow:0 4px 15px rgba(24,144,255,.2);-webkit-transform:translateY(0);transform:translateY(0)}.draft-name{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:4px;padding-right:40px}.draft-name:before{content:"📄";flex-shrink:0;font-size:1.1rem}.draft-saved-at{align-items:center;color:#718096;display:flex;font-size:.85rem;gap:6px}.draft-saved-at:before{content:"⏰";font-size:.9rem}.delete-draft-btn{align-items:center;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:6px;color:#ef4444;display:flex;font-size:1rem;justify-content:center;min-height:24px;min-width:24px;padding:4px 6px;position:absolute;right:12px;top:12px;transition:all .3s ease;z-index:10}.delete-draft-btn:hover{background:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.3);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.delete-draft-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.draft-list:empty:after{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;color:#718096;content:"📝 暂无保存的草稿\A\A点击表单底部的"保存草稿"按钮来保存当前填写的内容";display:block;font-size:.95rem;line-height:1.6;margin:20px 0;padding:40px 20px;text-align:center;white-space:pre-line}.form-actions-center,.form-actions-left,.form-actions-right{flex-wrap:wrap}.draft-btn,.form-actions-center{position:relative}.draft-btn{align-items:center;border:2px solid;display:flex;gap:8px;overflow:visible;padding:10px 16px;white-space:nowrap}.save-draft-btn{background:#f0fff4;border-color:#10b981;color:#10b981}.save-draft-btn:hover{background:#10b981;box-shadow:0 6px 20px rgba(16,185,129,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.load-draft-btn{position:relative}.load-draft-btn:hover{box-shadow:0 6px 20px rgba(24,144,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes badge-pulse{0%,to{box-shadow:0 2px 8px rgba(24,144,255,.4);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 4px 15px rgba(24,144,255,.6);-webkit-transform:scale(1.1);transform:scale(1.1)}}@media (min-width:1024px){.draft-selection-modal{height:auto!important;margin:auto!important;max-height:80vh!important;max-width:500px!important;width:480px!important}}@media (max-width:768px){.draft-selection-modal{margin:20px auto!important;max-width:420px!important;width:calc(100vw - 32px)!important}.draft-selection-modal .modal-header{padding:16px 20px}.draft-selection-modal .modal-title{font-size:1.1rem;padding-right:40px}.draft-selection-modal .close-button{border-radius:50%!important;font-size:1rem!important;height:26px!important;padding:0!important;right:10px!important;top:10px!important;width:26px!important}.draft-selection-modal .modal-body{padding:20px}.draft-item{padding:14px}.draft-name{font-size:.95rem;padding-right:35px}.draft-saved-at{font-size:.8rem}.delete-draft-btn{font-size:.9rem;min-height:20px;min-width:20px;padding:3px 5px;right:10px;top:10px}.draft-btn{font-size:.85rem;gap:6px;padding:8px 12px}.draft-count-badge{font-size:.7rem;height:18px;right:-6px;top:-6px;width:18px}}@media (max-width:480px){.draft-selection-modal{max-height:85vh!important;width:calc(100vw - 24px)!important}.draft-selection-modal .modal-header{padding:14px 16px}.draft-selection-modal .modal-title{font-size:1rem}.draft-selection-modal .modal-body{padding:16px}.draft-item{gap:6px;padding:12px}.draft-name{font-size:.9rem;padding-right:32px}.draft-saved-at{font-size:.75rem}.delete-draft-btn{font-size:.8rem;min-height:18px;min-width:18px;padding:2px 4px;right:8px;top:8px}}.price-settings{background:#f8f9ff;border:1px solid #e2e8f0;border-radius:8px;margin:16px 0;padding:16px}.price-settings h4{color:#4a5568;font-size:1rem;margin:0 0 16px}.price-toggle{align-items:center;display:flex;gap:12px;margin-bottom:16px}.price-toggle input[type=checkbox]{margin:0;width:auto}.price-input-group{align-items:center;display:flex;gap:8px}.price-input-group span{color:#4a5568;font-weight:500}.price-input-group input{width:120px}.wechat-payment-hint{align-items:center;background:#f0fff4;border:1px solid #68d391;border-radius:8px;color:#22543d;display:flex;font-size:.9rem;gap:8px;justify-content:center;margin:16px 0;padding:12px}.wechat-icon{color:#25d366;font-size:1.2rem}.empty-state{color:#718096;padding:60px 20px}.empty-state .icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:#4a5568;margin:0 0 8px}.empty-state p{font-size:.9rem;margin:0}@-webkit-keyframes paymentSuccess{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes paymentSuccess{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.status-success{-webkit-animation:paymentSuccess .6s ease-out;animation:paymentSuccess .6s ease-out}.loading-qr p{-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite}.large-modal .registrations-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:.85rem;margin-top:16px;min-width:1200px;overflow:hidden;width:100%}.registrations-table th{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #5a67d8;color:#fff;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:10}.registrations-table td{border-bottom:1px solid #e2e8f0;padding:10px 8px;text-align:center;vertical-align:middle;white-space:nowrap}.registrations-table tr:nth-child(2n){background:#f8f9ff}.registrations-table tr:hover{background:#e6f3ff}.registrations-table .col-select{min-width:50px;width:50px}.registrations-table .col-sequence{min-width:60px;width:60px}.registrations-table .col-phone-number{min-width:120px;width:120px}.registrations-table .col-provide-car,.registrations-table .col-transport-type{min-width:80px;width:80px}.registrations-table .col-car-seats{min-width:60px;width:60px}.registrations-table .col-payment-status{min-width:100px;width:100px}.registrations-table .col-insurance,.registrations-table .col-registration-time{min-width:80px;width:80px}.registrations-table td button{background:#fff;border:1px solid;border-radius:4px;cursor:pointer;font-size:11px;margin:2px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.registrations-table td button:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.registrations-table td button:first-child{border-color:#1890ff;color:#1890ff}.registrations-table td button:first-child:hover{background:#1890ff;color:#fff}.registrations-table td button:nth-child(2){border-color:#ff4d4f;color:#ff4d4f}.registrations-table td button:nth-child(2):hover{background:#ff4d4f;color:#fff}.registrations-table .payment-btn{border-color:#52c41a!important;color:#52c41a!important}.registrations-table .payment-btn:hover{background:#52c41a!important;color:#fff!important}.admin-actions-registrations{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px 0}.admin-actions-top-row{gap:6px;justify-content:flex-start}.admin-actions-top-row,.admin-controls-left{align-items:center;display:flex;flex-wrap:nowrap}.admin-controls-left{gap:8px}.sort-controls{align-items:center;display:flex;gap:8px;margin-left:auto}.sort-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:60px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.sort-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.sort-button:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5a67d8;color:#fff}.sort-button:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.admin-actions-bottom-row .sort-controls{display:flex!important;flex-shrink:0!important;gap:6px!important;margin-left:8px!important}.admin-actions-bottom-row .sort-controls .sort-button{background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;color:#374151!important;font-size:.75rem!important;font-weight:500!important;min-height:28px!important;min-width:40px!important;padding:4px 8px!important;white-space:nowrap!important}.admin-actions-bottom-row .sort-controls .sort-button:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#5a67d8!important;color:#fff!important}.admin-actions-bottom-row .sort-controls .sort-button:disabled{background:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important}.admin-actions-bottom-row .sort-controls .sort-button:hover:not(:disabled){box-shadow:0 2px 6px rgba(0,0,0,.15)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}}.admin-actions-bottom-row{display:flex;width:100%}.admin-actions-registrations label{align-items:center;color:#4a5568;display:flex;flex-shrink:0!important;font-weight:500;gap:6px;white-space:nowrap!important}.admin-actions-registrations button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;flex-shrink:0!important;font-size:.875rem;padding:6px 12px;transition:all .2s ease;white-space:nowrap!important}.admin-actions-registrations button:hover{background:#f3f4f6;border-color:#9ca3af}.admin-actions-registrations button:disabled{cursor:not-allowed;opacity:.5}.export-excel-button{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:transparent!important;color:#fff!important}.export-excel-button:hover{background:linear-gradient(135deg,#059669,#047857)!important}.load-data-button{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-color:transparent!important;color:#fff!important}.load-data-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important}.registration-search-input{border:1px solid #d1d5db!important;border-radius:6px!important;flex-grow:1;font-size:.875rem!important;padding:6px 12px!important}.registration-search-input:focus{border-color:#667eea!important;box-shadow:0 0 0 2px rgba(102,126,234,.2)!important;outline:none!important}.user-management-table{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.user-management-table table{border-collapse:collapse;font-size:.9rem;min-width:600px;width:100%}.user-management-table td,.user-management-table th{border-bottom:1px solid #f0f0f0;padding:8px 12px;white-space:nowrap}.user-management-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.user-management-table tr:nth-child(2n){background:#f8f9ff}.user-management-table tr:hover{background:#e6f3ff}.user-role-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px;white-space:nowrap}.user-role-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626)}.user-role-badge.teacher{background:linear-gradient(135deg,#f59e0b,#d97706)}.user-role-badge.user{background:linear-gradient(135deg,#10b981,#059669)}.user-action-btn{background:#fff;border:1px solid;transition:all .3s ease;white-space:nowrap}.user-action-btn.edit{border-color:#1890ff;color:#1890ff}.user-action-btn.edit:hover{background:#1890ff;color:#fff}.user-action-btn.delete{border-color:#ff4d4f;color:#ff4d4f}.user-action-btn.delete:hover{background:#ff4d4f;color:#fff}@media (max-width:768px){.user-management-table{font-size:.8rem}.user-management-table td,.user-management-table th{padding:6px 8px}.user-action-btn{font-size:11px;margin:0 1px;padding:3px 6px}.user-role-badge{font-size:10px;padding:1px 6px}}.create-activity-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.85)!important}.create-activity-modal-overlay,.modal-overlay:has(.create-activity-modal){-ms-overflow-style:none!important;scrollbar-width:none!important}.create-activity-modal-overlay::-webkit-scrollbar,.modal-overlay:has(.create-activity-modal)::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}body.create-activity-open,html.create-activity-open,html:has(body.create-activity-open){-ms-overflow-style:none!important;scrollbar-width:none!important}body.create-activity-open::-webkit-scrollbar,html.create-activity-open::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}@media (min-width:1024px){.create-activity-modal{background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,.3);max-height:none;max-width:none;overflow:auto!important;resize:both;width:auto}}@media (max-width:1023px){.create-activity-modal{background:#fafbfc;border:none;border-radius:0;max-height:100vh;max-width:100vw;overflow:hidden!important;width:100vw}}.create-activity-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px 16px 0 0;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;margin:0 0 24px;padding:15px 20px;position:relative;width:100%}.create-activity-modal .close-button{align-items:center!important;background:rgba(239,68,68,.1)!important;border:1px solid #ef4444!important;border-radius:4px!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;color:#ef4444!important;cursor:pointer!important;display:flex!important;font-size:1.1rem!important;font-weight:700!important;justify-content:center!important;line-height:1!important;min-height:22px!important;min-width:22px!important;opacity:1!important;padding:2px 6px!important;position:absolute!important;right:15px!important;top:15px!important;transition:all .3s ease!important;visibility:visible!important;z-index:10005!important}.create-activity-modal .close-button:hover{background:#ef4444!important;box-shadow:0 4px 12px rgba(239,68,68,.4)!important;color:#fff!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.create-activity-modal .close-button:active{-webkit-transform:scale(.98)!important;transform:scale(.98)!important}.create-activity-title{align-items:center;display:flex;font-size:1.4rem;font-weight:600;gap:12px;margin:0}.title-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.6rem}.create-activity-header .header-actions{align-items:center;display:flex;gap:12px}.create-activity-body{padding:0}.create-activity-form{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;padding:24px}.section-title{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:none;border-radius:6px;color:#2d3748;font-size:1.1rem;letter-spacing:.3px;margin:0 0 16px;max-width:180px;padding:6px 12px}.form-input,.form-textarea{background:#fafbfc;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:none}.compact-input{font-size:.95rem;padding:10px 12px}.required-label{color:#2d3748;display:block;font-weight:600;margin-bottom:8px;position:relative}.required-label:after{color:#e53e3e;content:" *";font-weight:700}.compact-row,.form-row-grid{grid-gap:16px;align-items:flex-start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}.form-row-grid:last-child{margin-bottom:0}.form-group-full-width{grid-column:1/-1}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.form-group:last-child{margin-bottom:0}.form-group label{color:#4a5568;font-size:.95rem}.location-group{position:relative}.location-input-container{align-items:stretch;display:flex;gap:8px;position:relative;width:100%}.location-input{flex:1 1;max-width:200px}.map-select-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:6px;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.map-select-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px rgba(102,126,234,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.location-info{background:#f0fff4;border:1px solid #68d391;border-radius:6px;color:#22543d;font-size:.9rem;margin-top:8px;padding:8px 12px}.price-display-field{align-items:flex-start;display:flex;flex-direction:column}.price-display-field label,.price-input-left-aligned{text-align:center;width:120px}.price-input-left-aligned{max-width:120px;min-width:120px}.image-upload-area{align-items:center;background:#fafbfc;border:2px dashed #cbd5e0;border-radius:12px;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:120px;padding:20px;text-align:center;transition:all .3s ease}.image-upload-area:hover{background:#f0fff4;border-color:#10b981}.image-input{background:transparent;border:none;cursor:pointer;padding:12px;width:100%}.preview-image{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;margin-top:0;max-height:120px;max-width:120px;object-fit:cover}.image-preview{align-items:center;border-radius:8px;display:flex;justify-content:center;margin-top:15px}.image-preview img{display:block;height:auto;max-width:100%}.checkbox-group-inline{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding-top:5px}.checkbox-label{color:#4a5568;display:flex;font-weight:500;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.checkbox-text{font-size:.95rem}.draft-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.load-draft-btn{background:#e8f4fd;border-color:#1890ff;color:#1890ff}.load-draft-btn:hover{background:#1890ff;color:#fff}.load-draft-btn:hover,.save-draft-btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.save-draft-btn:hover{background:#f7fafc;border-color:#cbd5e0}.create-activity-actions{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.06);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:16px;padding:24px}.form-actions-center,.form-actions-left,.form-actions-right{align-items:center;display:flex;gap:12px}.form-actions-center{flex:1 1;justify-content:center}.draft-actions-group{align-items:center;display:flex;gap:8px;position:relative}.draft-count-badge{align-items:center;-webkit-animation:badge-pulse 2s ease-in-out infinite;animation:badge-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px;z-index:10}@keyframes badge-pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.draft-settings-panel{border:1px solid #e2e8f0;border-radius:16px 0 0 16px;box-shadow:-4px 0 20px rgba(0,0,0,.15);overflow:hidden;right:0;top:50%;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;will-change:transform;z-index:9998}.draft-panel-toggle,.draft-settings-panel.active{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.draft-panel-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 0 0 8px;box-shadow:-2px 0 8px rgba(0,0,0,.1);flex-direction:column;font-size:.8rem;font-weight:500;height:80px;justify-content:center;left:-48px;top:50%;transition:all .3s ease;width:48px}.draft-panel-toggle:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);-webkit-transform:translateY(-50%) translateX(-2px);transform:translateY(-50%) translateX(-2px)}.toggle-icon{font-size:1.2rem;margin-bottom:4px}.toggle-text{font-size:.75rem;letter-spacing:1px}.draft-indicator{align-items:center;-webkit-animation:indicator-pulse 2s ease-in-out infinite;animation:indicator-pulse 2s ease-in-out infinite;background:#ff6b6b;border-radius:50%;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}@-webkit-keyframes indicator-pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes indicator-pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}.draft-panel-content{background:#fafbfc;height:600px;max-height:80vh;overflow-y:auto}.draft-panel-header{border-bottom:2px solid #e2e8f0;margin-bottom:20px}.draft-panel-header h3{color:#2d3748;font-size:1.1rem;font-weight:600}.panel-close-btn{color:#718096;font-size:1.5rem;height:28px;padding:4px;width:28px}.panel-close-btn:hover{background:#e2e8f0;color:#2d3748}.draft-stats{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.stat-item{justify-content:space-between;margin-bottom:8px}.stat-item:last-child{margin-bottom:0}.stat-label{color:#4a5568;font-size:.9rem;font-weight:500}.stat-value{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#2d3748;font-size:1rem;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.draft-controls{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.control-group label{color:#4a5568;font-size:.9rem}.number-input-group{background:#fff;border:2px solid #e2e8f0;border-radius:6px;gap:4px;overflow:hidden}.number-btn{background:#f7fafc;border:none;color:#4a5568;font-weight:600;padding:8px 12px}.number-btn:hover{background:#e2e8f0;color:#2d3748}.number-input{background:transparent;border:none;color:#2d3748;font-weight:500;outline:none;padding:8px 12px}.panel-btn{font-size:.9rem;gap:8px;padding:10px 16px;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px rgba(16,185,129,.3)}.save-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px rgba(16,185,129,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.load-btn{background:linear-gradient(135deg,#1890ff,#096dd9);box-shadow:0 2px 6px rgba(24,144,255,.3)}.load-btn:hover{background:linear-gradient(135deg,#096dd9,#0050b3);box-shadow:0 4px 12px rgba(24,144,255,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.clear-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px rgba(239,68,68,.3)}.clear-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px rgba(239,68,68,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.recent-drafts{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.recent-drafts h4{color:#4a5568;font-size:.95rem;font-weight:600}.draft-preview-list{display:flex;flex-direction:column;gap:8px}.draft-preview-item{background:#f8f9ff;border:1px solid #e6f3ff;border-radius:6px;cursor:pointer;transition:all .2s ease}.draft-preview-item:hover{background:#e6f3ff;-webkit-transform:translateX(2px);transform:translateX(2px)}.draft-preview-name{color:#2d3748;font-size:.85rem}.draft-preview-date{color:#718096;font-size:.8rem}.draft-preview-more{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#718096;font-size:.85rem;padding:8px 12px}@media (max-width:768px){.draft-settings-panel{right:-280px;width:280px}.draft-panel-toggle{height:80px;left:-48px;width:48px}.toggle-icon{font-size:1rem}.toggle-text{font-size:.7rem}.draft-panel-content{height:500px;padding:16px}.panel-btn{font-size:.85rem;padding:12px 16px}}@media (max-width:480px){.draft-settings-panel{right:-260px;width:260px}.draft-panel-toggle{height:60px;left:-36px;width:36px}.toggle-text{display:none}.draft-panel-content{height:450px;padding:12px}}.cancel-btn{background:#f7fafc;border:2px solid #e2e8f0;padding:12px 20px}.cancel-btn:hover{background:#edf2f7;border-color:#cbd5e0}.submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.submit-btn:hover:not(.loading){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px rgba(16,185,129,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.submit-btn.loading{background:#9ca3af;cursor:not-allowed;opacity:.8}.loading-spinner{border:2px solid transparent;border-top-color:currentcolor;height:16px;width:16px}.announcement-title{text-align:center}.announcement-title span{display:inline}.activity-description font[color],.activity-description font[size],.activity-description span[style],.announcement-title font[color],.announcement-title font[size],.announcement-title span[style]{display:inline!important}.stars,.stars-input{align-items:center;display:inline-flex;gap:4px;margin:4px 0}.stars span,.stars-input .star{color:#ccc;font-size:16px;line-height:1}.stars span.on,.stars-input .star.on{color:#f7b500}.stars-input .star{background:transparent;border:none;cursor:pointer;padding:2px 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stars-input .star.zero{border:1px solid #ddd;border-radius:6px;color:#666;font-size:12px;padding:2px 6px}.stars-input .star.zero.on{border-color:#f7b500;color:#f7b500}.tetris-game-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 50px rgba(102,126,234,.3);max-height:90vh;max-width:600px;overflow:hidden;width:95%}.tetris-header{background:linear-gradient(135deg,#ec4899,#be185d);border-radius:16px 16px 0 0;color:#fff;padding:20px 24px;position:relative;text-align:center}.tetris-header h3{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:12px;justify-content:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tetris-game-container{background:#1a1a2e;color:#fff;min-height:500px;padding:20px;position:relative}.tetris-board{grid-gap:1px;aspect-ratio:1/2;background:#16213e;border:2px solid #ec4899;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(10,1fr);margin:0 auto;max-width:300px;padding:10px}.tetris-cell{background:#0f0f23;border:1px solid #16213e;border-radius:2px;transition:all .1s ease}.tetris-cell.filled{background:linear-gradient(135deg,#ec4899,#be185d);border-color:#f9a8d4;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2)}.tetris-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.tetris-score{color:#f9a8d4;font-size:1.2rem;font-weight:600;margin-bottom:10px}.tetris-level{color:#e0e7ff;font-size:1rem}.tetris-controls{margin-top:20px;text-align:center}.tetris-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(16,185,129,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 8px;padding:12px 24px;transition:all .3s ease}.tetris-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px rgba(16,185,129,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tetris-btn.pause{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px rgba(245,158,11,.3)}.tetris-btn.pause:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px rgba(245,158,11,.4)}.tetris-instructions{background:hsla(0,0%,100%,.05);border-radius:8px;color:#cbd5e1;font-size:.9rem;line-height:1.6;margin-top:20px;padding:15px}.tetris-instructions h4{color:#f9a8d4;font-size:1rem;margin:0 0 10px}.tetris-instructions ul{margin:10px 0;padding-left:20px}.tetris-instructions li{margin:5px 0}@media (max-width:768px){.create-activity-modal{margin:16px auto;max-width:none;width:calc(100vw - 32px)}.create-activity-form{gap:20px;grid-template-columns:1fr}.compact-row,.form-row-grid{gap:12px;grid-template-columns:1fr}.location-input-container{flex-direction:column;gap:8px}.map-select-btn{align-self:stretch;padding:10px 16px}.create-activity-actions{flex-direction:column;gap:12px}.create-activity-actions button{justify-content:center;width:100%}.section-title{font-size:1.1rem}.form-section{padding:20px}.form-group label{font-size:.9rem}.form-input,.form-textarea{font-size:.95rem;padding:10px 12px}}@media (max-width:480px){.date-range-row{align-items:flex-start;display:flex!important;flex-wrap:nowrap!important;gap:8px;width:100%}.date-range-row .form-group{flex:1 1!important;margin-bottom:0!important;min-width:0!important}.date-range-row .form-group label{display:block!important;min-width:0!important;text-align:left}.date-range-row .form-group input{box-sizing:border-box;width:100%!important}.user-management-table{min-width:500px}.user-management-table td,.user-management-table th{font-size:.75rem;padding:4px 6px}.user-action-btn{font-size:10px;padding:2px 4px}.create-activity-header{margin:0!important;padding:16px 20px}.create-activity-title{font-size:1.2rem}.title-icon{font-size:1.4rem}.create-activity-modal .close-button{border-width:1px!important;font-size:1rem!important;min-height:18px!important;min-width:18px!important;padding:1px 4px!important;right:12px!important;top:12px!important}}.stars-wrap{font-size:16px;height:1em;vertical-align:initial}.stars-colored{color:currentColor;overflow:hidden;width:0;width:var(--percent,0);will-change:width}.star-gold{color:#f5c518}.star-red{color:#ff4d4f}.star-green{color:#10b981}.stars-insert-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.meta-line{display:inline;line-height:1;margin:0;padding:0}.meta-label{color:#6b7280;display:inline;margin-right:4px}.activity-card .stars-wrap,.activity-description .stars-wrap{vertical-align:top}.activity-card .meta-line .stars-wrap{display:inline-block;margin-left:4px;vertical-align:middle}.activity-card .meta-line .stars-wrap .stars-colored,.activity-card .meta-line .stars-wrap .stars-gray{font-size:12px;line-height:1}.activity-card .meta-line .stars-wrap .stars-colored{height:12px;width:auto}@media (max-width:768px){.activity-card .meta-line .stars-wrap{align-items:flex-start!important;display:inline-flex!important;height:12px!important;justify-content:flex-start!important;line-height:1!important;vertical-align:top!important}.activity-card .meta-line .stars-wrap .stars-gray{display:inline-block!important;overflow:visible!important;position:relative!important;z-index:1!important}.activity-card .meta-line .stars-wrap .stars-colored{bottom:auto!important;height:12px!important;left:0!important;overflow:hidden!important;position:absolute!important;right:auto!important;top:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important;z-index:2!important}}.page-transition-blinds .activity-card,.page-transition-cube .activity-card{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes cube-in{0%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);-webkit-transform-origin:left center;transform-origin:left center}to{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes cube-in{0%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);-webkit-transform-origin:left center;transform-origin:left center}to{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);-webkit-transform-origin:left center;transform-origin:left center}}.page-transition-cube .activity-card{-webkit-animation-delay:calc(var(--card-index)*.1s);animation-delay:calc(var(--card-index)*.1s);-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-name:cube-in;animation-name:cube-in;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes blinds-in{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes blinds-in{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.page-transition-blinds .activity-card{-webkit-animation-delay:calc(var(--card-index)*70ms);animation-delay:calc(var(--card-index)*70ms);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:blinds-in;animation-name:blinds-in;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.desktop-background-container{background-color:#f0f2f5;height:100%;min-height:380px;overflow:hidden;position:relative;width:100%}.preview-background{background-size:contain;height:100%;min-height:360px}.desktop-placeholder{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.desktop-welcome-text{color:#555;font-size:2.5rem;font-weight:300}.desktop-subtitle{color:#777;font-size:1.25rem;margin-top:1rem}.scrolling-text-container{-ms-overflow-style:none;scrollbar-width:none}.scrolling-text-container::-webkit-scrollbar{display:none}.background-tab .section-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.background-tab .image-add-buttons,.background-tab .section-title{overflow:visible!important}.background-tab .section-title{width:100%!important}.background-tab .image-add-buttons{flex:0 0 auto!important}.background-tab .add-image-btn,.background-tab .add-url-btn,.background-tab .image-add-buttons button{font-size:.85rem!important;padding:6px 10px!important}.background-tab .images-section{margin-top:8px}.background-tab .images-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:12px}.background-tab .image-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:box-shadow .2s ease,transform .2s ease;transition:box-shadow .2s ease,transform .2s ease,-webkit-transform .2s ease}.background-tab .image-item.current{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.18)}.background-tab .image-item:hover{box-shadow:0 6px 14px rgba(0,0,0,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.background-tab .image-preview{align-items:center;background:#f8fafc;display:flex;height:140px;justify-content:center;position:relative}.background-tab .image-preview img{max-height:100%;max-width:100%;object-fit:cover}.background-tab .image-overlay{align-items:flex-start;display:flex;inset:8px;justify-content:space-between;pointer-events:none;position:absolute}.background-tab .image-overlay button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;pointer-events:auto;transition:all .2s ease}.background-tab .image-overlay .set-current-btn{background:rgba(16,185,129,.75)}.background-tab .image-overlay .set-current-btn:hover{background:rgba(16,185,129,.9)}.background-tab .image-overlay .delete-image-btn{background:rgba(239,68,68,.75)}.background-tab .image-overlay .delete-image-btn:hover{background:rgba(239,68,68,.9)}.background-tab .image-info{display:flex;flex-direction:column;gap:8px;padding:10px}.background-tab .image-info .image-name{color:#1e293b;font-size:.92rem;font-weight:600;line-height:1.2;margin:0}.background-tab .image-description{border:1px solid #e2e8f0;border-radius:8px;font-size:.88rem;min-height:64px;padding:8px 10px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.background-tab .image-description:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12);outline:none}.background-tab .preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-top:16px;overflow:hidden}.background-tab .preview-section .section-title{background:#f8fafc;border-bottom:1px solid #eef2f7;padding:10px 12px}.background-tab .preview-controls{align-items:center;display:inline-flex;gap:10px}.background-tab .play-pause-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(37,99,235,.3);color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.background-tab .play-pause-btn:hover{box-shadow:0 4px 12px rgba(37,99,235,.35);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.background-tab .play-pause-btn.playing{background:linear-gradient(135deg,#10b981,#059669)}.background-tab .preview-counter{color:#334155;font-weight:600;min-width:64px;text-align:center}.background-tab .background-preview{background:#000;position:relative}.background-tab .preview-background{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:320px;position:relative}.background-tab .nav-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.55);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:44px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s ease;width:44px;z-index:12}.background-tab .nav-btn:hover{background:rgba(0,0,0,.75);-webkit-transform:translateY(-50%) scale(1.06);transform:translateY(-50%) scale(1.06)}.background-tab .prev-btn{left:14px}.background-tab .next-btn{right:14px}.background-tab .preview-description{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.55);border-radius:10px;bottom:16px;color:#fff;font-size:.92rem;left:16px;line-height:1.4;max-height:40%;overflow:auto;padding:10px 12px;position:absolute;right:16px;z-index:10}.background-tab .preview-thumbnails{align-items:center;background:#0f172a;border-top:1px solid #1f2937;display:flex;gap:8px;height:72px;overflow-x:auto;padding:8px 12px}.background-tab .thumbnail{background-position:50%;background-size:cover;border:2px solid transparent;border-radius:6px;cursor:pointer;flex-shrink:0;height:56px;transition:all .2s ease;width:56px}.background-tab .thumbnail:hover{border-color:hsla(0,0%,100%,.35);-webkit-transform:scale(1.06);transform:scale(1.06)}.background-tab .thumbnail.active{border-color:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.4);-webkit-transform:scale(1.08);transform:scale(1.08)}.background-tab .preview-info{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;color:#334155;display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px;justify-content:space-between;padding:10px 12px}.background-tab .current-image-name{font-weight:600}.background-tab .settings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.background-tab .setting-group{margin-bottom:10px}@media (max-width:768px){.background-tab .images-grid{grid-template-columns:1fr}.background-tab .image-preview{height:160px}.background-tab .nav-btn{height:38px;width:38px}.background-tab .prev-btn{left:10px}.background-tab .next-btn{right:10px}.background-tab .preview-description{bottom:10px;font-size:.85rem;left:10px;padding:8px 10px;right:10px}.background-tab .preview-thumbnails{height:60px;padding:6px 10px}.background-tab .thumbnail{height:46px;width:46px}.background-tab .preview-info{font-size:.85rem;padding:8px 10px}}.background-tab .section-title{flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:space-between!important;margin-top:24px;overflow-x:auto;padding-top:0;position:relative}.background-tab .section-title h5{background:#eef2f7;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);color:#475569;font-size:.95rem;left:50%;line-height:1;padding:6px 12px;pointer-events:none;position:absolute;top:-18px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:1}.background-tab .add-image-btn,.background-tab .add-url-btn,.background-tab .image-add-buttons button{min-height:32px;white-space:nowrap!important}@media (max-width:768px){.background-tab .section-title{-webkit-overflow-scrolling:touch;align-items:center!important;flex-direction:row!important;gap:10px!important;justify-content:space-between!important;overflow-x:auto}.background-tab .image-add-buttons{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto}}.background-tab .image-add-buttons,.background-tab .section-title{-ms-overflow-style:none;scrollbar-width:none}.background-tab .image-add-buttons::-webkit-scrollbar,.background-tab .section-title::-webkit-scrollbar{display:none;height:0;width:0}.background-tab .image-add-buttons,.background-tab .section-title{overflow-y:hidden;padding-bottom:2px}.glow-tab .settings-grid{grid-gap:16px!important;align-items:start!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.glow-tab .setting-group{width:100%!important}.glow-tab .interval-slider,.glow-tab .setting-group input[type=range]{max-width:100%!important;width:280px!important}.glow-tab input[type=text],.glow-tab select{width:100%!important}@media (max-width:768px){.glow-tab .settings-grid{gap:12px!important;grid-template-columns:1fr!important}.glow-tab .interval-slider,.glow-tab .setting-group input[type=range]{max-width:100%!important;width:220px!important}}.background-tab .interval-slider,.background-tab .setting-group input[type=range],.background-tab .slideshow-section input[type=range]{max-width:60vw;width:280px}.background-tab .setting-group,.background-tab .slideshow-section .section-title{align-items:center}.background-tab .preview-section .preview-counter{text-align:center}@media (max-width:768px){.background-tab .interval-slider,.background-tab .setting-group input[type=range],.background-tab .slideshow-section input[type=range]{max-width:85vw;width:220px}.background-tab .slideshow-section .settings-grid{grid-gap:12px!important;align-items:start!important;display:grid!important;gap:12px!important;grid-template-columns:1fr 1fr!important}.background-tab .slideshow-section .setting-group{min-width:0}.background-tab .slideshow-section .setting-group label{display:block;font-size:.92rem;margin-bottom:6px;white-space:normal}.background-tab .slideshow-section .interval-slider,.background-tab .slideshow-section input[type=range]{max-width:100%!important;width:100%!important}.background-tab .slideshow-section .interval-value{display:block;font-size:.85rem;margin-top:4px;text-align:right}}.background-tab .section-title{align-items:center!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:flex-start!important;margin-top:8px!important;padding-top:0!important}.background-tab .section-title h5{background:transparent!important;box-shadow:none!important;color:#475569!important;line-height:1.1!important;padding:0!important;position:static!important;-webkit-transform:none!important;transform:none!important;white-space:nowrap!important}.background-tab .image-add-buttons{align-items:center!important;display:inline-flex!important;flex-wrap:nowrap!important;gap:10px!important;justify-content:center!important;white-space:nowrap!important}@media (max-width:768px){.background-tab .section-title{align-items:center!important;flex-direction:column!important;gap:8px!important}.background-tab .image-add-buttons{justify-content:center!important;overflow-x:visible!important}}.background-tab .glow-settings .settings-grid,.background-tab .glow-settings-grid,.background-tab .title-glow-grid,.background-tab .title-glow-section .settings-grid,.background-tab .title-glow-settings .settings-grid{grid-gap:16px!important;align-items:start!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.background-tab .glow-settings .setting-group,.background-tab .glow-settings-grid .setting-group,.background-tab .title-glow-grid .setting-group,.background-tab .title-glow-section .setting-group,.background-tab .title-glow-settings .setting-group{width:100%!important}.background-tab .glow-settings input[type=range],.background-tab .title-glow-section input[type=range],.background-tab .title-glow-settings input[type=range]{max-width:340px!important;width:100%!important}@media (max-width:768px){.background-tab .glow-settings .settings-grid,.background-tab .glow-settings-grid,.background-tab .title-glow-grid,.background-tab .title-glow-section .settings-grid,.background-tab .title-glow-settings .settings-grid{gap:12px!important;grid-template-columns:1fr!important}}.activity-button-container{display:flex;justify-content:flex-end}.activity-actions{grid-gap:6px;display:grid;gap:6px;margin-left:auto;margin-top:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.activity-actions button{align-items:center;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:auto;justify-content:center;min-height:28px;padding:5px 12px;transition:all .2s ease;white-space:nowrap;width:auto}.activity-actions.admin-actions,.activity-actions.user-actions{grid-template-columns:repeat(2,auto)}.activity-actions.user-actions.single-button{grid-template-columns:1fr}.activity-actions.user-actions{align-items:stretch!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px;justify-content:flex-end!important;margin-left:auto;width:auto}.activity-actions.user-actions>button{height:auto;min-height:28px;min-width:auto;white-space:nowrap;width:auto}.register-btn{background:#10b981;color:#fff}.register-btn:hover{background:#059669;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.manage-btn{background:#3b82f6;color:#fff}.manage-btn:hover{background:#2563eb;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.activity-actions .edit-btn{background:#06b6d4!important;color:#fff!important}.activity-actions .edit-btn:hover{background:#0891b2!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cancel-btn{background:#dc3545}.cancel-btn:hover{background:#c82333}.cancel-activity-btn{background:#f59e0b!important;border:1px solid #f59e0b!important;color:#fff!important}.cancel-activity-btn:hover{background:#d97706!important;border-color:#d97706!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cancel-activity-btn:active{background:#b45309!important;border-color:#b45309!important}.activity-details{position:relative}.location-with-nav{align-items:center;display:flex;gap:6px}.nav-map-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;flex-shrink:0;font-size:14px;padding:2px 6px;transition:all .2s ease}.nav-map-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 2px 6px rgba(0,0,0,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-map-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.move-buttons-container{display:flex;gap:4px;position:absolute;right:0;top:0;z-index:10}.move-buttons-container .move-btn{align-items:center!important;background:#fff!important;border:1px solid #999!important;border-radius:2px!important;box-shadow:none!important;color:#333!important;cursor:pointer!important;display:flex!important;font-family:Arial,sans-serif!important;font-size:10px!important;height:20px!important;justify-content:center!important;min-width:35px!important;padding:2px 6px!important;transition:none!important;white-space:nowrap!important}.move-buttons-container .move-btn:hover{background:#fff!important;border-color:#666!important}@media (max-width:768px){.activity-actions{gap:6px;justify-content:flex-end;margin-left:auto;margin-right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.activity-actions button{font-size:12px;max-width:80px;min-width:60px;padding:6px 12px;width:auto}.activity-actions button :hover,.activity-actions button:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}.move-buttons-container{gap:3px;right:-2px;top:-2px}.move-buttons-container .move-btn{font-size:10px!important;height:22px!important;min-width:40px!important;padding:1px 6px!important}.activity-card{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}}.stars-wrap{color:gold!important;overflow:hidden!important;position:relative!important;vertical-align:middle!important}.stars-gray,.stars-wrap{display:inline-block!important;font-size:1em!important;line-height:1!important}.stars-gray{color:#d1d5db!important}.stars-colored,.stars-gray{white-space:nowrap!important}.stars-colored{background:linear-gradient(90deg,currentColor,currentColor 0,transparent 0)!important;background:linear-gradient(90deg,currentColor 0,currentColor var(--percent,0),transparent var(--percent,0))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;font-size:1em!important;height:1em!important;left:0!important;line-height:1!important;position:absolute!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;will-change:background!important}@media (max-width:768px){.stars-wrap{align-items:flex-start!important;display:inline-flex!important;height:1em!important;justify-content:flex-start!important;line-height:1!important;vertical-align:top!important}.stars-gray{display:inline-block!important;overflow:visible!important;position:relative!important;z-index:1!important}.stars-colored{bottom:auto!important;height:1em!important;left:0!important;overflow:hidden!important;position:absolute!important;right:auto!important;top:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important;z-index:2!important}}.star-red{color:#ef4444!important}.star-blue{color:#3b82f6!important}.star-green{color:#22c55e!important}.star-gold{color:gold!important}.meta-line{color:#4a5568!important;font-size:14px!important;margin:0 8px 4px 0!important;white-space:nowrap!important}.meta-line,.meta-line .stars-wrap{display:inline-block!important;vertical-align:middle!important}.meta-line .stars-wrap{margin-left:4px!important}.meta-line .stars-wrap .stars-colored,.meta-line .stars-wrap .stars-gray{font-size:12px!important;line-height:1!important}.meta-line .stars-wrap .stars-colored{height:12px!important;width:auto!important}@media (max-width:768px){.meta-line .stars-wrap{align-items:flex-start!important;display:inline-flex!important;height:12px!important;justify-content:flex-start!important;line-height:1!important;vertical-align:top!important}.meta-line .stars-wrap .stars-gray{display:inline-block!important;overflow:visible!important;position:relative!important;z-index:1!important}.meta-line .stars-wrap .stars-colored{bottom:auto!important;height:12px!important;left:0!important;overflow:hidden!important;position:absolute!important;right:auto!important;top:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important;z-index:2!important}}.meta-label{color:#4a5568!important;font-weight:500!important;margin-right:6px!important}.activity-description .stars-wrap{color:gold!important}.activity-description .star-red{color:#ef4444!important}.activity-description .star-blue{color:#3b82f6!important}.activity-description .star-green{color:#22c55e!important}.activity-description .star-gold{color:gold!important}.activity-description .stars-gray{color:#d1d5db!important}.activity-description .stars-colored{-webkit-text-fill-color:transparent!important;background:linear-gradient(90deg,currentColor,currentColor 0,transparent 0)!important;background:linear-gradient(90deg,currentColor 0,currentColor var(--percent,0),transparent var(--percent,0))!important;-webkit-background-clip:text!important;background-clip:text!important;color:inherit!important}@media (max-width:768px){.activity-description .stars-wrap{align-items:flex-start!important;display:inline-flex!important;height:1em!important;justify-content:flex-start!important;line-height:1!important}.activity-description .stars-gray{display:inline-block!important;position:relative!important;z-index:1!important}.activity-description .stars-colored{bottom:auto!important;height:1em!important;left:0!important;position:absolute!important;right:auto!important;top:0!important;-webkit-transform:none!important;transform:none!important;z-index:2!important}}.activity-description .meta-line{color:#4a5568!important;display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important}.activity-description .meta-label{color:#4a5568!important;font-weight:500!important;margin-right:6px!important}.desktop-placeholder,.preview-overlay{height:100%;padding:20px;position:relative;width:100%}.desktop-overlay,.desktop-placeholder,.preview-overlay{box-sizing:border-box;display:flex;flex-direction:column}.desktop-overlay{padding:40px}.position-center{align-items:center;justify-content:center;text-align:center}.position-top-left{align-items:flex-start;justify-content:flex-start;text-align:left}.position-top-right{align-items:flex-end;justify-content:flex-start;text-align:right}.position-bottom-left{align-items:flex-start;justify-content:flex-end;text-align:left}.position-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.desktop-welcome-text,.preview-welcome-text{color:inherit;font-size:2.5rem;font-weight:600;line-height:1.2;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.desktop-subtitle,.preview-subtitle-text{color:inherit;font-size:1.2rem;line-height:1.4;margin:0 0 32px;opacity:.9}.desktop-back-button,.preview-back-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin:10px 0;padding:8px 16px;transition:all .3s ease}.desktop-back-button:hover,.preview-back-button:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.change-background-btn,.set-background-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,123,255,.8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin:10px 0;padding:10px 20px;transition:all .3s ease}.change-background-btn:hover,.set-background-btn:hover{background:#007bff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.text-styles-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.text-editor-group{margin-bottom:20px}.text-editor-group label{color:#495057;display:block;font-weight:700;margin-bottom:8px}.text-editor-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.text-preview{background:#fff;border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:14px;line-height:1.4;max-width:300px;min-height:40px;overflow:hidden;padding:10px}.edit-text-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease;white-space:nowrap}.edit-text-btn:hover{background:#0056b3}.text-position-group{margin-bottom:20px}.text-position-group label{color:#495057;display:block;font-weight:700;margin-bottom:8px}.position-select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.background-preview{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:15px;overflow:hidden}.preview-background{background-color:#6c5ce7;background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;width:100%}.modal-overlay.activity-list-management-overlay{z-index:1000}.modal.activity-list-management-modal{margin:20px auto;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative;z-index:1001}.design-modal-overlay{z-index:1100!important}.design-modal{z-index:1101!important}@media (max-width:768px){.desktop-welcome-text,.preview-welcome-text{font-size:1.5rem}.desktop-subtitle,.preview-subtitle-text{font-size:1rem}.text-editor-controls{align-items:stretch;flex-direction:column}.text-preview{max-width:none}}.slideshow-preview-overlay{background:rgba(0,0,0,.9);z-index:10050}.slideshow-preview-modal{background:#1a1a1a;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:90vw}.slideshow-preview-modal .modal-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid #34495e;color:#fff;display:flex;justify-content:space-between;padding:16px 24px}.slideshow-preview-modal .modal-header h3{font-size:1.2rem;font-weight:600;margin:0}.preview-controls{align-items:center;display:flex;gap:16px}.play-pause-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:4px;padding:8px 12px;transition:all .3s ease}.play-pause-btn:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.play-pause-btn.playing{background:rgba(76,175,80,.2);border-color:rgba(76,175,80,.4)}.preview-counter{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500;min-width:60px;text-align:center}@media (prefers-color-scheme:dark){.slideshow-preview-modal{background:#0f0f0f;border:1px solid hsla(0,0%,100%,.1)}.slideshow-preview-modal .modal-header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-bottom:1px solid hsla(0,0%,100%,.1)}.slideshow-preview-modal .modal-header h3{color:#e0e0e0}.play-pause-btn{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);color:#e0e0e0}.play-pause-btn:hover{background:hsla(0,0%,100%,.15)}.play-pause-btn.playing{background:rgba(76,175,80,.15);border-color:rgba(76,175,80,.3)}.preview-counter{color:hsla(0,0%,100%,.7)}.slideshow-preview-body{background:#000}.nav-btn{background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.1)}.nav-btn:hover{background:rgba(0,0,0,.85)}.slideshow-description{background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.1);color:#e0e0e0}.slideshow-back-button{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#e0e0e0}.slideshow-back-button:hover{background:hsla(0,0%,100%,.15)}.slideshow-thumbnails{background:#121212;border-top:1px solid hsla(0,0%,100%,.1)}.thumbnail{box-shadow:0 2px 8px rgba(0,0,0,.4)}.thumbnail.active{box-shadow:0 0 12px rgba(33,150,243,.3),0 4px 16px rgba(0,0,0,.6)}.slideshow-preview-footer{background:#121212;border-top:1px solid hsla(0,0%,100%,.1)}.image-name{color:#e0e0e0}.slideshow-settings{color:hsla(0,0%,100%,.6)}.slideshow-loading{color:#e0e0e0}.slideshow-loading-spinner{border-color:#e0e0e0 hsla(0,0%,100%,.2) hsla(0,0%,100%,.2)}.card-flip-enter,.fade-enter,.light-sweep-enter,.page-flip-enter,.rotate-enter,.slide-layer,.zoom-enter,.zoom-slide-enter{background-color:#000}}@media (prefers-color-scheme:light){.slideshow-preview-modal{background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.3)}.slideshow-preview-modal .modal-header{background:linear-gradient(135deg,#2c3e50,#34495e)}.slideshow-preview-modal .modal-header h3{color:#fff}.slideshow-preview-body{background:#000}.slideshow-preview-footer,.slideshow-thumbnails{background:#1a1a1a}.image-name{color:#fff}.slideshow-settings{color:hsla(0,0%,100%,.7)}}.slideshow-dark-theme{background:#0f0f0f}.slideshow-dark-theme .slideshow-preview-modal .modal-header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.slideshow-dark-theme .slideshow-preview-footer,.slideshow-dark-theme .slideshow-thumbnails{background:#121212}.slideshow-light-theme{background:#fff}.slideshow-light-theme .slideshow-preview-modal .modal-header{background:linear-gradient(135deg,#2c3e50,#34495e)}.slideshow-light-theme .slideshow-preview-footer,.slideshow-light-theme .slideshow-thumbnails{background:#1a1a1a}.slideshow-preview-body{background:#000;height:calc(100% - 120px);padding:0}.slideshow-container{display:flex;flex-direction:column;height:100%}.slideshow-image{align-items:center;background-color:#000;display:flex;flex:1 1;justify-content:center;min-height:400px;position:relative}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.6);border-radius:50%;font-size:1.2rem;height:50px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.nav-btn:hover{background:rgba(0,0,0,.8);-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.slideshow-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.7);border-radius:8px;bottom:20px;color:#fff;font-size:.9rem;left:20px;line-height:1.4;padding:12px 16px;position:absolute;right:20px;z-index:5}.slideshow-text-overlay{color:#fff;pointer-events:none;position:absolute;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:8}.slideshow-text-overlay.position-center{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slideshow-text-overlay.position-top-left{left:40px;text-align:left;top:40px}.slideshow-text-overlay.position-top-right{right:40px;text-align:right;top:40px}.slideshow-text-overlay.position-bottom-left{bottom:80px;left:40px;text-align:left}.slideshow-text-overlay.position-bottom-right{bottom:80px;right:40px;text-align:right}.slideshow-welcome-text{font-size:2rem;font-weight:700;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.slideshow-subtitle-text{font-size:1.2rem;margin-bottom:16px;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.slideshow-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;pointer-events:auto;transition:all .3s ease}.slideshow-back-button:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.slideshow-thumbnails{-webkit-overflow-scrolling:touch;align-items:center;background:#1a1a1a;border-top:1px solid #333;display:flex;gap:12px;height:100px;overflow-x:auto;overflow-y:hidden;padding:0 20px;scroll-behavior:smooth;scrollbar-width:none}.slideshow-thumbnails::-webkit-scrollbar{display:none;height:0;width:0}.slideshow-thumbnails::-webkit-scrollbar-thumb,.slideshow-thumbnails::-webkit-scrollbar-track{background:transparent}.thumbnail-container{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 0;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.thumbnail-container::-webkit-scrollbar{display:none;height:0}.thumbnail-item{flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:normal}.thumbnail{background-position:50%;background-size:cover;border:2px solid transparent;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;height:60px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.thumbnail:hover{border-color:hsla(0,0%,100%,.3);box-shadow:0 4px 16px rgba(0,0,0,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}.thumbnail.active{border-color:#2196f3;box-shadow:0 0 12px rgba(33,150,243,.4),0 4px 16px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.thumbnail:after{background:hsla(0,0%,100%,.3);border-radius:2px;bottom:4px;content:"";height:3px;left:4px;position:absolute;right:4px;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.thumbnail.active:after{background:#2196f3;-webkit-transform:scaleX(1);transform:scaleX(1)}.thumbnail-index{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.6);border-radius:10px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:4px;top:4px}@media (max-width:768px){.slideshow-thumbnails{gap:16px;height:120px;padding:0 16px}.thumbnail-container{gap:16px;padding:12px 0}.thumbnail{border-radius:10px;height:75px;width:100px}.thumbnail-item{padding:4px}.thumbnail{height:67px;width:92px}.thumbnail:hover{box-shadow:none;-webkit-transform:none;transform:none}.thumbnail.active{border:3px solid #2196f3;-webkit-transform:scale(1.15);transform:scale(1.15)}}@media (min-width:769px) and (max-width:1024px){.thumbnail{height:68px;width:90px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.thumbnail{border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.4)}}.thumbnail:focus{outline:3px solid #2196f3;outline-offset:2px}.thumbnail:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.thumbnail.loading{-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%}.slideshow-preview-footer{align-items:center;background:#1a1a1a;border-top:1px solid #333;display:flex;justify-content:space-between;padding:12px 24px}.slideshow-info{display:flex;flex-direction:column;gap:4px}.image-name{color:#fff;font-size:.9rem;font-weight:500}.slideshow-settings{color:hsla(0,0%,100%,.7);font-size:.8rem}@media (max-width:768px){.slideshow-preview-modal{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}.slideshow-preview-modal .modal-header{padding:12px 16px}.slideshow-preview-modal .modal-header h3{font-size:1rem}.preview-controls{gap:12px}.nav-btn{font-size:1rem;height:40px;width:40px}.prev-btn{left:10px}.next-btn{right:10px}.slideshow-description{bottom:10px;font-size:.8rem;left:10px;padding:8px 12px;right:10px}.slideshow-text-overlay.position-bottom-left,.slideshow-text-overlay.position-top-left{left:20px}.slideshow-text-overlay.position-bottom-right,.slideshow-text-overlay.position-top-right{right:20px}.slideshow-welcome-text{font-size:1.5rem}.slideshow-subtitle-text{font-size:1rem}.slideshow-thumbnails{height:60px;padding:0 10px}.thumbnail{height:45px;width:45px}.slideshow-preview-footer{padding:8px 16px}.slideshow-info{gap:2px}.image-name{font-size:.8rem}.slideshow-settings{font-size:.7rem}}.slideshow-preview-modal{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out}.slideshow-loading{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slideshow-loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:24px;width:24px}.fade-enter{-webkit-animation:fadeIn .7s ease forwards;animation:fadeIn .7s ease forwards;-webkit-animation:fadeIn var(--trans-dur,.7s) ease forwards;animation:fadeIn var(--trans-dur,.7s) ease forwards;opacity:0}.fade-exit{-webkit-animation:fadeOut .7s ease forwards;animation:fadeOut .7s ease forwards;-webkit-animation:fadeOut var(--trans-dur,.7s) ease forwards;animation:fadeOut var(--trans-dur,.7s) ease forwards;opacity:1}@-webkit-keyframes fadeOut{to{opacity:0}}@keyframes fadeOut{to{opacity:0}}.slide-in-right{-webkit-transform:translateX(100%);transform:translateX(100%)}.slide-in-left,.slide-in-right{-webkit-animation:slideIn .7s ease forwards;animation:slideIn .7s ease forwards;-webkit-animation:slideIn var(--trans-dur,.7s) ease forwards;animation:slideIn var(--trans-dur,.7s) ease forwards}.slide-in-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slide-out-left{-webkit-animation:slideOutLeft .7s ease forwards;animation:slideOutLeft .7s ease forwards;-webkit-animation:slideOutLeft var(--trans-dur,.7s) ease forwards;animation:slideOutLeft var(--trans-dur,.7s) ease forwards}.slide-out-left,.slide-out-right{-webkit-transform:translateX(0);transform:translateX(0)}.slide-out-right{-webkit-animation:slideOutRight .7s ease forwards;animation:slideOutRight .7s ease forwards;-webkit-animation:slideOutRight var(--trans-dur,.7s) ease forwards;animation:slideOutRight var(--trans-dur,.7s) ease forwards}@-webkit-keyframes slideOutLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideOutRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.cube-in-right{-webkit-animation:cubeInRight .7s ease forwards;animation:cubeInRight .7s ease forwards;-webkit-animation:cubeInRight var(--trans-dur,.7s) ease forwards;animation:cubeInRight var(--trans-dur,.7s) ease forwards;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}.cube-out-right{-webkit-animation:cubeOutRight .7s ease forwards;animation:cubeOutRight .7s ease forwards;-webkit-animation:cubeOutRight var(--trans-dur,.7s) ease forwards;animation:cubeOutRight var(--trans-dur,.7s) ease forwards;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}.cube-in-left{-webkit-animation:cubeInLeft .7s ease forwards;animation:cubeInLeft .7s ease forwards;-webkit-animation:cubeInLeft var(--trans-dur,.7s) ease forwards;animation:cubeInLeft var(--trans-dur,.7s) ease forwards;-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg)}.cube-out-left{-webkit-animation:cubeOutLeft .7s ease forwards;animation:cubeOutLeft .7s ease forwards;-webkit-animation:cubeOutLeft var(--trans-dur,.7s) ease forwards;animation:cubeOutLeft var(--trans-dur,.7s) ease forwards;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}@-webkit-keyframes cubeInRight{to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@keyframes cubeInRight{to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@-webkit-keyframes cubeOutRight{to{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg)}}@keyframes cubeOutRight{to{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg)}}@-webkit-keyframes cubeInLeft{to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@keyframes cubeInLeft{to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@-webkit-keyframes cubeOutLeft{to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}}@keyframes cubeOutLeft{to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}}.cube-in-right,.cube-out-left{-webkit-transform-origin:left center;transform-origin:left center}.cube-in-left,.cube-out-right{-webkit-transform-origin:right center;transform-origin:right center}.zoom-enter{-webkit-animation:zoomIn .7s ease forwards;animation:zoomIn .7s ease forwards;-webkit-animation:zoomIn var(--trans-dur,.7s) ease forwards;animation:zoomIn var(--trans-dur,.7s) ease forwards;opacity:0;-webkit-transform:scale(.92);transform:scale(.92)}.zoom-exit{-webkit-animation:zoomOut .7s ease forwards;animation:zoomOut .7s ease forwards;-webkit-animation:zoomOut var(--trans-dur,.7s) ease forwards;animation:zoomOut var(--trans-dur,.7s) ease forwards;opacity:1;-webkit-transform:scale(1);transform:scale(1)}@-webkit-keyframes zoomIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{to{opacity:0;-webkit-transform:scale(1.08);transform:scale(1.08)}}@keyframes zoomOut{to{opacity:0;-webkit-transform:scale(1.08);transform:scale(1.08)}}.blinds{grid-gap:0;display:grid;gap:0;grid-template-rows:repeat(10,1fr);inset:0;pointer-events:none;position:absolute}.blinds .slice{background-position-x:50%;background-size:100% 1000%;opacity:.98;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center}.blinds.animate .slice{-webkit-animation:blindOpen .7s ease forwards;animation:blindOpen .7s ease forwards;-webkit-animation:blindOpen var(--trans-dur,.7s) ease forwards;animation:blindOpen var(--trans-dur,.7s) ease forwards}.blinds.animate .slice:first-child{-webkit-animation-delay:0ms;animation-delay:0ms}.blinds.animate .slice:nth-child(2){-webkit-animation-delay:30ms;animation-delay:30ms}.blinds.animate .slice:nth-child(3){-webkit-animation-delay:60ms;animation-delay:60ms}.blinds.animate .slice:nth-child(4){-webkit-animation-delay:90ms;animation-delay:90ms}.blinds.animate .slice:nth-child(5){-webkit-animation-delay:.12s;animation-delay:.12s}.blinds.animate .slice:nth-child(6){-webkit-animation-delay:.15s;animation-delay:.15s}.blinds.animate .slice:nth-child(7){-webkit-animation-delay:.18s;animation-delay:.18s}.blinds.animate .slice:nth-child(8){-webkit-animation-delay:.21s;animation-delay:.21s}.blinds.animate .slice:nth-child(9){-webkit-animation-delay:.24s;animation-delay:.24s}.blinds.animate .slice:nth-child(10){-webkit-animation-delay:.27s;animation-delay:.27s}@-webkit-keyframes blindOpen{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes blindOpen{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rotate-enter{-webkit-animation:rotateIn .7s ease forwards;animation:rotateIn .7s ease forwards;-webkit-animation:rotateIn var(--trans-dur,.7s) ease forwards;animation:rotateIn var(--trans-dur,.7s) ease forwards;opacity:0;-webkit-transform:rotate(-180deg) scale(.5);transform:rotate(-180deg) scale(.5)}.rotate-exit{-webkit-animation:rotateOut .7s ease forwards;animation:rotateOut .7s ease forwards;-webkit-animation:rotateOut var(--trans-dur,.7s) ease forwards;animation:rotateOut var(--trans-dur,.7s) ease forwards;opacity:1;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}@-webkit-keyframes rotateIn{to{opacity:1;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}@keyframes rotateIn{to{opacity:1;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}@-webkit-keyframes rotateOut{to{opacity:0;-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}}@keyframes rotateOut{to{opacity:0;-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}}.page-flip-enter{-webkit-animation:pageFlipIn .7s ease forwards;animation:pageFlipIn .7s ease forwards;-webkit-animation:pageFlipIn var(--trans-dur,.7s) ease forwards;animation:pageFlipIn var(--trans-dur,.7s) ease forwards;opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:right center;transform-origin:right center}.page-flip-exit{-webkit-animation:pageFlipOut .7s ease forwards;animation:pageFlipOut .7s ease forwards;-webkit-animation:pageFlipOut var(--trans-dur,.7s) ease forwards;animation:pageFlipOut var(--trans-dur,.7s) ease forwards;opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes pageFlipIn{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes pageFlipIn{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes pageFlipOut{to{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes pageFlipOut{to{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}.zoom-slide-enter{-webkit-animation:zoomSlideIn .7s ease forwards;animation:zoomSlideIn .7s ease forwards;-webkit-animation:zoomSlideIn var(--trans-dur,.7s) ease forwards;animation:zoomSlideIn var(--trans-dur,.7s) ease forwards;opacity:0;-webkit-transform:scale(.8) translateX(100%);transform:scale(.8) translateX(100%)}.zoom-slide-exit{-webkit-animation:zoomSlideOut .7s ease forwards;animation:zoomSlideOut .7s ease forwards;-webkit-animation:zoomSlideOut var(--trans-dur,.7s) ease forwards;animation:zoomSlideOut var(--trans-dur,.7s) ease forwards;opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}@-webkit-keyframes zoomSlideIn{to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@keyframes zoomSlideIn{to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@-webkit-keyframes zoomSlideOut{to{opacity:0;-webkit-transform:scale(.8) translateX(-100%);transform:scale(.8) translateX(-100%)}}@keyframes zoomSlideOut{to{opacity:0;-webkit-transform:scale(.8) translateX(-100%);transform:scale(.8) translateX(-100%)}}.card-flip-enter{-webkit-animation:cardFlipIn .7s ease forwards;animation:cardFlipIn .7s ease forwards;-webkit-animation:cardFlipIn var(--trans-dur,.7s) ease forwards;animation:cardFlipIn var(--trans-dur,.7s) ease forwards;opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:top center;transform-origin:top center}.card-flip-exit{-webkit-animation:cardFlipOut .7s ease forwards;animation:cardFlipOut .7s ease forwards;-webkit-animation:cardFlipOut var(--trans-dur,.7s) ease forwards;animation:cardFlipOut var(--trans-dur,.7s) ease forwards;opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:bottom center;transform-origin:bottom center}@-webkit-keyframes cardFlipIn{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes cardFlipIn{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@-webkit-keyframes cardFlipOut{to{opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes cardFlipOut{to{opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}.ripple{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);inset:0;pointer-events:none;position:absolute}.ripple .cell{background-position:0 0;background-size:800% 600%;opacity:.98;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.ripple.animate .cell{-webkit-animation:rippleOpen .7s ease forwards;animation:rippleOpen .7s ease forwards;-webkit-animation:rippleOpen var(--trans-dur,.7s) ease forwards;animation:rippleOpen var(--trans-dur,.7s) ease forwards}.ripple.animate .cell:nth-child(odd){-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:calc((var(--row, 0) + var(--col, 0))*50ms);animation-delay:calc((var(--row, 0) + var(--col, 0))*50ms)}.ripple.animate .cell:nth-child(2n){-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-delay:calc((var(--row, 0) + var(--col, 0) + 1)*50ms);animation-delay:calc((var(--row, 0) + var(--col, 0) + 1)*50ms)}@-webkit-keyframes rippleOpen{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes rippleOpen{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.mosaic{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(12,1fr);inset:0;pointer-events:none;position:absolute}.mosaic .tile{background-position:0 0;background-size:1600% 1200%;opacity:0}.mosaic.animate .tile{-webkit-animation:mosaicOpen .7s ease forwards;animation:mosaicOpen .7s ease forwards;-webkit-animation:mosaicOpen var(--trans-dur,.7s) ease forwards;animation:mosaicOpen var(--trans-dur,.7s) ease forwards}.mosaic.animate .tile:nth-child(3n+1){-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:calc(var(--index, 0)*20ms);animation-delay:calc(var(--index, 0)*20ms)}.mosaic.animate .tile:nth-child(3n+2){-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:calc(var(--index, 0)*30ms);animation-delay:calc(var(--index, 0)*30ms)}.mosaic.animate .tile:nth-child(3n){-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:calc(var(--index, 0)*40ms);animation-delay:calc(var(--index, 0)*40ms)}@-webkit-keyframes mosaicOpen{to{opacity:1}}@keyframes mosaicOpen{to{opacity:1}}.light-sweep-enter{-webkit-animation:lightSweep .7s ease forwards;animation:lightSweep .7s ease forwards;-webkit-animation:lightSweep var(--trans-dur,.7s) ease forwards;animation:lightSweep var(--trans-dur,.7s) ease forwards;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0));background-position:-200% 0;background-size:200% 100%;opacity:0}@-webkit-keyframes lightSweep{to{background-position:200% 0;opacity:1}}@keyframes lightSweep{to{background-position:200% 0;opacity:1}}.particles{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(15,1fr);inset:0;pointer-events:none;position:absolute}.particles .particle{background-position:0 0;background-size:2000% 1500%;-webkit-transform-origin:center center;transform-origin:center center}.particles .particle,.particles.animate .particle{-webkit-animation:particleFly .7s ease forwards;animation:particleFly .7s ease forwards;-webkit-animation:particleFly var(--trans-dur,.7s) ease forwards;animation:particleFly var(--trans-dur,.7s) ease forwards}.particles.animate .particle:nth-child(odd){-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:calc(var(--index, 0)*10ms);animation-delay:calc(var(--index, 0)*10ms);-webkit-animation-name:particleFlyOdd;animation-name:particleFlyOdd}.particles.animate .particle:nth-child(2n){-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:calc(var(--index, 0)*15ms);animation-delay:calc(var(--index, 0)*15ms);-webkit-animation-name:particleFlyEven;animation-name:particleFlyEven}@-webkit-keyframes particleFly{to{opacity:0;-webkit-transform:translate(50px,50px) rotate(0deg) scale(0);transform:translate(50px,50px) rotate(0deg) scale(0);-webkit-transform:translate(calc(var(--direction-x, 1)*50px),calc(var(--direction-y, 1)*50px)) rotate(calc(var(--rotation, 0)*180deg)) scale(0);transform:translate(calc(var(--direction-x, 1)*50px),calc(var(--direction-y, 1)*50px)) rotate(calc(var(--rotation, 0)*180deg)) scale(0)}}@keyframes particleFly{to{opacity:0;-webkit-transform:translate(50px,50px) rotate(0deg) scale(0);transform:translate(50px,50px) rotate(0deg) scale(0);-webkit-transform:translate(calc(var(--direction-x, 1)*50px),calc(var(--direction-y, 1)*50px)) rotate(calc(var(--rotation, 0)*180deg)) scale(0);transform:translate(calc(var(--direction-x, 1)*50px),calc(var(--direction-y, 1)*50px)) rotate(calc(var(--rotation, 0)*180deg)) scale(0)}}@-webkit-keyframes particleFlyOdd{to{opacity:0;-webkit-transform:translate(30px,30px) rotate(180deg) scale(0);transform:translate(30px,30px) rotate(180deg) scale(0);-webkit-transform:translate(calc(var(--direction-x, 1)*30px),calc(var(--direction-y, 1)*30px)) rotate(180deg) scale(0);transform:translate(calc(var(--direction-x, 1)*30px),calc(var(--direction-y, 1)*30px)) rotate(180deg) scale(0)}}@keyframes particleFlyOdd{to{opacity:0;-webkit-transform:translate(30px,30px) rotate(180deg) scale(0);transform:translate(30px,30px) rotate(180deg) scale(0);-webkit-transform:translate(calc(var(--direction-x, 1)*30px),calc(var(--direction-y, 1)*30px)) rotate(180deg) scale(0);transform:translate(calc(var(--direction-x, 1)*30px),calc(var(--direction-y, 1)*30px)) rotate(180deg) scale(0)}}@-webkit-keyframes particleFlyEven{to{opacity:0;-webkit-transform:translate(-30px,-30px) rotate(-180deg) scale(0);transform:translate(-30px,-30px) rotate(-180deg) scale(0);-webkit-transform:translate(calc(var(--direction-x, 1)*-30px),calc(var(--direction-y, 1)*-30px)) rotate(-180deg) scale(0);transform:translate(calc(var(--direction-x, 1)*-30px),calc(var(--direction-y, 1)*-30px)) rotate(-180deg) scale(0)}}@keyframes particleFlyEven{to{opacity:0;-webkit-transform:translate(-30px,-30px) rotate(-180deg) scale(0);transform:translate(-30px,-30px) rotate(-180deg) scale(0);-webkit-transform:translate(calc(var(--direction-x, 1)*-30px),calc(var(--direction-y, 1)*-30px)) rotate(-180deg) scale(0);transform:translate(calc(var(--direction-x, 1)*-30px),calc(var(--direction-y, 1)*-30px)) rotate(-180deg) scale(0)}}.preview-background{--trans-dur:700ms;overflow:hidden;-webkit-perspective:1000px;perspective:1000px;position:relative}.preview-background,.slide-layer{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform,opacity}.slide-layer{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;position:absolute}.design-modal-overlay{align-items:center;background-color:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000000}.design-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:95vh;max-width:95vw;min-height:300px;min-width:400px;overflow:hidden;position:absolute}@media (max-width:768px){.design-modal{border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}}.design-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;cursor:move;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-modal-title{font-size:16px;font-weight:700}.design-modal-close-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background .2s ease;width:32px}.design-modal-close-btn:hover{background:hsla(0,0%,100%,.2)}.design-modal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.design-toolbar{align-items:center;background:#fafafa;border-right:1px solid #eee;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-width:80px;overflow-x:hidden;overflow-y:auto;padding:8px;width:80px}@media (max-width:768px){.design-toolbar{border-bottom:1px solid #eee;border-right:none;flex-direction:row;gap:4px;height:60px;justify-content:flex-start;min-height:60px;min-width:auto;overflow-x:auto;overflow-y:hidden;padding:6px;width:100%}.toolbar-group{display:flex;flex-direction:row;flex-shrink:0;gap:4px}.toolbar-group:not(:last-child):after{background:#ddd;content:"";flex-shrink:0;height:40px;margin:0 4px;width:1px}}.toolbar-btn{align-items:center;background:transparent;border:none;color:#666;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.toolbar-btn:hover{background:#e8e8e8;-webkit-transform:scale(1.05);transform:scale(1.05)}.toolbar-btn:active{background:#d0d0d0;-webkit-transform:scale(.95);transform:scale(.95)}.color-picker{border:none;border-radius:50%;cursor:pointer;height:32px;padding:0;width:32px}@media (max-width:768px){.color-picker{height:40px;width:40px}}.toolbar-select{background:#fff;border:1px solid #ccc;border-radius:4px;font-size:12px;max-width:64px;padding:4px;width:64px}@media (max-width:768px){.toolbar-btn{flex-shrink:0;font-size:14px;height:36px;width:36px}.color-picker{height:28px;width:28px}.toolbar-select{font-size:11px;max-width:56px;padding:2px;width:56px}}.design-editor-container{display:flex;flex:1 1;flex-direction:column;min-height:200px}.design-editor{word-wrap:break-word;background-color:#fafafa;border:1px solid #eee;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;height:100%;line-height:1.5;min-height:200px;outline:none;overflow:auto;overflow-wrap:break-word;padding:16px;white-space:pre-wrap;width:100%;word-break:break-word}@media (max-width:768px){.design-editor{font-size:16px;padding:12px}}.design-preview-panel{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;height:100%;overflow:auto;padding:16px;width:100%}.design-preview-panel.mobile-hidden{display:none}.design-preview-title{color:#666;font-size:12px;font-weight:500;margin-bottom:8px}.design-preview-content{background-color:#f9f9f9;border:2px dashed #e0e0e0;border-radius:6px;min-height:100px;padding:12px}.design-preview-hint{background-color:#f0f0f0;border-radius:4px;color:#999;font-size:12px;margin-top:12px;padding:8px;text-align:center}.design-footer{align-items:center;background-color:#fafafa;border-top:1px solid #eee;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-height:60px;padding:12px 16px}.footer-btn{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.footer-btn:hover{background:#e8e8e8;box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.footer-btn.primary{background:#1890ff;border-color:#1890ff;color:#fff}.footer-btn.primary:hover{background:#40a9ff}.footer-btn.success{background:#52c41a;border-color:#52c41a;color:#fff}.footer-btn.purple{background:#722ed1;border-color:#722ed1;color:#fff}.footer-btn.purple:hover{background:#9254de}@media (max-width:768px){.design-footer{align-items:stretch;flex-direction:column;gap:6px;padding:10px 12px}.footer-btn{flex:1 1;font-size:15px;min-width:0;padding:10px 12px}}.stars-wrap{color:gold;position:relative}.stars-gray,.stars-wrap{display:inline-block;font-size:1em;line-height:1}.stars-gray{color:#d1d5db;white-space:nowrap}.stars-colored{background:linear-gradient(90deg,currentColor,transparent 0);background:linear-gradient(90deg,currentColor var(--percent,0),transparent 0);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1em;height:1em;left:0;line-height:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;will-change:background}.star-red{color:#ef4444}.star-blue{color:#3b82f6}.star-green{color:#22c55e}.star-gold{color:gold}.resize-handle{border-bottom:2px solid #999;border-right:2px solid #999;bottom:4px;cursor:nwse-resize;right:4px}@media (min-width:769px){.toolbar-collapse-btn{align-items:center;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px;z-index:10}.toolbar-collapsed .design-toolbar{min-width:40px;width:40px}.toolbar-collapsed .toolbar-btn{font-size:14px;height:32px;width:32px}.toolbar-collapsed .toolbar-select{display:none}}@media (prefers-color-scheme:dark){.design-modal{background:#1a1a1a;color:#fff}.design-toolbar{background:#2a2a2a;border-right-color:#444}.design-editor{background-color:#2a2a2a;border-color:#444;color:#fff}.design-footer{background-color:#2a2a2a;border-top-color:#444}.toolbar-btn{color:#ddd}.toolbar-btn:hover{background:#3a3a3a}.footer-btn{background:#2a2a2a;border-color:#444;color:#fff}.footer-btn:hover{background:#3a3a3a}.design-preview-panel{background-color:#1a1a1a;border-color:#444}.design-preview-content{background-color:#2a2a2a;border-color:#666}.design-preview-hint{background-color:#2a2a2a;color:#999}}@media (min-width:1024px){.create-activity-form.form-layout-grid .create-activity-actions{align-self:start!important;grid-column:2/3!important;justify-self:end!important;margin-top:12px!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.create-activity-modal{border-radius:12px!important;box-shadow:0 15px 50px rgba(0,0,0,.3)!important}.create-activity-modal .create-activity-header{border-radius:12px 12px 0 0!important;cursor:-webkit-grab!important;cursor:grab!important}.create-activity-modal .create-activity-header:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}}@media (max-width:1023px){.create-activity-modal-overlay{background:rgba(0,0,0,.9)!important;z-index:9998!important}.create-activity-modal,.create-activity-modal-overlay{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.create-activity-modal{background:#f8fafc!important;border-radius:0!important;display:flex!important;flex-direction:column!important;max-height:none!important;max-width:none!important;z-index:9999!important}.activity-manager-auth-overlay{z-index:2000000!important}.activity-manager-auth-modal{z-index:2000001!important}}.create-activity-modal .create-activity-header{align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:0!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;color:#fff!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;min-height:46px!important;padding:12px 16px!important;position:relative!important;z-index:10!important}.create-activity-modal .create-activity-body{-webkit-overflow-scrolling:touch!important;background:#f8fafc!important;flex:1 1!important;margin:0!important;overflow-y:auto!important;padding:0 0 max(40px,calc(env(safe-area-inset-bottom, 0px) + 16px))!important}.create-activity-modal form{background:transparent!important;margin:0!important;min-height:auto!important;padding:12px!important}.create-activity-actions{align-items:center!important;background:#fff!important;border-radius:8px!important;border-top:1px solid #e5e7eb!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;display:flex!important;flex-direction:row!important;gap:10px!important;justify-content:flex-end!important;margin-top:12px!important;min-height:52px!important;padding:14px!important;position:relative!important;width:100%!important}.create-activity-actions .draft-actions-group{flex:none!important;position:relative!important}.create-activity-actions .save-draft-btn{background:#10b981!important}.create-activity-actions .save-draft-btn,.create-activity-actions .submit-btn{border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;min-height:44px!important;min-width:80px!important;padding:10px 16px!important;white-space:nowrap!important;width:auto!important}.create-activity-actions .submit-btn{background:#3b82f6!important;flex:none!important}.create-activity-actions .draft-count-badge{align-items:center!important;background:rgba(255,77,79,.9)!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;color:#fff!important;display:flex!important;font-size:12px!important;height:20px!important;justify-content:center!important;min-width:20px!important;position:absolute!important;right:-8px!important;top:-8px!important;z-index:10001!important}.create-activity-modal .form-row-grid.compact-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.create-activity-modal .create-activity-form .section-title,.create-activity-modal .form-section>.section-title{display:none!important}.create-activity-modal .form-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px rgba(0,0,0,.02)!important;margin-bottom:8px!important;padding:10px!important;position:relative!important}.create-activity-modal .form-row-grid.compact-row .form-group{flex:1 1!important;margin-bottom:0!important;max-width:calc(50% - 6px)!important;min-width:calc(50% - 6px)!important;overflow:visible!important}.create-activity-modal .datetime-input{background:#fff!important;box-sizing:border-box!important;min-width:140px!important;padding:7px 5px!important}.create-activity-modal .datetime-input,.create-activity-modal input[type=number]{border:1px solid #d1d5db!important;border-radius:5px!important;font-size:13px!important;width:100%!important}.create-activity-modal input[type=number]{padding:8px 6px!important}.create-activity-modal .form-section .price-input,.create-activity-modal .form-section:has(.section-title:contains("价格设置")) input[type=number]{max-width:120px!important;min-width:120px!important;text-align:center!important;width:120px!important}.create-activity-modal .form-row-grid .form-group:has(input[type=number]){flex:0 0 auto!important}.create-activity-modal .price-input-left-aligned{max-width:120px!important;min-width:120px!important;text-align:center!important;width:120px!important}@media (max-width:768px){.create-activity-modal .stars-insert-toolbar{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important;width:100%!important}.create-activity-modal .stars-insert-toolbar select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-sizing:border-box!important;flex:1 1!important;font-size:13px!important;max-width:none!important;min-width:0!important;padding:8px 4px!important;text-align:center!important;width:auto!important}.create-activity-modal .stars-insert-toolbar .draft-btn{border-radius:inherit!important;flex:none!important;flex-basis:auto!important;font-size:inherit!important;margin-left:0!important;margin-right:0!important;margin-top:8px!important;order:10!important;padding:6px 8px!important;white-space:nowrap!important;width:auto!important}}.create-activity-modal .location-input-container{align-items:stretch!important;display:flex!important;flex-direction:row!important;gap:6px!important;max-width:none!important;width:100%!important}.create-activity-modal .location-input{flex:1 1!important;font-size:13px!important;max-width:none!important;padding:7px 8px!important}.create-activity-modal .map-select-btn{align-items:center!important;border-radius:5px!important;display:inline-flex!important;flex-shrink:0!important;font-size:12px!important;gap:4px!important;height:34px!important;justify-content:center!important;line-height:1!important;min-width:80px!important;padding:7px 10px!important;white-space:nowrap!important}.create-activity-modal .price-display-field{align-items:flex-start!important;display:flex!important;flex-direction:column!important}.create-activity-modal .price-display-field label{text-align:center!important;width:120px!important}.create-activity-modal .price-input-left-aligned{margin:0!important}.create-activity-modal .form-group label{color:#4a5568!important;display:block!important;font-size:13px!important;font-weight:500!important;margin-bottom:5px!important}.create-activity-modal .required-label:after{color:#ef4444!important;content:" *"!important}body.create-activity-open{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}html.create-activity-open{overflow:hidden!important}.create-activity-modal .rich-text-description.is-placeholder{color:#999!important}.create-activity-modal .ql-editor{color:#4a5568}.create-activity-modal .ql-editor.ql-blank:before{color:#9ca3af!important}.create-activity-modal textarea{color:#4a5568}.create-activity-modal .form-textarea.is-placeholder{color:#999!important}.create-activity-modal .form-textarea:empty{color:#4a5568}.create-activity-modal textarea::-webkit-input-placeholder{color:#9ca3af!important}.create-activity-modal textarea::placeholder{color:#9ca3af!important}.create-activity-modal .stars-wrap{align-items:flex-start!important;display:inline-block!important;display:inline-flex!important;height:1em!important;justify-content:flex-start!important;overflow:hidden!important;vertical-align:middle!important}.create-activity-modal .stars-gray,.create-activity-modal .stars-wrap{font-size:1em!important;line-height:1!important;position:relative!important}.create-activity-modal .stars-gray{color:#d1d5db!important;display:inline-block!important;white-space:nowrap!important;z-index:1!important}.create-activity-modal .stars-colored{-webkit-text-fill-color:transparent!important;background:linear-gradient(90deg,currentColor,currentColor 0,transparent 0)!important;background:linear-gradient(90deg,currentColor 0,currentColor var(--percent,0),transparent var(--percent,0))!important;-webkit-background-clip:text!important;background-clip:text!important;bottom:auto!important;color:inherit!important;font-size:1em!important;height:1em!important;left:0!important;line-height:1!important;position:absolute!important;right:auto!important;top:0!important;-webkit-transform:none!important;transform:none!important;white-space:nowrap!important;z-index:2!important}.create-activity-modal .star-red{color:#ef4444!important}.create-activity-modal .star-blue{color:#3b82f6!important}.create-activity-modal .star-green{color:#22c55e!important}.create-activity-modal .star-gold{color:gold!important}.create-activity-modal .meta-line{color:#4a5568!important;display:inline-block!important;font-size:14px!important;margin:0 8px 4px 0!important;vertical-align:middle!important;white-space:nowrap!important}.create-activity-modal .meta-line .stars-wrap{display:inline-block!important;margin-left:4px!important;vertical-align:middle!important}.create-activity-modal .meta-line .stars-wrap .stars-colored,.create-activity-modal .meta-line .stars-wrap .stars-gray{font-size:12px!important;line-height:1!important}.create-activity-modal .meta-line .stars-wrap .stars-colored{height:12px!important;width:auto!important}@media (max-width:768px){.create-activity-modal .meta-line .stars-wrap{align-items:flex-start!important;display:inline-flex!important;height:12px!important;justify-content:flex-start!important;line-height:1!important;vertical-align:top!important}.create-activity-modal .meta-line .stars-wrap .stars-gray{display:inline-block!important;overflow:visible!important;position:relative!important;z-index:1!important}.create-activity-modal .meta-line .stars-wrap .stars-colored{bottom:auto!important;height:12px!important;left:0!important;overflow:hidden!important;position:absolute!important;right:auto!important;top:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important;z-index:2!important}}.create-activity-modal .meta-label{color:#4a5568!important;font-weight:500!important;margin-right:6px!important}.create-activity-modal .rich-text-description .stars-wrap{align-items:flex-start!important;color:gold!important;display:inline-flex!important;height:1em!important;justify-content:flex-start!important;line-height:1!important}.create-activity-modal .rich-text-description .star-red{color:#ef4444!important}.create-activity-modal .rich-text-description .star-blue{color:#3b82f6!important}.create-activity-modal .rich-text-description .star-green{color:#22c55e!important}.create-activity-modal .rich-text-description .star-gold{color:gold!important}.create-activity-modal .rich-text-description .stars-gray{color:#d1d5db!important;display:inline-block!important;position:relative!important;z-index:1!important}.create-activity-modal .rich-text-description .stars-colored{-webkit-text-fill-color:transparent!important;background:linear-gradient(90deg,currentColor,currentColor 0,transparent 0)!important;background:linear-gradient(90deg,currentColor 0,currentColor var(--percent,0),transparent var(--percent,0))!important;-webkit-background-clip:text!important;background-clip:text!important;bottom:auto!important;color:inherit!important;height:1em!important;left:0!important;position:absolute!important;right:auto!important;top:0!important;-webkit-transform:none!important;transform:none!important;z-index:2!important}@media (min-width:1024px){.create-activity-actions{align-items:center!important;display:flex!important;gap:8px!important}.create-activity-actions .draft-actions-group{flex:0 0 auto!important;position:relative!important}.create-activity-actions .save-draft-btn,.create-activity-actions .submit-btn{flex:0 0 auto!important;min-width:0!important;min-width:auto!important;width:auto!important}.create-activity-modal{background:#f8fafc!important}.create-activity-modal .create-activity-body{-ms-overflow-style:none!important;background:transparent!important;box-sizing:border-box!important;flex:1 1!important;margin:0 auto!important;max-width:1200px!important;min-height:0!important;overflow-y:auto!important;padding:16px 20px!important;scrollbar-width:none!important;width:100%!important}}@media (min-width:1024px){.create-activity-modal .create-activity-body::-webkit-scrollbar{display:none!important;width:0!important}.create-activity-modal form.create-activity-form{margin:0 auto!important;max-width:1100px!important}.create-activity-form.form-layout-grid{grid-column-gap:20px!important;grid-row-gap:16px!important;align-items:start!important;-webkit-column-gap:20px!important;column-gap:20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;row-gap:16px!important}.create-activity-form.form-layout-grid .form-section.grid-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;margin-bottom:8px!important;padding:16px!important}.create-activity-form.form-layout-grid .form-section.grid-item:nth-child(3),.create-activity-form.form-layout-grid .form-section.grid-item:nth-child(4){margin-bottom:4px!important}.create-activity-modal .create-activity-form .section-title,.create-activity-modal .form-section>.section-title{display:none!important}.create-activity-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;margin-right:8px!important}.create-activity-actions{border-top:1px solid #e2e8f0!important;gap:8px!important;justify-content:flex-end!important;margin-left:auto!important;margin-right:auto!important;margin-top:20px!important;max-width:1100px!important;padding-top:16px!important}}.activity-manage-btn{background:linear-gradient(180deg,#fff,#f1f5f9)!important;border:1px solid #cbd5e1!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;color:#334155!important;cursor:pointer!important;font-size:14px!important;line-height:1.2!important;padding:4px 10px!important;transition:all .2s ease!important}.activity-manage-btn:hover{background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;border-color:#94a3b8!important;box-shadow:0 2px 6px rgba(0,0,0,.1)!important}.activity-manage-btn:active{-webkit-transform:translateY(1px)!important;transform:translateY(1px)!important}.create-activity-header .header-actions .activity-manage-btn{margin-right:0!important}@media screen and (max-width:1023px){.cancel-button-responsive{display:none!important}.registration-form-modal .form-actions .actions-right{align-items:center!important;display:flex!important;flex-direction:row!important;gap:6px!important;justify-content:space-between!important;width:100%!important}.registration-form-modal .form-actions .actions-right>button,.registration-form-modal .form-actions .actions-right>div,.registration-form-modal .form-actions .actions-right>div>button{align-items:center!important;border-radius:6px!important;display:flex!important;flex:1 1!important;font-size:13px!important;height:36px!important;justify-content:center!important;min-width:0!important;padding:0 8px!important;text-align:center!important;white-space:nowrap!important}.registration-form-modal .modal-body{padding:12px!important}.registration-form-modal .form-group{margin-bottom:10px!important}.registration-form-modal .form-group label{font-size:13px!important;margin-bottom:4px!important}.registration-form-modal input,.registration-form-modal select,.registration-form-modal textarea{font-size:14px!important;padding:8px 10px!important}.registration-form-modal textarea{min-height:60px!important}.registration-form-modal .form-actions{background:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;flex-shrink:0!important;margin:12px 0 0!important;padding:10px 12px!important;position:-webkit-sticky!important;position:sticky!important;z-index:100!important}.modal.registration-form-modal .form-row,.registration-form-modal .form-row,.registration-form-modal .modal-body .form-row,.registration-form-overlay .registration-form-modal .form-row{grid-gap:12px!important;align-items:start!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.modal.registration-form-modal .form-row .form-group,.registration-form-modal .form-row .form-group,.registration-form-modal .modal-body .form-row .form-group,.registration-form-overlay .registration-form-modal .form-row .form-group{box-sizing:border-box!important;width:100%!important}.modal.registration-form-modal .form-row .form-group.full-width,.registration-form-modal .form-row .form-group.full-width,.registration-form-modal .modal-body .form-row .form-group.full-width,.registration-form-overlay .registration-form-modal .form-row .form-group.full-width{grid-column:1/-1!important}.modal.registration-form-modal input,.modal.registration-form-modal select,.modal.registration-form-modal textarea,.registration-form-overlay .registration-form-modal input,.registration-form-overlay .registration-form-modal select,.registration-form-overlay .registration-form-modal textarea{box-sizing:border-box!important;width:100%!important}.modal-overlay:not(.registration-form-overlay):not(.activity-manager-auth-overlay){align-items:center!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;height:100vh!important;height:100dvh!important;justify-content:center!important;left:0!important;margin:0!important;min-height:100vh!important;min-height:-webkit-fill-available!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:20000!important}.modal.registration-form-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:none!important;border-radius:12px 12px 0 0!important;color:#fff!important;cursor:-webkit-grab!important;cursor:grab!important;flex-shrink:0!important;padding:12px 16px!important;z-index:10!important}.modal.registration-form-modal .modal-header:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.modal.registration-form-modal .modal-body{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important;padding:16px!important}.modal:not(.registration-form-modal):not(.small-modal):not(.activity-manager-auth-modal){-webkit-overflow-scrolling:touch!important;background:#fff!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:100vh!important;min-height:-webkit-fill-available!important;overflow-y:auto!important;padding:0!important;position:relative!important;top:0!important;-webkit-transform:none!important;transform:none!important;width:100vw!important}.modal:not(.registration-form-modal) .modal-header{background:#fff!important;border-bottom:1px solid #dee2e6!important;border-radius:0!important;cursor:default!important;flex-shrink:0!important;padding:12px 16px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}}@media screen and (min-width:1024px){.registration-form-modal .modal-header{cursor:-webkit-grab!important;cursor:grab!important;transition:none!important}.registration-form-modal .modal-header:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.registration-form-modal .modal-header .header-right-actions,.registration-form-modal .modal-header .header-right-actions *{cursor:pointer!important}.modal .modal-body{-webkit-overflow-scrolling:touch!important;flex:1 1!important;min-height:0!important;overflow-y:auto!important;padding:16px 16px 100px!important}.modal .form-control,.modal input,.modal select,.modal textarea{font-size:16px!important;padding:12px!important}.modal .btn,.modal button{font-size:16px!important;min-height:44px!important;padding:12px 16px!important}.modal .form-actions{background:#fff!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important;margin:0!important;min-height:60px!important;padding:12px 16px!important;z-index:1000!important}.modal .form-actions,.registration-form-modal .form-actions{bottom:0!important;position:-webkit-sticky!important;position:sticky!important}.registration-form-modal .form-actions{margin-top:auto!important}.modal .form-actions .actions-right{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important;min-height:44px!important;overflow:visible!important;width:100%!important}.modal .form-actions .actions-right>button,.modal .form-actions .actions-right>div>button{flex:0 0 auto!important;font-size:14px!important;min-height:44px!important;min-width:80px!important;overflow:visible!important;padding:8px 16px!important;white-space:nowrap!important;z-index:1001!important}.modal .close-button{align-items:center!important;display:flex!important;font-size:1rem!important;justify-content:center!important;line-height:1!important;min-height:20px!important;min-width:20px!important;padding:2px!important}.modal .header-load-draft{font-size:15px!important;gap:1px!important;line-height:1.2!important;min-height:auto!important;padding:2px 6px!important}.modal .header-load-draft span{font-size:8px!important;padding:0 2px!important}.modal-overlay{padding:0!important}.registration-form-overlay{align-items:stretch!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;height:100vh!important;height:100dvh!important;justify-content:stretch!important;left:0!important;margin:0!important;min-height:-webkit-fill-available!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:20000!important}.registration-form-overlay .registration-form-modal{border:none!important;border-radius:12px!important;box-shadow:0 15px 50px rgba(0,0,0,.3)!important;box-sizing:border-box!important;margin:0!important;padding:0!important;position:fixed!important}.modal.registration-form-modal{border-radius:12px!important;margin:0!important}.modal-header .header-right-actions{align-items:center!important;display:flex!important;gap:8px!important}.registration-form-modal .modal-header .header-right-actions{right:8px!important}.modal-header .header-load-draft,.modal-header .header-right-actions .circular-close-btn{margin:0!important;position:static!important}.registration-form-modal .form-row{grid-gap:12px!important;align-items:start!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.registration-form-modal .form-group{box-sizing:border-box!important;width:100%!important}.registration-form-modal .form-group.full-width{grid-column:1/-1!important}.registration-form-modal input,.registration-form-modal select,.registration-form-modal textarea{box-sizing:border-box!important;width:100%!important}.registration-form-modal .amount-group input[type=number]{max-width:320px!important;width:100%!important}.registration-form-modal .amount-group small{display:block!important;max-width:320px!important}}@media screen and (max-width:1023px){.registration-form-modal .form-row:first-of-type .form-group:first-child small{display:none!important}.registration-form-modal .form-row:first-of-type .form-group input[type=tel],.registration-form-modal .form-row:first-of-type .form-group input[type=text]{box-sizing:border-box!important;height:44px!important;min-height:44px!important;padding:10px 12px!important}.registration-form-modal .form-group.amount-group,.registration-form-modal .form-group.time-group{display:block!important;margin-right:auto!important;max-width:360px!important;width:calc(50% - 6px)!important}.modal.registration-form-modal .modal-body .form-group.amount-group input[type=number],.modal.registration-form-modal .modal-body .form-group.time-group input[type=text],.registration-form-modal .form-group.amount-group input[type=number],.registration-form-modal .form-group.time-group input[type=text]{align-self:flex-start!important;flex:0 0 auto!important;max-width:320px!important;width:100%!important}.registration-form-modal .form-group.amount-group small,.registration-form-modal .form-group.time-group small{display:block!important;max-width:320px!important}.modal.registration-form-modal .form-group.time-group,.registration-form-modal .form-group.time-group,.registration-form-modal .modal-body .form-group.time-group,.registration-form-overlay .registration-form-modal .form-group.time-group{display:block!important;grid-column:auto!important;margin-right:auto!important;max-width:360px!important;width:calc(50% - 6px)!important}.registration-form-modal .form-group.time-group input[type=text]{align-self:flex-start!important;flex:0 0 auto!important;max-width:320px!important;width:100%!important}.registration-form-modal .form-group.time-group small{display:block!important;max-width:320px!important}}@media screen and (min-width:769px){.cancel-button-responsive{display:block}.modal-header .header-right-actions{align-items:center;display:flex;gap:40px}.modal-header .header-load-draft{font-size:15px!important;padding:4px 8px!important}.modal .form-actions .actions-right{align-items:stretch!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-end!important}.modal .form-actions .actions-right>button,.modal .form-actions .actions-right>div>button{align-items:center!important;display:flex!important;flex:0 0 auto!important;height:44px!important;justify-content:center!important;padding:0 12px!important;text-align:center!important;white-space:nowrap!important}}@media screen and (min-width:1024px){.modal.registration-form-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;border-radius:12px 12px 0 0;color:#fff;cursor:-webkit-grab;cursor:grab;flex-shrink:0;padding:15px 20px;z-index:10}.modal.registration-form-modal .modal-header:active{cursor:-webkit-grabbing;cursor:grabbing}.modal.registration-form-modal .modal-body{flex:1 1;flex:1 1!important;min-height:0;min-height:0!important;overflow-x:hidden;overflow-x:hidden!important;overflow-y:auto;overflow-y:auto!important;padding:20px;padding:20px!important}.registration-form-modal .form-row{grid-gap:16px 24px!important;align-items:start!important;display:grid!important;gap:16px 24px!important;grid-template-columns:repeat(2,minmax(200px,1fr))!important}.registration-form-modal .form-group{box-sizing:border-box!important;width:100%!important}.registration-form-modal .form-group.full-width{grid-column:1/-1!important;margin:0!important}.registration-form-modal input,.registration-form-modal select,.registration-form-modal textarea{box-sizing:border-box!important;width:100%!important}.registration-form-modal .form-actions{background:#f8fafc!important;border-radius:0 0 12px 12px!important;border-top:1px solid #e2e8f0!important;display:flex!important;flex-shrink:0!important;gap:12px!important;justify-content:flex-end!important;padding:12px 20px!important}.registration-form-modal .form-actions .cancel-button-responsive{margin-right:auto!important}.registration-form-modal .form-actions .actions-right{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-end!important}}.floating-draft-button{box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease}.floating-draft-button:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.draft-selection-modal-overlay{z-index:25000}.draft-selection-modal{background:#fff!important;max-height:80vh!important;max-width:500px!important;width:480px!important}@media screen and (min-width:769px){.draft-selection-modal-overlay{background:rgba(0,0,0,.6)!important;bottom:0!important;display:block!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:30000!important}.draft-selection-modal-overlay .modal.draft-selection-modal{background:#fff!important;border-radius:16px!important;box-shadow:0 25px 50px rgba(0,0,0,.3)!important;display:flex!important;flex-direction:column!important;height:auto!important;margin:0!important;max-height:calc(100vh - 80px)!important;max-width:500px!important;min-width:480px!important;overflow:hidden!important;position:fixed!important;width:480px!important}.draft-selection-modal-overlay .modal.draft-selection-modal .modal-body{flex:1 1!important;max-height:calc(100vh - 160px)!important;overflow-y:auto!important;padding:24px!important}.draft-selection-modal-overlay .modal.draft-selection-modal .modal-header{flex-shrink:0!important;height:auto!important;min-height:60px!important}}.hidden-modal-overlay{display:none!important}@media (max-width:768px){.registration-form-modal .draft-btn,.registration-form-modal .load-draft-btn,.registration-form-modal .save-draft-btn{-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.registration-form-modal .header-right-actions{pointer-events:auto!important;touch-action:manipulation!important}.registration-form-modal .header-right-actions *{pointer-events:auto!important}}.draft-list{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.draft-item{align-items:center;background:#f7f7f7;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.draft-item:hover{background:#f8fafc;border-color:#1890ff;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.draft-name{color:#333;flex:1 1;font-weight:500;margin-right:12px}.draft-saved-at{color:#666;font-size:12px;margin-right:12px}.delete-draft-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px;transition:background-color .2s ease}.delete-draft-btn:hover{background:#fee}.draft-settings-panel{background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);position:fixed;right:-320px;top:20px;transition:right .3s ease;width:320px;z-index:15000}.draft-settings-panel.active{right:20px}.draft-panel-toggle{align-items:center;background:#1890ff;border-radius:6px 0 0 6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;left:-120px;padding:8px 12px;position:absolute;-webkit-text-orientation:mixed;text-orientation:mixed;top:20px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.draft-panel-content{background:#fff;border-radius:8px;padding:20px}.draft-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.draft-panel-header h3{color:#333;font-size:16px;margin:0}.panel-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.draft-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.stat-item{align-items:center;background:#f8fafc;border-radius:6px;display:flex;flex-direction:column;padding:12px}.stat-label{color:#666;margin-bottom:4px}.stat-value{color:#1890ff;font-size:18px}.control-group{margin-bottom:16px}.control-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.number-input-group{align-items:center;display:flex;gap:8px}.number-btn{background:#f0f0f0;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:16px;font-weight:700;height:32px;transition:all .2s ease;width:32px}.number-btn:hover{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.number-input{border:1px solid #d9d9d9;border-radius:4px;flex:1 1;font-size:14px;padding:6px 12px;text-align:center}.draft-actions{display:flex;flex-direction:column;gap:8px}.panel-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.save-btn{background:#52c41a}.save-btn:hover{background:#389e0d}.load-btn{background:#1890ff;color:#fff}.load-btn:hover{background:#096dd9}.clear-btn{background:#ff4d4f;color:#fff}.clear-btn:hover{background:#d9363e}.recent-drafts{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.recent-drafts h4{color:#333;font-size:14px;margin:0 0 12px}.draft-preview-list{space-y:8px}.draft-preview-item{align-items:center;background:#fafafa;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.draft-preview-name{color:#333;flex:1 1;font-size:13px;font-weight:500;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-preview-date{color:#999;font-size:11px}.draft-preview-more{color:#666;font-size:12px;font-style:italic;padding:6px;text-align:center}.draft-count-badge{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.draft-indicator{background:#ff4d4f;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:4px;padding:2px 6px}@media screen and (max-width:1023px){.draft-settings-panel{right:-100vw;width:calc(100vw - 40px)}.draft-settings-panel.active{right:20px}.draft-selection-modal-overlay{bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:25000!important}.draft-selection-modal,.draft-selection-modal-overlay{height:100vh!important;height:100dvh!important;min-height:-webkit-fill-available!important;width:100vw!important}.draft-selection-modal{border-radius:0!important;margin:0!important;max-height:none!important;max-width:none!important}.draft-item{align-items:flex-start;flex-direction:column;gap:8px}.draft-saved-at{margin-right:0}.delete-draft-btn{align-self:flex-end;position:absolute;right:8px;top:8px}.floating-draft-button{position:fixed!important}}.draft-selection-modal .close-button{color:red!important;opacity:1!important}@media (prefers-color-scheme:dark){.draft-panel-content,.draft-selection-modal{background:#1f1f1f;color:#fff}.draft-item{background:#e6f7ff;border-color:#91d5ff}.draft-item .draft-name{color:#333}.draft-item .draft-saved-at{color:#555}.draft-item:hover{background:#d9f0ff;border-color:#1890ff}.draft-preview-item,.stat-item{background:#2a2a2a}.number-btn{background:#404040}.number-btn,.number-input{border-color:#595959;color:#fff}.number-input{background:#2a2a2a}}@media screen and (max-width:1023px){.registration-form-modal .amount-time-row{grid-gap:12px!important;align-items:start!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.registration-form-modal .amount-time-row .form-group.amount-group,.registration-form-modal .amount-time-row .form-group.time-group{box-sizing:border-box!important;width:100%!important}.registration-form-modal .amount-time-row .form-group>label{display:block!important;line-height:1.5!important;margin:0 0 8px!important;padding:0!important}.registration-form-modal .amount-time-row .form-group>input{box-sizing:border-box!important;display:block!important;height:44px!important;margin:0!important;padding:10px 12px!important;width:100%!important}.registration-form-modal .amount-time-row .form-group>small{display:block!important;margin:4px 0 0!important}.registration-form-modal .form-actions{margin-top:8px!important;min-height:auto!important;padding:8px 16px!important}.registration-form-modal .form-actions .actions-right{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-end!important;margin-left:auto!important;min-height:auto!important;width:100%!important}.registration-form-modal .form-actions .actions-right>button,.registration-form-modal .form-actions .actions-right>div,.registration-form-modal .form-actions .actions-right>div>button{border-radius:5px!important;flex:0 0 auto!important;font-size:12px!important;font-weight:500!important;height:auto!important;min-height:28px!important;min-width:auto!important;padding:5px 12px!important;white-space:nowrap!important;width:auto!important}}.modal.registration-form-modal{position:fixed!important}.modal-header{border-radius:12px 12px 0 0!important;justify-content:space-between!important;overflow:visible!important;padding:15px 20px!important;position:relative!important}.modal-header,.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4{align-items:center!important;color:#fff!important;display:flex!important;font-weight:600!important}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4{flex:1 1!important;font-size:1.25rem!important;gap:8px!important;line-height:1.2!important;margin:0!important}.modal-header .title-icon,.modal-header h1 .title-icon,.modal-header h2 .title-icon,.modal-header h3 .title-icon,.modal-header h4 .title-icon{font-size:1.1rem!important;margin-right:4px!important}.activity-display-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important}.create-activity-header,.create-activity-modal .modal-header{background:linear-gradient(135deg,#10b981,#059669)!important}.recreation-menu-modal .modal-header{background:linear-gradient(135deg,#ec4899,#be185d)!important}.system-settings-modal .modal-header .header-actions{gap:8px!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:3!important}.user-management-modal .modal-header{background:linear-gradient(135deg,#10b981,#059669)!important}.library-modal .modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.library-modal .modal-header .header-actions{z-index:3!important}.music-player-modal .modal-header{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.modal-edit-button{border:1px solid hsla(0,0%,100%,.3);border-radius:6px;font-size:14px;font-weight:500;gap:6px;height:36px!important;max-height:36px!important;min-height:36px!important;padding:8px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.circular-close-btn,.modal-close-button,.modal-edit-button{align-items:center;background:hsla(0,0%,100%,.2);color:#fff;cursor:pointer;display:flex;transition:all .2s ease}.circular-close-btn,.modal-close-button{border:1px solid hsla(0,0%,100%,.4);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);flex-grow:0;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;line-height:1;max-height:32px;max-width:32px;min-height:32px;min-width:32px;padding:0;position:relative;width:32px}.circular-close-btn:hover,.modal-close-button:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.6);box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.circular-close-btn:active,.modal-close-button:active{-webkit-transform:scale(.95);transform:scale(.95)}.circular-close-btn:before,.modal-close-button:before{content:"×";display:block;font-size:18px;line-height:1}@media (max-width:768px){.modal-header{min-height:50px!important;padding:10px 4px 10px 15px!important}.edit-btn .icon,.edit-btn i,.edit-btn svg,.edit-button .icon,.edit-button i,.edit-button svg,.edit-icon,.header-edit-btn .icon,.header-edit-btn i,.header-edit-btn svg,.modal-edit-button .title-icon,.modal-edit-button i,.modal-edit-button svg{display:none!important}.modal-edit-button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}@supports (font-variant-emoji:text){.modal-edit-button{font-variant-emoji:text!important}}.system-settings-modal .modal-edit-button .desktop-only{display:inline!important}.system-settings-modal .modal-edit-button{font-family:inherit!important;font-variant-emoji:inherit!important}.modal-overlay .modal.system-settings-modal .modal-header .header-actions,.system-settings-modal .modal-header .header-actions{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;height:32px!important;justify-content:flex-end!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:2!important}.modal-overlay .modal.system-settings-modal .modal-header .circular-close-btn,.modal-overlay .modal.system-settings-modal .modal-header .modal-close-button,.system-settings-modal .modal-header .circular-close-btn,.system-settings-modal .modal-header .modal-close-button{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:28px!important}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4{font-size:1.1rem!important}.modal-header .title-icon,.modal-header h1 .title-icon,.modal-header h2 .title-icon,.modal-header h3 .title-icon,.modal-header h4 .title-icon{font-size:1rem!important}.modal-edit-button{font-size:13px;height:28px!important;max-height:28px!important;min-height:28px!important;padding:6px 12px}.modal-header .header-actions{gap:8px!important}.circular-close-btn,.modal-close-button{font-size:16px;height:28px!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}}@media (max-width:480px){.modal-header{min-height:50px!important;padding:10px 4px 10px 15px!important}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4{font-size:1rem!important}.modal-header .title-icon,.modal-header h1 .title-icon,.modal-header h2 .title-icon,.modal-header h3 .title-icon,.modal-header h4 .title-icon{font-size:.9rem!important}.modal-edit-button{font-size:12px;height:28px!important;max-height:28px!important;min-height:28px!important;padding:5px 10px}.modal-header .header-actions{gap:8px!important}.circular-close-btn,.modal-close-button{font-size:14px;height:28px!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}}@media (prefers-contrast:high){.modal-edit-button{background:hsla(0,0%,100%,.3);border-width:2px}.modal-close-button{background:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.5)}}.activity-display-modal .modal-header,.modal-overlay .modal.activity-display-modal .modal-header,.modal-overlay .modal.recreation-menu-modal .modal-header,.modal-overlay .modal.system-settings-modal .modal-header,.recreation-menu-modal .modal-header,.system-settings-modal .modal-header{align-content:center!important;align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;overflow:visible!important;padding:16px 20px!important;position:relative!important}.activity-display-modal .modal-header *,.library-modal .modal-header *,.modal-overlay .modal.activity-display-modal .modal-header *,.modal-overlay .modal.library-modal .modal-header *,.modal-overlay .modal.recreation-menu-modal .modal-header *,.modal-overlay .modal.system-settings-modal .modal-header *,.recreation-menu-modal .modal-header *,.system-settings-modal .modal-header *{align-items:center!important;align-self:center!important}.activity-display-modal .modal-header h3,.recreation-menu-modal .modal-header h3,.system-settings-modal .modal-header h2,.system-settings-modal .modal-header h3{color:#fff!important;flex:1 1!important;font-size:1.3rem!important;font-weight:600!important;line-height:1.2!important;margin:0!important}body.activity-display-open,html.activity-display-open{scrollbar-width:none!important}body.activity-display-open::-webkit-scrollbar,html.activity-display-open::-webkit-scrollbar{height:0!important;width:0!important}.activity-display-modal .header-actions,.activity-display-modal .header-button-group,.modal-overlay .modal.activity-display-modal .header-actions,.modal-overlay .modal.activity-display-modal .header-button-group,.modal-overlay .modal.recreation-menu-modal .header-actions,.modal-overlay .modal.recreation-menu-modal .header-button-group,.modal-overlay .modal.system-settings-modal .header-actions,.modal-overlay .modal.system-settings-modal .header-button-group,.recreation-menu-modal .header-actions,.recreation-menu-modal .header-button-group,.system-settings-modal .header-actions,.system-settings-modal .header-button-group{align-content:center!important;align-items:center!important;display:flex!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:8px!important;height:auto!important;justify-content:flex-end!important}.activity-display-modal .modal-header .header-actions button,.activity-display-modal .modal-header .header-button-group button,.modal-overlay .modal.activity-display-modal .modal-header .header-actions button,.modal-overlay .modal.activity-display-modal .modal-header .header-button-group button,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions button,.modal-overlay .modal.recreation-menu-modal .modal-header .header-button-group button,.modal-overlay .modal.system-settings-modal .modal-header .header-actions button,.modal-overlay .modal.system-settings-modal .modal-header .header-button-group button,.recreation-menu-modal .modal-header .header-actions button,.recreation-menu-modal .modal-header .header-button-group button,.system-settings-modal .modal-header .header-actions button,.system-settings-modal .modal-header .header-button-group button{align-content:center!important;align-items:center!important;align-self:center!important;box-sizing:border-box!important;display:inline-flex!important;flex-basis:auto!important;flex-grow:0!important;flex-shrink:0!important;height:auto!important;justify-content:center!important;max-height:32px!important;max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-height:28px!important;min-width:auto!important;overflow:hidden!important;vertical-align:middle!important;white-space:nowrap!important;width:auto!important}@media (min-width:769px){.activity-display-modal .modal-header .header-actions .circular-close-btn,.activity-display-modal .modal-header .header-actions .modal-close-button,.create-activity-modal .modal-header .header-actions .circular-close-btn,.create-activity-modal .modal-header .header-actions .modal-close-button,.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.recreation-menu-modal .modal-header .header-actions .modal-close-button,.system-settings-modal .modal-header .header-actions .circular-close-btn,.system-settings-modal .modal-header .header-actions .modal-close-button{align-items:center!important;align-self:center!important;border-radius:50%!important;display:flex!important;flex-basis:32px!important;flex-grow:0!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;margin-left:8px!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;position:static!important;width:32px!important}}@media (max-width:768px){.activity-display-modal .modal-header,.modal-overlay .modal.activity-display-modal .modal-header,.modal-overlay .modal.recreation-menu-modal .modal-header,.modal-overlay .modal.system-settings-modal .modal-header,.recreation-menu-modal .modal-header,.system-settings-modal .modal-header{align-content:center!important;align-items:center!important;padding:12px 16px!important}.activity-display-modal .modal-header h3,.modal-overlay .modal.activity-display-modal .modal-header h3,.modal-overlay .modal.recreation-menu-modal .modal-header h3,.modal-overlay .modal.system-settings-modal .modal-header h2,.modal-overlay .modal.system-settings-modal .modal-header h3,.recreation-menu-modal .modal-header h3,.system-settings-modal .modal-header h2,.system-settings-modal .modal-header h3{font-size:1.1rem!important}.activity-display-modal .header-actions,.activity-display-modal .header-button-group,.library-modal .header-actions,.library-modal .header-button-group,.modal-overlay .modal.activity-display-modal .header-actions,.modal-overlay .modal.activity-display-modal .header-button-group,.modal-overlay .modal.library-modal .header-actions,.modal-overlay .modal.library-modal .header-button-group,.modal-overlay .modal.recreation-menu-modal .header-actions,.modal-overlay .modal.recreation-menu-modal .header-button-group,.modal-overlay .modal.system-settings-modal .header-actions,.modal-overlay .modal.system-settings-modal .header-button-group,.recreation-menu-modal .header-actions,.recreation-menu-modal .header-button-group,.system-settings-modal .header-actions,.system-settings-modal .header-button-group{align-content:center!important;align-items:center!important;gap:8px!important;height:32px!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:2!important}.activity-display-modal .modal-header .header-actions button,.activity-display-modal .modal-header .header-button-group button,.modal-overlay .modal.activity-display-modal .modal-header .header-actions button,.modal-overlay .modal.activity-display-modal .modal-header .header-button-group button,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions button,.modal-overlay .modal.recreation-menu-modal .modal-header .header-button-group button,.modal-overlay .modal.system-settings-modal .modal-header .header-actions button,.modal-overlay .modal.system-settings-modal .modal-header .header-button-group button,.recreation-menu-modal .modal-header .header-actions button,.recreation-menu-modal .modal-header .header-button-group button,.system-settings-modal .modal-header .header-actions button,.system-settings-modal .modal-header .header-button-group button{align-items:center!important;align-self:center!important;flex-grow:0!important;flex-shrink:0!important;height:32px!important;max-height:32px!important;min-height:32px!important}.activity-display-modal .modal-header .header-actions .circular-close-btn,.activity-display-modal .modal-header .header-actions .modal-close-button,.create-activity-modal .modal-header .header-actions .circular-close-btn,.create-activity-modal .modal-header .header-actions .modal-close-btn,.modal-overlay .modal.activity-display-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.activity-display-modal .modal-header .header-actions .modal-close-button,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .modal-close-button,.modal-overlay .modal.system-settings-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.system-settings-modal .modal-header .header-actions .modal-close-button,.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.recreation-menu-modal .modal-header .header-actions .modal-close-button,.system-settings-modal .modal-header .header-actions .circular-close-btn,.system-settings-modal .modal-header .header-actions .modal-close-button{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;height:28px!important;justify-content:center!important;line-height:1!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;width:28px!important}.payment-confirmation-modal .modal-header{align-items:center;display:flex;justify-content:space-between}.payment-confirmation-modal .modal-header h2{line-height:1.2;margin:0}.payment-confirmation-modal .modal-header .circular-close-btn{align-self:center;margin-left:12px;position:static!important}.activity-display-modal .header-actions *,.modal-overlay .modal.activity-display-modal .header-actions *,.modal-overlay .modal.recreation-menu-modal .header-actions *,.modal-overlay .modal.system-settings-modal .header-actions *,.recreation-menu-modal .header-actions *,.system-settings-modal .header-actions *{align-items:center!important;align-self:center!important;flex-grow:0!important;flex-shrink:0!important}}.activity-display-modal .modal-header .header-actions,.library-modal .modal-header .header-actions,.recreation-menu-modal .modal-header .header-actions,.system-settings-modal .modal-header .header-actions{height:auto!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:3!important}@media (min-width:769px){.activity-display-modal .modal-header .header-actions,.library-modal .modal-header .header-actions,.modal-overlay .modal.activity-display-modal .modal-header .header-actions,.modal-overlay .modal.library-modal .modal-header .header-actions,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions,.recreation-menu-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.activity-display-modal .modal-header .header-actions .circular-close-btn,.library-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.activity-display-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.library-modal .modal-header .header-actions .circular-close-btn{align-self:center!important;margin-left:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important}.create-activity-modal .modal-header .header-actions{position:absolute!important;right:44px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}@media (max-width:768px){.create-activity-modal .modal-header .header-actions{position:absolute!important;right:44px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}.create-activity-modal .modal-header .close-button-container{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;justify-content:flex-end!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:3!important}@media (min-width:769px){.create-activity-modal .modal-header .close-button-container{align-items:center!important;display:flex!important;height:auto!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.create-activity-modal .modal-header .close-button-container .circular-close-btn,.create-activity-modal .modal-header .close-button-container .modal-close-button,.modal-overlay .modal.create-activity-modal .modal-header .close-button-container .circular-close-btn,.modal-overlay .modal.create-activity-modal .modal-header .close-button-container .modal-close-button{align-self:center!important;height:32px!important;margin-left:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:32px!important}}.create-activity-modal .modal-header .close-button-container .circular-close-btn,.create-activity-modal .modal-header .close-button-container .modal-close-button{align-self:center!important;position:static!important;right:auto!important;top:auto!important}.registration-list-modal .modal-header .close-button-container{align-items:center!important;display:flex!important;gap:8px!important;justify-content:flex-end!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:3!important}.registration-list-modal .modal-header .close-button-container .circular-close-btn,.registration-list-modal .modal-header .close-button-container .modal-close-button{align-self:center!important;position:static!important;right:auto!important;top:auto!important}.save-button{background:rgba(40,167,69,.9)!important;border-color:#28a745!important;color:#fff!important}.save-button:hover{background:#28a745!important;border-color:#228b3a!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.cancel-button{background:rgba(220,53,69,.9)!important;border-color:#dc3545!important;color:#fff!important}.cancel-button:hover{background:#dc3545!important;border-color:#c82333!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}@media (prefers-reduced-motion:reduce){.modal-close-button,.modal-edit-button{transition:none}.modal-close-button:hover,.modal-edit-button:hover{-webkit-transform:none;transform:none}.cancel-button:hover,.save-button:hover{-webkit-transform:none!important;transform:none!important}}.circular-close-btn{align-items:center;background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px;z-index:10}.circular-close-btn:hover{background-color:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.6);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.circular-close-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.circular-close-btn:before{content:"×";display:block;line-height:1}.tab-create-activity .circular-close-btn{background-color:hsla(0,0%,100%,.9);border-color:rgba(76,175,80,.3)}.tab-create-activity .circular-close-btn:hover{background-color:rgba(76,175,80,.1);border-color:rgba(76,175,80,.5)}.tab-wonderful-moments .circular-close-btn{background-color:hsla(0,0%,100%,.9);border-color:rgba(255,152,0,.3)}.tab-wonderful-moments .circular-close-btn:hover{background-color:rgba(255,152,0,.1);border-color:rgba(255,152,0,.5)}.tab-friends-board .circular-close-btn{background-color:hsla(0,0%,100%,.9);border-color:rgba(233,30,99,.3)}.tab-friends-board .circular-close-btn:hover{background-color:rgba(233,30,99,.1);border-color:rgba(233,30,99,.5)}.tab-system-management .circular-close-btn{background-color:hsla(0,0%,100%,.9);border-color:rgba(96,125,139,.3)}.tab-system-management .circular-close-btn:hover{background-color:rgba(96,125,139,.1);border-color:rgba(96,125,139,.5)}@media (max-width:768px){.circular-close-btn{font-size:12px;height:20px;right:6px;top:6px;width:20px}}.circular-close-btn:focus{box-shadow:none!important;outline:none!important}.circular-close-btn:focus-visible{box-shadow:none!important;outline:none!important}.circular-close-btn:not(.header-actions .circular-close-btn):after{border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.activity-display-modal .header-actions .circular-close-btn:after,.create-activity-modal .header-actions .circular-close-btn:after,.header-actions .circular-close-btn:after,.modal-header .header-actions .circular-close-btn:after,.modal-overlay .modal .header-actions .circular-close-btn:after,.recreation-menu-modal .header-actions .circular-close-btn:after,.system-settings-modal .header-actions .circular-close-btn:after{bottom:auto!important;content:none!important;display:none!important;height:0!important;left:auto!important;position:static!important;right:auto!important;top:auto!important;width:0!important}.modal-container,.panel-container,.tab-panel{position:relative}.modal-container .close-btn,.panel-container .close-btn,.tab-panel .close-btn{display:none}.circular-close-btn{z-index:1000}.system-settings-modal .modal-header .header-actions .circular-close-btn,.system-settings-modal .modal-header .header-actions .modal-close-button{margin-left:0!important}.activity-display-modal .modal-header .header-actions .circular-close-btn,.activity-display-modal .modal-header .header-actions .modal-close-button{margin-left:0!important;order:99!important}.activity-display-modal .modal-header .header-actions .cancel-button,.activity-display-modal .modal-header .header-actions .modal-edit-button,.activity-display-modal .modal-header .header-actions .save-button{order:0!important}@media (min-width:769px){.activity-display-modal .circular-close-btn,.activity-display-modal .modal-close-button,.circular-close-btn,.create-activity-modal .circular-close-btn,.create-activity-modal .modal-close-button,.header-actions .circular-close-btn,.header-actions .modal-close-button,.modal .circular-close-btn,.modal .modal-close-button,.modal-close-button,.modal-header .circular-close-btn,.modal-header .modal-close-button,.modal-overlay .activity-display-modal .circular-close-btn,.modal-overlay .activity-display-modal .modal-close-button,.modal-overlay .create-activity-modal .circular-close-btn,.modal-overlay .create-activity-modal .modal-close-button,.modal-overlay .header-actions .circular-close-btn,.modal-overlay .header-actions .modal-close-button,.modal-overlay .modal .circular-close-btn,.modal-overlay .modal .modal-close-button,.modal-overlay .modal-header .circular-close-btn,.modal-overlay .modal-header .modal-close-button,.modal-overlay .recreation-menu-modal .circular-close-btn,.modal-overlay .recreation-menu-modal .modal-close-button,.modal-overlay .system-settings-modal .circular-close-btn,.modal-overlay .system-settings-modal .modal-close-button,.recreation-menu-modal .circular-close-btn,.recreation-menu-modal .modal-close-button,.system-settings-modal .circular-close-btn,.system-settings-modal .modal-close-button{align-content:center!important;align-items:center!important;align-self:center!important;border-radius:50%!important;box-sizing:border-box!important;display:flex!important;flex-basis:32px!important;flex-grow:0!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;line-height:1!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;overflow:hidden!important;padding:0!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;width:32px!important}}.activity-display-modal .circular-close-btn,.activity-display-modal .modal-close-button,.circular-close-btn,.create-activity-modal .circular-close-btn,.create-activity-modal .modal-close-button,.header-actions .circular-close-btn,.header-actions .modal-close-button,.modal .circular-close-btn,.modal .modal-close-button,.modal-close-button,.modal-header .circular-close-btn,.modal-header .modal-close-button,.recreation-menu-modal .circular-close-btn,.recreation-menu-modal .modal-close-button,.system-settings-modal .circular-close-btn,.system-settings-modal .modal-close-button{align-items:center!important;align-self:center!important;border-radius:50%!important;box-sizing:border-box!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;justify-content:center!important;line-height:1!important;overflow:hidden!important;padding:0!important;text-align:center!important;white-space:nowrap!important}@media (max-width:768px){.activity-display-modal .circular-close-btn,.activity-display-modal .modal-close-button,.circular-close-btn,.create-activity-modal .circular-close-btn,.create-activity-modal .modal-close-button,.header-actions .circular-close-btn,.header-actions .modal-close-button,.modal .circular-close-btn,.modal .modal-close-button,.modal-close-button,.modal-header .circular-close-btn,.modal-header .modal-close-button,.recreation-menu-modal .circular-close-btn,.recreation-menu-modal .modal-close-button,.system-settings-modal .circular-close-btn,.system-settings-modal .modal-close-button{border-radius:50%!important;font-size:16px!important;height:28px!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}}@media (max-width:480px){.activity-display-modal .circular-close-btn,.activity-display-modal .modal-close-button,.circular-close-btn,.create-activity-modal .circular-close-btn,.create-activity-modal .modal-close-button,.header-actions .circular-close-btn,.header-actions .modal-close-button,.modal .circular-close-btn,.modal .modal-close-button,.modal-close-button,.modal-header .circular-close-btn,.modal-header .modal-close-button,.recreation-menu-modal .circular-close-btn,.recreation-menu-modal .modal-close-button,.system-settings-modal .circular-close-btn,.system-settings-modal .modal-close-button{border-radius:50%!important;font-size:14px!important;height:26px!important;max-height:26px!important;max-width:26px!important;min-height:26px!important;min-width:26px!important;width:26px!important}}@media (min-width:769px){.activity-display-modal .modal-header .header-actions .circular-close-btn,.activity-display-modal .modal-header .header-actions .modal-close-button,.modal-overlay .modal.activity-display-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.activity-display-modal .modal-header .header-actions .modal-close-button,.modal-overlay .modal.activity-display-modal .modal-header .header-button-group .circular-close-btn,.modal-overlay .modal.activity-display-modal .modal-header .header-button-group .modal-close-button,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .modal-close-button,.modal-overlay .modal.recreation-menu-modal .modal-header .header-button-group .circular-close-btn,.modal-overlay .modal.recreation-menu-modal .modal-header .header-button-group .modal-close-button,.modal-overlay .modal.system-settings-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.system-settings-modal .modal-header .header-actions .modal-close-button,.modal-overlay .modal.system-settings-modal .modal-header .header-button-group .circular-close-btn,.modal-overlay .modal.system-settings-modal .modal-header .header-button-group .modal-close-button,.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.recreation-menu-modal .modal-header .header-actions .modal-close-button,.system-settings-modal .modal-header .header-actions .circular-close-btn,.system-settings-modal .modal-header .header-actions .modal-close-button{align-content:center!important;align-items:center!important;align-self:center!important;border-radius:50%!important;box-sizing:border-box!important;display:inline-flex!important;flex-basis:32px!important;flex-grow:0!important;flex-shrink:0!important;font-size:16px!important;height:32px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;overflow:hidden!important;padding:0!important;position:static!important;text-align:center!important;-webkit-transform-origin:center center!important;transform-origin:center center!important;vertical-align:middle!important;white-space:nowrap!important;width:32px!important}.activity-display-modal .modal-header .header-actions,.modal-overlay .modal.activity-display-modal .modal-header .header-actions,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions,.modal-overlay .modal.system-settings-modal .modal-header .header-actions,.recreation-menu-modal .modal-header .header-actions,.system-settings-modal .modal-header .header-actions{align-content:center!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-end!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:2!important}.create-activity-modal .modal-header .close-button-container,.modal-overlay .modal.create-activity-modal .modal-header .close-button-container{align-items:center!important;display:flex!important;gap:8px!important;justify-content:flex-end!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:2!important}.create-activity-modal .modal-header .close-button-container .circular-close-btn,.create-activity-modal .modal-header .close-button-container .modal-close-button,.modal-overlay .modal.create-activity-modal .modal-header .close-button-container .circular-close-btn,.modal-overlay .modal.create-activity-modal .modal-header .close-button-container .modal-close-button{align-self:center!important;position:static!important;right:auto!important;top:auto!important}.activity-display-modal .modal-header .header-actions *,.modal-overlay .modal.activity-display-modal .modal-header .header-actions *,.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions *,.modal-overlay .modal.system-settings-modal .modal-header .header-actions *,.recreation-menu-modal .modal-header .header-actions *,.system-settings-modal .modal-header .header-actions *{align-self:center!important;flex-grow:0!important;flex-shrink:0!important}}@media (max-width:768px){.activity-display-modal .modal-header .circular-close-btn,.modal-overlay .modal.activity-display-modal .modal-header .circular-close-btn{align-items:center!important;border-radius:50%!important;display:inline-flex!important;height:28px!important;justify-content:center!important;line-height:1!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:28px!important}.activity-display-modal .modal-header .header-actions,.modal-overlay .modal.activity-display-modal .modal-header .header-actions,.modal-overlay .modal.system-settings-modal .modal-header .header-actions,.system-settings-modal .modal-header .header-actions{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;height:32px!important;justify-content:flex-end!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:10!important}}@media (min-width:769px){.library-modal .modal-header .header-actions,.modal-overlay .modal.library-modal .modal-header .header-actions{align-items:center!important;gap:8px!important;height:36px!important;justify-content:flex-end!important}.library-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.library-modal .modal-header .header-actions .circular-close-btn{align-self:center!important;position:static!important;right:auto!important;top:auto!important}}@media (max-width:768px){.library-modal .modal-header .header-actions,.modal-overlay .modal.library-modal .modal-header .header-actions{flex-wrap:nowrap!important;gap:8px!important}.modal-overlay .modal.library-modal .modal-header{padding-right:16px!important}.library-modal .modal-edit-button,.modal-overlay .modal.library-modal .modal-header .modal-edit-button{height:36px!important;margin-right:0!important;max-height:36px!important;min-height:36px!important;padding:8px 14px!important}.library-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.library-modal .modal-header .header-actions .circular-close-btn{align-self:center!important;flex-basis:28px!important;height:28px!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;position:static!important;right:auto!important;top:auto!important;width:28px!important}}.registration-form-modal .modal-header{cursor:-webkit-grab!important;cursor:grab!important;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}.video-preview-close{align-items:center!important;display:flex!important;justify-content:center!important;line-height:1!important;pointer-events:auto!important;z-index:10000!important}.video-preview-close *{pointer-events:none!important}.registration-form-modal .modal-header *{cursor:inherit!important;-webkit-user-select:inherit!important;-moz-user-select:inherit!important;user-select:inherit!important}@media (min-width:1024px){.header-actions .header-load-draft,.header-actions .load-draft-btn,.load-draft-container .header-load-draft,.load-draft-container .load-draft-btn,.modal-header .header-load-draft,.modal-header .header-right-actions .header-load-draft,.modal-header .header-right-actions .load-draft-btn,.modal-header .load-draft-btn{align-items:center!important;background:hsla(0,0%,100%,.25)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:4px!important;box-sizing:border-box!important;color:hsla(0,0%,100%,.9)!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:15px!important;gap:4px!important;height:32px!important;justify-content:center!important;line-height:1.2!important;max-height:32px!important;min-height:32px!important;opacity:.8!important;padding:4px 8px!important;transition:opacity .2s ease,background .2s ease!important;white-space:nowrap!important}.header-actions .header-load-draft:hover,.header-actions .load-draft-btn:hover,.load-draft-container .header-load-draft:hover,.load-draft-container .load-draft-btn:hover,.modal-header .header-load-draft:hover,.modal-header .header-right-actions .header-load-draft:hover,.modal-header .header-right-actions .load-draft-btn:hover,.modal-header .load-draft-btn:hover{background:hsla(0,0%,100%,.35)!important;opacity:1!important}.modal-header .header-load-draft:disabled,.modal-header .header-right-actions .header-load-draft:disabled,.modal-header .header-right-actions .load-draft-btn:disabled,.modal-header .load-draft-btn:disabled{background:hsla(0,0%,78%,.3)!important;color:hsla(0,0%,100%,.5)!important;cursor:not-allowed!important;opacity:.5!important}.modal-header .draft-count-badge,.modal-header .load-draft-container .draft-count-badge{align-items:center!important;background:rgba(255,77,79,.9)!important;border:2px solid hsla(0,0%,100%,.9)!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#fff!important;display:flex!important;font-size:11px!important;font-weight:700!important;height:18px!important;justify-content:center!important;min-width:18px!important;pointer-events:none!important;position:absolute!important;right:-8px!important;top:-8px!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;z-index:1000000!important}.modal-header .header-load-draft,.modal-header .header-right-actions .header-load-draft,.modal-header .header-right-actions .load-draft-btn,.modal-header .load-draft-btn{align-items:center!important;border-radius:6px!important;box-sizing:border-box!important;display:inline-flex!important;flex-shrink:0!important;font-size:15px!important;gap:6px!important;height:32px!important;justify-content:center!important;line-height:1.2!important;max-height:32px!important;min-height:32px!important;padding:4px 8px!important;white-space:nowrap!important}}.registration-form-modal .modal-header:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}@media (min-width:769px){.registration-form-modal .modal-header{overflow:visible!important;position:relative!important}.registration-form-modal .modal-header .header-right-actions{align-items:center!important;display:flex!important;gap:8px!important;height:32px!important;pointer-events:auto!important;position:absolute!important;right:8px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:1000001!important}.registration-form-modal .modal-header .load-draft-container{overflow:visible!important;position:relative!important;right:0!important;top:0!important;-webkit-transform:none!important;transform:none!important}.registration-form-modal .modal-header .header-load-draft,.registration-form-modal .modal-header .header-load-draft:hover{-webkit-transform:none!important;transform:none!important}.registration-form-modal .modal-header .circular-close-btn,.registration-form-modal .modal-header .modal-close-button{height:32px!important;max-height:32px!important;min-height:32px!important;-webkit-transform:none!important;transform:none!important}.registration-form-modal .modal-header .draft-count-badge{pointer-events:none!important;-webkit-transform:none!important;transform:none!important}}.registration-form-modal .modal-header:after,.registration-form-modal .modal-header:before{cursor:inherit!important;pointer-events:none!important}.registration-form-modal,.registration-form-modal .modal-body{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important}.registration-form-modal .modal-body::-webkit-scrollbar,.registration-form-modal::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.registration-form-modal .modal-header .title-icon,.registration-form-modal .modal-header h1,.registration-form-modal .modal-header h2,.registration-form-modal .modal-header h3,.registration-form-modal .modal-header h4{cursor:inherit!important;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}.registration-form-modal .modal-header .header-right-actions{cursor:inherit!important;pointer-events:auto!important}.registration-form-modal .modal-header .header-right-actions .circular-close-btn,.registration-form-modal .modal-header .header-right-actions .header-load-draft,.registration-form-modal .modal-header .header-right-actions .load-draft-btn,.registration-form-modal .modal-header .header-right-actions .modal-close-button{cursor:pointer!important;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}@media (max-width:768px){.create-activity-modal .modal-header .header-load-draft,.create-activity-modal .modal-header .load-draft-btn,.header-actions .header-load-draft,.header-actions .load-draft-btn,.header-right-actions .header-load-draft,.header-right-actions .load-draft-btn,.modal-header .header-load-draft,.modal-header .load-draft-btn,.registration-form-modal .modal-header .header-load-draft,.registration-form-modal .modal-header .load-draft-btn{align-items:center!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:10px!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important;color:#fff!important;display:flex!important;font-size:11px!important;justify-content:center!important;line-height:1!important;min-height:22px!important;min-width:50px!important;padding:3px 6px!important;transition:all .2s ease!important;white-space:nowrap!important}.create-activity-modal .modal-header .header-load-draft:hover,.create-activity-modal .modal-header .load-draft-btn:hover,.header-actions .header-load-draft:hover,.header-actions .load-draft-btn:hover,.header-right-actions .header-load-draft:hover,.header-right-actions .load-draft-btn:hover,.modal-header .header-load-draft:hover,.modal-header .load-draft-btn:hover,.registration-form-modal .modal-header .header-load-draft:hover,.registration-form-modal .modal-header .load-draft-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.create-activity-modal .modal-header .header-load-draft:active,.create-activity-modal .modal-header .load-draft-btn:active,.header-actions .header-load-draft:active,.header-actions .load-draft-btn:active,.header-right-actions .header-load-draft:active,.header-right-actions .load-draft-btn:active,.modal-header .header-load-draft:active,.modal-header .load-draft-btn:active,.registration-form-modal .modal-header .header-load-draft:active,.registration-form-modal .modal-header .load-draft-btn:active{box-shadow:0 1px 2px rgba(0,0,0,.1)!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.recreation-menu-modal-overlay{align-items:center!important;background-color:rgba(0,0,0,.5)!important;display:flex!important;height:100vh!important;height:100svh!important;inset:0!important;justify-content:center!important;position:fixed!important;width:100vw!important;z-index:1050!important}.recreation-menu-modal{background:#f0f2f5!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:100%!important;width:100%!important}.recreation-menu-modal .modal-body{-webkit-overflow-scrolling:touch!important;flex-grow:1!important;overflow-y:auto!important;padding:16px!important}body.recreation-modal-open{height:100vh!important;height:100svh!important;overflow:hidden!important}}@media (max-width:768px){.modal-overlay:has(.system-settings-modal),.system-settings-overlay{align-items:stretch!important;background-color:rgba(0,0,0,.5)!important;display:flex!important;height:100vh!important;height:100svh!important;inset:0!important;justify-content:stretch!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;width:100vw!important;z-index:999998!important}.system-settings-modal{background:#fafbfc!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;height:100%!important;inset:0!important;margin:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;padding:0!important;position:fixed!important;width:100%!important}.system-settings-modal .modal-header{border-radius:0!important;flex-shrink:0!important;margin:0!important;width:100%!important}.system-settings-modal .system-settings-body{-webkit-overflow-scrolling:touch!important;flex-basis:0!important;flex-grow:1!important;flex-shrink:1!important;height:auto!important;margin:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 0 20px!important}body.system-settings-open{height:100vh!important;height:100svh!important;overflow:hidden!important}}@media (max-width:1023px){.create-activity-modal-overlay,.modal-overlay:has(.create-activity-modal){align-items:stretch!important;background-color:rgba(0,0,0,.95)!important;display:flex!important;height:100vh!important;height:100svh!important;inset:0!important;justify-content:stretch!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;width:100vw!important;z-index:999998!important}.create-activity-modal{background:#f8fafc!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;height:100%!important;inset:0!important;margin:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;padding:0!important;position:fixed!important;width:100%!important}.create-activity-modal .create-activity-header,.create-activity-modal .modal-header{border-radius:0!important;flex-shrink:0!important;margin:0!important;width:100%!important}.create-activity-modal .create-activity-body,.create-activity-modal .modal-body{-webkit-overflow-scrolling:touch!important;flex-basis:0!important;flex-grow:1!important;flex-shrink:1!important;height:auto!important;margin:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 0 max(45px,calc(env(safe-area-inset-bottom, 0px) + 20px))!important}body.create-activity-open{height:100vh!important;height:100svh!important;overflow:hidden!important}}@media (max-width:768px){.activity-display-overlay,.modal-overlay:has(.activity-display-modal){align-items:stretch!important;background-color:rgba(0,0,0,.5)!important;display:flex!important;height:100vh!important;height:100svh!important;inset:0!important;justify-content:stretch!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;width:100vw!important;z-index:999998!important}.activity-display-modal{background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;height:100%!important;inset:0!important;margin:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;padding:0!important;position:fixed!important;width:100%!important}.activity-display-modal .modal-header{border-radius:0!important;flex-shrink:0!important;margin:0!important;width:100%!important}.activity-display-modal .modal-body{-webkit-overflow-scrolling:touch!important;flex-basis:0!important;flex-grow:1!important;flex-shrink:1!important;height:auto!important;margin:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important}body.activity-display-open{height:100vh!important;height:100svh!important;overflow:hidden!important}}@media (min-width:769px){.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions,.modal-overlay .recreation-menu-modal .modal-header .header-actions,.modal-overlay.recreation-menu-modal-overlay .modal.recreation-menu-modal .modal-header .header-actions,.recreation-menu-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .recreation-menu-modal .modal-header .header-actions .circular-close-btn,.modal-overlay.recreation-menu-modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.recreation-menu-modal .modal-header .header-actions .circular-close-btn{align-self:center!important;height:32px!important;margin-left:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:32px!important}.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .modal-edit-button,.recreation-menu-modal .modal-header .header-actions .modal-edit-button{align-self:center!important}}@media (max-width:768px){.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions,.modal-overlay .recreation-menu-modal .modal-header .header-actions,.modal-overlay.recreation-menu-modal-overlay .modal.recreation-menu-modal .modal-header .header-actions,.recreation-menu-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .recreation-menu-modal .modal-header .header-actions .circular-close-btn,.modal-overlay.recreation-menu-modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.recreation-menu-modal .modal-header .header-actions .circular-close-btn{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;height:28px!important;justify-content:center!important;line-height:1!important;margin-left:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:28px!important}.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .modal-edit-button,.recreation-menu-modal .modal-header .header-actions .modal-edit-button{align-self:center!important;height:28px!important;max-height:28px!important;min-height:28px!important}.library-modal .modal-header .header-actions,.modal-overlay .library-modal .modal-header .header-actions,.modal-overlay .modal.library-modal .modal-header .header-actions,.modal-overlay.library-modal-overlay .modal.library-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.library-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .library-modal .modal-header .header-actions .circular-close-btn,.modal-overlay .modal.library-modal .modal-header .header-actions .circular-close-btn,.modal-overlay.library-modal-overlay .modal.library-modal .modal-header .header-actions .circular-close-btn{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:28px!important}.library-modal .modal-header .header-actions .modal-edit-button,.modal-overlay .modal.library-modal .modal-header .header-actions .modal-edit-button{align-self:center!important;height:28px!important;max-height:28px!important;min-height:28px!important}.user-management-modal-content .modal-header{align-items:center!important;display:flex!important;justify-content:space-between!important;padding-right:40px!important;position:relative!important}.user-management-modal-content .modal-header .circular-close-btn{align-items:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;flex-shrink:0!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;width:28px!important;z-index:10!important}}@media (min-width:769px){.registration-form-modal .modal-header .header-right-actions .circular-close-btn{align-items:center!important;align-self:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.4)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:32px!important;z-index:100!important}.registration-form-modal .modal-header .header-right-actions .circular-close-btn:before{color:#fff!important;content:"×"!important;display:block!important;font-size:18px!important;line-height:1!important}}.registration-form-modal .modal-header .close-button-container{align-items:center!important;display:flex!important;height:auto!important;justify-content:flex-end!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}@media (min-width:769px){.registration-form-modal .modal-header .close-button-container .circular-close-btn{align-self:center!important;height:32px!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;position:static!important;width:32px!important}}@media (max-width:768px){.registration-form-modal .modal-header .close-button-container .circular-close-btn{align-self:center!important;height:28px!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;position:static!important;width:28px!important}}@media (min-width:769px){.registration-form-modal .modal-header .header-actions{position:absolute!important;right:44px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}@media (max-width:768px){.registration-form-modal .modal-header .header-actions{position:absolute!important;right:40px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}.activity-manager-auth-modal .activity-manager-auth-body{-webkit-overflow-scrolling:touch!important;flex:1 1!important;min-height:0!important;overflow-y:auto!important}.activity-manager-auth-modal .modal-header{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;flex-shrink:0!important}.activity-manager-auth-modal .modal-footer{background:#f9fafb!important;border-top:1px solid #e5e7eb!important;flex-shrink:0!important;padding:12px 16px!important}.draft-btn.load-draft-btn,.header-actions .header-load-draft,.header-actions .load-draft-btn,.header-load-draft,.load-draft-btn,.load-draft-container .header-load-draft,.load-draft-container .load-draft-btn,.modal-header .header-load-draft,.modal-header .load-draft-btn{background:hsla(0,0%,100%,.25)!important;border:1px solid hsla(0,0%,100%,.3)!important;color:hsla(0,0%,100%,.9)!important;opacity:.8!important;transition:opacity .2s ease,background .2s ease!important}.draft-btn.load-draft-btn:hover,.header-actions .header-load-draft:hover,.header-actions .load-draft-btn:hover,.header-load-draft:hover,.load-draft-btn:hover,.load-draft-container .header-load-draft:hover,.load-draft-container .load-draft-btn:hover,.modal-header .header-load-draft:hover,.modal-header .load-draft-btn:hover{background:hsla(0,0%,100%,.4)!important;opacity:1!important}.activity-manager-auth-overlay{bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:2000000!important}.activity-manager-auth-modal{z-index:2000001!important}@media (max-width:768px){.registration-form-modal .modal-header{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;justify-content:space-between!important;max-height:none!important;min-height:50px!important;padding:10px 15px!important}.registration-form-modal .modal-header h1,.registration-form-modal .modal-header h2,.registration-form-modal .modal-header h3{-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:#fff!important;display:-webkit-box!important;font-size:clamp(14px,3.8vw,18px)!important;font-weight:600!important;line-height:1.15!important;margin:0!important;overflow:hidden!important;white-space:normal!important}.registration-form-modal .modal-header .header-actions,.registration-form-modal .modal-header .header-right-actions{align-items:center!important;height:32px!important}.registration-form-modal .modal-header .circular-close-btn{align-self:center!important;margin-left:8px!important;position:static!important;right:auto!important;top:auto!important}}.list-management-modal-overlay{align-items:center!important;background-color:rgba(0,0,0,.5);bottom:0;display:flex!important;justify-content:center!important;left:0;position:fixed;right:0;top:0;z-index:10002}@media (min-width:1024px){.list-management-modal-overlay{background-color:rgba(0,0,0,.5);display:block!important}}.list-management-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.list-management-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.list-management-modal .modal-header h2{color:#fff;font-size:18px;font-weight:500;margin:0}.list-management-modal .circular-close-btn,.list-management-modal .close-button-container{align-items:center;display:flex;justify-content:center}.list-management-modal .circular-close-btn{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);border-radius:50%;cursor:pointer;height:28px;min-height:28px;min-width:28px;padding:0;position:relative;transition:all .2s ease;width:28px}.list-management-modal .circular-close-btn:before{color:#fff;content:"×";display:block;font-size:18px;font-weight:300;line-height:1}.list-management-modal .circular-close-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.6);-webkit-transform:scale(1.05);transform:scale(1.05)}.list-management-modal .circular-close-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.list-management-modal .circular-close-btn:focus{box-shadow:none;outline:none}.list-management-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px}.list-management-section{margin-bottom:24px}.list-management-section h3{border-bottom:1px solid #eee;color:#333;font-size:16px;margin:0 0 16px;padding-bottom:8px}.column-controls{display:flex;flex-direction:column;gap:12px}.column-control-buttons{display:flex;gap:8px;margin-bottom:12px}.column-control-buttons button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.column-control-buttons button:hover{background-color:#e9ecef;border-color:#ccc}.column-grid{grid-gap:12px;background-color:#fafafa;border:1px solid #eee;border-radius:4px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:12px}.column-grid-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;padding:8px 12px;transition:all .2s ease}.column-grid-item:hover{border-color:#007bff;box-shadow:0 2px 4px rgba(0,123,255,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.column-checkbox{align-items:center;cursor:pointer;display:flex;padding:4px 0;width:100%}.column-checkbox input[type=checkbox]{margin-right:8px}.column-label{align-items:center;display:flex;font-size:14px;gap:8px}.column-label.always-visible{font-weight:500}.always-visible-badge{background-color:#28a745}.always-visible-badge,.no-data-badge{border-radius:10px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.no-data-badge{background-color:#6c757d}.pagination-controls{display:flex;flex-direction:column;gap:8px}.pagination-checkbox{align-items:center;cursor:pointer;display:flex}.pagination-checkbox input[type=checkbox]{margin-right:8px}.pagination-description{color:#666;font-size:13px;line-height:1.4;margin:0}.list-management-modal .modal-footer{background-color:#f8f9fa;border-top:1px solid #eaeaea;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.apply-button,.cancel-button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.cancel-button{background-color:#f8f9fa;color:#333}.cancel-button:hover{background-color:#e9ecef;border-color:#ccc}.apply-button{background-color:#007bff;border-color:#007bff;color:#fff}.apply-button:hover{background-color:#0069d9;border-color:#0062cc}@media (max-width:768px){.list-management-modal{max-height:90vh;width:95%}.list-management-modal .modal-header{align-items:center!important;display:flex!important;min-height:50px!important;padding:12px 50px 12px 16px!important;position:relative!important}.list-management-modal .modal-header .close-button-container{align-items:center!important;display:flex!important;height:auto!important;justify-content:center!important;margin:0!important;padding:0!important;position:absolute!important;right:12px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.list-management-modal .modal-header .close-button-container .circular-close-btn{align-self:center!important;height:28px!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;width:28px!important}.list-management-modal .modal-body,.list-management-modal .modal-footer{padding:12px 16px}.column-control-buttons{flex-wrap:wrap}.column-control-buttons button{font-size:13px;padding:5px 10px}.column-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:8px}.column-grid-item{padding:6px 8px}.column-label{font-size:13px}}.save-default-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:4px;box-shadow:0 2px 4px rgba(40,167,69,.3);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.save-default-button:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px rgba(40,167,69,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.save-default-button:active{box-shadow:0 2px 4px rgba(40,167,69,.3);-webkit-transform:translateY(0);transform:translateY(0)}.apply-button:disabled{cursor:not-allowed;opacity:.6}.apply-button:disabled,.apply-button:disabled:hover{background:#6c757d;box-shadow:none;-webkit-transform:none;transform:none}@media (max-width:768px){.apply-button:disabled,.save-default-button{font-size:13px;padding:6px 12px}.list-management-modal-overlay{display:block!important}.list-management-modal-overlay .list-management-modal .modal-header{align-items:center!important;display:flex!important;min-height:50px!important;position:relative!important}.list-management-modal-overlay .list-management-modal .modal-header .close-button-container{align-items:center!important;display:flex!important;height:auto!important;justify-content:center!important;margin:0!important;padding:0!important;position:absolute!important;right:12px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.list-management-modal-overlay .list-management-modal .modal-header .close-button-container .circular-close-btn{align-self:center!important;height:28px!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:28px!important}}@media (min-width:1024px){.modal-overlay.registrations-table-modal,.modal-overlay:has(.registrations-table-modal){align-items:flex-start!important;justify-content:center!important}.registrations-table-modal .modal-overlay{align-items:flex-start;background-color:rgba(0,0,0,.5);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:5px 20px 20px;position:fixed;right:0;top:0;z-index:1000}.registrations-table-modal.modal{background:#fff;border-radius:0!important;bottom:auto!important;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;margin-top:0;overflow:hidden;right:auto!important}.registrations-table-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important}.registrations-table-modal .modal-body{background:#fff!important;border-radius:0!important;box-shadow:none!important;flex:1 1!important;overflow:hidden!important}}@media (max-width:1023px){.registrations-table-modal .close-button{align-items:center!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15)!important;border:2px solid hsla(0,0%,100%,.3)!important;border-radius:8px!important;color:#fff!important;display:flex!important;font-size:1.1rem!important;font-weight:700!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:6px 8px!important;position:absolute!important;right:16px!important;top:16px!important;transition:all .3s ease!important;z-index:10005!important}.registrations-table-modal .close-button:active,.registrations-table-modal .close-button:hover{background:hsla(0,0%,100%,.25)!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.registrations-table-modal .modal-header h2{box-sizing:border-box!important;padding-right:60px!important}.modal-overlay.registrations-table-modal{align-items:stretch!important;background:rgba(0,0,0,.6)!important;bottom:calc(env(safe-area-inset-bottom, 0px)*-1)!important;display:flex!important;height:auto!important;justify-content:flex-start!important;left:0!important;margin:0!important;min-height:-webkit-fill-available!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10000!important}.registration-list-modal.registrations-table-modal,.registrations-table-modal.registration-list-modal{background:#fff!important;border:none!important;border-radius:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100dvh!important;left:0!important;margin:0!important;max-height:100dvh!important;max-width:none!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important;z-index:10001!important}.registrations-table-modal .modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:0!important;color:#fff!important;cursor:default!important;left:0!important;margin-bottom:0!important;padding:12px 16px!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;top:0!important;z-index:10003!important}.registrations-table-modal .circular-close-btn{position:relative!important;z-index:10005!important}.registrations-table-modal .modal-header h2{font-size:1rem!important;line-height:1.3!important;margin:0!important}.registrations-table-modal .modal-body{background:#fff!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:calc(100% - 55px)!important;min-height:0!important;overflow:hidden!important;padding:6px 6px 0!important}.regist-table{border-collapse:collapse!important;font-size:16.8px!important;width:100%!important}.registrations-table-modal .registrations-table{min-width:100%!important;table-layout:auto!important}.registrations-table-modal .registrations-table td,.registrations-table-modal .registrations-table th{height:auto!important;line-height:1.5!important;padding:4px!important;vertical-align:middle!important;white-space:normal!important}.registrations-table-modal:not(.guest-view) .registrations-table td,.registrations-table-modal:not(.guest-view) .registrations-table th{white-space:nowrap!important}.registrations-table-modal .registrations-table td{font-size:16.8px!important}.registrations-table-modal .registrations-table tr{height:auto!important}.registrations-table-modal .payment-status-select{font-size:12px!important;height:24px!important;line-height:1.2!important;margin:0!important;padding:2px 4px!important}.registrations-table-modal .registrations-table button{border-radius:4px!important;margin:0 2px!important}.registrations-table-modal .registrations-table .payment-btn,.registrations-table-modal .registrations-table button{font-size:12px!important;height:24px!important;line-height:1!important;padding:2px 6px!important}.registrations-table-modal .registrations-table .col-provide-car span{font-size:16px!important}.registrations-table-modal .registrations-table .col-payment-status .payment-status-badge{font-size:12px!important;line-height:1!important;padding:2px 6px!important}.registrations-table-modal .registrations-table td.col-payment-status,.registrations-table-modal .registrations-table th.col-payment-status{padding-bottom:2px!important;padding-top:2px!important}.registrations-table-modal .registrations-table .col-select input[type=checkbox]{height:14px!important;width:14px!important}.registrations-table-modal .table-scroll-container{overflow-x:auto!important;overflow-y:auto!important}.registrations-table-modal .registrations-table td.col-actions,.registrations-table-modal .registrations-table th.col-actions{padding-bottom:2px!important;padding-top:2px!important}.registrations-table-modal .registrations-table td.col-actions{line-height:1!important;vertical-align:middle!important;white-space:nowrap!important}.registrations-table-modal .registrations-table td.col-actions button{align-items:center!important;border:none;border-radius:4px!important;display:inline-flex!important;font-size:12px!important;justify-content:center!important;line-height:1!important;margin:0 2px!important;min-height:0!important;padding:4px 8px!important;vertical-align:middle!important}.registration-list-modal .admin-actions-registrations,.registrations-table-modal .admin-actions-registrations,div.registrations-table-modal .admin-actions-registrations{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;padding:0 0 4px!important}.registrations-table-modal .admin-actions-bottom-row,.registrations-table-modal .admin-actions-top-row{-webkit-overflow-scrolling:touch!important;align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;margin:0!important;min-height:0!important;overflow-x:auto!important;padding:0!important;white-space:nowrap!important}.registrations-table-modal .admin-actions-top-row label{align-items:center!important;display:flex!important;font-size:15px!important;line-height:1!important;margin:0!important;padding:0!important}.registrations-table-modal .admin-actions-top-row input[type=checkbox]{flex:0 0 auto!important;height:18px!important;margin:0 4px 0 0!important;width:18px!important}.registrations-table-modal .admin-actions-registrations .export-excel-button,.registrations-table-modal .admin-actions-registrations .load-data-button,.registrations-table-modal .admin-actions-registrations button{align-items:center!important;border-radius:4px!important;display:inline-flex!important;flex-shrink:0!important;font-size:14px!important;height:32px!important;justify-content:center!important;line-height:1!important;margin:0 4px 0 0!important;min-height:0!important;padding:6px 10px!important}.registrations-table-modal .registration-search-input{flex-shrink:0!important;font-size:15px!important;height:30px!important;line-height:1.2!important;max-width:140px!important;padding:4px 8px!important;width:auto!important}.registrations-table-modal .admin-actions-bottom-row .sort-controls{align-items:center!important;display:flex!important;gap:4px!important;margin:0!important;padding:0!important}.registrations-table-modal .admin-actions-bottom-row .sort-controls button{border-radius:4px!important;font-size:14px!important;height:30px!important;line-height:1!important;min-height:0!important;padding:0 10px!important}.registrations-table-modal .admin-actions-registrations button{box-shadow:none!important;margin-bottom:0!important;margin-top:0!important}.registrations-table-modal .export-excel-button,.registrations-table-modal .load-data-button{box-shadow:none!important}.payment-status-select.paid{background-color:#28a745!important;border-color:#218838!important;color:#fff!important}.payment-status-select.pending{background-color:#ffc107!important;border-color:#e0a800!important;color:#000!important}.pagination-container{background-color:#f8f9fa!important;border:none!important;border-radius:0!important;flex-wrap:wrap!important;gap:2px!important;margin-bottom:0!important;margin-top:4px!important;padding:4px 8px!important}.pagination-btn{min-width:44px!important}.pagination-btn,.pagination-number{font-size:12px!important;padding:4px 6px!important}.pagination-number{min-width:28px!important}.pagination-info{flex-direction:row!important;font-size:10px!important;gap:8px!important;line-height:1.2!important;margin-left:4px!important}.pagination-numbers{gap:2px!important;margin:0 2px!important}}@media (min-width:1024px){.registrations-table-modal .modal{min-height:400px;min-width:600px}.registrations-table-modal .modal-body{padding:8px 20px 12px!important}.registrations-table-modal .admin-actions-registrations{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;padding:0 0 4px!important}.registrations-table-modal .admin-actions-top-row{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.registrations-table-modal .admin-actions-top-row label{align-items:center!important;display:flex!important;font-size:14px!important;gap:4px!important;margin:0!important;padding:0!important}.registrations-table-modal .admin-actions-top-row input[type=checkbox]{height:16px!important;margin:0!important;width:16px!important}.registrations-table-modal .admin-actions-registrations button,.registrations-table-modal .admin-actions-top-row button{border-radius:4px!important;font-size:13px!important;height:auto!important;line-height:1.4!important;margin:0!important;padding:6px 12px!important}.registrations-table-modal .registrations-table{table-layout:auto!important;width:100%!important}.registrations-table-modal .registrations-table td,.registrations-table-modal .registrations-table th{padding:8px 12px!important;white-space:nowrap!important}.registrations-table-modal .registration-search-input{border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;height:auto!important;line-height:1.4!important;max-width:300px!important;padding:8px 12px!important;width:300px!important}.registrations-table-modal .admin-actions-bottom-row{align-items:center!important;display:flex!important;gap:12px!important;margin-bottom:16px!important}.registrations-table-modal .sort-controls{display:flex!important;gap:8px!important;margin-left:auto!important}.registrations-table-modal .sort-controls button{background-color:#f8f9fa!important;border:1px solid #ddd!important;border-radius:4px!important;color:#495057!important;cursor:pointer!important;font-size:14px!important;height:auto!important;line-height:1.4!important;padding:8px 12px!important;transition:all .2s ease!important}.registrations-table-modal .sort-controls button:hover:not(:disabled){background-color:#e9ecef!important;border-color:#adb5bd!important}.registrations-table-modal .sort-controls button:disabled{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important;opacity:.6!important}.registrations-table-modal .sort-controls .move-steps-input{border:1px solid #ced4da!important;border-radius:4px!important;box-sizing:border-box!important;font-size:14px!important;max-width:36px!important;min-width:36px!important;padding:4px 2px!important;text-align:center!important;width:36px!important}}.pagination-container{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-top:20px;padding:16px}.pagination-btn{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;min-width:60px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.pagination-btn:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.pagination-numbers{display:flex;gap:4px;margin:0 8px}.pagination-number{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.pagination-number:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.pagination-number.active{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-number.active:hover{background-color:#0056b3;border-color:#0056b3}.pagination-number:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.pagination-info{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:12px;line-height:1.4;margin-left:16px}.pagination-info span{white-space:nowrap}.list-management-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px rgba(102,126,234,.3);color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:8px;padding:8px 16px;transition:all .3s ease}.list-management-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 8px rgba(102,126,234,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.list-management-button:active{box-shadow:0 2px 4px rgba(102,126,234,.3);-webkit-transform:translateY(0);transform:translateY(0)}.list-management-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;-webkit-transform:none;transform:none}@media (max-width:1023px){.list-management-button{font-size:12px;height:28px!important;line-height:1!important;margin-left:4px;min-height:0!important;padding:6px 12px}}@media (min-width:1024px){.list-management-button{font-size:14px;height:auto;line-height:1.4;padding:8px 12px}}.registrations-table-modal .table-scroll-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow:auto;position:relative}.registrations-table-modal .registrations-table{border-collapse:initial;border-spacing:0;width:100%}.registrations-table-modal .registrations-table thead{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.registrations-table-modal .registrations-table thead th{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600}.registrations-table-modal .sticky-header-clone{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.15);overflow:hidden}.registrations-table-modal .sticky-header-clone table{border-collapse:initial;border-spacing:0;margin:0;table-layout:fixed;width:100%}.registrations-table-modal .sticky-header-clone thead th{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-sizing:border-box;color:#fff!important;font-weight:600}@media (max-width:1023px){.registrations-table-modal .table-scroll-container{-webkit-overflow-scrolling:touch!important;flex:1 1!important;margin-bottom:0!important;min-height:0!important;overflow:auto!important;padding-bottom:0!important;position:relative!important}.registrations-table-modal .sticky-header-clone thead th{padding:4px!important}.registrations-table-modal .pagination-container{flex-shrink:0!important;margin:0!important;padding:4px 8px!important}.registration-list-modal.registrations-table-modal,.registrations-table-modal.registration-list-modal{margin-bottom:-60px!important;padding-bottom:0!important}}@media (min-width:1024px){.registrations-table-modal .modal-body{display:flex!important;flex-direction:column!important;overflow:hidden!important}.registrations-table-modal .admin-actions-bottom-row,.registrations-table-modal .admin-actions-registrations{flex-shrink:0}.registrations-table-modal .table-scroll-container{flex:1 1;min-height:0;overflow:auto}.registrations-table-modal .resize-handle{background:rgba(59,130,246,.3);position:absolute;z-index:10010}.registrations-table-modal .resize-handle.resize-n{background:linear-gradient(180deg,#3b82f6,transparent);cursor:n-resize;height:8px;left:20px;right:20px;top:0}.registrations-table-modal .resize-handle.resize-s{background:linear-gradient(0deg,#3b82f6,transparent);bottom:0;cursor:s-resize;height:8px;left:20px;right:20px}.registrations-table-modal .resize-handle.resize-e{background:linear-gradient(270deg,#3b82f6,transparent);bottom:20px;cursor:e-resize;right:0;top:20px;width:8px}.registrations-table-modal .resize-handle.resize-w{background:linear-gradient(90deg,#3b82f6,transparent);bottom:20px;cursor:w-resize;left:0;top:20px;width:8px}.registrations-table-modal .resize-handle.resize-nw{background:radial-gradient(circle at top left,#3b82f6 0,transparent 70%);cursor:nw-resize;height:20px;left:0;top:0;width:20px}.registrations-table-modal .resize-handle.resize-ne{background:radial-gradient(circle at top right,#3b82f6 0,transparent 70%);cursor:ne-resize;height:20px;right:0;top:0;width:20px}.registrations-table-modal .resize-handle.resize-sw{background:radial-gradient(circle at bottom left,#3b82f6 0,transparent 70%);bottom:0;cursor:sw-resize;height:20px;left:0;width:20px}.registrations-table-modal .resize-handle.resize-se{background:radial-gradient(circle at bottom right,#3b82f6 0,transparent 70%);bottom:0;cursor:se-resize;height:20px;right:0;width:20px}.registrations-table-modal .resize-handle:hover{background:rgba(59,130,246,.6)!important}.modal-overlay.registrations-table-modal{align-items:normal!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:block!important;height:100vh!important;justify-content:normal!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10000!important}.modal.registrations-table-modal.registration-list-modal,.registration-list-modal.registrations-table-modal,.registration-list-modal.registrations-table-modal.modal,.registrations-table-modal.modal,.registrations-table-modal.modal.registration-list-modal,div.modal.registration-list-modal.registrations-table-modal{align-self:auto!important;border-radius:8px!important;bottom:auto!important;flex:none!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:400px!important;min-width:600px!important;overflow:auto!important;padding:0!important;position:fixed!important;resize:both!important;right:auto!important}}@media (max-width:768px){.registration-list-modal .modal-header{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;justify-content:space-between!important;max-height:none!important;min-height:50px!important;padding:10px 15px!important}.registration-list-modal .modal-header h1,.registration-list-modal .modal-header h2,.registration-list-modal .modal-header h3{-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:#fff!important;display:-webkit-box!important;font-size:clamp(14px,3.8vw,18px)!important;font-weight:600!important;line-height:1.15!important;margin:0!important;overflow:hidden!important;white-space:normal!important}.registration-list-modal .modal-header .header-actions{align-items:center!important;height:32px!important}.registration-list-modal .modal-header .circular-close-btn{align-self:center!important;margin-left:8px!important;position:static!important;right:auto!important;top:auto!important}}.activity-display-modal{contain:layout style paint;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;isolation:isolate;max-height:90vh;max-width:900px;overflow-y:auto;width:95%}.activity-display-modal,.activity-display-overlay{scrollbar-width:none!important}.activity-display-modal::-webkit-scrollbar,.activity-display-overlay::-webkit-scrollbar{height:0!important;width:0!important}.activity-display-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.activity-display-modal .modal-header h3{font-size:1.4rem;font-weight:600;margin:0}.activity-display-modal .header-actions{align-items:center;display:flex;gap:10px;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:3!important}.activity-display-modal .modal-header{position:relative}.activity-display-modal .modal-header .close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:red;cursor:pointer;display:flex;font-size:1.2rem;height:22px;justify-content:center;position:absolute;right:120px;top:12px;transition:all .2s ease;width:22px;z-index:10}.activity-display-modal .modal-header .close-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}.activity-display-modal .header-actions{margin-right:0!important}.cancel-button,.edit-button,.parse-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px}.edit-button{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff}.parse-button{background:linear-gradient(135deg,#8a5cf6,#6f42c1);box-shadow:0 2px 8px rgba(111,66,193,.25);color:#fff;order:-1}.parse-button:hover{background:linear-gradient(135deg,#7b4fe3,#5e36a8);box-shadow:0 4px 14px rgba(111,66,193,.35)}.edit-button:hover{background:hsla(0,0%,100%,.3)}.save-button{background:#28a745;color:#fff;order:2}.save-button:hover{background:#218838}.cancel-button{background:#dc3545;color:#fff;margin-left:5px;order:3}.cancel-button:hover{background:#c82333}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:5px}.close-button:hover{opacity:.8}.activity-display-modal .modal-body{background:#fafafa;line-height:1.6;padding:25px}.display-mode{grid-gap:16px;align-items:start;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-items:start;padding:20px}.display-mode .display-section:not(:has(.display-video-container,.douyin-video,.wechat-video)){border-bottom:1px solid #f0f0f0;grid-column:1/-1;margin-bottom:25px;padding-bottom:20px}.display-mode .display-section:has(.display-video-container,.douyin-video,.wechat-video){border-bottom:none;display:flex;margin:0;padding:0;width:100%}@media (max-width:768px){.display-mode{box-sizing:border-box;gap:6px;grid-template-columns:repeat(2,1fr);overflow-x:hidden;padding:8px}.section-title,.video-section-title{border-left-width:2px!important;font-size:.85rem!important;margin:6px 0 4px!important;padding:2px 0 2px 6px!important}.display-text-container{margin:0}.display-text{font-size:.85rem;line-height:1.5;padding:0}.display-section{margin-bottom:4px;padding-bottom:0}.video-section-title{margin:-15px 0 4px!important}.display-section:not(:has(.display-text-container,.display-image-container,.display-link-container,.display-video-container)){margin-bottom:0;padding-bottom:0}.display-video-container{box-sizing:border-box;font-size:10px;max-width:100%;overflow:hidden}.display-video-container>div{border-radius:6px!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;font-size:10px!important}.display-video-container>div>div:last-child{font-size:10px!important;padding:6px 8px!important}.display-mode .display-section:has(.display-video-container,.douyin-video,.wechat-video){box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}}.display-section{border-bottom:none;margin-bottom:6px;padding-bottom:0}.display-section:not(:has(.display-text-container,.display-image-container,.display-link-container,.display-video-container)){margin-bottom:2px;padding-bottom:0}.display-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{background:transparent;border-left:3px solid #667eea;border-radius:0;color:#374151;display:inline-block;font-size:.9rem;margin:0;max-width:none;padding:2px 0 2px 8px}.display-text-container{margin:0}.display-text{word-wrap:break-word;background:transparent;border:none;border-radius:0;color:#4b5563;font-size:.9rem;line-height:1.6;margin:0;max-height:none;overflow:visible;padding:0;white-space:pre-wrap}.display-image-container{margin:20px 0;text-align:center}.display-image{border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);max-width:100%}.display-link-container{margin:15px 0;text-align:center}.display-video-container{height:100%;margin:0;width:100%}.display-link,.display-video-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 10px rgba(102,126,234,.3);color:#fff!important;display:inline-block;font-weight:500;padding:12px 20px;text-decoration:none}.display-link:hover,.display-video-link:hover{box-shadow:0 4px 20px rgba(102,126,234,.4);text-decoration:none}.wechat-video{background:linear-gradient(135deg,#07c160,#00d976)!important;box-shadow:0 2px 10px rgba(7,193,96,.3)!important}.wechat-video:hover{box-shadow:0 4px 20px rgba(7,193,96,.4)!important}.douyin-video{background:linear-gradient(135deg,#fe2c55,#ff6b8a)!important;box-shadow:0 2px 10px rgba(254,44,85,.3)!important}.douyin-video:hover{box-shadow:0 4px 20px rgba(254,44,85,.4)!important}.edit-mode{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:20px}.edit-mode .add-section-buttons,.edit-mode .edit-section,.edit-mode .form-group,.edit-mode .section-content{margin-left:auto;margin-right:auto;max-width:900px}@media (max-width:768px){.edit-mode .add-section-buttons,.edit-mode .edit-section,.edit-mode .form-group,.edit-mode .section-content{margin-left:0;margin-right:0;max-width:100%}}.add-section-buttons{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.add-section-buttons h4{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 15px}.button-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-content:start}.add-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px rgba(102,126,234,.2);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 18px;padding:10px 16px;width:auto}.add-btn:hover{box-shadow:0 4px 15px rgba(102,126,234,.3)}.edit-sections{max-height:60vh;overflow-y:auto;padding-right:5px}.edit-section{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.04);margin-bottom:16px;overflow:hidden}.section-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;justify-content:space-between;padding:12px 16px}.section-header h5{color:#495057;font-size:1rem;font-weight:600;margin:0}.section-controls{gap:8px}.delete-btn,.move-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:6px 10px}.move-btn{background:#6c757d}.move-btn:hover{background:#5a6268}.delete-btn:hover{background:#c82333}.section-content{padding:16px}.form-group{position:relative}.form-group label{align-items:center;display:flex;font-size:.875rem;letter-spacing:.025em;position:relative;text-transform:uppercase}.form-group input,.form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group textarea{min-height:60px}.form-group input:focus,.form-group textarea:focus{background:#fafbff;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1),0 2px 8px rgba(0,0,0,.1);outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:#9ca3af;font-style:italic}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-style:italic}.form-group.success input,.form-group.success textarea{background:#f0fdf4;border-color:#10b981}.form-group.success input:focus,.form-group.success textarea:focus{box-shadow:0 0 0 4px rgba(16,185,129,.1),0 2px 8px rgba(0,0,0,.1)}.form-group.error input,.form-group.error textarea{background:#fef2f2;border-color:#ef4444}.form-group.error input:focus,.form-group.error textarea:focus{box-shadow:0 0 0 4px rgba(239,68,68,.1),0 2px 8px rgba(0,0,0,.1)}.form-help-text{color:#6b7280}.form-error-text,.form-help-text{font-size:.75rem;line-height:1.4;margin-top:6px}.form-error-text{align-items:center;color:#ef4444;display:flex;gap:4px}.form-error-text:before{content:"⚠️"}.form-success-text{align-items:center;color:#10b981;display:flex;font-size:.75rem;gap:4px;line-height:1.4;margin-top:6px}.form-success-text:before{content:"✅"}.form-group textarea{font-family:inherit;line-height:1.5;min-height:100px}.image-upload{display:flex;flex-direction:column;gap:15px}.upload-btn{align-self:flex-start;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px}.upload-btn:hover{box-shadow:0 4px 15px rgba(40,167,69,.3)}.image-preview{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;padding:15px;text-align:center}.image-preview img{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:768px){body:has(.activity-display-modal){height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}.modal-overlay.activity-display-overlay{-webkit-overflow-scrolling:touch!important;align-items:stretch!important;background:transparent!important;box-sizing:border-box!important;display:flex!important;justify-content:stretch!important;overflow:hidden!important;z-index:999999!important}.modal-overlay.activity-display-overlay,.modal.activity-display-modal{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.modal.activity-display-modal{border-radius:0!important;box-shadow:none!important;max-height:100vh!important;max-width:100vw!important;padding:0!important}.modal-overlay .modal.activity-display-modal{margin:0!important;max-width:100vw!important;width:100vw!important}.modal-overlay.activity-display-overlay{padding:0!important}.activity-display-modal{background:#fff!important;border:none!important;border-radius:0!important;bottom:0!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:100%!important;min-width:100%!important;overflow:hidden!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;inset:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important}.activity-display-modal .modal-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:0!important;color:#fff!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;min-height:50px!important;padding:10px 4px 10px 15px!important;position:relative!important}.activity-display-modal .modal-header h3{color:#fff!important;display:block!important;flex-shrink:1!important;font-size:1rem!important;font-weight:600!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.activity-display-modal .modal-header .close-button{align-items:center!important;background:hsla(0,0%,100%,.95)!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:6px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;color:#333!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;font-weight:700!important;height:32px!important;justify-content:center!important;line-height:1!important;position:relative!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:32px!important;z-index:999999!important}.activity-display-modal .header-button-group{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:10px!important}.activity-display-modal .header-actions{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:8px!important;height:28px!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:2!important}.activity-display-modal .edit-button,.activity-display-modal .modal-edit-button{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;gap:6px!important;height:28px!important;max-height:28px!important;min-height:28px!important;padding:6px 12px!important;white-space:nowrap!important}.activity-display-modal .edit-actions,.activity-display-modal .parse-button{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:4px!important}.activity-display-modal .parse-button{background:linear-gradient(135deg,#8a5cf6,#6f42c1)!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:13px!important;height:28px!important;max-height:28px!important;min-height:28px!important;order:-1!important;padding:6px 12px!important;white-space:nowrap!important}.activity-display-modal .save-button{background:#28a745!important;order:2!important}.activity-display-modal .cancel-button,.activity-display-modal .save-button{align-items:center!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;gap:4px!important;height:28px!important;max-height:28px!important;min-height:28px!important;padding:6px 10px!important;white-space:nowrap!important}.activity-display-modal .cancel-button{background:#dc3545!important}.activity-display-modal .modal-body{-webkit-overflow-scrolling:touch!important;background:#fff!important;box-sizing:border-box!important;flex:1 1!important;height:0!important;margin:0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;position:relative!important}.activity-display-modal .display-mode,.activity-display-modal .modal-body{padding:0 0 max(45px,calc(env(safe-area-inset-bottom, 0px) + 20px))!important}.activity-display-modal .display-mode{border-radius:0!important;box-shadow:none!important}.button-group{grid-template-columns:1fr}.add-btn{justify-content:center;width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-controls{align-self:flex-end}}.activity-display-modal .modal-header .close-button:not(.modal-edit-button):not(.circular-close-btn){display:none!important}.activity-display-modal .modal-edit-button{cursor:pointer!important;display:inline-block!important;pointer-events:auto!important}@media (max-width:480px){.activity-display-modal .modal-header h3{font-size:1.2rem;margin-right:120px}.activity-display-modal .header-actions{right:4px!important}.cancel-button,.edit-button,.save-button{font-size:.8rem!important;padding:6px 10px!important}.activity-display-modal .modal-header .close-button{font-size:1.1rem!important;height:20px!important;width:20px!important}}.edit-sections::-webkit-scrollbar{width:6px}.edit-sections::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.edit-sections::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.edit-sections::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.activity-display-modal *{-webkit-transform:none!important;transform:none!important;transition:none!important}.display-section,.display-section:hover,.edit-section{-webkit-transform:none;transform:none;transition:none}.add-btn:hover,.cancel-button:hover,.delete-btn:hover,.edit-button:hover,.move-btn:hover,.save-button:hover,.upload-btn:hover{-webkit-transform:none!important;transform:none!important;transition:none!important}@media (max-width:768px){.modal-overlay.activity-display-overlay,body.modal-open{overflow:hidden!important}body.modal-open{height:100%!important;position:fixed!important;width:100%!important}}.activity-display-modal{overscroll-behavior:contain}.activity-display-modal,.activity-display-modal .modal-body{scrollbar-gutter:stable both-edges}.display-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:anywhere;text-rendering:optimizeLegibility;word-break:break-word}.display-mode,.display-text{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}.display-mode{contain:layout paint;overflow-anchor:none;will-change:transform}.display-image-container{align-items:center;display:flex;justify-content:center;min-height:200px;overflow-anchor:none;position:relative}.display-image,.display-image-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.display-image{loading:lazy;aspect-ratio:attr(width) /attr(height);display:block;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:contain;width:100%}.display-image:not([src]),.display-image[src=""],.image-placeholder{background:#f8f9fa;border:2px dashed #dee2e6}.image-placeholder{align-items:center;border-radius:8px;color:#6c757d;display:flex;font-size:1rem;height:200px;justify-content:center;width:100%}@media (max-width:768px){.display-image-container{min-height:150px}.image-placeholder{font-size:.9rem;height:150px}}.activity-display-modal .header-actions .circular-close-btn{position:static!important;right:auto!important;top:auto!important;z-index:auto!important}.activity-display-modal .header-actions .circular-close-btn:after{display:none!important}.activity-display-modal .modal-header .header-actions{align-items:center!important}.activity-display-modal .modal-header .header-actions button{flex:0 0 auto!important;min-height:auto!important;min-width:auto!important}.activity-display-modal .modal-header .header-actions .circular-close-btn{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:initial!important;display:inline-flex!important;height:28px!important;justify-content:center!important;line-height:1!important;padding:0!important;position:static!important;width:28px!important}@media (max-width:768px){.activity-display-modal .modal-header .header-actions .circular-close-btn{aspect-ratio:1/1!important;border-radius:50%!important;height:28px!important;padding:0!important;width:28px!important}}.parse-modal-body{margin:0 auto;max-width:720px;padding:0 16px}.parse-modal-body .form-group{margin-bottom:16px}@media (min-width:769px){.activity-display-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.activity-display-modal .modal-header .header-actions .circular-close-btn{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:initial!important;display:inline-flex!important;height:32px!important;justify-content:center!important;line-height:1!important;margin-left:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:32px!important}}.user-management-modal-content .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.user-management-modal-content .modal-header h2{color:#fff;margin:0}.user-management-modal-content .modal-header .close-button{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;opacity:.8;transition:all .2s ease;width:32px}.user-management-modal-content .modal-header .close-button:hover{background:hsla(0,0%,100%,.3);opacity:1}.user-management-modal-overlay{align-items:center!important;background:rgba(0,0,0,.5)!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;opacity:1!important;padding:0!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;width:100vw!important;z-index:2000000!important}.user-management-modal-content{-ms-overflow-style:none;background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.25);box-sizing:border-box;display:flex;flex-direction:column;height:90%;margin:0;max-height:800px;max-width:1200px;overflow:hidden;padding:0;scrollbar-width:none;transition:-webkit-transform .1s ease-out!important;transition:transform .1s ease-out!important;transition:transform .1s ease-out,-webkit-transform .1s ease-out!important;width:90%;z-index:2000001}.user-management-modal-content::-webkit-scrollbar{display:none}.user-management-modal-content *,.user-management-modal-overlay *{box-sizing:border-box!important}@media (max-width:768px){.user-management-modal-overlay{align-items:stretch!important;background:rgba(0,0,0,.5)!important;justify-content:stretch!important;z-index:2000000!important}.user-management-modal-content,.user-management-modal-overlay{border-radius:0!important;bottom:0!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;height:100dvh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.user-management-modal-content{background:#fff!important;flex-direction:column!important;max-height:none!important;max-width:none!important;overflow:hidden!important}.user-management-modal-content .tab-container{background:#fff!important;border-bottom:1px solid #eee!important;display:flex!important;margin:0!important;opacity:1!important;padding:10px 20px 0!important;position:relative!important;visibility:visible!important;z-index:100!important}.user-management-modal-content .tab-button{display:inline-block!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:101!important}.user-management-modal-content .modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:1px solid hsla(0,0%,100%,.2)!important;border-radius:0!important;color:#fff!important;flex-shrink:0;margin-bottom:0!important;padding:15px 20px!important}.user-management-modal-content .modal-header h2{color:#fff!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important}.user-management-modal-content .modal-header .close-button{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-size:1.1rem!important;height:32px!important;justify-content:center!important;line-height:1!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;transition:background .2s ease!important;width:32px!important}.user-management-modal-content .modal-header .close-button:hover{background:hsla(0,0%,100%,.3)!important}.user-management-modal-content .modal-header .edit-button,.user-management-modal-content .modal-header .modal-edit-button{height:28px!important;max-height:28px!important;min-height:28px!important}.user-management-modal-content .modal-body{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none;background:#fff!important;flex:1 1!important;margin:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:10px!important;scrollbar-width:none}.user-management-modal-content .modal-body::-webkit-scrollbar{display:none}.user-management-modal-content>.tab-container{background:#fff!important;border-bottom:1px solid #eee!important;display:flex!important;flex-shrink:0!important;margin:0!important;opacity:1!important;padding:10px 20px!important;position:relative!important;visibility:visible!important;z-index:1000!important}.user-management-modal-content>.tab-container .tab-button{display:inline-block!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:1001!important}.user-management-table{font-size:14px}.user-management-table td,.user-management-table th{padding:8px 4px}.user-action-btn{font-size:12px;padding:6px 8px}.user-management-tabs{flex-wrap:wrap}.user-management-tabs button{flex:1 1;font-size:14px;min-width:80px;padding:10px 8px}}.user-management-table{border-collapse:collapse;margin-top:16px;width:100%}.user-management-table td,.user-management-table th{border-bottom:1px solid #eee;padding:12px 8px;text-align:left}.user-management-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.user-management-modal-content .user-management-table th{color:#fff!important;font-weight:600!important}.user-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin:0 2px;padding:4px 8px}.user-action-btn.edit{background:#007bff;color:#fff}.user-action-btn.delete{background:#dc3545;color:#fff}.user-action-btn:hover{opacity:.8}.load-data-button{overflow:hidden;position:relative}.load-data-button:disabled{cursor:not-allowed!important;opacity:.7}.search-controls-container{align-items:center;display:flex;gap:10px;margin-bottom:15px}.search-input-mobile{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;flex:1 1;max-width:300px;padding:8px 12px}.action-buttons-container{display:flex;flex-shrink:0;gap:8px}.action-button-mobile{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;white-space:nowrap}.action-button-mobile:hover:not(:disabled){background:#5a6268}.action-button-mobile:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.batch-delete-btn-mobile{background:#dc3545!important;color:#fff!important}.batch-delete-btn-mobile:disabled{background:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.export-excel-btn-mobile{background:#28a745!important;color:#fff!important}.load-data-btn-mobile{background:#667eea!important}.export-all-btn-mobile,.export-current-btn-mobile{background:#28a745!important;color:#fff!important}.move-btn-mobile{background:#6c757d!important}.move-btn-mobile:hover:not(:disabled){background:#5a6268!important}.move-btn-mobile:disabled{background:#e9ecef!important;color:#adb5bd!important}.register-form-container{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin:0 auto;max-width:600px;padding:32px}.register-form-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:24px;position:relative;text-align:center}.register-form-title:after{background:linear-gradient(135deg,#1890ff,#40a9ff);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px}.register-form-row{display:flex;gap:20px;margin-bottom:24px}.register-form-group{flex:1 1;position:relative}.register-form-group.full-width{flex:none;width:100%}.register-form-label{color:#2c3e50;display:block;font-size:15px;font-weight:600;margin-bottom:8px;position:relative}.register-form-label.required:after{color:#e74c3c;content:" *";font-weight:700}.register-form-input,.register-form-select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.register-form-input:focus,.register-form-select:focus{border-color:#1890ff;box-shadow:0 0 0 4px rgba(24,144,255,.1);outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.register-form-input:hover,.register-form-select:hover{border-color:#40a9ff}.register-form-input::-webkit-input-placeholder{color:#bfbfbf;font-style:italic}.register-form-input::placeholder{color:#bfbfbf;font-style:italic}.register-form-actions{border-top:1px solid #f0f0f0;display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:24px}.register-form-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s ease}.register-form-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.register-form-btn:hover:before{left:100%}.register-form-btn.primary{background:linear-gradient(135deg,#1890ff,#40a9ff);box-shadow:0 4px 15px rgba(24,144,255,.3);color:#fff}.register-form-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 6px 20px rgba(24,144,255,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.register-form-btn.secondary{background:#fff;border:2px solid #e8e8e8;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#666}.register-form-btn.secondary:hover{border-color:#1890ff;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#1890ff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.register-form-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;-webkit-transform:none!important;transform:none!important}.register-form-btn:disabled:before{display:none}@media (max-width:768px){.user-role-badge{border-radius:8px!important;font-size:.65rem!important;font-weight:500!important;padding:2px 6px!important;white-space:nowrap!important}.tab-container{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;border-bottom:1px solid #eee!important;display:flex!important;flex-wrap:nowrap!important;gap:4px!important;margin-bottom:20px!important;opacity:1!important;overflow-x:auto!important;position:relative!important;scrollbar-width:none!important;visibility:visible!important;white-space:nowrap!important;z-index:10!important}.tab-container::-webkit-scrollbar{display:none!important}.tab-button{background:#f8f9fa!important;border:none!important;border-radius:4px 4px 0 0!important;color:#666!important;cursor:pointer!important;display:inline-block!important;flex-shrink:0!important;font-size:16px!important;min-width:auto!important;opacity:1!important;padding:8px 12px!important;position:relative!important;transition:all .2s ease!important;visibility:visible!important;white-space:nowrap!important}.tab-button.active{background:#007bff!important;color:#fff!important}.tab-button:hover{background:#e9ecef!important}.tab-button.active:hover{background:#0056b3!important}.search-controls-container{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;margin-bottom:15px!important;overflow-x:auto!important}.search-input-mobile{border:1px solid #ddd!important;border-radius:4px!important;flex:1 1!important;font-size:15px!important;min-width:120px!important;padding:6px 8px!important}.action-buttons-container{display:flex!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:4px!important}.action-button-mobile{border:none!important;border-radius:4px!important;cursor:pointer!important;flex-shrink:0!important;font-size:13px!important;height:32px!important;line-height:1!important;min-width:auto!important;padding:6px 8px!important;white-space:nowrap!important}.batch-delete-btn-mobile{background:#dc3545!important;color:#fff!important}.batch-delete-btn-mobile:disabled{background:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.export-excel-btn-mobile{background:#28a745!important;color:#fff!important}.load-data-btn-mobile{background:#6c5ce7!important;color:#fff!important}.action-button-mobile:disabled{cursor:not-allowed!important;opacity:.6!important}.user-management-table{border-collapse:collapse!important;border-spacing:0!important;font-size:16.8px!important;min-width:100%!important;table-layout:auto!important;width:auto!important}.user-management-table td,.user-management-table th{line-height:1.4!important;padding:8px!important;position:relative!important;vertical-align:middle!important;white-space:nowrap!important}.user-management-table tbody td{height:auto!important;min-height:44px!important}.user-management-table thead th{height:48px!important;min-height:48px!important}.user-management-table td{font-size:16.8px!important}.user-management-table td:nth-child(2),.user-management-table th:nth-child(2){min-width:50px!important;text-align:center!important}.user-management-table td:nth-child(3),.user-management-table th:nth-child(3){min-width:80px!important}.user-management-table td:nth-child(4),.user-management-table th:nth-child(4){min-width:120px!important}.user-management-table td:nth-child(5),.user-management-table th:nth-child(5){min-width:80px!important}.user-management-table td:last-child,.user-management-table th:last-child{min-width:120px!important;text-align:center!important}.user-management-table td:first-child,.user-management-table th:first-child{box-sizing:border-box!important;min-width:50px!important;padding:8px!important;text-align:center!important;vertical-align:middle!important}.user-management-modal-content .modal-body{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none;margin:0!important;max-height:calc(100vh - 60px)!important;overflow-x:auto!important;overflow-y:auto!important;padding:0!important;scrollbar-width:none}.user-management-modal-content .modal-body::-webkit-scrollbar{display:none}.table-container,.user-management-table-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;position:relative!important;width:100%!important}.user-management-table input[type=checkbox]{bottom:auto!important;box-sizing:border-box!important;clear:none!important;cursor:pointer!important;display:block!important;float:none!important;height:18px!important;left:auto!important;margin:0 auto!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:18px!important}.user-management-table thead th:first-child input[type=checkbox]{height:20px!important;width:20px!important}.user-management-table tbody tr{-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;cursor:pointer!important;transition:background-color .2s ease!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.user-management-table tbody tr:hover{background-color:#f0f8ff!important}.user-management-table tbody tr:active,.user-management-table tbody tr[style*="background-color: rgb(230, 243, 255)"]{background-color:#e6f3ff!important}.user-management-table input[type=checkbox]:focus{outline:2px solid #1890ff!important;outline-offset:1px!important}.user-management-table .user-action-btn{border-radius:3px!important;display:inline-block!important;font-size:12px!important;margin:0 1px!important;min-width:35px!important;padding:3px 5px!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important}.user-management-table .user-action-btn.edit{background:#007bff!important;color:#fff!important}.user-management-table .user-action-btn.delete{background:#dc3545!important;color:#fff!important}.form-row-mobile{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:15px!important}.form-group-mobile{flex:1 1!important;margin-bottom:0!important;min-width:0!important}.form-label-mobile{color:#333!important;display:block!important;font-size:14px!important;font-weight:500!important;margin-bottom:4px!important;white-space:nowrap!important}.form-input-mobile,.form-select-mobile{border:1px solid #ddd!important;border-radius:4px!important;box-sizing:border-box!important;font-size:14px!important;height:32px!important;padding:6px 8px!important;width:100%!important}.form-actions-mobile{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-end!important;padding-top:12px!important}.form-btn-mobile{border:none!important;border-radius:4px!important;cursor:pointer!important;flex-shrink:0!important;font-size:14px!important;font-weight:500!important;height:32px!important;padding:6px 12px!important;white-space:nowrap!important}.form-btn-mobile.btn-primary{background:#1890ff!important;color:#fff!important}.form-btn-mobile.btn-primary:disabled{background:#ccc!important;cursor:not-allowed!important}.form-btn-mobile.btn-secondary{background:#fff!important;border:1px solid #ddd!important;color:#666!important}.color-setting-controls{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important}.color-input-mobile{border:2px solid #dee2e6!important;border-radius:6px!important;height:40px!important;width:50px!important}.color-apply-btn-mobile,.color-input-mobile{cursor:pointer!important;flex-shrink:0!important}.color-apply-btn-mobile{background:#007bff!important;border:none!important;border-radius:6px!important;color:#fff!important;font-size:14px!important;font-weight:500!important;height:32px!important;padding:6px 10px!important;white-space:nowrap!important}.user-management-modal-content div[style*=minHeight]{align-items:center!important;display:flex!important;justify-content:center!important;padding:20px!important}.user-management-modal-content div[style*=maxWidth]{margin:0 auto!important;max-width:90%!important;text-align:center!important}.pagination-container{-webkit-overflow-scrolling:touch!important;align-items:center!important;background:#f8f9fa!important;border-radius:8px!important;box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;gap:2px!important;justify-content:center!important;margin-bottom:20px!important;margin-top:30px!important;overflow-x:auto!important;padding:6px!important;position:relative!important;width:100%!important;z-index:10!important}.pagination-btn{background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;box-sizing:border-box!important;color:#333!important;cursor:pointer!important;flex-shrink:0!important;font-size:12px!important;height:28px!important;line-height:1.2!important;min-width:50px!important;padding:4px 6px!important;text-align:center!important;white-space:nowrap!important}.pagination-btn:disabled{background:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.pagination-btn.active{background:#1890ff!important;border-color:#1890ff!important;color:#fff!important}.pagination-numbers{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:2px!important}.pagination-numbers .pagination-btn{min-width:28px!important;padding:4px 6px!important}.pagination-info{color:#666!important;flex-shrink:0!important;font-size:14px!important;margin-left:8px!important;white-space:nowrap!important}}.no-wrap{overflow:hidden!important;text-overflow:ellipsis!important}.no-wrap,.tab-container{white-space:nowrap!important}.tab-container{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;border-bottom:1px solid #eee!important;display:flex!important;flex-wrap:nowrap!important;gap:4px!important;margin-bottom:20px!important;opacity:1!important;overflow-x:auto!important;position:relative!important;scrollbar-width:none!important;visibility:visible!important;z-index:1!important}.tab-container::-webkit-scrollbar{display:none!important}.tab-button{background:#f8f9fa!important;border:none!important;border-radius:4px 4px 0 0!important;color:#666!important;cursor:pointer!important;display:inline-block!important;flex-shrink:0!important;font-size:15px!important;min-width:auto!important;opacity:1!important;padding:10px 20px!important;position:relative!important;transition:all .2s ease!important;visibility:visible!important;white-space:nowrap!important}.tab-button.active{background:#007bff!important;color:#fff!important}.tab-button:hover{background:#e9ecef!important}.tab-button.active:hover{background:#0056b3!important}@media (min-width:769px){.tab-button{font-size:15px!important;padding:10px 20px!important}.user-management-modal-content{transition:none!important}.user-management-modal-content .modal-header,.user-management-modal-content[style*="cursor: grabbing"]{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.user-management-modal-content .modal-header{cursor:-webkit-grab!important;cursor:grab!important;touch-action:none!important;transition:background .2s ease!important}.user-management-modal-content .modal-header:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important}.user-management-modal-content.dragging{box-shadow:0 25px 50px rgba(0,0,0,.35)!important;transition:none!important}.user-management-modal-content.dragging,.user-management-modal-content.dragging .modal-header{cursor:-webkit-grabbing!important;cursor:grabbing!important}.user-management-modal-content.dragging .modal-header{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important}}.form-container{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.08);margin:20px auto;max-width:600px;overflow:hidden;padding:32px;position:relative}.form-container:before{-webkit-animation:shimmer 3s ease-in-out infinite;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#1890ff,#40a9ff 50%,#1890ff);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.edit-form-header{border-bottom:2px solid #f0f0f0;margin-bottom:32px;padding-bottom:20px;position:relative;text-align:center}.edit-form-title{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:700;gap:12px;justify-content:center;margin:0 0 16px}.edit-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px}.user-info-badge{background:linear-gradient(135deg,#1890ff,#40a9ff);border-radius:20px;box-shadow:0 4px 12px rgba(24,144,255,.3);color:#fff;display:inline-block;font-size:16px;font-weight:600;overflow:hidden;padding:8px 20px;position:relative}.user-info-badge:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.user-info-badge:hover:before{left:100%}.username-display{font-family:Courier New,monospace;letter-spacing:1px}.edit-user-form{position:relative}.disabled-input{background:linear-gradient(135deg,#f5f5f5,#e9ecef)!important;border-color:#ced4da!important;color:#6c757d!important;cursor:not-allowed!important;font-style:italic}.form-hint{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-top:6px;opacity:.8}.loading-spinner{-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;display:inline-block;height:14px;margin-right:8px;width:14px}.save-icon{font-size:16px;margin-right:6px}.btn{-webkit-transform:translateZ(0);transform:translateZ(0)}.btn:hover:before{left:100%}.btn-primary{box-shadow:0 4px 15px rgba(24,144,255,.3)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(24,144,255,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#6c757d}.btn-secondary:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.role-color-settings-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:500px;padding:40px 20px}.role-color-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:600px;overflow:hidden;padding:40px;position:relative;width:100%}.role-color-card:before{-webkit-animation:rainbow 4s ease-in-out infinite;animation:rainbow 4s ease-in-out infinite;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@-webkit-keyframes rainbow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes rainbow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.role-color-header{margin-bottom:40px;position:relative;text-align:center}.role-color-icon{display:block;-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:48px;margin-bottom:16px}.role-color-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 12px}.role-color-subtitle{color:#7f8c8d;font-size:16px;font-weight:400;line-height:1.5;margin:0}.user-stats-section{margin-bottom:40px}.stats-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px rgba(102,126,234,.3);color:#fff;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative}.stats-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s;width:100%}.stats-card:hover:before{left:100%}.stats-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:36px;opacity:.9}.stats-content{flex:1 1}.stats-label{display:block;font-size:16px;font-weight:500;margin-bottom:8px;opacity:.9}.stats-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:18px;font-weight:700;padding:8px 20px}.color-picker-section{background:#f8f9fa;border-radius:16px;margin-bottom:24px;padding:32px}.section-title{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 24px;text-align:center}.color-preview-area{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.current-color-display{align-items:center;display:flex;flex-direction:column;gap:12px}.color-preview-box{align-items:center;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.color-preview-box:before{-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.color-code{color:#fff;font-family:Courier New,monospace;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.preview-label{color:#7f8c8d;font-size:14px;font-weight:500}.color-picker-trigger{align-items:center;background:linear-gradient(135deg,#1890ff,#40a9ff);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(24,144,255,.3);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 24px;transition:all .3s ease}.color-picker-trigger:hover{box-shadow:0 6px 20px rgba(24,144,255,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.picker-icon{font-size:18px}.quick-colors-section{margin-bottom:32px}.quick-colors-title{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px;text-align:center}.preset-colors-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);justify-items:center}.preset-color-item{border:3px solid transparent;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;height:48px;overflow:hidden;position:relative;transition:all .3s ease;width:48px}.preset-color-item:before{background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.preset-color-item:hover:before{opacity:1}.preset-color-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.preset-color-item.active{border-color:#2c3e50;box-shadow:0 8px 24px rgba(0,0,0,.25);-webkit-transform:scale(1.15);transform:scale(1.15)}.color-actions{text-align:center}.apply-color-btn{align-items:center;background:linear-gradient(135deg,#10ac84,#1dd1a1);border:none;border-radius:12px;box-shadow:0 6px 20px rgba(16,172,132,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:1px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.apply-color-btn:hover{box-shadow:0 8px 25px rgba(16,172,132,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.apply-icon{font-size:20px}.color-picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999999}.advanced-color-picker{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);left:50%;max-height:90vh;max-width:90vw;min-width:400px;overflow:hidden;padding:0;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000000}.picker-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;padding:20px 8px 20px 24px;width:100%}.advanced-color-picker .picker-header .circular-close-btn{flex-shrink:0;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important}.picker-title{flex:1 1;font-size:20px;font-weight:600;margin:0}.picker-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background .2s ease;width:32px}.picker-close:hover{background:hsla(0,0%,100%,.2)}.picker-content{padding:24px}.all-preset-colors{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:32px}.preset-color-option{border:3px solid transparent;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;height:48px;transition:all .3s ease;width:48px}.preset-color-option:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.preset-color-option.selected{border-color:#2c3e50;box-shadow:0 8px 24px rgba(0,0,0,.25);-webkit-transform:scale(1.15);transform:scale(1.15)}.custom-color-section{border-top:2px solid #f1f2f6;padding-top:24px}.custom-color-label{color:#2c3e50;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.custom-color-input-group{align-items:center;display:flex;gap:12px}.color-input{border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;height:40px;width:60px}.color-text-input{border:2px solid #e1e8ed;border-radius:8px;flex:1 1;font-family:Courier New,monospace;font-size:16px;font-weight:600;padding:10px 16px;text-transform:uppercase;transition:border-color .3s ease}.color-text-input:focus{border-color:#1890ff;box-shadow:0 0 0 3px rgba(24,144,255,.1);outline:none}.picker-actions{background:#f8f9fa;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.picker-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:12px 24px;transition:all .2s ease}.picker-btn.cancel{background:#e9ecef;color:#6c757d}.picker-btn.cancel:hover{background:#dee2e6;color:#495057}.picker-btn.confirm{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.picker-btn.confirm:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px rgba(24,144,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.role-color-settings-container{min-height:auto;padding:12px}.role-color-card{border-radius:12px;padding:16px}.role-color-card,.role-color-header{margin-bottom:12px}.role-color-icon{font-size:32px!important;margin-bottom:8px!important}.role-color-title{font-size:18px!important;margin-bottom:4px!important}.role-color-subtitle{font-size:12px!important;margin-bottom:0!important}.stats-card{margin-bottom:16px!important;padding:12px 16px!important}.stats-label{font-size:13px!important}.stats-value{font-size:14px!important;padding:4px 12px!important}.color-section-title{font-size:14px!important;margin-bottom:12px!important;padding-left:10px!important}.color-preview-area{flex-direction:column;gap:16px}.current-color-display{height:60px!important;width:60px!important}.color-code{font-size:11px!important;padding:2px 6px!important}.color-label{font-size:12px!important;margin-top:6px!important}.select-color-btn{font-size:14px!important;padding:10px 20px!important}.preset-colors-grid{gap:6px;grid-template-columns:repeat(6,1fr)}.preset-color-item{height:36px;width:36px}.advanced-color-picker{left:50%;margin:0;max-width:calc(100vw - 24px);min-width:280px;padding:0!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.advanced-color-picker .picker-content{padding:16px}.all-preset-colors{gap:6px;grid-template-columns:repeat(6,1fr)}.preset-color-option{height:36px;width:36px}.custom-color-input-group{align-items:stretch;flex-direction:column}.color-input{height:44px;width:100%}}.form-label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px;position:relative}.form-label.required:after{color:#e74c3c;content:" *";font-weight:700}.form-input,.form-select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#1890ff;box-shadow:0 0 0 3px rgba(24,144,255,.1);outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.form-input:hover,.form-select:hover{border-color:#40a9ff}.form-input[disabled]{background-color:#f5f5f5;border-color:#d9d9d9;color:#999;cursor:not-allowed}.form-input::-webkit-input-placeholder{color:#bfbfbf;font-style:italic}.form-input::placeholder{color:#bfbfbf;font-style:italic}.form-actions{border-top:1px solid #f0f0f0}.btn{border-radius:6px;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#1890ff,#40a9ff)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px rgba(24,144,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-secondary{background:#fff;border:2px solid #e8e8e8;color:#666}.btn-secondary:hover{border-color:#1890ff;color:#1890ff}.btn-warning{background:linear-gradient(135deg,#ff9c00,#ffb84d);color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#ffb84d,#ff9c00);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn:disabled{opacity:.6;-webkit-transform:none!important;transform:none!important}.load-data-btn-mobile{background-color:#17a2b8!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;flex-shrink:0!important;font-size:14px!important;padding:8px 12px!important;transition:background-color .2s ease!important;white-space:nowrap!important}.load-data-btn-mobile:hover{background-color:#138496!important}.load-data-btn-mobile:disabled{background-color:#6c757d!important;cursor:not-allowed!important}.move-btn-mobile{background-color:#6c757d!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;flex-shrink:0!important;font-size:14px!important;padding:8px 12px!important;transition:background-color .2s ease!important;white-space:nowrap!important}.move-btn-mobile:hover:not(:disabled){background-color:#5a6268!important}.move-btn-mobile:disabled{background-color:#adb5bd!important;cursor:not-allowed!important;opacity:.6!important}.sort-controls{align-items:center!important;display:flex!important;flex-shrink:0!important;flex-wrap:wrap!important;gap:4px!important}.sort-controls .move-btn-mobile{background:#6c757d!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:13px!important;padding:6px 12px!important;white-space:nowrap!important}.sort-controls .move-btn-mobile:hover:not(:disabled){background:#5a6268!important}.sort-controls .move-btn-mobile:disabled{background:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}@media (min-width:769px){.sort-controls{margin-left:8px!important}.move-btn-mobile{font-size:14px!important;padding:8px 16px!important}}@media (max-width:768px){.sort-controls{gap:2px!important}.load-data-btn-mobile,.move-btn-mobile{font-size:13px!important;height:32px!important;line-height:1!important;padding:6px 8px!important}}.top-action-buttons-container{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;margin-bottom:16px}@media (min-width:769px){.top-action-buttons-container{gap:16px;margin-bottom:20px}.top-action-buttons-container .action-button-mobile{font-size:14px!important;height:auto!important;padding:10px 20px!important}}@media (max-width:768px){.top-action-buttons-container{gap:8px!important;margin-bottom:12px!important;overflow-x:auto!important}.top-action-buttons-container .action-button-mobile{-webkit-tap-highlight-color:transparent!important;flex-shrink:0!important;font-size:13px!important;height:32px!important;line-height:1!important;padding:6px 10px!important;touch-action:manipulation!important}.batch-delete-btn-mobile:not(:disabled){position:relative!important}.batch-delete-btn-mobile:not(:disabled):after{-webkit-animation:pulse-border 2s infinite!important;animation:pulse-border 2s infinite!important;border:2px solid rgba(220,53,69,.3)!important;border-radius:6px!important;bottom:-2px!important;content:""!important;left:-2px!important;position:absolute!important;right:-2px!important;top:-2px!important}@-webkit-keyframes pulse-border{0%,to{opacity:.3!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}50%{opacity:.8!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}}@keyframes pulse-border{0%,to{opacity:.3!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}50%{opacity:.8!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}}}@media (max-width:768px){.user-management-table input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;margin:0!important;position:static!important;-webkit-transform:none!important;transform:none!important}.user-management-modal-overlay .user-management-modal-content .tab-container{-webkit-overflow-scrolling:touch!important;background:#fff!important;border-bottom:1px solid #eee!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:4px!important;margin:0!important;opacity:1!important;overflow-x:auto!important;padding:10px 20px!important;position:relative!important;visibility:visible!important;white-space:nowrap!important;width:100%!important;z-index:9999!important}.user-management-modal-overlay .user-management-modal-content .tab-container .tab-button{background:#f8f9fa!important;border:none!important;border-radius:4px 4px 0 0!important;color:#666!important;cursor:pointer!important;display:inline-block!important;flex-shrink:0!important;font-size:16px!important;min-width:auto!important;opacity:1!important;padding:8px 12px!important;position:relative!important;transition:all .2s ease!important;visibility:visible!important;white-space:nowrap!important;z-index:10000!important}.user-management-modal-overlay .user-management-modal-content .tab-container .tab-button.active{background:#007bff!important;color:#fff!important}}@media (min-width:1024px){.role-color-settings-container{background:#f5f7fa!important;min-height:420px!important;padding:24px 16px!important}.role-color-card{border-radius:12px!important;box-shadow:0 6px 18px rgba(0,0,0,.06)!important;max-width:720px!important;padding:24px!important}.role-color-header{margin-bottom:20px!important}.role-color-icon{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))!important;font-size:32px!important;margin-bottom:8px!important}.role-color-title{font-size:22px!important;font-weight:700!important}.role-color-subtitle{color:#6b7280!important;font-size:13px!important}.user-stats-section{margin-bottom:20px!important}.stats-card{border-radius:10px!important;box-shadow:0 4px 12px rgba(102,126,234,.18)!important;gap:12px!important;padding:12px 16px!important}.stats-icon{font-size:22px!important}.stats-label{font-size:13px!important;margin-bottom:4px!important}.stats-value{border-radius:14px!important;border-width:1px!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important;font-size:13px!important;padding:4px 10px!important}.color-picker-section{border-radius:10px!important;margin-bottom:16px!important;padding:16px!important}.section-title{font-size:16px!important;margin-bottom:12px!important}.color-preview-area{gap:12px!important;margin-bottom:16px!important}.current-color-display{gap:8px!important}.color-preview-box{border:3px solid #fff!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important;height:56px!important;width:56px!important}.color-code{font-size:10px!important}.color-picker-trigger{border-radius:8px!important;box-shadow:0 3px 10px rgba(24,144,255,.25)!important;font-size:14px!important;padding:8px 14px!important}.picker-icon{font-size:16px!important}.quick-colors-section{margin-bottom:16px!important}.quick-colors-title{font-size:14px!important;margin-bottom:8px!important}.preset-colors-grid{gap:8px!important}.preset-color-item{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;height:36px!important;width:36px!important}.preset-color-item.active{-webkit-transform:scale(1.08)!important;transform:scale(1.08)!important}.color-actions{margin-top:8px!important}.apply-color-btn{border-radius:8px!important;box-shadow:0 3px 10px rgba(16,172,132,.25)!important;font-size:14px!important;letter-spacing:0!important;padding:10px 16px!important;text-transform:none!important}.apply-icon{font-size:16px!important}.user-management-modal-content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 80px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;scroll-behavior:smooth!important}}.move-steps-input{border:1px solid #ddd!important;border-radius:4px!important;box-sizing:border-box!important;font-size:14px!important;max-width:36px!important;min-width:36px!important;padding:4px 2px!important;text-align:center!important;width:36px!important}.move-steps-input:focus{border-color:#667eea!important;outline:none!important}.list-management-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;margin-left:8px!important;padding:8px 16px!important}.list-management-btn:hover{opacity:.9!important}@media (min-width:769px){.sort-controls{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:4px!important}}@media (max-width:768px){.sort-controls{flex-wrap:wrap!important;gap:4px!important}.move-steps-input{font-size:12px!important;max-width:32px!important;min-width:32px!important;width:32px!important}.list-management-btn{font-size:12px!important;margin-left:4px!important;padding:6px 10px!important}}.modal-overlay:not(.activity-manager-auth-overlay):not(.login-modal-overlay){background-color:initial!important;bottom:0!important;display:block!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1000001!important}@media (min-width:1024px){.layout-item,.layout-tabs{margin-left:auto!important;margin-right:auto!important;max-width:700px!important;width:100%!important}.layout-tabs{gap:12px!important;justify-content:flex-start!important}.layout-tabs .tab-button{flex:0 0 auto!important;min-width:auto!important}.layout-actions{gap:10px!important;justify-content:flex-start!important}.layout-actions select{max-width:420px!important;min-width:260px!important;width:420px!important}.layout-actions button,.layout-actions select{flex:0 0 auto!important}}.modal:not(.registration-form-modal):not(.create-activity-modal):not(.activity-manager-auth-modal):not(.network-diagnostics-modal){background:#fff!important;border-radius:0!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1000002!important}.modal .modal-header,.modal-overlay .modal .modal-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background-color:#667eea!important;border-radius:0!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;margin-bottom:0!important;padding:15px 20px!important;position:relative!important;width:100%!important}.modal .modal-header h2,.modal-overlay .modal .modal-header h2{color:#fff!important;font-size:1.2rem!important;font-weight:700!important;margin:0!important}.modal .modal-header .close-button,.modal-overlay .modal .modal-header .close-button{background:none!important;border:none!important;color:#fff!important;cursor:pointer!important;font-size:1.5rem!important;padding:5px!important}.modal .modal-header .close-button:hover,.modal-overlay .modal .modal-header .close-button:hover{background-color:hsla(0,0%,100%,.2)!important;border-radius:4px!important}.modal .modal-header .circular-close-btn,.modal-overlay .modal .modal-header .circular-close-btn{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:16px!important;height:28px!important;justify-content:center!important;line-height:1!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;width:28px!important;z-index:3!important}.modal .modal-header .circular-close-btn:before,.modal-overlay .modal .modal-header .circular-close-btn:before{content:"×";display:block;font-size:18px;line-height:1}.modal .modal-header .circular-close-btn:hover,.modal-overlay .modal .modal-header .circular-close-btn:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.5)!important}.layout-tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:20px}.tab-button{border-bottom:2px solid transparent;color:#666;font-size:14px;padding:10px 20px;transition:all .3s ease}.tab-button.active{font-weight:700}.tab-button:hover{background-color:rgba(102,126,234,.1);color:#667eea}.modal-body{box-sizing:border-box;flex-grow:1;height:calc(100vh - 70px);overflow-y:auto;padding:20px;width:100%}.layout-item{border:1px solid #eee;border-radius:5px;margin-bottom:10px;padding:15px}.layout-item h3{margin-top:0}.layout-actions{align-items:center;display:flex;gap:10px;margin-top:10px}.layout-actions button,.layout-actions select{border:1px solid #ccc;border-radius:4px;cursor:pointer;font-family:inherit;font-size:inherit;padding:8px 12px}.layout-actions select{flex:1 1 auto;min-width:0;text-overflow:ellipsis}.layout-actions button{flex:0 0 auto;margin-right:0;white-space:nowrap}.layout-actions button:hover{background-color:#f0f0f0}@media (max-width:768px){.modal-body{padding:15px}.layout-actions{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:20px}.layout-actions select{flex:0 0 100%!important;font-size:15px;max-width:100%!important;order:-1;padding:10px 12px;text-align:center;width:100%!important}.layout-actions button{flex-basis:calc(33.33333% - 5.33333px);flex-grow:1;flex-shrink:1;font-size:14px;margin:0;max-width:calc(33.33333% - 5.33333px)!important;overflow:hidden;padding:10px 8px;text-overflow:ellipsis;white-space:nowrap;width:auto!important}.layout-item{padding:20px 15px;text-align:center}.layout-item h3{margin-bottom:10px}.layout-item p{margin-bottom:20px}.layout-tabs{flex-wrap:wrap;gap:10px;justify-content:center}.layout-tabs .tab-button{border-radius:18px;flex:0 0 auto!important;min-width:auto!important;padding:8px 12px}.layout-tabs .tab-button.active{background-color:rgba(102,126,234,.12);border-bottom-color:transparent;color:#667eea}}.network-diagnostics-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.network-diagnostics-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;height:85vh;max-height:85vh;max-width:800px;overflow:hidden;width:90%}.network-diagnostics-modal .modal-header{cursor:-webkit-grab;cursor:grab;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.network-diagnostics-modal .modal-header:active{cursor:-webkit-grabbing;cursor:grabbing}.network-diagnostics-body,.network-diagnostics-modal .modal-body.network-diagnostics-body{flex:1 1 auto!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px!important}.diagnostics-controls{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:15px;justify-content:space-between;margin-bottom:25px;padding:15px}.run-diagnostics-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;min-width:140px;padding:12px 24px;transition:all .3s ease}.run-diagnostics-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(76,175,80,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.run-diagnostics-btn:disabled{cursor:not-allowed;opacity:.7}.auto-refresh-toggle{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.auto-refresh-toggle input[type=checkbox]{-webkit-transform:scale(1.2);transform:scale(1.2)}.diagnostics-results{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:30px}.diagnostic-item{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #ccc;border-radius:8px;margin-bottom:12px;padding:15px;transition:all .3s ease}.diagnostic-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.diagnostic-item.success{background:#f8fff8;border-left-color:#4caf50}.diagnostic-item.error{background:#fff8f8;border-left-color:#f44336}.diagnostic-item.warning{background:#fff9f0;border-left-color:#ff9800}.diagnostic-item.pending{background:#f0f8ff;border-left-color:#2196f3}.diagnostic-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.diagnostic-icon{font-size:18px;min-width:24px}.diagnostic-name{color:#333;flex:1 1;font-weight:600}.diagnostic-time{background:#f0f0f0;border-radius:4px;color:#666;font-size:12px;padding:2px 6px}.diagnostic-message{color:#555;font-size:14px;margin-bottom:8px}.diagnostic-details details{margin-top:8px}.diagnostic-details summary{color:#2196f3;cursor:pointer;font-size:13px;padding:4px 0}.diagnostic-details summary:hover{text-decoration:underline}.diagnostic-details pre{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:4px;color:#666;font-size:12px;margin-top:8px;padding:10px;white-space:pre-wrap;word-break:break-word}.diagnostics-info{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:20px}.diagnostics-info h4{align-items:center;color:#333;display:flex;gap:8px;margin:0 0 15px}.diagnostics-info ul{margin:0;padding-left:20px}.diagnostics-info li{line-height:1.4;margin-bottom:8px}.diagnostics-info li strong{color:#2196f3}.quick-links{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #e1bee7;border-radius:8px;padding:20px}.quick-links h4{align-items:center;color:#333;display:flex;gap:8px;margin:0 0 15px}.link-buttons{display:flex;flex-wrap:wrap;gap:10px}.link-buttons a{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#2196f3;display:flex;font-size:14px;gap:6px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.link-buttons a:hover{background:#2196f3;box-shadow:0 2px 8px rgba(33,150,243,.3);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.network-diagnostics-overlay{align-items:stretch!important;background:rgba(0,0,0,.5)!important;height:100vh!important;justify-content:stretch!important;width:100vw!important;z-index:1000000!important}.modal.network-diagnostics-modal,.network-diagnostics-modal,.network-diagnostics-overlay{bottom:0!important;display:flex!important;left:0!important;position:fixed!important;right:0!important;top:0!important}.modal.network-diagnostics-modal,.network-diagnostics-modal{background:#fff!important;border-radius:0!important;box-shadow:none!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;min-width:100%!important;overflow:hidden!important;padding:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important}.network-diagnostics-modal .modal-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:0!important;color:#fff!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;min-height:50px!important;padding:12px 16px!important}.network-diagnostics-modal .modal-header h2{color:#fff!important;font-size:16px!important;margin:0!important}.network-diagnostics-modal .modal-body,.network-diagnostics-modal .network-diagnostics-body{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;background:#fff!important;flex:1 1!important;min-height:0!important;overflow-y:auto!important;padding:12px!important;scrollbar-width:none!important}.network-diagnostics-modal .modal-body::-webkit-scrollbar,.network-diagnostics-modal .network-diagnostics-body::-webkit-scrollbar{display:none!important;width:0!important}.diagnostics-results{gap:10px;grid-template-columns:1fr 1fr!important}.diagnostics-controls{flex-direction:column;gap:10px;margin-bottom:15px;padding:12px}.run-diagnostics-btn{font-size:14px;min-width:auto;padding:10px 20px;width:100%}.diagnostic-item{margin-bottom:0;padding:10px}.diagnostic-name{font-size:12px}.diagnostic-message{font-size:11px}.diagnostic-time{font-size:10px}.diagnostics-info{margin-bottom:15px;padding:15px}.diagnostics-info h4{font-size:14px}.diagnostics-info li{font-size:12px}.quick-links{padding:15px}.quick-links h4{font-size:14px}.link-buttons{flex-direction:column;gap:8px}.link-buttons a{font-size:12px;justify-content:center;padding:8px 12px;width:100%}}.diagnostic-item.pending .diagnostic-icon{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes shakeIn{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}75%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shakeIn{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}75%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.network-diagnostics-modal::-webkit-scrollbar{width:6px}.network-diagnostics-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.network-diagnostics-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.network-diagnostics-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cors-management-overlay{align-items:flex-start;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:9999999}.cors-management-panel{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);flex-direction:column;max-height:85vh;max-width:95%;overflow:hidden;width:700px}.cors-management-panel,.cors-panel-header{background:linear-gradient(135deg,#667eea,#764ba2);display:flex}.cors-panel-header{align-items:center;color:#fff;justify-content:space-between;padding:16px 44px 16px 24px;position:relative}.cors-panel-header h3{font-size:1.15rem;font-weight:600;margin:0}.cors-panel-header .circular-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;transition:all .2s ease;width:32px;z-index:10}.cors-panel-header .circular-close-btn:before{content:"×";line-height:1}.cors-panel-header .circular-close-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.cors-panel-body{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:24px}.cors-content-wrapper{margin:0 auto;max-width:480px}.cors-msg{border-radius:8px;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.cors-msg.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.cors-msg.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.cors-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:16px;padding:18px}.cors-card-title{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:14px;padding-bottom:10px}.cors-count{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.8rem;font-weight:500;margin-left:auto;padding:3px 10px}.cors-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:Consolas,Monaco,monospace;font-size:.9rem;margin-bottom:12px;min-height:60px;padding:12px;resize:vertical;width:100%}.cors-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none}.cors-btn-add{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-left:auto;padding:10px 28px;transition:all .2s}.cors-btn-add:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cors-btn-add:disabled{cursor:not-allowed;opacity:.6}.cors-search{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:.9rem;margin-bottom:12px;padding:10px 14px;width:100%}.cors-search:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none}.cors-list{max-height:220px;overflow-y:auto}.cors-list-empty{color:#888;font-size:.9rem;padding:30px 0;text-align:center}.cors-table{border-collapse:collapse;width:100%}.cors-table th{background:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#555;font-size:.85rem;font-weight:600;padding:10px 12px;text-align:left}.cors-table td{border-bottom:1px solid #eee;font-size:.9rem;padding:10px 12px}.cors-table tbody tr:hover{background:#fafafa}.cors-origin{color:#333;font-family:Consolas,Monaco,monospace;word-break:break-all}.cors-btn-delete{background:#ff5252;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 12px;transition:all .2s}.cors-btn-delete:hover{background:#f44336}.no-permission{color:#888;padding:40px 0;text-align:center}@media (max-width:768px){.cors-management-panel{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.cors-panel-header{align-items:center!important;display:flex!important;justify-content:space-between!important;min-height:50px!important;padding:12px 40px 12px 16px!important;position:relative!important}.cors-panel-header .circular-close-btn{align-items:center!important;border-radius:50%!important;display:inline-flex!important;flex-shrink:0!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;width:28px!important;z-index:10!important}.cors-content-wrapper{max-width:100%}.cors-table td{padding:8px 6px}.cors-btn-delete{font-size:.75rem;padding:4px 8px;white-space:nowrap}.cors-origin{font-size:.8rem}}.domain-switcher-overlay{align-items:center!important;background-color:rgba(0,0,0,.6)!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10000000!important}.domain-switcher-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:80vh;max-width:95%;overflow:hidden;width:550px}.domain-switcher-panel.dragging{box-shadow:0 12px 40px rgba(0,0,0,.35)!important;cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.domain-panel-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 44px 16px 24px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.domain-panel-header h3{font-size:1.15rem;font-weight:600;margin:0}.domain-panel-header .circular-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;max-height:32px;max-width:32px;min-height:32px;min-width:32px;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;transition:all .2s ease;width:32px;z-index:10}.domain-panel-header .circular-close-btn:before{content:"×";line-height:1}.domain-panel-header .circular-close-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.domain-panel-body{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.domain-panel-footer{background:#f0f0f0;border-top:1px solid #dee2e6;padding:12px 20px}.help-text p{color:#495057;font-size:.9rem;font-weight:500;margin:0 0 6px}.help-text ul{color:#6c757d;font-size:12px;margin:0;padding-left:20px}.help-text li{margin-bottom:2px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c00;margin-bottom:15px;padding:10px}.domain-form{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:20px}.domain-form h4{color:#495057;font-size:1.1rem;margin:0 0 15px}.domain-form .form-group{margin-bottom:15px}.domain-form .form-group label{color:#495057;display:block;font-weight:500;margin-bottom:5px}.domain-form .form-group input,.domain-form .form-group textarea{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.domain-form .form-group input:focus,.domain-form .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.15);outline:none}.domain-form .form-group small{color:#6c757d;display:block;font-size:12px;margin-top:5px}.domain-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.domain-form .form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.domain-form .form-actions button[type=button]{background:#6c757d;color:#fff}.domain-form .form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.domain-form .form-actions button:disabled{cursor:not-allowed;opacity:.6}.list-header{display:flex;justify-content:flex-end;margin-bottom:16px}.add-domain-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.add-domain-btn:hover:not(:disabled){background:#218838}.empty-message,.loading{color:#6c757d;padding:30px;text-align:center}.empty-message{background:#fff;border:1px dashed #dee2e6;border-radius:8px}.domain-cards{display:flex;flex-direction:column;gap:10px}.domain-card{align-items:flex-start;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:14px}.domain-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.domain-card.active{background:#f8fff9;border-color:#28a745}.domain-card.default{background:#fffbf0;border-color:#ffc107}.domain-info{flex:1 1;min-width:0}.domain-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.domain-header h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0}.domain-badges{display:flex;gap:6px}.badge{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.badge.default{background:#ffc107;color:#212529}.badge.active{background:#28a745;color:#fff}.domain-url{color:#007bff;font-family:monospace;font-size:13px;margin-bottom:4px;word-break:break-all}.domain-description{color:#6c757d;font-size:12px}.domain-actions{display:flex;flex-shrink:0;gap:6px;margin-left:12px}.domain-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 10px}.switch-btn{background:#007bff;color:#fff}.edit-btn{background:#ffc107;color:#212529}.delete-btn{background:#dc3545}.domain-actions button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.domain-switcher-overlay{align-items:stretch;justify-content:stretch}.domain-switcher-panel{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.domain-panel-header{align-items:center!important;display:flex!important;justify-content:space-between!important;min-height:50px!important;padding:12px 40px 12px 16px!important;position:relative!important}.domain-panel-header .circular-close-btn{align-items:center!important;border-radius:50%!important;display:inline-flex!important;flex-shrink:0!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;width:28px!important;z-index:10!important}.domain-card{flex-direction:column;gap:10px}.domain-actions{align-self:stretch;margin-left:0}.domain-actions button{flex:1 1}.domain-header{align-items:flex-start;flex-direction:column;gap:6px}}.backup-management-container{padding-bottom:20px;position:relative;width:100%}.backup-management-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.backup-management-modal .modal-header h2{color:#fff}.message{border-radius:8px;font-weight:500;margin:16px 24px;padding:12px 16px}.message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message.error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.message.info{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.backup-management-tabs{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px}.backup-management-tabs,.tab-button{align-items:center;justify-content:center}.tab-button{background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:1rem;font-weight:500;padding:14px 22px;transition:all .2s;white-space:nowrap}.tab-button:hover{background-color:#f3f4f6;color:#374151}.tab-button.active{background-color:#fff;border-bottom-color:#667eea;color:#667eea}.backup-management-content{padding:24px}.create-backup-section,.restore-backup-section{margin:0 auto;max-width:600px}.create-backup-section h3,.restore-backup-section h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 8px}.section-description{color:#6b7280;line-height:1.5;margin:0 0 24px}.form-group label{color:#374151}.form-group input[type=file],.form-group input[type=text],.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:400!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{margin-bottom:0;margin-right:8px;width:auto!important}.checkbox-help{color:#6b7280;font-size:12px;margin-left:24px;margin-top:4px}.file-info{background-color:#f3f4f6;border-radius:4px;color:#374151;font-size:14px;margin-top:8px;padding:8px 12px}.backup-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:16px}.backup-info h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 12px}.backup-info ul{margin:0;padding-left:20px}.backup-info li{color:#4b5563;margin-bottom:4px}.backup-info .info-list{grid-column-gap:16px;grid-row-gap:6px;-webkit-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:disc;margin:0;padding-left:20px;row-gap:6px}.backup-info .info-list li{margin:0}@media (max-width:1024px){.backup-info .info-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.backup-info .info-list{-webkit-column-gap:12px;column-gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}}.backup-validation{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:16px}.backup-validation h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 12px}.backup-details{margin-bottom:16px}.detail-row{align-items:flex-start;display:flex;margin-bottom:8px}.detail-row .label{color:#6b7280;font-weight:500;min-width:80px}.validation-warnings{background-color:#fef3cd;border:1px solid #fbbf24;border-radius:6px;margin-top:16px;padding:12px}.validation-warnings h5{color:#92400e;font-size:14px;font-weight:600;margin:0 0 8px}.validation-warnings ul{margin:0;padding-left:20px}.validation-warnings li{color:#92400e;font-size:14px;margin-bottom:4px}.validation-errors{background-color:#fee2e2;border:1px solid #f87171;border-radius:6px;margin-top:16px;padding:12px}.validation-errors h5{color:#991b1b;font-size:14px;font-weight:600;margin:0 0 8px}.validation-errors ul{margin:0;padding-left:20px}.validation-errors li{color:#991b1b;font-size:14px;margin-bottom:4px}.warning-box{background-color:#fef3cd;border:1px solid #fbbf24;border-radius:8px;margin:20px 0;padding:16px}.warning-box strong{color:#92400e;display:block;margin-bottom:8px}.warning-box ul{margin:0;padding-left:20px}.warning-box li{color:#92400e;margin-bottom:4px}.form-actions{gap:12px;margin-top:24px}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s}.primary-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.primary-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.primary-button.danger:hover:not(:disabled){box-shadow:0 4px 12px rgba(239,68,68,.4)}.loading-overlay{align-items:center;background-color:hsla(0,0%,100%,.9);border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.loading-text{color:#374151;font-size:16px;font-weight:500}@media (max-width:768px){.backup-management-content{padding:20px}.tab-button{font-size:14px;padding:12px 16px}.detail-row{flex-direction:column;gap:4px}.detail-row .label{min-width:auto}}.log-management{display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:20px}.log-filters{flex-wrap:nowrap;gap:10px;margin-bottom:15px;overflow-x:auto;padding-bottom:4px}.filter-group,.log-filters{align-items:center;display:flex}.filter-group{flex-shrink:0;gap:6px}.filter-group label{color:#666;font-size:12px;font-weight:500}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:4px 8px}.filter-group input{min-width:150px}.clear-all-logs-btn,.clear-old-logs-btn,.delete-selected-btn,.export-logs-btn,.refresh-btn,.toggle-view-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:100px;padding:6px 12px;text-align:center;white-space:nowrap}.refresh-btn{background:#2196f3!important}.refresh-btn,.refresh-btn:active:not(:disabled),.refresh-btn:hover:not(:disabled){color:#fff!important;-webkit-transform:none!important;transform:none!important;transition:none!important}.refresh-btn:active:not(:disabled),.refresh-btn:hover:not(:disabled){background:#1565c0!important}.refresh-btn:disabled{background:#ccc!important;box-shadow:none!important;color:#fff!important;cursor:not-allowed!important;opacity:.7!important;-webkit-transform:none!important;transform:none!important;transition:none!important}.delete-selected-btn{background:#f44336}.delete-selected-btn:hover{background:#d32f2f}.delete-selected-btn:disabled{background:#ccc;cursor:not-allowed}.clear-old-logs-btn{background:#ff9800}.clear-old-logs-btn:hover{background:#f57c00}.export-logs-btn{background:#4caf50}.export-logs-btn:hover{background:#388e3c}.clear-all-logs-btn{background:#dc3545}.clear-all-logs-btn:hover{background:#c82333}.toggle-view-btn{background:#9c27b0}.toggle-view-btn:hover{background:#7b1fa2}.log-stats{background:#f5f5f5;border-radius:4px;display:flex;gap:10px;margin-bottom:12px;padding:8px}.stat-item{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:12px;font-weight:500;padding:6px 12px}.stat-item.success{color:#4caf50}.stat-item.error{color:#f44336}.stat-item.warning{color:#ff9800}.date-range-filter{align-items:center;background:#f9f9f9;border-radius:4px;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:12px;overflow-x:auto;padding:8px 8px 4px}.date-range-filter label{flex-shrink:0;white-space:nowrap}.date-range-filter input[type=date]{border:1px solid #ddd;border-radius:4px;flex-shrink:0;font-size:12px;min-width:120px;padding:4px 8px}.date-range-filter button,.date-range-filter span{flex-shrink:0;white-space:nowrap}.date-range-filter button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.date-range-filter button:hover{background:#1976d2}.log-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px;padding:8px}.log-pagination button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.log-pagination button:disabled{background:#ccc;cursor:not-allowed}.log-pagination select{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:4px 8px}.log-list{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;max-height:362px;min-height:162px;overflow-y:auto;padding:10px}.empty-logs{color:#999;font-size:14px;padding:20px;text-align:center}.log-entry{background:#fff;border-left:4px solid #2196f3;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:8px;padding:8px 10px}.log-header{align-items:center;display:flex;font-size:12px;gap:10px;margin-bottom:6px}.log-level{background:#f0f0f0;border-radius:3px;font-weight:600;padding:1px 6px}.log-module{color:#666;font-weight:500}.log-time{color:#999;font-size:11px;margin-left:auto}.log-message{color:#333;font-size:13px;line-height:1.4;margin-bottom:4px}.log-details{color:#666;font-size:12px;line-height:1.3;margin-top:3px}.log-meta{color:#999;display:flex;font-size:11px;gap:10px;margin-top:4px}.log-footer{background:#f0f7ff;border-left:3px solid #2196f3;border-radius:4px;margin-top:15px;padding:10px}.log-footer p{color:#666;font-size:12px;margin:0}@media (max-width:768px){.log-management{flex:1 1;min-height:0;padding:10px;padding-bottom:max(45px,calc(env(safe-area-inset-bottom, 0px) + 20px))!important}.log-filters{flex-wrap:nowrap;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.filter-group{flex-shrink:0;gap:4px}.filter-group input{font-size:12px;min-width:120px}.clear-all-logs-btn,.clear-old-logs-btn,.delete-selected-btn,.export-logs-btn,.refresh-btn,.toggle-view-btn{align-items:center;display:inline-flex;flex-shrink:0;font-size:12px;gap:4px;justify-content:center;min-width:85px;padding:5px 10px;white-space:nowrap}.log-stats{gap:8px;margin-bottom:10px;padding:6px}.stat-item{font-size:11px;padding:4px 8px}.date-range-filter{flex-wrap:nowrap;gap:6px;margin-bottom:10px;overflow-x:auto;padding:6px 6px 4px}.date-range-filter label{flex-shrink:0;font-size:11px;white-space:nowrap}.date-range-filter input[type=date]{flex-shrink:0;font-size:11px;min-width:100px;padding:3px 6px}.date-range-filter button,.date-range-filter span{flex-shrink:0;font-size:11px;white-space:nowrap}.date-range-filter button{padding:3px 8px}.log-list{flex:1 1;min-height:150px;padding:8px}.empty-logs{font-size:12px;padding:15px}.log-entry{margin-bottom:6px;padding:6px 8px}.log-header{font-size:11px;gap:8px;margin-bottom:4px}.log-level{font-size:11px;padding:1px 4px}.log-time{font-size:10px}.log-message{font-size:12px;line-height:1.3;margin-bottom:3px}.log-details{font-size:11px;line-height:1.2;margin-top:2px}.log-meta{font-size:10px;gap:8px;margin-top:3px}.log-pagination{gap:6px;margin-top:10px;padding:6px}.log-pagination button{font-size:11px;padding:3px 8px}.log-pagination select{font-size:11px;padding:3px 6px}.log-footer{margin-top:10px;padding:6px}.log-footer p{font-size:11px}}@media (max-width:480px){.log-management{flex:1 1;min-height:0;padding:8px}.log-filters{flex-wrap:nowrap;gap:4px;margin-bottom:10px;overflow-x:auto;padding-bottom:4px}.filter-group{flex-shrink:0;gap:3px}.filter-group input{font-size:11px;min-width:100px}.log-stats{gap:6px;margin-bottom:8px;padding:4px}.stat-item{font-size:10px;padding:3px 6px}.date-range-filter{flex-wrap:nowrap;gap:4px;margin-bottom:8px;overflow-x:auto;padding:4px}.date-range-filter label{flex-shrink:0;font-size:10px;white-space:nowrap}.date-range-filter input[type=date]{flex-shrink:0;font-size:10px;min-width:80px;padding:2px 4px}.date-range-filter button,.date-range-filter span{flex-shrink:0;font-size:10px;white-space:nowrap}.date-range-filter button{padding:2px 6px}.log-list{flex:1 1;min-height:120px;padding:6px}.empty-logs{font-size:11px;padding:10px}.log-entry{margin-bottom:4px;padding:4px 6px}.log-header{font-size:10px;gap:6px;margin-bottom:3px}.log-level{font-size:10px;padding:1px 3px}.log-time{font-size:9px}.log-message{font-size:11px;line-height:1.2;margin-bottom:2px}.log-details{font-size:10px;line-height:1.2;margin-top:2px}.log-meta{font-size:9px;gap:6px;margin-top:2px}.log-pagination{gap:4px;margin-top:8px;padding:4px}.log-pagination button{font-size:10px;padding:2px 6px}.log-pagination select{font-size:10px;padding:2px 4px}.clear-all-logs-btn,.clear-old-logs-btn,.delete-selected-btn,.export-logs-btn,.refresh-btn,.toggle-view-btn{align-items:center;display:inline-flex;flex-shrink:0;font-size:11px;gap:3px;justify-content:center;min-width:75px;padding:4px 8px;white-space:nowrap}.log-footer{margin-top:8px;padding:4px}.log-footer p{font-size:10px}}.visit-stats-overlay{align-items:flex-start;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:flex-start;left:0;padding:0;position:fixed;right:0;top:0;z-index:10000000}.visit-stats-modal{border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);flex-direction:column;max-height:85vh;max-width:550px;overflow:hidden;width:100%}.visit-stats-header,.visit-stats-modal{background:linear-gradient(135deg,#667eea,#764ba2);display:flex}.visit-stats-header{align-items:center;border-bottom:none;color:#fff;cursor:-webkit-grab;cursor:grab;justify-content:space-between;padding:14px 40px 14px 18px;position:relative}.visit-stats-header:active{cursor:-webkit-grabbing;cursor:grabbing}.visit-stats-header h3{color:#fff;font-size:16px;margin:0}.visit-stats-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;min-height:32px;min-width:32px;position:absolute;right:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s;width:32px;z-index:10}.visit-stats-close-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.visit-stats-body{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:18px;scrollbar-width:none}.visit-stats-body::-webkit-scrollbar{display:none}.visit-stats-body .loading{color:#666;padding:40px;text-align:center}.stats-overview{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(2,1fr);margin-bottom:0}.stat-card{border-radius:0;padding:14px 10px;text-align:center}.stat-card,.stat-card.today{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 2px 8px rgba(16,185,129,.3)}.stat-value{font-size:26px;font-weight:700;line-height:1.2}.stat-card.today .stat-value,.stat-value{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.stat-label{font-size:12px;margin-top:4px}.stat-card.today .stat-label,.stat-label{color:hsla(0,0%,100%,.9)}.stats-settings{align-items:center;background:#fff3e0;border:1px solid #ffcc80;border-radius:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:0;padding:12px 16px}.stats-settings .toggle-label{align-items:center;color:#e65100;cursor:pointer;display:flex;font-size:14px;gap:10px}.stats-settings input[type=checkbox]{cursor:pointer;height:18px;width:18px}.clear-stats-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 14px;transition:background .2s}.clear-stats-btn:hover{background:#d32f2f}.daily-stats-section{background:#fafafa;border:1px solid #e9ecef;border-radius:0;padding:14px}.section-header{align-items:center!important;color:#333;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;font-size:14px;font-weight:600;justify-content:space-between!important;margin-bottom:12px}.export-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s}.export-btn:hover{background:#388e3c}.daily-stats-table{border:1px solid #e0e0e0;border-radius:8px;max-height:350px;overflow-y:auto}.daily-stats-table table{border-collapse:collapse;font-size:14px;width:100%}.daily-stats-table thead{background:#f5f5f5;position:-webkit-sticky;position:sticky;top:0}.daily-stats-table th{border-bottom:2px solid #ddd;color:#555;font-weight:600;padding:10px 12px;text-align:left}.daily-stats-table td{border-bottom:1px solid #eee;color:#333;padding:10px 12px}.daily-stats-table tbody tr:hover{background:#f0f7ff}.daily-stats-table .no-data{color:#999;padding:30px;text-align:center}@media (max-width:600px){.visit-stats-overlay{padding:12px 0}.visit-stats-modal{border-radius:12px;max-height:90vh;max-width:100%;width:100%}.visit-stats-header{align-items:center!important;display:flex!important;justify-content:space-between!important;min-height:50px!important;padding:12px 40px 12px 16px!important;position:relative!important}.visit-stats-close-btn{align-items:center!important;border-radius:50%!important;display:inline-flex!important;flex-shrink:0!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;width:28px!important;z-index:10!important}.visit-stats-body{padding:14px}.stats-overview{gap:0;grid-template-columns:repeat(2,1fr);margin-bottom:0}.stat-card{padding:12px 8px}.stat-value{font-size:22px}.stat-label{font-size:11px}.stats-settings{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px}.stats-settings .toggle-label{font-size:13px}.clear-stats-btn{padding:8px 14px;width:auto}.daily-stats-section{padding:12px}.section-header{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px;justify-content:space-between!important}.export-btn{flex-shrink:0!important;padding:6px 12px;width:auto!important}.daily-stats-table{max-height:280px}.daily-stats-table td,.daily-stats-table th{font-size:13px;padding:8px 10px}}.theme-settings-overlay-float{background:rgba(0,0,0,.3);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1100}.theme-settings-modal-float{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:column;min-height:400px;min-width:300px;overflow:hidden;position:fixed}.theme-settings-modal-float .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-settings-modal-float .modal-header h2{color:#fff;font-size:16px;margin:0}.theme-settings-modal-float .modal-body{flex:1 1;overflow-y:auto;padding:16px}.theme-settings-modal-float .circular-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;width:28px}.theme-settings-modal-float .circular-close-btn:before{content:"×"}.theme-settings-modal-float .circular-close-btn:hover{background:hsla(0,0%,100%,.3)}.resize-handle{background:linear-gradient(135deg,transparent 50%,#ccc 0);border-radius:0 0 12px 0;bottom:0;cursor:se-resize;height:16px;right:0;width:16px}.resize-handle:hover{background:linear-gradient(135deg,transparent 50%,#999 0)}.theme-settings-overlay{z-index:1100}.theme-settings-modal{max-height:85vh;max-width:700px;padding-bottom:0!important;width:95%}.theme-settings-body{overflow-y:auto;padding:20px;padding-bottom:20px!important}.theme-settings-intro{color:#4a4a6a;color:var(--theme-text-secondary,#4a4a6a);margin-bottom:24px;text-align:center}.theme-settings-intro p{font-size:14px;margin:0}.theme-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.theme-card{background:#fff;background:var(--theme-background-card,#fff);border:2px solid #e0e0e0;border:2px solid var(--theme-border,#e0e0e0);border-radius:12px;cursor:pointer;padding:12px;transition:all .2s ease}.theme-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--theme-shadow-color,rgba(0,0,0,.1));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.theme-card.active,.theme-card:hover{border-color:#667eea;border-color:var(--theme-primary,#667eea)}.theme-card.active{background:#f8f9fa;background:var(--theme-background-secondary,#f8f9fa)}.theme-preview{border:1px solid;border-radius:8px;height:100px;margin-bottom:12px;overflow:hidden}.theme-preview-header{align-items:center;display:flex;height:24px;padding:6px 8px}.theme-preview-nav{display:flex;gap:4px}.theme-preview-nav span{border-radius:3px;height:6px;width:20px}.theme-preview-body{display:flex;gap:8px;height:calc(100% - 24px);padding:8px}.theme-preview-card{border:1px solid;border-radius:4px;flex:1 1;padding:8px}.theme-preview-text{border-radius:3px;height:6px;margin-bottom:4px;width:80%}.theme-preview-text.short{width:50%}.theme-preview-sidebar{border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:6px;width:40px}.theme-preview-item{border-radius:2px;height:8px}.theme-info{margin-bottom:8px}.theme-name{align-items:center;color:#1a1a2e;color:var(--theme-text-primary,#1a1a2e);display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:4px}.theme-icon{font-size:16px}.theme-check{color:#667eea;color:var(--theme-primary,#667eea);font-weight:700;margin-left:auto}.theme-desc{color:#8a8aa0;color:var(--theme-text-muted,#8a8aa0);font-size:12px}.theme-colors{border-top:1px solid #f0f0f0;border-top:1px solid var(--theme-divider,#f0f0f0);display:flex;gap:6px;padding-top:8px}.color-dot{border:1px solid rgba(0,0,0,.1);border-radius:50%;height:16px;width:16px}.theme-tips{background:#f8f9fa;background:var(--theme-background-secondary,#f8f9fa);border-radius:8px;padding:16px}.theme-tips h4{color:#1a1a2e;color:var(--theme-text-primary,#1a1a2e);font-size:14px;margin:0 0 12px}.theme-tips ul{margin:0;padding-left:20px}.theme-tips li{color:#4a4a6a;color:var(--theme-text-secondary,#4a4a6a);font-size:13px;margin-bottom:6px}.theme-tips li:last-child{margin-bottom:0}@media (max-width:768px){.theme-settings-modal{max-height:90vh}.theme-settings-body{padding:16px!important}.theme-settings-modal .modal-body.theme-settings-body{padding-bottom:16px!important}.theme-grid{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.theme-card{padding:10px}.theme-preview{height:70px}.theme-name{font-size:12px}.theme-desc{font-size:11px}.theme-tips{margin-bottom:0!important;padding:12px}}.theme-settings-body,.theme-settings-modal,.theme-settings-modal .modal-body,.theme-settings-overlay{padding-bottom:20px!important}.theme-settings-modal .theme-tips:last-child{margin-bottom:0!important}@media (max-width:768px){.theme-settings-modal,.theme-settings-overlay{padding-bottom:0!important}.theme-settings-modal{margin-bottom:0!important}}.theme-admin-actions{align-items:center;background:linear-gradient(135deg,#f0f5ff,#e6f7ff);border:1px solid #91d5ff;border-radius:8px;display:inline-flex;flex-direction:column;margin:0 auto 16px;padding:12px 16px;text-align:center;width:auto}.theme-admin-actions-wrapper,.theme-settings-body .theme-admin-actions{display:flex;justify-content:center}.theme-admin-actions-wrapper{margin-bottom:16px}.set-default-btn{background:linear-gradient(135deg,#1890ff,#36cfc9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.set-default-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(24,144,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.set-default-btn:disabled{background:#d9d9d9;cursor:not-allowed}.admin-tip{color:#666;font-size:12px;margin:10px 0 0}.theme-default-badge{background:#52c41a;border-radius:4px;color:#fff;font-size:10px;margin-left:6px;padding:2px 6px}:root{--primary-color:#667eea;--primary-hover:#5a67d8;--success-color:#10b981;--success-hover:#059669;--warning-color:#f59e0b;--border-color:#e2e8f0;--border-hover:#cbd5e0;--text-primary:#2d3748;--text-secondary:#718096;--background-primary:#fff;--background-secondary:#f8f9fa;--background-gradient:linear-gradient(135deg,#f7fafc,#edf2f7);--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--transition-fast:all 0.15s ease;--transition-base:all 0.2s ease;--transition-slow:all 0.3s ease;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px}@media (prefers-contrast:high){:root{--primary-color:#4338ca;--text-primary:#000;--text-secondary:#374151;--border-color:#6b7280}}body.system-settings-open{overflow:hidden!important}.system-settings-overlay{align-items:center!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:9999}@media (max-width:768px){.system-settings-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important}}.system-settings-modal{background:#fff;background:var(--background-primary);border:none;border-radius:0;box-shadow:none;display:flex!important;flex-direction:column!important;height:100%;margin:0;max-height:none;max-width:none;overflow:hidden!important;padding:0;width:100%}.system-settings-body{-webkit-overflow-scrolling:touch!important;background:linear-gradient(135deg,#f7fafc,#edf2f7);background:var(--background-gradient);flex:1 1!important;margin:0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 0 20px!important;width:100%!important}@media (max-width:768px){.system-settings-body{padding-bottom:60px!important}}.sub-module-container{padding:0;width:100%}.sub-module-grid{grid-gap:20px;box-sizing:border-box!important;display:grid;gap:20px;grid-template-columns:1fr;left:0!important;margin:0!important;max-width:none!important;min-width:100%!important;padding:24px!important;position:relative!important;right:0!important;width:100%!important}@media (min-width:768px) and (max-width:1200px){.sub-module-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}}@media (min-width:1201px){.sub-module-grid{grid-template-columns:1fr 1fr}}.sub-module-card{align-items:center;background:#fff;background:var(--background-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:18px;min-height:88px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease;transition:var(--transition-base)}.sub-module-card:hover:not(.disabled){background:linear-gradient(135deg,#fff,#f8fafc);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 10px 15px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.sub-module-card:focus-visible{border-color:#667eea;border-color:var(--primary-color);outline:3px solid #667eea;outline:3px solid var(--primary-color);outline-offset:2px}.sub-module-card.disabled{background:#f8f9fa;background:var(--background-secondary);border-style:dashed;cursor:not-allowed;opacity:.65}.sub-module-card.disabled:hover{background:#f8f9fa;background:var(--background-secondary);border-color:#e2e8f0;border-color:var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);-webkit-transform:none;transform:none}.user-management-card{background:linear-gradient(135deg,#f0fff4,#e6fffa);border-color:#10b981;border-color:var(--success-color);position:relative}.user-management-card:before{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success-color) 0,#34d399 100%);border-radius:12px 12px 0 0;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-management-card:hover{background:linear-gradient(135deg,#e6fffa,#d1fae5);border-color:#059669;border-color:var(--success-hover);box-shadow:0 10px 25px rgba(16,185,129,.25)}.sub-module-icon{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;display:flex;flex-shrink:0;font-size:2.2rem;height:56px;justify-content:center;transition:all .2s ease;transition:var(--transition-base);width:56px}.sub-module-card:hover:not(.disabled) .sub-module-icon{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--primary-color) 0,#5a67d8 100%);border-color:#667eea;border-color:var(--primary-color);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.user-management-card .sub-module-icon{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color) 0,#34d399 100%);border-color:#10b981;border-color:var(--success-color);color:#fff}.user-management-card:hover .sub-module-icon{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--success-hover) 0,var(--success-color) 100%);-webkit-transform:scale(1.08);transform:scale(1.08)}.sub-module-info{flex:1 1;min-width:0}.sub-module-info h4{color:#2d3748;color:var(--text-primary);font-size:1.15rem;font-weight:600;line-height:1.4;margin:0 0 6px}.sub-module-info p{color:#718096;color:var(--text-secondary);font-size:.92rem;line-height:1.5;margin:0}.sub-module-arrow{align-items:center;background:rgba(102,126,234,.1);border-radius:50%;color:#667eea;color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;transition:var(--transition-base);width:32px}.sub-module-card:hover:not(.disabled) .sub-module-arrow{background:#667eea;background:var(--primary-color);color:#fff;-webkit-transform:translateX(2px);transform:translateX(2px)}.disabled .sub-module-arrow{display:none}.system-settings-modal .sub-module-arrow{display:none!important}.sub-module-status{background:linear-gradient(135deg,#f59e0b,#f59e0b);background:linear-gradient(135deg,var(--warning-color) 0,#f59e0b 100%);border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:6px 10px;position:absolute;right:12px;top:12px}.sub-module-footer{display:none!important;height:0!important;left:-9999px!important;margin:0!important;opacity:0!important;padding:0!important;position:absolute!important;visibility:hidden!important}.sub-module-hint{color:#667eea;color:var(--primary-color);font-size:.95rem;font-weight:500;gap:8px;justify-content:center;margin:0}.breadcrumb,.sub-module-hint{align-items:center;display:flex}.breadcrumb{font-size:1.25rem;font-weight:600}.breadcrumb-back{border-radius:8px;border-radius:var(--border-radius-sm);color:hsla(0,0%,100%,.9);cursor:pointer;padding:4px 8px;position:relative;text-decoration:none;transition:all .2s ease;transition:var(--transition-base)}.breadcrumb-back:hover{background:hsla(0,0%,100%,.2);color:#fff}.breadcrumb-back:focus-visible{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}.breadcrumb-separator{color:hsla(0,0%,100%,.7);font-weight:400;margin:0 12px}.system-settings-modal .modal-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--border-color)!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;justify-content:space-between!important;max-width:100%!important;overflow:visible!important;padding:15px 20px!important;position:relative!important;width:100%!important}.system-settings-modal .modal-header h2{color:#fff!important;flex:1 1!important;font-size:1.2rem!important;font-weight:700!important;margin:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media (min-width:769px){.modal-overlay .modal.system-settings-modal .modal-header .header-actions,.system-settings-modal .modal-header .header-actions{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:8px!important;height:auto!important;justify-content:flex-end!important;margin-left:0!important;min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.modal-overlay .modal.system-settings-modal .modal-header .header-actions .circular-close-btn,.system-settings-modal .modal-header .header-actions .circular-close-btn{align-self:center!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important}}@media (max-width:768px){.system-settings-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:10!important}}.system-settings-modal .modal-edit-button{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:6px!important;box-sizing:border-box;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:600;gap:6px!important;height:28px!important;max-height:28px!important;min-height:28px!important;padding:6px 12px!important;transition:background .2s ease,border-color .2s ease;white-space:nowrap!important}.system-settings-modal .modal-edit-button:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.5)!important}.system-settings-modal .header-actions .circular-close-btn{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;box-sizing:initial!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:16px!important;height:28px!important;justify-content:center!important;line-height:1!important;margin-left:0!important;max-height:28px!important;max-width:28px!important;min-height:auto!important;min-width:auto!important;outline:none!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;transition:all .2s ease;width:28px!important;z-index:auto!important}.system-settings-modal .header-actions .circular-close-btn:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.5)!important}.system-settings-modal .header-actions .circular-close-btn:focus{box-shadow:none!important;outline:none!important}.system-settings-modal .header-actions .circular-close-btn:focus-visible{box-shadow:none!important;outline:none!important}.system-settings-modal .header-actions .circular-close-btn:after{display:none!important}.system-settings-modal .header-actions .circular-close-btn:before{content:"×";display:block;line-height:1}@media (max-width:768px){.system-settings-modal .header-actions .circular-close-btn{aspect-ratio:1/1!important;border-radius:50%!important;height:28px!important;padding:0!important;width:28px!important}}.header-buttons{align-items:center;display:flex}.header-edit-btn:not(.modal-edit-button){align-items:center;background:#667eea;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;line-height:1;margin-right:0!important;padding:0;transition:all .2s ease;transition:var(--transition-base);width:28px}.header-edit-btn:not(.modal-edit-button) .icon,.header-edit-btn:not(.modal-edit-button) i,.header-edit-btn:not(.modal-edit-button) svg{align-items:center;box-sizing:border-box!important;display:inline-flex!important;flex-shrink:0;font-size:18px!important;height:18px!important;justify-content:center;line-height:1!important;margin:0!important;max-height:18px!important;max-width:18px!important;min-height:18px!important;min-width:18px!important;padding:0!important;text-align:center;vertical-align:middle;width:18px!important}.header-edit-btn:not(.modal-edit-button):hover{background:#5a67d8;background:var(--primary-hover);box-shadow:0 4px 6px rgba(0,0,0,.07);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.header-edit-btn:not(.modal-edit-button).active{background:#f59e0b;background:var(--warning-color)}.header-edit-btn:not(.modal-edit-button).active:hover{background:#e08900}.edit-mode-controls{display:flex;justify-content:center;margin-bottom:20px}.add-module-btn{background:#10b981;background:var(--success-color);border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease;transition:var(--transition-base)}.add-module-btn:hover{background:#059669;background:var(--success-hover);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.add-module-btn:hover,.module-edit-controls{box-shadow:0 4px 6px rgba(0,0,0,.07);box-shadow:var(--shadow-md)}.module-edit-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.95);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;gap:6px;padding:8px;position:absolute;right:8px;top:8px}.module-edit-controls button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s ease;transition:var(--transition-fast);width:32px}.edit-btn:hover{background:#e3f2fd;border-color:#2196f3}.delete-btn:hover{background:#ffebee;border-color:#f44336}.move-controls{display:flex;flex-direction:column;gap:2px}.move-down-btn,.move-up-btn{font-size:0;height:15px;position:relative}.move-down-btn:hover,.move-up-btn:hover{background:#e3f2fd;border-color:#667eea;border-color:var(--primary-color)}.move-down-btn:disabled,.move-up-btn:disabled{cursor:not-allowed;opacity:.5}.module-editor-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important;z-index:10000}@media (min-width:769px){.system-settings-modal{border-radius:12px!important;box-shadow:0 15px 50px rgba(0,0,0,.3)!important;height:auto!important;margin:0 auto!important;max-height:85vh!important;max-width:800px!important;position:relative!important;width:80%!important}.system-settings-modal .sub-module-grid{margin:0 auto!important;max-width:700px!important;min-width:auto!important;padding:24px 20px!important;width:auto!important}.system-settings-modal .module-group,.system-settings-modal .system-info-section{margin-left:auto!important;margin-right:auto!important;max-width:700px!important}}@media (max-width:768px){.system-settings-modal{height:auto!important;max-width:none!important;min-height:100%!important;width:100%!important}}.modal.module-editor-modal{background:#fff;border-radius:0!important;bottom:0!important;box-shadow:none!important;height:100vh!important;left:0!important;margin:0!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.module-editor-modal .modal-body{margin:0 auto!important;max-width:500px!important;padding:20px!important}@media (max-width:768px){.module-editor-modal .modal-body{margin:0!important;max-width:none!important}}.module-editor-modal .modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:20px 24px 16px}.module-editor-modal .modal-header h3{color:#2d3748;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.module-editor-modal .modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);box-sizing:border-box;font-size:14px;padding:8px 10px;transition:all .2s ease;transition:var(--transition-base);width:100%}.form-row .form-group input,.form-row .form-group select,.form-row .form-group textarea{box-sizing:border-box;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.form-actions button{border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease;transition:var(--transition-base)}.form-actions button[type=button]{background:#f8f9fa;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#718096;color:var(--text-secondary)}.form-actions button[type=button]:hover{background:#e9ecef}.form-actions button[type=submit]{background:#667eea;background:var(--primary-color);color:#fff}.form-actions button[type=submit]:hover{background:#5a67d8;background:var(--primary-hover);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.breadcrumb-back,.sub-module-arrow,.sub-module-card,.sub-module-icon{transition:none!important}.sub-module-card:hover:not(.disabled),.sub-module-card:hover:not(.disabled) .sub-module-arrow,.sub-module-card:hover:not(.disabled) .sub-module-icon,.user-management-card:hover .sub-module-icon{-webkit-transform:none!important;transform:none!important}}@media (max-width:768px){.system-settings-modal{background:#fafbfc!important;border:none!important;border-radius:0!important;bottom:0!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;height:100svh!important;left:0!important;position:fixed!important;right:0!important;top:0!important;inset:0!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:100svh!important;min-height:-webkit-fill-available!important;overflow:hidden!important;padding:0!important;width:100vw!important;z-index:999999!important}.system-settings-modal .system-settings-body{-webkit-overflow-scrolling:touch!important;flex-basis:0!important;flex-grow:1!important;flex-shrink:1!important;height:auto!important;margin:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 0 20px!important}.system-settings-modal .modal-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:0!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;margin:0!important;min-height:50px!important;padding:10px 15px!important;width:100%!important}.system-settings-modal .modal-header .header-actions .circular-close-btn,.system-settings-modal .modal-header .header-actions .close-button{align-items:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;height:28px!important;justify-content:center!important;line-height:1!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;width:28px!important}.system-settings-modal .header-edit-btn,.system-settings-modal .modal-header .header-actions .modal-edit-button{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:6px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:600!important;gap:6px!important;height:28px!important;max-height:28px!important;max-width:none!important;min-height:28px!important;min-width:auto!important;padding:6px 12px!important;transition:background .2s ease,border-color .2s ease!important;white-space:nowrap!important;width:auto!important}.system-settings-modal .header-edit-btn:hover,.system-settings-modal .modal-header .header-actions .modal-edit-button:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.5)!important}.system-settings-modal .modal-header .header-actions{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin-left:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:2!important}.system-settings-modal .modal-header .header-actions>*{align-self:center!important}.system-settings-modal .desktop-only{display:none!important}.sub-module-container{box-sizing:border-box!important;height:auto!important;margin:0!important;min-height:0!important;padding:0!important;width:100%!important}.sub-module-grid{align-items:stretch;box-sizing:border-box;gap:12px;grid-auto-rows:minmax(170px,auto);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;max-width:none;padding:20px 12px 0;width:100vw}.sub-module-card{align-items:center;background:linear-gradient(180deg,#fff,#fafbff);border-width:1px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px;justify-content:flex-start;min-height:168px;padding:14px 12px;position:relative;text-align:center}.sub-module-icon{background:linear-gradient(135deg,#f7fafc,#edf2f7);font-size:1.6rem;height:42px;width:42px}.sub-module-info h4{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.sub-module-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718096;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.45;overflow:hidden}.sub-module-arrow{bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);font-size:1rem;height:28px;position:absolute;right:10px;width:28px}.tunnel-quick-start-card{max-height:none!important;min-height:168px!important}.breadcrumb{font-size:1.15rem}.sub-module-footer{display:none}.sub-module-hint{font-size:.9rem}}@media (max-width:480px){.system-settings-modal{height:100vh;margin:0;width:100vw}.system-settings-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.sub-module-container{height:100%;padding:0;width:100%}.sub-module-grid{box-sizing:border-box;gap:10px;grid-auto-rows:minmax(160px,auto);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;max-width:none;padding:16px 10px 0;width:100vw}.sub-module-card{gap:10px;min-height:160px;padding:12px 10px}.sub-module-icon{font-size:1.5rem;height:40px;width:40px}.sub-module-info h4{font-size:1rem}.sub-module-info p{font-size:.86rem}.sub-module-arrow{font-size:.95rem;height:26px;width:26px}}@media (min-width:768px) and (max-width:1024px){.sub-module-card{padding:22px 18px}.sub-module-icon{font-size:2rem;height:52px;width:52px}.sub-module-info h4{font-size:1.1rem}.sub-module-info p{font-size:.9rem}}.construction-container{color:#666;padding:40px 20px;text-align:center}.construction-icon{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;font-size:4rem;margin-bottom:20px}.construction-text{color:#333;font-size:1.2rem;margin-bottom:30px}.construction-animation{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:30px}.worker{-webkit-animation:wave 3s infinite;animation:wave 3s infinite;font-size:2rem}.tools{display:flex;gap:10px}.tool{-webkit-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite;font-size:1.5rem}.construction-slogan{color:#999;font-size:1rem;font-style:italic}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.module-group{margin-bottom:32px;padding:0 24px}.module-group-title{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#2d3748;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:8px}.tunnel-quick-start-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981;max-height:88px!important;min-height:88px!important;overflow:hidden}.tunnel-quick-start-card:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#059669;box-shadow:0 10px 25px rgba(16,185,129,.25)}.tunnel-quick-start-card:before{background:linear-gradient(90deg,#10b981,#34d399);border-radius:12px 12px 0 0;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tunnel-quick-start-card .tunnel-quick-start{display:flex!important;flex-direction:column!important;gap:6px!important;height:100%!important;justify-content:center!important;margin:0!important;padding:0!important}.tunnel-management-card.enhanced{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#8b5cf6}.tunnel-management-card.enhanced:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#7c3aed;box-shadow:0 10px 25px rgba(139,92,246,.25)}.config-preview{background:rgba(139,92,246,.1);border-left:3px solid #8b5cf6;border-radius:6px;margin-top:8px;padding:6px 12px}.config-preview small{color:#6b46c1;font-weight:500}.powershell-config-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.powershell-config-card:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#d97706;box-shadow:0 10px 25px rgba(245,158,11,.25)}.inline-config{align-items:center;display:flex;gap:8px;margin:8px 0}.inline-input{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s ease;transition:var(--transition-base)}.inline-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(102,126,234,.1);outline:none}.inline-save-btn{background:#f59e0b;background:var(--warning-color);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 12px;transition:all .2s ease;transition:var(--transition-base)}.inline-save-btn:hover{background:#d97706;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.system-info-section{margin:32px 24px 24px}.info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;border-radius:var(--border-radius-md);padding:20px}.info-card h4{color:#0c4a6e;font-size:1.1rem;font-weight:600;margin:0 0 12px}.config-tips{color:#0369a1;margin:0;padding-left:18px}.config-tips li{line-height:1.5;margin-bottom:6px}.config-divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin:24px}.general-settings{padding:0 24px 24px}.general-settings h4{color:#2d3748;color:var(--text-primary);font-size:1.15rem;font-weight:600;margin-bottom:16px}.setting-item{margin-bottom:20px}.setting-item label{color:#718096;color:var(--text-secondary)}.setting-item input{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-size:14px;padding:10px 12px;transition:all .2s ease;transition:var(--transition-base)}.setting-item input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.setting-item small{color:#718096;color:var(--text-secondary);font-size:.85rem;opacity:.8}.save-settings-btn{background:#667eea;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;float:right;font-weight:600;padding:10px 24px;transition:all .2s ease;transition:var(--transition-base)}.save-settings-btn:hover{background:#5a67d8;background:var(--primary-hover);box-shadow:0 4px 6px rgba(0,0,0,.07);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.tab-header{align-items:center;border-radius:8px 8px 0 0;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:50px;justify-content:center;min-height:50px;padding:0 15px;position:relative;text-align:center;transition:all .3s ease}.tab-header .icon{align-items:center;display:inline-flex;font-size:18px;margin-right:8px}.tab-header.activity-list{background:linear-gradient(135deg,#667eea,#764ba2)}.tab-header.create-activity{background:linear-gradient(135deg,#11998e,#38ef7d)}.tab-header.chat-channel{background:linear-gradient(135deg,#ff9a56,#ffad56)}.tab-header.leisure-time{background:linear-gradient(135deg,#ff6b9d,#c44569)}.tab-header.system-management{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.tab-header:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tab-header.active{box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:768px){.tab-header{font-size:14px;height:45px;min-height:45px;padding:0 12px}.tab-header .icon{font-size:16px;margin-right:6px}}@media (max-width:480px){.tab-header{font-size:13px;height:42px;min-height:42px;padding:0 10px}.tab-header .icon{font-size:15px;margin-right:5px}}.form-row-container{width:100%}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-row .form-group{flex:1 1;margin-bottom:0}.form-group.full-width{width:100%}@media (max-width:768px){.module-editor-modal .form-row{display:flex!important;flex-direction:row!important;gap:12px!important}.module-editor-modal .form-row .form-group{flex:1 1!important;margin-bottom:0!important}.module-editor-modal .form-row-container{margin-bottom:16px}.module-editor-modal .form-group.full-width{margin-bottom:20px;width:100%!important}.module-editor-modal .form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex!important;flex-direction:row!important;gap:12px!important;justify-content:flex-end!important;margin-top:24px;padding-top:20px}.module-editor-modal .form-actions button{flex:0 0 auto!important;font-size:14px!important;min-width:auto!important;padding:10px 20px!important;white-space:nowrap!important;width:auto!important}}@media (max-width:480px){.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:16px}}.music-auth-overlay{align-items:flex-start!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:flex-start!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1000003!important}.music-auth-modal{margin:0!important}.music-auth-modal .modal-header{align-items:center!important;cursor:-webkit-grab!important;cursor:grab!important;display:flex!important;justify-content:space-between!important;position:relative!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.music-auth-modal .modal-header:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.music-auth-modal .modal-header .circular-close-btn{align-items:center!important;align-self:center!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}@media (max-width:768px){.music-auth-modal{height:auto!important;max-height:80vh!important;max-width:400px!important;width:90vw!important}.music-auth-modal .modal-header{align-items:center!important;cursor:-webkit-grab!important;cursor:grab!important;display:flex!important;justify-content:space-between!important;padding-right:40px!important;position:relative!important;touch-action:none!important}.music-auth-modal .modal-header .circular-close-btn{align-items:center!important;aspect-ratio:1/1!important;border-radius:50%!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;width:28px!important;z-index:10!important}}:root{--recreation-primary-color:#ec4899;--recreation-secondary-color:#be185d;--recreation-spacing:16px;--recreation-border-radius:12px;--recreation-transition:all 0.2s ease;--recreation-shadow-light:0 4px 15px rgba(0,0,0,.08);--recreation-shadow-hover:0 8px 25px rgba(0,0,0,.15)}.recreation-menu-modal-overlay{-ms-overflow-style:none;overflow:hidden!important;scrollbar-width:none}.recreation-menu-modal-overlay::-webkit-scrollbar{display:none}.recreation-menu-modal{background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--recreation-border-radius);box-shadow:0 10px 30px rgba(0,0,0,.2);display:grid!important;grid-template-rows:auto 1fr!important;height:100%!important;margin:0 auto!important;max-width:1200px;overflow:hidden;position:relative!important;width:90%;z-index:1000}.recreation-menu-modal .modal-header{align-items:center;background:linear-gradient(135deg,#ec4899,#be185d);border:0!important;border-radius:12px 12px 0 0!important;border-radius:var(--recreation-border-radius) var(--recreation-border-radius) 0 0!important;box-shadow:none!important;box-sizing:border-box!important;color:#fff;cursor:-webkit-grab;cursor:grab;display:flex;justify-content:space-between;margin:0!important;overflow:visible;padding:15px 20px;position:relative;width:100%!important}.recreation-menu-modal .modal-header h3{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.recreation-menu-modal .modal-header{position:relative!important}@media (min-width:769px){.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions,.modal-overlay.recreation-menu-modal-overlay .modal.recreation-menu-modal .modal-header .header-actions,.recreation-menu-modal .modal-header .header-actions{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:8px!important;height:auto!important;justify-content:flex-end!important;margin:0!important;min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.modal-overlay.recreation-menu-modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .circular-close-btn,.recreation-menu-modal .modal-header .header-actions .circular-close-btn{align-self:center!important;height:32px!important;margin-left:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:32px!important}.modal-overlay .modal.recreation-menu-modal .modal-header .header-actions .modal-edit-button,.recreation-menu-modal .modal-header .header-actions .modal-edit-button{align-self:center!important}}@media (max-width:768px){.recreation-menu-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:10!important}.recreation-menu-modal .modal-header .header-actions .circular-close-btn{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:28px!important}}.recreation-menu-modal .modal-edit-button{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:6px!important;box-sizing:border-box;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:600;gap:6px!important;height:28px!important;max-height:28px!important;min-height:28px!important;padding:6px 12px!important;transition:background .2s ease,border-color .2s ease;white-space:nowrap!important}.recreation-menu-modal .modal-edit-button:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.5)!important}.recreation-menu-modal .header-actions .circular-close-btn{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;box-sizing:initial!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:16px!important;height:28px!important;justify-content:center!important;line-height:1!important;max-height:28px!important;max-width:28px!important;min-height:auto!important;min-width:auto!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;transition:all .2s ease;width:28px!important;z-index:auto!important}.recreation-menu-modal .header-actions .circular-close-btn:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.5)!important}.recreation-menu-modal .header-actions .circular-close-btn:after{display:none!important}@media (max-width:768px){.recreation-menu-modal .header-actions .circular-close-btn{aspect-ratio:1/1!important;border-radius:50%!important;height:28px!important;padding:0!important;width:28px!important}}.recreation-menu-modal .modal-footer{background:#fdfdfd;border-radius:0 0 12px 12px;border-radius:0 0 var(--recreation-border-radius) var(--recreation-border-radius);border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:16px 24px}.recreation-menu-body{box-sizing:border-box!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;overflow-y:auto!important;padding:0 24px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))!important}.recreation-menu-body .description{color:#4a5568;font-size:1.1rem;font-weight:500;margin-bottom:25px;text-align:center}.recreation-menu-body .options-grid{grid-gap:16px;grid-gap:var(--recreation-spacing);align-items:stretch;display:grid;gap:16px;gap:var(--recreation-spacing);grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;touch-action:pan-y}.recreation-menu-body .option-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--recreation-border-radius);box-shadow:0 4px 15px rgba(0,0,0,.08);box-shadow:var(--recreation-shadow-light);cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;min-height:200px;overflow:hidden;padding:24px;position:relative;text-align:center;touch-action:pan-y;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .2s ease;transition:var(--recreation-transition);will-change:transform}.recreation-menu-body .option-card:hover{border-color:#ec4899;border-color:var(--recreation-primary-color);box-shadow:0 8px 25px rgba(0,0,0,.15);box-shadow:var(--recreation-shadow-hover);box-shadow:0 8px 25px rgba(0,0,0,.15),0 0 0 3px rgba(236,72,153,.1);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.recreation-menu-body .option-card:focus{border-color:#ec4899;border-color:var(--recreation-primary-color);box-shadow:0 0 0 3px rgba(236,72,153,.2);outline:none}.recreation-menu-body .option-card .option-icon{align-items:center;background:rgba(236,72,153,.1);border-radius:50%;color:#ec4899;color:var(--recreation-primary-color);display:flex;font-size:2.8rem;height:80px;justify-content:center;margin-bottom:16px;margin-bottom:var(--recreation-spacing);transition:all .2s ease;transition:var(--recreation-transition);width:80px}.recreation-menu-body .option-card:hover .option-icon{background:rgba(236,72,153,.15);-webkit-transform:scale(1.15) translateZ(0);transform:scale(1.15) translateZ(0)}.recreation-menu-body .option-card h3{color:#2d3748;font-size:1.4rem;font-weight:700;margin:0 0 12px;width:100%}.recreation-menu-body .option-card p{color:#718096;flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:12px;text-align:center;width:100%}.recreation-menu-body .option-card .option-arrow{bottom:15px;color:#cbd5e0;font-size:1.5rem;position:absolute;right:15px;transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,transform .3s ease;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease}.recreation-menu-body .option-card:hover .option-arrow{color:#ec4899;-webkit-transform:translateX(5px);transform:translateX(5px)}.recreation-menu-body .option-card.disabled{background:#f8f9fc;border-color:#e2e8f0;cursor:not-allowed;opacity:.6}.recreation-menu-body .option-card.disabled:hover{border-color:#e2e8f0;box-shadow:0 4px 15px rgba(0,0,0,.08);-webkit-transform:none;transform:none}.recreation-menu-body .option-card.disabled .option-icon,.recreation-menu-body .option-card.disabled h3,.recreation-menu-body .option-card.disabled p{color:#a0aec0}.recreation-menu-body .option-card.disabled .option-arrow{display:none}.recreation-menu-body .option-card .badge{background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:6px;box-shadow:0 2px 5px rgba(245,158,11,.3);color:#fff;font-size:.75rem;font-weight:600;padding:5px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:1}.recreation-menu-body .option-card .quick-edit-button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 15px rgba(0,0,0,.08);box-shadow:var(--recreation-shadow-light);color:#ec4899;color:var(--recreation-primary-color);cursor:pointer;font-size:.85rem;font-weight:600;left:10px;padding:6px 10px;position:absolute;top:10px;transition:all .2s ease;transition:var(--recreation-transition);z-index:2}.recreation-menu-body .option-card .quick-edit-button:hover{background:#ec4899;background:var(--recreation-primary-color);border-color:#be185d;border-color:var(--recreation-secondary-color);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.edit-mode-container{display:flex;flex-direction:column;gap:20px}.add-new-button{align-items:center;align-self:flex-start;background-color:#ec4899;background-color:var(--recreation-primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:5px;padding:10px 20px;transition:background-color .2s ease}.add-new-button:hover{background-color:#be185d;background-color:var(--recreation-secondary-color)}.edit-form{background:#f0f4f8;border-radius:12px;box-shadow:inset 0 2px 5px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:15px;padding:20px}.edit-form h3{border-bottom:1px solid #cbd5e0;color:#2d3748;font-size:1.3rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.edit-form .form-group{display:flex;flex-direction:column}.edit-form .form-group label{color:#4a5568;font-size:.9rem;font-weight:600;margin-bottom:5px}.edit-form .form-group input[type=text],.edit-form .form-group textarea{border:1px solid #cbd5e0;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.edit-form .form-group input[type=text]:focus,.edit-form .form-group textarea:focus{border-color:#ec4899;border-color:var(--recreation-primary-color);box-shadow:0 0 0 3px rgba(236,72,153,.1);outline:none}.edit-form .form-group.checkbox-group{align-items:center;flex-direction:row;gap:10px}.edit-form .form-group.checkbox-group input[type=checkbox]{margin:0;width:auto}.edit-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.edit-form .cancel-button,.edit-form .save-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.edit-form .save-button{background-color:#28a745;color:#fff}.edit-form .save-button:hover{background-color:#218838}.edit-form .cancel-button{background-color:#dc3545;color:#fff}.edit-form .cancel-button:hover{background-color:#c82333}.edit-mode-grid .option-card{padding-bottom:60px}.edit-mode-grid .item-actions{align-items:center;background:hsla(0,0%,100%,.9);border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:5px;justify-content:space-between;left:0;padding:10px;position:absolute;right:0}.move-buttons{flex-direction:column;margin-right:8px}.move-down-button,.move-up-button{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:25px;justify-content:center;transition:all .2s ease;width:30px}.move-down-button:hover:not(:disabled),.move-up-button:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd;color:#212529}.move-down-button:disabled,.move-up-button:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.edit-delete-buttons{display:flex;gap:8px}.edit-mode-grid .item-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:background-color .2s ease}.edit-mode-grid .edit-item-button{background-color:#007bff;color:#fff}.edit-mode-grid .edit-item-button:hover{background-color:#0056b3}.edit-mode-grid .delete-item-button{background-color:#dc3545;color:#fff}.edit-mode-grid .delete-item-button:hover{background-color:#c82333}@media (max-width:768px){.edit-form{gap:10px;padding:15px}.edit-form h3{font-size:1.2rem}.edit-form .form-group input[type=text],.edit-form .form-group textarea{font-size:.95rem;padding:8px}.edit-form .cancel-button,.edit-form .save-button{font-size:.9rem;padding:8px 15px}.edit-mode-grid .item-actions{flex-direction:column;gap:8px;padding:8px}.move-buttons{flex-direction:row;justify-content:center;margin-right:0}.edit-delete-buttons{justify-content:center;width:100%}.edit-mode-grid .item-actions button{font-size:.8rem;padding:6px 10px}}@media (max-width:480px){.edit-form{padding:10px}.edit-form .form-group label{font-size:.85rem}.edit-form .form-group input[type=text],.edit-form .form-group textarea{font-size:.9rem}.edit-form .form-actions{flex-direction:column;gap:8px}.edit-form .cancel-button,.edit-form .save-button{text-align:center;width:100%}.add-new-button{justify-content:center;width:100%}}.recreation-menu-body .coming-soon-message{align-items:center;background:#f0f4f8;border:1px solid #cbd5e0;border-radius:8px;color:#718096;display:flex;font-size:.9rem;gap:10px;justify-content:center;margin-top:20px;padding:15px;text-align:center}.recreation-menu-body .coming-soon-message .icon{color:#4a5568;font-size:1.2rem}@media (min-width:1024px){.recreation-menu-body{padding-left:32px;padding-right:32px}.recreation-menu-body .options-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,360px))!important;justify-content:center;margin:0 auto;max-width:1100px}.recreation-menu-body .option-card{max-width:360px;min-height:170px;padding:20px}.recreation-menu-body .option-card .option-icon{font-size:2.4rem;height:72px;width:72px}.recreation-menu-body .option-card h3{font-size:1.25rem;margin-bottom:10px}.recreation-menu-body .option-card p{font-size:.95rem;line-height:1.5}}@media (max-width:1024px){.recreation-menu-body .options-grid{gap:18px;grid-auto-rows:minmax(180px,auto);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.recreation-menu-body .option-card{min-height:180px;padding:20px;touch-action:manipulation}}body.recreation-modal-open{height:100dvh!important;left:0!important;overflow:hidden!important;padding-bottom:0!important;position:fixed!important;top:0!important;width:100vw!important}body.recreation-modal-open .bottom-navigation,body.recreation-modal-open .fixed-bottom-nav,body.recreation-modal-open .navigation-bar,body.recreation-modal-open [class*=bottom-nav],body.recreation-modal-open [class*=navigation]{display:none!important;visibility:hidden!important}@media (max-width:768px){.recreation-menu-modal-overlay{align-items:stretch!important;background:rgba(0,0,0,.5)!important;border:none!important;display:flex!important;justify-content:stretch!important}.recreation-menu-modal,.recreation-menu-modal-overlay{bottom:0!important;box-sizing:border-box!important;height:100vh!important;height:100dvh!important;height:100svh!important;left:0!important;margin:0!important;outline:none!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:999999!important}.recreation-menu-modal{-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fafbfc!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:grid!important;grid-template-rows:auto 1fr!important;max-height:none!important;max-width:none!important;min-height:100svh!important;min-height:-webkit-fill-available!important;min-height:-webkit-fill-available;overflow:hidden!important;overscroll-behavior:contain;transition:none!important}.recreation-menu-modal .modal-header{background:linear-gradient(135deg,#ec4899,#be185d)!important;background:linear-gradient(135deg,var(--recreation-primary-color) 0,var(--recreation-secondary-color) 100%)!important;border-radius:0!important;box-sizing:border-box!important;color:#fff!important;flex-shrink:0!important;margin:0!important;min-height:50px;padding:10px 15px;width:100%!important}.recreation-menu-modal .modal-header h3{align-items:center;color:#fff!important;display:flex;flex:1 1;font-size:1.3rem;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recreation-menu-modal .header-actions{gap:12px;min-width:0}.recreation-menu-modal .edit-button{font-size:.85rem;padding:6px 12px}.recreation-menu-modal .close-button,.recreation-menu-modal .new-close-button{font-size:1.1rem;min-height:28px;min-width:28px;padding:6px 10px}.recreation-menu-modal .new-close-button{right:12px;top:12px}.recreation-menu-modal .modal-header .header-actions .close-button{align-items:center!important;border-radius:50%!important;display:inline-flex!important;flex:0 0 auto!important;height:28px!important;justify-content:center!important;padding:0!important;position:static!important;width:28px!important}.recreation-menu-body{margin:0!important;min-height:0!important;overflow-y:auto;padding:0 20px 20px}.recreation-menu-body .description{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.recreation-menu-body .options-grid{gap:16px;grid-auto-rows:minmax(160px,auto);grid-template-columns:repeat(2,minmax(0,1fr))}.recreation-menu-body .option-card{-webkit-touch-callout:none;min-height:160px;padding:18px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.recreation-menu-body .option-card .option-icon{font-size:2.2rem;height:65px;margin-bottom:8px;width:65px}.recreation-menu-body .option-card h3{font-size:1.2rem;line-height:1.3;margin-bottom:8px}.recreation-menu-body .option-card p{font-size:.9rem;line-height:1.4;margin-bottom:8px}}@media (max-width:480px){.recreation-menu-modal{border:none!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;height:100dvh!important;margin:0!important;width:100vw!important}.recreation-menu-body{padding:0 16px 16px}.recreation-menu-body .description{font-size:1rem;margin-bottom:20px;padding:0 8px;text-align:center}.recreation-menu-body .options-grid{gap:12px;grid-auto-rows:minmax(130px,auto);grid-template-columns:repeat(2,minmax(0,1fr))}.recreation-menu-body .option-card{border-radius:8px;gap:8px;justify-content:flex-start;min-height:130px;min-height:48px;padding:16px}.recreation-menu-body .option-card .option-icon{align-items:center;display:flex;font-size:1.8rem;height:55px;justify-content:center;margin-bottom:6px;width:55px}.recreation-menu-body .option-card h3{font-size:1.05rem;font-weight:600;line-height:1.2;margin-bottom:6px}.recreation-menu-body .option-card p{color:#6b7280;font-size:.85rem;line-height:1.3;margin-bottom:6px}.recreation-menu-body .option-card .option-arrow{bottom:8px;font-size:.9rem;opacity:.7;right:8px}.recreation-menu-body .coming-soon-message{border-radius:6px;font-size:.8rem;gap:6px;margin-top:16px;padding:12px}}@media (max-width:320px){.recreation-menu-modal{border:none!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;height:100dvh!important;margin:0!important;width:100vw!important}}@media (max-width:768px){.modal-overlay.recreation-menu-modal-overlay{align-items:stretch!important;background:rgba(0,0,0,.5)!important;display:flex!important;justify-content:stretch!important}.modal-overlay .modal.recreation-menu-modal,.modal-overlay.recreation-menu-modal-overlay{height:100dvh!important;inset:0!important;margin:0!important;padding:0!important;position:fixed!important;width:100vw!important;z-index:2147483647!important}.modal-overlay .modal.recreation-menu-modal{background:#fafbfc!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;display:grid!important;grid-template-rows:auto 1fr!important;height:-webkit-fill-available!important;left:0!important;max-height:none!important;max-width:none!important;min-height:100dvh!important;min-height:-webkit-fill-available!important;-webkit-transform:none!important;transform:none!important}.recreation-menu-modal .modal-header{align-items:center!important;border-radius:0!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;min-height:50px!important;padding:10px 4px 10px 15px!important;position:relative!important;width:100%!important}.recreation-menu-modal .modal-header .header-actions{align-items:center!important;display:flex!important;flex-shrink:0!important;height:auto!important;margin:0!important;min-width:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:2!important}.recreation-menu-modal .modal-header .header-actions .circular-close-btn{align-items:center!important;align-self:center!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:initial!important;display:inline-flex!important;flex:0 0 auto!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:28px!important}.recreation-menu-modal .modal-header .header-actions .modal-edit-button{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:6px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:600!important;gap:6px!important;height:28px!important;max-height:28px!important;min-height:28px!important;padding:6px 12px!important;white-space:nowrap!important}.recreation-menu-modal .modal-header .header-actions{gap:8px!important}}.library-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000001}.library-undo-bar{bottom:env(safe-area-inset-bottom,0)!important;box-sizing:border-box!important;left:0!important;margin:0!important;max-width:100vw!important;padding:8px 12px!important;pointer-events:auto!important;position:fixed!important;right:0!important;width:100vw!important;z-index:1000002!important}.library-undo-bar .undo-btn{margin-left:12px!important}@media (max-width:768px){.library-undo-bar{inset:auto 0 env(safe-area-inset-bottom,0) 0!important;position:fixed!important;width:100vw!important}}.library-modal{display:grid!important;grid-template-rows:auto 1fr!important;inset:0!important;padding:0!important}.library-modal .modal-body,.library-modal-body{display:block!important;height:100%!important;margin:0!important;padding:0!important}.library-main,.library-section{height:100%!important;min-height:100%!important}.library-grid{align-items:stretch!important;justify-items:stretch!important}.library-grid,.library-item,.library-main,.library-modal,.library-modal-body,.library-section{margin-bottom:0!important;padding-bottom:0!important}@media (max-width:768px){.library-modal{display:grid!important;grid-template-rows:auto 1fr!important;height:100svh!important;height:100dvh!important;inset:0!important;max-height:none!important;overflow:hidden!important;position:fixed!important;width:100vw!important}.library-modal,.library-modal-body{margin:0!important;padding:0!important}.library-modal-body{height:100%!important;min-height:0!important;overflow-y:auto!important}}.library-modal .modal-body,.library-modal-body{box-sizing:border-box!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:env(safe-area-inset-bottom)!important}.library-modal .modal-body>.library-main,.library-modal-body>.library-main{box-sizing:border-box!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:100%!important;width:100%!important}.library-main:after{content:""!important;flex:1 0 auto!important}.library-modal .modal-body{height:auto!important;max-height:none!important}@supports (height:100svh){.library-modal{height:100svh!important;max-height:none!important}}@supports (height:100dvh){.library-modal{height:100dvh!important;max-height:none!important}}.library-modal{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.2);display:grid;grid-template-rows:auto 1fr;height:100svh;height:100dvh;max-height:none;max-width:1000px;overflow:hidden;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.modal-title h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}@media (min-width:769px){.library-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;justify-content:flex-end!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:100!important}.library-modal .modal-header .header-actions .circular-close-btn{align-self:center!important;height:32px!important;margin-left:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:32px!important}.library-modal .modal-header .header-actions .modal-edit-button{align-self:center!important}}.library-modal .modal-edit-button{margin-right:0!important;position:static!important;right:auto!important}.library-modal-body{background:transparent;box-sizing:border-box;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.library-main{display:flex;flex-direction:column;height:100%;min-height:100%;padding:30px}.library-header{margin-bottom:40px;text-align:center}.library-header h2{color:#2d3748;font-size:2.2rem;font-weight:600;margin-bottom:10px}.library-description{color:#718096;font-size:1.1rem;margin:0}.edit-mode-hint{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:.95rem;margin:12px auto 20px;max-width:800px;padding:12px 16px}.edit-mode-hint ul{margin:8px 0 0 20px;padding:0}.library-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.library-item{background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.library-item:hover{border-color:#4299e1;box-shadow:0 10px 30px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.library-item-icon{font-size:3rem;margin-bottom:15px}.library-item h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 10px}.library-item p{color:#718096;font-size:.95rem;line-height:1.5;margin:0 0 15px}.library-item-arrow{color:#4299e1;font-size:1.2rem;font-weight:700;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.library-item:hover .library-item-arrow{-webkit-transform:translateX(5px);transform:translateX(5px)}.library-section{height:100%;padding:20px 30px}.section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;margin-bottom:25px;padding-bottom:15px}.back-button{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:20px;padding:8px 16px;transition:background-color .3s ease}.back-button:hover{background:#3182ce}.section-header h2{color:#2d3748;flex:1 1;font-size:1.8rem;font-weight:600;margin:0}.section-controls{align-items:center;display:flex;gap:10px}.edit-mode-btn{background:#805ad5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.edit-mode-btn:hover{background:#6b46c1}.edit-mode-btn.active{background:#e53e3e}.edit-mode-btn.active:hover{background:#c53030}.add-new-btn{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease}.add-new-btn:hover{background:#38a169}.edit-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.edit-btn{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background-color .3s ease}.edit-btn:hover{background:#3182ce}.delete-btn{background:#e53e3e;font-size:.8rem;padding:6px 12px;transition:background-color .3s ease}.delete-btn:hover{background:#c53030}.move-buttons{display:flex;gap:4px}.move-btn{background:#718096;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700;min-width:24px;padding:4px 8px;transition:background-color .3s ease}.move-btn:hover{background:#4a5568}.edit-form-modal{align-items:center!important;display:flex!important;justify-content:center!important;position:fixed!important;z-index:1000002!important}.edit-form-modal,.edit-form-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;height:100%!important;left:0!important;top:0!important;width:100%!important}.edit-form-overlay{background:rgba(0,0,0,.6)!important;position:absolute!important;z-index:1000003!important}.edit-form{background:#fff!important;border-radius:12px!important;box-shadow:0 20px 40px rgba(0,0,0,.3)!important;max-height:80vh!important;max-width:500px!important;overflow-y:auto!important;position:relative!important;width:90%!important;z-index:1000004!important}.edit-form-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 25px}.edit-form-header h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0}.form-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.form-close-btn:hover{background:#f7fafc;color:#2d3748}.edit-form-content{padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.9rem;outline:none;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4299e1}.icon-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));margin-top:8px}.icon-option{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-height:50px;padding:12px;text-align:center;transition:all .3s ease}.icon-option:hover{background:#edf2f7;border-color:#cbd5e0}.icon-option.selected{background:#4299e1;border-color:#3182ce;color:#fff}.edit-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}.cancel-btn{color:#4a5568}.cancel-btn,.save-btn{transition:background-color .3s ease}.save-btn{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px}.save-btn:hover{background:#38a169}.library-undo-bar{align-items:center;background:#1f2937;border-radius:999px;bottom:20px;box-shadow:0 10px 20px rgba(0,0,0,.2);color:#fff;display:flex;gap:10px;left:50%;padding:10px 14px;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000005}.undo-btn{background:#10b981;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s ease}.undo-btn:hover{background:#059669}.reading-list{display:flex;flex-direction:column;gap:20px}.reading-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:20px;padding:20px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.reading-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.book-cover{flex-shrink:0;font-size:4rem}.book-info{flex:1 1}.book-info h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 8px}.book-author,.book-category,.book-last-read{color:#718096;font-size:.9rem;margin:4px 0}.reading-progress{align-items:center;display:flex;gap:10px;margin-top:10px}.progress-bar{flex:1 1}.progress-fill{background:linear-gradient(90deg,#4299e1,#63b3ed)}.progress-text{color:#4299e1;font-size:.8rem;font-weight:600;min-width:35px}.book-actions{flex-shrink:0}.continue-reading-btn{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .3s ease}.continue-reading-btn:hover{background:#38a169}.resources-list{display:flex;flex-direction:column;gap:20px}.resource-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:20px;padding:20px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.resource-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.resource-icon{flex-shrink:0;font-size:3rem}.resource-info{flex:1 1}.resource-info h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 10px}.resource-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:8px}.resource-duration,.resource-type{background:#f7fafc;color:#718096}.resource-duration,.resource-level,.resource-type{border-radius:4px;font-size:.85rem;padding:4px 8px}.resource-level{font-weight:500}.level-初级{background:#c6f6d5;color:#22543d}.level-中级{background:#feebc8;color:#c05621}.level-高级{background:#fed7d7;color:#c53030}.resource-rating{color:#d69e2e;font-size:.9rem;font-weight:500}.resource-actions{flex-shrink:0}.start-learning-btn{background:#ed8936;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .3s ease}.start-learning-btn:hover{background:#dd6b20}.documents-list{display:flex;flex-direction:column;gap:20px}.document-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:20px;padding:20px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.document-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.document-icon{flex-shrink:0;font-size:3rem}.document-info{flex:1 1}.document-info h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 10px}.document-meta{display:flex;gap:15px;margin-bottom:8px}.document-size,.document-type{background:#f7fafc;border-radius:4px;color:#718096;font-size:.85rem;padding:4px 8px}.document-category,.document-modified{color:#718096;font-size:.9rem;margin:4px 0}.document-actions{display:flex;flex-shrink:0;gap:10px}.view-doc-btn{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background-color .3s ease}.view-doc-btn:hover{background:#3182ce}.download-doc-btn{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background-color .3s ease}.download-doc-btn:hover{background:#38a169}.search-container{margin:0 auto;max-width:800px}.search-box{gap:10px;margin-bottom:30px}.search-input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:1rem;outline:none;padding:15px 20px;transition:border-color .3s ease}.search-input:focus{border-color:#4299e1}.search-button{background:#4299e1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px 25px;transition:background-color .3s ease}.search-button:hover{background:#3182ce}.search-results h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:20px}.search-result-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:15px;margin-bottom:15px;padding:20px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.search-result-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.result-type-badge{background:#4299e1;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:6px 12px;white-space:nowrap}.result-info{flex:1 1}.result-info h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 5px}.result-info p{color:#718096;font-size:.9rem;margin:0}.result-action-btn{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background-color .3s ease}.result-action-btn:hover{background:#38a169}.no-results{color:#718096;font-size:1.1rem;padding:40px;text-align:center}@media (max-width:768px){.library-modal{display:grid!important;grid-template-rows:auto 1fr!important;max-height:none!important}.library-modal,.library-modal-overlay,.library-overlay,.modal-overlay.library-modal{height:100svh!important;height:100dvh!important;margin:0!important;overflow:hidden!important;width:100vw!important}.library-modal-overlay,.library-overlay,.modal-overlay.library-modal{inset:0!important;position:fixed!important;z-index:9999!important}.library-modal-body{height:100%!important;min-height:0!important;overflow-y:auto!important}.library-main,.library-section{display:flex!important;flex-direction:column!important;min-height:100%!important}}.library-modal-overlay,body,html{height:100dvh!important;height:100svh!important;margin:0!important;min-height:-webkit-fill-available!important;overflow:hidden!important;padding:0!important;width:100vw!important}.library-modal-overlay{-webkit-overflow-scrolling:auto!important;-ms-overflow-style:none!important;align-items:normal!important;border:none!important;bottom:0!important;box-sizing:border-box!important;display:block!important;justify-content:normal!important;left:0!important;max-height:100dvh!important;max-width:100vw!important;min-height:100dvh!important;min-width:100vw!important;outline:none!important;position:fixed!important;right:0!important;scrollbar-width:none!important;top:0!important;-webkit-transform:none!important;transform:none!important;transition:none!important;z-index:1000001!important}.library-modal-overlay::-webkit-scrollbar{background:transparent!important;display:none!important;height:0!important;width:0!important}.library-modal{-webkit-overflow-scrolling:auto!important;-ms-overflow-style:none!important;background:#f8f9fa!important;border:none!important;border-radius:0!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100dvh!important;height:100svh!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:-webkit-fill-available!important;min-height:100dvh!important;min-width:100vw!important;outline:none!important;overflow:hidden!important;padding:0 0 env(safe-area-inset-bottom)!important;position:fixed!important;right:0!important;scrollbar-width:none!important;top:0!important;-webkit-transform:none!important;transform:none!important;transition:none!important;width:100vw!important}.library-modal::-webkit-scrollbar{background:transparent!important;display:none!important;height:0!important;width:0!important}.library-modal *,.library-modal :after,.library-modal :before{box-sizing:border-box!important;max-width:100vw!important}.library-modal>*{margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.modal-header{border-left:none!important;border-right:none!important;max-width:100%!important;padding:15px 16px!important}.library-modal-body{margin:0!important;max-width:100%!important;overflow-x:hidden!important}.library-modal-body::-webkit-scrollbar{background:transparent!important}.library-main,.library-section{margin:0!important;max-width:100%!important}.modal-header{box-sizing:border-box!important;flex-shrink:0!important;margin:0!important;min-height:50px!important;padding:10px 4px 10px 15px!important;width:100%!important}.library-modal .modal-header .header-actions .circular-close-btn{align-items:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;justify-content:center!important;line-height:1!important;margin:0!important;max-width:28px!important;min-width:28px!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important;width:28px!important}.library-modal .modal-header .header-actions .circular-close-btn,.library-modal .modal-header .header-actions .modal-edit-button{align-self:center!important;height:28px!important;max-height:28px!important;min-height:28px!important}.library-modal .modal-header .header-actions{align-items:center!important;display:flex!important;gap:8px!important;height:auto!important;margin:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:10!important}.library-modal-body{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;background:transparent!important;box-sizing:border-box!important;display:flex!important;flex:1 1!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow-y:auto!important;padding:0!important;scrollbar-width:none!important;width:100%!important}.library-modal-body::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.library-main,.library-section{box-sizing:border-box!important;flex:1 1!important;padding:16px!important;width:100%!important}.library-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.library-item{padding:20px}.document-item,.reading-item,.resource-item{flex-direction:column;gap:15px;text-align:center}.book-actions,.continue-reading-btn,.document-actions,.resource-actions,.start-learning-btn{width:100%}.document-actions{flex-direction:column;gap:8px}.download-doc-btn,.view-doc-btn{width:100%}.search-box,.search-result-item{flex-direction:column}.search-result-item{gap:10px;text-align:center}.result-action-btn{width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.document-meta,.resource-meta{justify-content:center}@media (max-width:480px){.library-header h2{font-size:1.8rem}.library-item h3{font-size:1.1rem}.library-item p{font-size:.85rem}.section-header h2{font-size:1.5rem}}.bookshelf-section{background:#fff!important;color:#333!important;display:flex;flex-direction:column;height:100%}.bookshelf-controls{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;padding:15px}@media (min-width:769px){.bookshelf-controls{border-radius:0 0 12px 12px;margin:0 auto;max-width:800px}}.upload-book-btn{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s ease}.upload-book-btn:hover{background-color:var(--primary-color-dark)}.books-list{grid-gap:20px;background:#fff!important;color:#333!important;display:grid;flex-grow:1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow-y:auto;padding:20px}.no-books-message{color:var(--text-color-secondary);font-size:1.1em;grid-column:1/-1;padding:50px 0;text-align:center}.book-item{align-items:center;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;color:#333!important;display:flex;flex-direction:column;padding:15px;text-align:center;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.book-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)!important;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.book-icon{font-size:3em;margin-bottom:10px}.book-info h3{color:#333!important;font-size:1.1em;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.book-info p{color:#666!important;font-size:.9em;margin-bottom:10px}.book-actions{display:flex;gap:10px;margin-top:auto}.book-actions button{background-color:var(--button-bg);border:none;border-radius:5px;color:var(--button-text-color);cursor:pointer;font-size:.9em;padding:8px 12px;transition:background-color .2s ease}.book-actions .read-options{display:flex;flex-direction:column;gap:6px}.book-actions button.read-btn{background-color:var(--accent-color)}.book-actions button.read-btn:hover{background-color:var(--accent-color-dark)}.book-actions .enhanced-read-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 12px;transition:all .2s ease}.book-actions .enhanced-read-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.book-actions button.delete-btn{background-color:var(--danger-color)}.book-actions button.delete-btn:hover{background-color:var(--danger-color-dark)}.book-reader-view{display:flex;flex-direction:column;height:100%}.reader-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid var(--border-color);color:#fff;display:flex;padding:15px}.reader-header h2{color:#fff;flex-grow:1;margin:0;text-align:center}.reader-mode-switch{align-items:center;display:flex;gap:12px}.enhanced-reader-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.enhanced-reader-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.fullscreen-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.fullscreen-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.book-reader-view:-webkit-full-screen{background:#fff!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;padding:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.book-reader-view.is-fullscreen,.book-reader-view:-moz-full-screen,.book-reader-view:-webkit-full-screen,.book-reader-view:fullscreen{background:#fff!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;padding:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.book-reader-view:-webkit-full-screen .reader-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;flex-shrink:0!important;padding:20px!important}.book-reader-view.is-fullscreen .reader-header,.book-reader-view:-moz-full-screen .reader-header,.book-reader-view:-webkit-full-screen .reader-header,.book-reader-view:fullscreen .reader-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;flex-shrink:0!important;padding:20px!important}.book-reader-view:-webkit-full-screen .reader-content{background:#fff!important;box-sizing:border-box!important;color:#333!important;flex:1 1!important;font-size:1.2em!important;margin:0 auto!important;max-width:1000px!important;overflow-y:auto!important;padding:40px!important;width:100%!important}.book-reader-view.is-fullscreen .reader-content,.book-reader-view:-moz-full-screen .reader-content,.book-reader-view:-webkit-full-screen .reader-content,.book-reader-view:fullscreen .reader-content{background:#fff!important;box-sizing:border-box!important;color:#333!important;flex:1 1!important;font-size:1.2em!important;margin:0 auto!important;max-width:1000px!important;overflow-y:auto!important;padding:40px!important;width:100%!important}.book-reader-view:-webkit-full-screen .reader-content pre{word-wrap:break-word!important;background:#fff!important;color:#333!important;font-size:inherit!important;line-height:1.8!important;margin:0!important;padding:0!important;white-space:pre-wrap!important}.book-reader-view.is-fullscreen .reader-content pre,.book-reader-view:-moz-full-screen .reader-content pre,.book-reader-view:-webkit-full-screen .reader-content pre,.book-reader-view:fullscreen .reader-content pre{word-wrap:break-word!important;background:#fff!important;color:#333!important;font-size:inherit!important;line-height:1.8!important;margin:0!important;padding:0!important;white-space:pre-wrap!important}.book-reader-view:-webkit-full-screen .reader-footer{background:#f8f9fa!important;border-top:1px solid #e0e0e0!important;flex-shrink:0!important;padding:20px!important}.book-reader-view.is-fullscreen .reader-footer,.book-reader-view:-moz-full-screen .reader-footer,.book-reader-view:-webkit-full-screen .reader-footer,.book-reader-view:fullscreen .reader-footer{background:#f8f9fa!important;border-top:1px solid #e0e0e0!important;flex-shrink:0!important;padding:20px!important}.book-reader-view:not(.is-fullscreen):not(:-webkit-full-screen):not(:-webkit-full-screen):not(:-moz-full-screen){background:#fff!important;color:#333!important;height:auto;position:relative;width:auto}.book-reader-view:not(.is-fullscreen):not(:fullscreen):not(:-webkit-full-screen):not(:-moz-full-screen){background:#fff!important;color:#333!important;height:auto;position:relative;width:auto}.reader-content{background-color:#fff!important;color:#333!important;flex-grow:1;font-size:1.1em;line-height:1.6;overflow-x:auto;overflow-y:auto}.reader-content,.reader-content pre{word-wrap:break-word;box-sizing:border-box;white-space:pre-wrap}.reader-content pre{font-family:inherit;margin:0;max-width:100%;overflow-wrap:break-word;padding:0}.reader-footer{align-items:center;background-color:#f8f9fa!important;border-top:1px solid #e0e0e0!important;display:flex;justify-content:space-between;padding:15px}.reader-footer label{color:var(--text-color-secondary);font-size:.9em;margin-right:10px}.reader-footer input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--progress-bar-bg);border-radius:5px;flex-grow:1;height:8px;outline:none}.reader-footer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-color);border-radius:50%;cursor:-webkit-grab;cursor:grab;height:20px;width:20px}.reader-footer input[type=range]::-moz-range-thumb{background:var(--accent-color);border-radius:50%;cursor:grab;height:20px;width:20px}.category-controls{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid var(--border-color);color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:12px 15px}@media (min-width:769px){.category-controls{border-radius:12px;margin:10px auto 0;max-width:800px}}.category-filter{align-items:center;display:flex;gap:8px}.category-filter label{color:#fff;font-size:.9em}.category-filter select{background:#fff;background:var(--input-bg,#fff);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-primary);padding:6px 10px}.manage-categories-btn{background-color:var(--button-bg);border:none;border-radius:6px;color:var(--button-text-color);cursor:pointer;font-size:.9em;padding:8px 12px;transition:background-color .2s ease}.manage-categories-btn:hover{background-color:#e5e7eb;background-color:var(--button-bg-hover,#e5e7eb)}.category-manager{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.category-manager-section h4{color:var(--text-color-primary);margin:0 0 8px}.category-list{background:var(--main-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding:8px}.category-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.category-item.selected{outline:2px solid var(--primary-color)}.category-actions{display:flex;gap:8px;margin-top:8px}.category-actions input{border:1px solid var(--border-color);border-radius:6px;flex:1 1;padding:8px 10px}.no-children{color:var(--text-color-secondary);padding:8px;text-align:center}@media (max-width:768px){.category-manager{grid-template-columns:1fr}}.enhanced-book-reader{background:var(--reader-bg);bottom:0;color:var(--reader-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.enhanced-book-reader.light{--reader-bg:#fff;--reader-text:#333;--reader-secondary:#666;--reader-border:#e0e0e0;--reader-hover:#f5f5f5;--reader-accent:#007bff;--reader-shadow:rgba(0,0,0,.1)}.enhanced-book-reader.dark{--reader-bg:#1a1a1a;--reader-text:#e0e0e0;--reader-secondary:#b0b0b0;--reader-border:#333;--reader-hover:#2a2a2a;--reader-accent:#4a9eff;--reader-shadow:rgba(0,0,0,.3)}.enhanced-book-reader.sepia{--reader-bg:#f4f1ea;--reader-text:#5c4b37;--reader-secondary:#8b7355;--reader-border:#d3c7b8;--reader-hover:#ede6d3;--reader-accent:#8b4513;--reader-shadow:rgba(92,75,55,.1)}.enhanced-book-reader.night{--reader-bg:#0d1117;--reader-text:#c9d1d9;--reader-secondary:#8b949e;--reader-border:#21262d;--reader-hover:#161b22;--reader-accent:#58a6ff;--reader-shadow:rgba(0,0,0,.4)}.enhanced-book-reader.fullscreen{height:100vh;position:fixed;width:100vw;z-index:9999}.reader-toolbar{align-items:center;background:var(--reader-bg);border-bottom:1px solid var(--reader-border);box-shadow:0 2px 4px var(--reader-shadow);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.toolbar-center,.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:12px}.toolbar-left{flex:1 1}.toolbar-center{flex:2 1;justify-content:center}.toolbar-right{flex:1 1;justify-content:flex-end}.toolbar-btn{background:none;border:1px solid var(--reader-border);border-radius:6px;color:var(--reader-text);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.toolbar-btn:hover{background:var(--reader-hover);border-color:var(--reader-accent)}.book-title{color:var(--reader-text);font-weight:600;margin-left:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{align-items:center;background:var(--reader-hover);border:1px solid var(--reader-border);border-radius:20px;display:flex;gap:8px;min-width:300px;padding:6px 16px}.search-box input{background:none;border:none;color:var(--reader-text);flex:1 1;font-size:14px;outline:none}.search-box input::-webkit-input-placeholder{color:var(--reader-secondary)}.search-box input::placeholder{color:var(--reader-secondary)}.search-navigation{align-items:center;color:var(--reader-secondary);display:flex;font-size:12px;gap:4px}.search-navigation button{background:none;border:none;border-radius:3px;color:var(--reader-accent);cursor:pointer;padding:2px 6px}.search-navigation button:hover{background:var(--reader-hover)}.reader-content{align-items:flex-start;flex:1 1;justify-content:center;overflow:auto;padding:20px}.reader-content,.reader-page{background:var(--reader-bg);display:flex}.reader-page{border-radius:8px;box-shadow:0 4px 12px var(--reader-shadow);flex-direction:column;margin:0 auto;min-height:600px;position:relative}.reader-page.search-highlight{box-shadow:0 0 0 2px var(--reader-accent)}.page-content{word-wrap:break-word;color:var(--reader-text);flex:1 1;font-family:inherit;line-height:inherit;margin:0;white-space:pre-wrap}.page-number{background:var(--reader-hover);border-radius:12px;bottom:10px;color:var(--reader-secondary);font-size:12px;padding:4px 8px;position:absolute;right:15px}.double-page-content{display:flex;gap:20px;max-width:1600px;width:100%}.scroll-content{max-width:800px;width:100%}.scroll-content .reader-page{margin-bottom:40px}.pdf-viewer{border-radius:8px;box-shadow:0 4px 12px var(--reader-shadow)}.unsupported-format{color:var(--reader-secondary);padding:60px 20px;text-align:center}.reader-navigation{align-items:center;background:var(--reader-bg);border-top:1px solid var(--reader-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.nav-btn{background:var(--reader-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:var(--reader-accent);-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-btn:disabled{background:var(--reader-border);color:var(--reader-secondary);cursor:not-allowed;-webkit-transform:none;transform:none}.page-info{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:center}.progress-slider{background:var(--reader-border);border-radius:3px;cursor:pointer;flex:1 1;height:6px;max-width:400px;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--reader-accent);border-radius:50%;box-shadow:0 2px 4px var(--reader-shadow);cursor:pointer;height:18px;width:18px}.progress-slider::-moz-range-thumb{background:var(--reader-accent);border:none;border-radius:50%;box-shadow:0 2px 4px var(--reader-shadow);cursor:pointer;height:18px;width:18px}.page-counter{color:var(--reader-secondary);font-size:14px;font-weight:500;min-width:80px;text-align:center}.settings-panel{-webkit-animation:slideInRight .3s ease;animation:slideInRight .3s ease;background:var(--reader-bg);border-left:1px solid var(--reader-border);box-shadow:-4px 0 12px var(--reader-shadow);display:flex;flex-direction:column;height:100%;position:fixed;right:0;top:0;width:320px;z-index:1001}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.settings-header{align-items:center;border-bottom:1px solid var(--reader-border);display:flex;justify-content:space-between;padding:16px 20px}.settings-header h3{color:var(--reader-text);font-size:18px;font-weight:600;margin:0}.settings-header button{align-items:center;background:none;border:none;border-radius:50%;color:var(--reader-secondary);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:4px;width:28px}.settings-header button:hover{background:var(--reader-hover)}.settings-content{flex:1 1;overflow-y:auto;padding:20px}.setting-group{margin-bottom:24px}.setting-group label{color:var(--reader-text);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.setting-group input[type=range]{background:var(--reader-border);border-radius:3px;height:6px;margin-bottom:8px;outline:none;width:100%}.setting-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--reader-accent);border-radius:50%;cursor:pointer;height:16px;width:16px}.setting-group input[type=range]::-moz-range-thumb{background:var(--reader-accent);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.setting-group span{color:var(--reader-secondary);font-size:12px}.setting-group select{background:var(--reader-bg);border:1px solid var(--reader-border);border-radius:6px;color:var(--reader-text);font-size:14px;padding:8px 12px;width:100%}.mode-options,.theme-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}.mode-btn,.theme-btn{background:var(--reader-bg);border:1px solid var(--reader-border);border-radius:6px;color:var(--reader-text);cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease}.mode-btn:hover,.theme-btn:hover{background:var(--reader-hover)}.mode-btn.active,.theme-btn.active{background:var(--reader-accent);border-color:var(--reader-accent);color:#fff}.bookmarks-panel{-webkit-animation:slideInLeft .3s ease;animation:slideInLeft .3s ease;background:var(--reader-bg);border-right:1px solid var(--reader-border);box-shadow:4px 0 12px var(--reader-shadow);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:320px;z-index:1001}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.bookmarks-header{align-items:center;border-bottom:1px solid var(--reader-border);display:flex;justify-content:space-between;padding:16px 20px}.bookmarks-header h3{color:var(--reader-text);font-size:18px;font-weight:600;margin:0}.bookmarks-header button{align-items:center;background:none;border:none;border-radius:50%;color:var(--reader-secondary);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:4px;width:28px}.bookmarks-header button:hover{background:var(--reader-hover)}.bookmarks-content{flex:1 1;overflow-y:auto;padding:20px}.add-bookmark-btn{background:var(--reader-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px;transition:all .2s ease;width:100%}.add-bookmark-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.bookmarks-list{display:flex;flex-direction:column;gap:12px}.bookmark-item{background:var(--reader-hover);border:1px solid var(--reader-border);border-radius:6px;padding:12px;transition:all .2s ease}.bookmark-item:hover{border-color:var(--reader-accent);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.bookmark-info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.bookmark-info span:first-child{color:var(--reader-text);font-weight:500}.bookmark-info span:last-child{color:var(--reader-secondary);font-size:12px}.bookmark-actions{display:flex;gap:8px}.bookmark-actions button{background:var(--reader-bg);border:1px solid var(--reader-border);border-radius:4px;color:var(--reader-text);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.bookmark-actions button:hover{background:var(--reader-accent);border-color:var(--reader-accent);color:#fff}@media (max-width:768px){.toolbar-center{display:none}.search-box{min-width:200px}.bookmarks-panel,.settings-panel{width:100%}.double-page-content{flex-direction:column}.reader-page{width:100%!important}.page-info{flex-direction:column;gap:8px}.progress-slider{max-width:200px}}@media print{.enhanced-book-reader{background:#fff;color:#000;position:static}.bookmarks-panel,.reader-navigation,.reader-toolbar,.settings-panel{display:none}.reader-content{padding:0}.reader-page{box-shadow:none;page-break-after:always}}.enhanced-book-reader ::-webkit-scrollbar{height:8px;width:8px}.enhanced-book-reader ::-webkit-scrollbar-track{background:var(--reader-hover);border-radius:4px}.enhanced-book-reader ::-webkit-scrollbar-thumb{background:var(--reader-border);border-radius:4px}.enhanced-book-reader ::-webkit-scrollbar-thumb:hover{background:var(--reader-secondary)}.enhanced-book-reader ::-moz-selection{background:var(--reader-accent);color:#fff}.enhanced-book-reader ::selection{background:var(--reader-accent);color:#fff}.enhanced-book-reader :focus{outline:2px solid var(--reader-accent);outline-offset:2px}@media (max-width:768px){.enhanced-book-reader{display:grid!important;grid-template-rows:auto 1fr auto!important;height:100svh!important;inset:0!important;min-height:100dvh!important;overflow:hidden!important;position:fixed!important;width:100vw!important}.reader-toolbar{gap:8px!important;padding:10px 12px!important}.book-title{max-width:55vw!important}.reader-content{height:100%!important;min-height:0!important;overflow-y:auto!important;padding:12px 14px calc(24px + env(safe-area-inset-bottom, 0px))!important}.reader-navigation{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:color-mix(in srgb,var(--reader-bg) 96%,transparent)!important;bottom:0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px))!important;position:-webkit-sticky!important;position:sticky!important;z-index:3!important}.page-info{gap:8px!important}.progress-slider{max-width:220px!important}}:root{--base-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--book-font-family:"Georgia","Times New Roman",serif;--heading-font-family:"Georgia",serif;--base-font-size:16px;--base-line-height:1.6;--paragraph-spacing:1.5em;--heading-spacing:1.5em 0 0.5em;--margin-gutter:40px;--column-gap:40px;--color-primary:#007bff;--color-primary-dark:#0056b3;--color-text:#333;--color-text-muted:#666;--color-bg:#fff;--color-border:#e0e0e0;--breakpoint-mobile:768px;--breakpoint-tablet:992px}.epub-reader{background:#fff;background:var(--color-bg);color:#333;color:var(--color-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--base-font-family);min-height:100vh;position:relative}.epub-reader.fullscreen{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.epub-reader.loading{align-items:center;justify-content:center}.loading-spinner{text-align:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;border-top:3px solid var(--color-primary);height:32px;margin:0 auto;width:32px}.epub-reader.error{align-items:center;justify-content:center}.error-message{background:#fff5f5;border:1px solid #fed7d7;color:#c53030;margin:0 auto;max-width:500px;padding:32px 24px;text-align:center}.error-message h3{color:#c53030;font-size:1.2em;margin:0 0 12px}.error-message p{color:#666;line-height:1.5;margin:0 0 16px}.epub-toolbar{-webkit-overflow-scrolling:touch;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;left:0;min-height:44px;overflow-x:auto;padding:10px 16px;position:relative;top:0;transition:opacity .2s ease,-webkit-transform .25s ease;transition:transform .25s ease,opacity .2s ease;transition:transform .25s ease,opacity .2s ease,-webkit-transform .25s ease;width:100%;z-index:10050}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:12px;white-space:nowrap}.toolbar-center{flex:1 1;min-width:0;text-align:center}.toolbar-center h2{color:#fff;font-size:1.2em;font-weight:500;margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn,.btn-back,.btn-font,.btn-fullscreen,.btn-nav,.btn-toc{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 12px;-webkit-text-orientation:mixed;text-orientation:mixed;transition:all .2s ease;white-space:nowrap;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.btn-back:hover,.btn-font:hover,.btn-fullscreen:hover,.btn-nav:hover,.btn-toc:hover,.btn:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-font{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;min-width:40px;padding:8px 12px;-webkit-text-orientation:mixed;text-orientation:mixed;transition:all .2s ease;white-space:nowrap;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.btn-font:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-primary{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s ease}.btn-primary:hover{background:#0056b3}.theme-selector{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;font-size:14px;padding:6px 10px;-webkit-text-orientation:mixed;text-orientation:mixed;white-space:nowrap;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.theme-selector option{background:#333;color:#fff}.font-controls{align-items:center;display:flex;gap:8px}.font-size{color:#fff;font-size:12px;min-width:35px;text-align:center;-webkit-text-orientation:mixed;text-orientation:mixed;white-space:nowrap;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.epub-toc{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:300px;z-index:1000}.toc-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.toc-header h3{color:#333;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.btn-close:hover{color:#333}.toc-content{flex:1 1;overflow-y:auto;padding:10px 0}.toc-item{align-items:center;border-left:3px solid transparent;cursor:pointer;display:flex;padding:12px 20px;transition:background-color .2s ease}.toc-item:hover{background:#f8f9fa}.toc-item.active{background:#e3f2fd;border-left-color:#007bff}.chapter-number{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-right:12px;width:24px}.toc-item.active .chapter-number{background:#0056b3}.chapter-title{color:#333;flex:1 1;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epub-font-selector{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:300px;z-index:1000}.font-selector-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.font-selector-header h3{color:#333;margin:0}.font-selector-content{flex:1 1;overflow-y:auto;padding:15px 20px}.font-option{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:15px;padding:10px;transition:all .2s ease}.font-option:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.1)}.font-option label{align-items:center;cursor:pointer;display:flex;gap:10px}.font-option input[type=radio]{cursor:pointer;height:18px;width:18px}.font-preview{background:#f8f9fa;border-radius:4px;color:#333;flex:1 1;font-size:16px;line-height:1.5;padding:5px 10px;transition:all .2s ease}.font-option:hover .font-preview{background:#e3f2fd;color:#0056b3}.btn-font-selector{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 12px;-webkit-text-orientation:mixed;text-orientation:mixed;transition:all .2s ease;white-space:nowrap;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.btn-font-selector:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.font-loading-message{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#666;gap:10px;margin:10px 0;padding:15px}.font-loading-spinner{border:2px solid #ddd;border-top-color:#007bff}.font-loading-error{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:14px;margin:10px 0;padding:10px 15px}.font-loading-error span{align-items:center;display:flex;gap:8px}.epub-content-viewport{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.epub-content-viewport.scroll-mode{overflow-x:hidden;overflow-y:auto}.epub-content-viewport .chapter-content.scroll-mode{height:auto!important;max-height:none!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;position:relative!important;-webkit-transform:none!important;transform:none!important;transition:none!important;will-change:auto!important}.chapter-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:20px 40px 10px;position:relative;z-index:10}.chapter-header h3{color:#333;font-size:1.3em;margin:0 0 8px}.chapter-info{color:#666;font-size:14px}.chapter-content{box-sizing:border-box!important;color:#333!important;color:var(--color-text)!important;-webkit-column-fill:auto!important;column-fill:auto!important;-webkit-column-gap:0!important;column-gap:0!important;-webkit-column-width:auto!important;-webkit-columns:none!important;columns:none!important;display:block!important;flex:1 1;font-family:Georgia,Times New Roman,serif!important;font-family:var(--book-font-family)!important;font-size:16px;font-size:var(--base-font-size);-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.6!important;line-height:var(--base-line-height)!important;orphans:3!important;overflow:hidden!important;overflow-wrap:anywhere!important;padding:32px;text-align:justify!important;text-align-last:left!important;text-justify:inter-ideograph!important;transition:-webkit-transform .3s ease-out!important;transition:transform .3s ease-out!important;transition:transform .3s ease-out,-webkit-transform .3s ease-out!important;white-space:normal!important;widows:3!important;will-change:transform!important;word-break:break-word!important}.chapter-content *,.chapter-content a,.chapter-content b,.chapter-content div,.chapter-content em,.chapter-content h1,.chapter-content h2,.chapter-content h3,.chapter-content h4,.chapter-content h5,.chapter-content h6,.chapter-content i,.chapter-content p,.chapter-content s,.chapter-content span,.chapter-content strong,.chapter-content u{font-size:inherit!important;line-height:inherit!important}.chapter-content[style*=font-size] *{font-size:inherit!important}@media (max-width:768px){.chapter-content{font-size:16px!important;font-size:var(--base-font-size)!important;line-height:1.8!important}.chapter-content *,.chapter-content p{word-wrap:break-word!important;text-wrap:wrap!important;font-size:inherit!important;line-height:inherit!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-word!important;word-break:break-all!important}.chapter-content p{margin:1em 0;text-indent:2em}.chapter-content h1,.chapter-content h2,.chapter-content h3{-webkit-column-break-after:avoid;-webkit-column-break-before:avoid;word-wrap:break-word!important;text-wrap:wrap!important;break-after:avoid;break-before:avoid;font-size:inherit!important;line-height:inherit!important;margin:1.5em 0 .8em;overflow-wrap:break-word!important;page-break-after:avoid;page-break-before:avoid;text-align:center;white-space:normal!important;word-break:break-word!important;word-break:break-all!important}@media (orientation:portrait){.chapter-content{font-size:16px!important;font-size:var(--base-font-size)!important;font-size:inherit!important}.chapter-content *{font-size:inherit!important;font-size:16px!important;font-size:var(--base-font-size)!important}.chapter-content a,.chapter-content div,.chapter-content em,.chapter-content h1,.chapter-content h2,.chapter-content h3,.chapter-content h4,.chapter-content h5,.chapter-content h6,.chapter-content p,.chapter-content span,.chapter-content strong{font-size:16px!important;font-size:var(--base-font-size)!important;line-height:inherit!important}}}.chapter-content.scroll-mode{height:auto;max-height:none;overflow-x:hidden;overflow-y:auto!important;white-space:normal}.chapter-content.scroll-mode::-webkit-scrollbar,.epub-content-viewport::-webkit-scrollbar{height:6px;width:6px}.chapter-content.scroll-mode::-webkit-scrollbar-track,.epub-content-viewport::-webkit-scrollbar-track{background:transparent}.chapter-content.scroll-mode::-webkit-scrollbar-thumb,.epub-content-viewport::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:3px}.chapter-content.scroll-mode::-webkit-scrollbar-thumb:hover,.epub-content-viewport::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.4)}.chapter-content.scroll-mode{-webkit-column-fill:auto;column-fill:auto;-webkit-column-gap:0;column-gap:0;-webkit-column-width:auto;column-width:auto;line-height:1.7;padding:24px;-webkit-transform:none!important;transform:none!important}.chapter-content.scroll-mode h1,.chapter-content.scroll-mode h2,.chapter-content.scroll-mode h3,.chapter-content.scroll-mode h4,.chapter-content.scroll-mode h5,.chapter-content.scroll-mode h6{column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.chapter-content.preview{transition:none!important}.chapter-content h1,.chapter-content h2,.chapter-content h3,.chapter-content h4,.chapter-content h5,.chapter-content h6{column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;color:#333;color:var(--color-text);font-family:Georgia,serif;font-family:var(--heading-font-family);font-weight:700;line-height:1.4;margin:1.5em 0 .5em;margin:var(--heading-spacing);page-break-inside:avoid;text-align:center}.chapter-content h1{font-size:2em;margin:2.5em 0 1.5em}.chapter-content h2{font-size:1.75em;margin:2em 0 1.2em}.chapter-content h3{font-size:1.5em;margin:1.75em 0 1em}.chapter-content h4{font-size:1.3em;margin:1.5em 0 .8em}.chapter-content h5{font-size:1.15em;margin:1.25em 0 .6em}.chapter-content h6{font-size:1.05em;margin:1em 0 .5em}.chapter-content p{margin:1.5em 0;margin:var(--paragraph-spacing) 0;text-align:justify;text-align-last:left;text-indent:2em}.chapter-content p:last-child{margin-bottom:0}.chapter-content ol,.chapter-content ul{line-height:1.6;line-height:var(--base-line-height);margin:1.5em 0;margin:var(--paragraph-spacing) 0;padding-left:2em}.chapter-content li{margin-bottom:.5em}.chapter-content blockquote{background:#f8f9fa;border-left:4px solid #007bff;border-left:4px solid var(--color-primary);color:#555;font-style:italic;margin:1.5em 0;margin:var(--paragraph-spacing) 0;padding:1em 1.5em}.chapter-content strong{color:#333;color:var(--color-text);font-weight:700}.chapter-content em{font-style:italic}.chapter-content a{color:#007bff;color:var(--color-primary);text-decoration:underline;transition:color .2s ease}.chapter-content a:hover{color:#0056b3;color:var(--color-primary-dark)}.chapter-content code{border-radius:3px;padding:.2em .4em}.chapter-content code,.chapter-content pre{background:#f8f9fa;font-family:Courier New,monospace;font-size:.95em}.chapter-content pre{border-radius:6px;line-height:1.5;overflow-x:auto;padding:1.5em}.chapter-content pre,.chapter-content table{margin:1.5em 0;margin:var(--paragraph-spacing) 0}.chapter-content table{border-collapse:collapse;font-size:.95em;width:100%}.chapter-content td,.chapter-content th{border:1px solid #e0e0e0;border:1px solid var(--color-border);padding:8px 12px;text-align:left}.chapter-content th{background:#f8f9fa;color:#333;color:var(--color-text);font-weight:700}.chapter-content img{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:block;height:auto;margin:1.5em auto;margin:var(--paragraph-spacing) auto;max-width:100%}.chapter-content img[align=left]{float:left;margin-bottom:1.5em;margin-bottom:var(--paragraph-spacing);margin-right:40px;margin-right:var(--margin-gutter)}.chapter-content img[align=right]{float:right;margin-bottom:1.5em;margin-bottom:var(--paragraph-spacing);margin-left:40px;margin-left:var(--margin-gutter)}.chapter-content .clear-both{clear:both}.chapter-content hr{border:none;border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border);margin:1.5em 0;margin:var(--paragraph-spacing) 0}.epub-navigation{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 40px}.btn-nav{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.btn-nav:hover:not(:disabled){background:#0056b3;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-nav:disabled{background:#ccc;cursor:not-allowed;-webkit-transform:none;transform:none}.progress-info{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:center}.progress-bar{background:#e0e0e0;border-radius:3px;height:6px;width:200px}.progress-fill{background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.progress-text{color:#666;font-size:14px;font-weight:500}.epub-metadata{background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:30px;padding:15px 40px}.metadata-item strong{color:#333}.epub-reader.dark{background:#1a1a1a;color:#e0e0e0}.epub-reader.dark .epub-toolbar{background:linear-gradient(135deg,#2d3748,#4a5568)}.epub-reader.dark .epub-toc{background:#2d3748;border-right-color:#4a5568}.epub-reader.dark .toc-header{background:#4a5568;border-bottom-color:#718096}.epub-reader.dark .toc-header h3,.epub-reader.dark .toc-item{color:#e0e0e0}.epub-reader.dark .toc-item:hover{background:#4a5568}.epub-reader.dark .toc-item.active{background:#2b6cb0}.epub-reader.dark .chapter-title{color:#e0e0e0}.epub-reader.dark .chapter-header{background:#2d3748;border-bottom-color:#4a5568}.epub-reader.dark .chapter-header h3{color:#e0e0e0}.epub-reader.dark .chapter-info{color:#a0aec0}.epub-reader.dark .chapter-content{color:#e0e0e0}.epub-reader.dark .chapter-content h1,.epub-reader.dark .chapter-content h2,.epub-reader.dark .chapter-content h3,.epub-reader.dark .chapter-content h4,.epub-reader.dark .chapter-content h5,.epub-reader.dark .chapter-content h6{color:#f7fafc}.epub-reader.dark .epub-metadata,.epub-reader.dark .epub-navigation{background:#2d3748;border-top-color:#4a5568}.epub-reader.dark .epub-metadata{color:#a0aec0}.epub-reader.dark .metadata-item strong{color:#e0e0e0}.epub-reader.sepia{background:#f4f1ea;color:#5c4b37}.epub-reader.sepia .epub-toolbar{background:linear-gradient(135deg,#8b7355,#a0956b)}.epub-reader.sepia .epub-toc{background:#f4f1ea;border-right-color:#d4c4a8}.epub-reader.sepia .toc-header{background:#ede6d3;border-bottom-color:#d4c4a8}.epub-reader.sepia .toc-header h3,.epub-reader.sepia .toc-item{color:#5c4b37}.epub-reader.sepia .toc-item:hover{background:#ede6d3}.epub-reader.sepia .toc-item.active{background:#e6d7b8}.epub-reader.sepia .chapter-title{color:#5c4b37}.epub-reader.sepia .chapter-header{background:#ede6d3;border-bottom-color:#d4c4a8}.epub-reader.sepia .chapter-header h3{color:#5c4b37}.epub-reader.sepia .chapter-info{color:#8b7355}.epub-reader.sepia .chapter-content{color:#5c4b37}.epub-reader.sepia .chapter-content h1,.epub-reader.sepia .chapter-content h2,.epub-reader.sepia .chapter-content h3,.epub-reader.sepia .chapter-content h4,.epub-reader.sepia .chapter-content h5,.epub-reader.sepia .chapter-content h6{color:#4a3728}.epub-reader.sepia .epub-metadata,.epub-reader.sepia .epub-navigation{background:#ede6d3;border-top-color:#d4c4a8}.epub-reader.sepia .epub-metadata{color:#8b7355}.epub-reader.sepia .metadata-item strong{color:#5c4b37}.epub-reader.parchment{--bg:#f3efe4;--fg:#2b2b2b;--muted:#6b5f4a;background:radial-gradient(1200px 800px at 30% 20%,hsla(0,0%,100%,.7),transparent 60%),radial-gradient(800px 600px at 70% 80%,rgba(0,0,0,.05),transparent 60%),repeating-linear-gradient(0deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 2px,transparent 3px);background-color:var(--bg)}.epub-reader.parchment .chapter-content a{color:var(--muted)}.epub-reader.newsprint{--bg:#f7f6f2;--fg:#222;--muted:#3a5a7a;background:radial-gradient(1000px 1000px at 20% 10%,rgba(0,0,0,.035),transparent 50%),repeating-linear-gradient(90deg,rgba(0,0,0,.015),rgba(0,0,0,.015) 1px,transparent 2px);background-color:var(--bg)}.epub-reader.newsprint .chapter-content a{color:var(--muted)}.epub-reader.rice{--bg:#f5f2e8;--fg:#2a2a2a;--muted:#4f6b52;background:radial-gradient(900px 700px at 10% 30%,rgba(0,0,0,.05),transparent 55%),repeating-linear-gradient(0deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 3px,transparent 6px);background-color:var(--bg)}.epub-reader.rice .chapter-content a{color:var(--muted)}.epub-reader.newsprint,.epub-reader.parchment,.epub-reader.rice{color:var(--fg)}.epub-reader.newsprint .chapter-header,.epub-reader.newsprint .epub-metadata,.epub-reader.newsprint .epub-navigation,.epub-reader.parchment .chapter-header,.epub-reader.parchment .epub-metadata,.epub-reader.parchment .epub-navigation,.epub-reader.rice .chapter-header,.epub-reader.rice .epub-metadata,.epub-reader.rice .epub-navigation{background-color:initial;border-color:rgba(0,0,0,.08)}.epub-reader.newsprint .chapter-header h3,.epub-reader.parchment .chapter-header h3,.epub-reader.rice .chapter-header h3{color:var(--fg)}.epub-reader.newsprint .chapter-info,.epub-reader.newsprint .metadata-item,.epub-reader.newsprint .progress-text,.epub-reader.parchment .chapter-info,.epub-reader.parchment .metadata-item,.epub-reader.parchment .progress-text,.epub-reader.rice .chapter-info,.epub-reader.rice .metadata-item,.epub-reader.rice .progress-text{color:var(--fg);opacity:.8}.epub-reader.newsprint .metadata-item strong,.epub-reader.parchment .metadata-item strong,.epub-reader.rice .metadata-item strong{opacity:1}.epub-reader.newsprint .epub-toolbar,.epub-reader.parchment .epub-toolbar,.epub-reader.rice .epub-toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:hsla(0,0%,100%,.75)}.epub-reader.newsprint .epub-toc,.epub-reader.parchment .epub-toc,.epub-reader.rice .epub-toc{background-color:hsla(0,0%,100%,.88);border-right:1px solid rgba(0,0,0,.06)}.page-flip-overlay{background:#fff;height:100%;left:0;-webkit-perspective:1500px;perspective:1500px;pointer-events:none;position:absolute;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;z-index:20}.epub-reader.dark .page-flip-overlay{background:#1a1a1a}.epub-reader.sepia .page-flip-overlay{background:#f4f1ea}.epub-reader.parchment .page-flip-overlay{background:#f3efe4}.epub-reader.newsprint .page-flip-overlay{background:#f7f6f2}.epub-reader.rice .page-flip-overlay{background:#f5f2e8}.page-flip-overlay.flip-next{-webkit-animation:pageFlipNext .6s ease-in-out;animation:pageFlipNext .6s ease-in-out;-webkit-transform-origin:left center;transform-origin:left center}.page-flip-overlay.flip-prev{-webkit-animation:pageFlipPrev .6s ease-in-out;animation:pageFlipPrev .6s ease-in-out;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes pageFlipNext{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}@keyframes pageFlipNext{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}@-webkit-keyframes pageFlipPrev{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes pageFlipPrev{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.flip-wrapper{--flip-progress:0;--abs-progress:0;height:100%;left:0;-webkit-perspective:2500px;perspective:2500px;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;pointer-events:none;position:absolute;top:0;width:100%;z-index:25}.flip-3d-card{height:100%;position:relative;-webkit-transform:rotateY(calc(var(--flip-progress)*-180deg));transform:rotateY(calc(var(--flip-progress)*-180deg));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.flip-3d-card.flip-direction-next{-webkit-transform-origin:left center;transform-origin:left center}.flip-3d-card.flip-direction-prev{-webkit-transform-origin:right center;transform-origin:right center}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;background:var(--bg,#fff);box-shadow:0 4px 15px rgba(0,0,0,.15);height:100%;overflow:hidden;position:absolute;width:100%}.flip-card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-front:after{--curl-intensity:calc(var(--abs-progress)*(1 - var(--abs-progress))*4);background:linear-gradient(90deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.1) 1%,rgba(0,0,0,.25) 1.5%,transparent 10%);height:100%;left:0;opacity:var(--curl-intensity);top:0;width:100%}.flip-3d-card:before,.flip-card-front:after{content:"";position:absolute;transition:opacity .2s}.flip-3d-card:before{background:rgba(0,0,0,.3);box-shadow:0 0 25px 20px rgba(0,0,0,.3);-webkit-filter:blur(25px);filter:blur(25px);height:94%;left:2%;opacity:calc(var(--abs-progress)*.7);top:3%;width:96%;z-index:-2}.flip-3d-card.flip-direction-prev .flip-card-front:after{background:linear-gradient(270deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.1) 1%,rgba(0,0,0,.25) 1.5%,transparent 10%)}.flip-card-back .page-content-preview,.flip-card-front .page-content-preview{box-sizing:border-box;height:100%;overflow:auto;padding:30px}.next-chapter-preview h4,.prev-chapter-preview h4{border-bottom:1px solid #ddd;color:#333;font-size:16px;margin:0 0 15px;padding-bottom:8px}.next-chapter-preview div,.prev-chapter-preview div{color:#555;font-size:13px;line-height:1.5}.end-message,.start-message{align-items:center;color:#888;display:flex;font-size:18px;font-style:italic;height:100%;justify-content:center;text-align:center}@media (max-width:768px){.epub-toolbar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:10px 12px}.toolbar-center h2{font-size:1rem;max-width:50vw}.toolbar-center{display:block}.epub-font-selector,.epub-toc{width:280px}.epub-navigation{flex-wrap:wrap;padding:12px 20px}.progress-info{margin-top:10px;order:3;width:100%}.progress-bar{width:150px}.epub-metadata{flex-direction:column;gap:8px;padding:12px 20px}.epub-reader{--app-header-height:56px;--app-header-extra:5px;--reader-top:calc(var(--app-header-height) - var(--app-header-extra));bottom:auto;display:grid;grid-template-rows:auto 1fr;height:auto;left:0;overflow:visible;position:relative;right:auto;top:0;width:100%}.chapter-header{background:inherit;padding:12px 16px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.chapter-content{text-wrap:wrap!important;-webkit-column-break-before:auto!important;-webkit-column-break-after:auto!important;-webkit-column-break-inside:auto!important;box-sizing:border-box!important;break-after:auto!important;break-before:auto!important;break-inside:auto!important;clear:none!important;-webkit-column-fill:auto!important;column-fill:auto!important;-webkit-column-gap:0!important;column-gap:0!important;-webkit-column-width:auto!important;-webkit-columns:none!important;columns:none!important;contain:layout style!important;display:block!important;flex:none!important;float:none!important;font-size:16px!important;grid-area:auto!important;height:auto!important;-webkit-hyphens:auto!important;hyphens:auto!important;isolation:auto!important;letter-spacing:normal!important;line-break:anywhere!important;line-height:1.8!important;max-height:none!important;max-width:100%!important;min-height:auto!important;orphans:auto!important;overflow:visible!important;overflow-wrap:break-word!important;overflow-wrap:anywhere!important;padding:20px 16px;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;position:relative!important;text-align:justify!important;text-align-last:left!important;text-justify:inter-ideograph!important;-webkit-transform:none!important;transform:none!important;widows:auto!important;width:100%!important;word-break:break-all!important;word-spacing:normal!important}.chapter-content,.chapter-content *{word-wrap:break-word!important;white-space:normal!important}.chapter-content *{text-wrap:wrap!important;overflow-wrap:break-word!important;word-break:break-word!important;word-break:break-all!important}.chapter-content h1,.chapter-content h2,.chapter-content h3,.chapter-content p{word-wrap:break-word!important;text-wrap:wrap!important;overflow-wrap:break-word!important;word-break:break-word!important;word-break:break-all!important}.chapter-content blockquote,.chapter-content li,.chapter-content ol,.chapter-content ul{white-space:normal!important}.chapter-content blockquote,.chapter-content li,.chapter-content ol,.chapter-content pre,.chapter-content ul{word-wrap:break-word!important;text-wrap:wrap!important;overflow-wrap:break-word!important;word-break:break-word!important;word-break:break-all!important}.chapter-content pre{white-space:pre-wrap!important}.chapter-content a,.chapter-content div,.chapter-content em,.chapter-content span,.chapter-content strong,.chapter-content table,.chapter-content td,.chapter-content th,.chapter-content>*{word-wrap:break-word!important;text-wrap:wrap!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-word!important;word-break:break-all!important}.chapter-content>*{display:block!important}.chapter-content p{margin:1em 0;text-indent:2em;white-space:normal!important}.chapter-content h1,.chapter-content h2,.chapter-content h3{-webkit-column-break-after:avoid;-webkit-column-break-before:avoid;break-after:avoid;break-before:avoid;margin:1.5em 0 .8em;page-break-after:avoid;page-break-before:avoid;text-align:center;white-space:normal!important}.epub-navigation{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:rgba(248,249,250,.96);bottom:0;flex-wrap:nowrap;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));position:-webkit-sticky;position:sticky;z-index:3}.epub-metadata{display:none}}@media (max-width:480px){.epub-font-selector,.epub-toc{width:100vw}.toolbar-left,.toolbar-right{gap:6px}.btn .btn-label,.btn-back .btn-label,.btn-fullscreen .btn-label,.btn-toc .btn-label{display:none;white-space:normal!important}.btn,.btn-back,.btn-fullscreen,.btn-toc{gap:0;padding:8px}.font-size{display:none}.theme-selector{max-width:90px}.font-controls{gap:2px}}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.font-preview{border:2px solid transparent;border-radius:8px;cursor:pointer;padding:8px;transition:all .3s ease}.font-preview:hover{background-color:hsla(0,0%,100%,.1);border-color:#007bff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.font-preview-live{background-color:#007bff!important;-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02)}.font-preview-live,.font-preview-live .font-sample{color:#fff!important}.font-preview-live .font-info{color:hsla(0,0%,100%,.8)!important}.font-sample{color:#666;font-size:18px;line-height:1.6;margin:4px 0}.font-info{color:#999;font-size:12px;font-style:italic;margin-top:4px}.custom-1 .font-preview{border-color:#ff6b6b}.custom-1 .font-preview:hover{background-color:hsla(0,100%,71%,.1)}.custom-2 .font-preview{border-color:#4ecdc4}.custom-2 .font-preview:hover{background-color:rgba(78,205,196,.1)}.custom-3 .font-preview{border-color:#45b7d1}.custom-3 .font-preview:hover{background-color:rgba(69,183,209,.1)}.font-loading-message{align-items:center;background:#f8f2e8;border-left:4px solid #17a2b8;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:20px}.font-loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid #f3f2e8;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.font-loading-message span{color:#667eea;font-size:14px;font-weight:500}.font-error-message{align-items:center;background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:20px}.font-error-icon{color:#dc3545;font-size:20px;font-weight:700}.font-error-message span{color:#721c24;font-size:14px;font-weight:500}.lyrics-content,.lyrics-lines,.music-player-body,.playlist,.playlist-container{scroll-behavior:smooth}.music-player-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background-color:rgba(0,0,0,.8)!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;overflow:hidden!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:999999!important}.music-player-modal{background:linear-gradient(135deg,#f8f9fa,#edf2f7)!important;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;height:85vh;max-height:85vh;max-width:1000px;min-height:500px;min-width:600px;overflow:auto!important;position:relative;resize:both!important;width:95%;z-index:1000000!important}.music-player-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;margin-bottom:0;min-height:60px;padding:20px 24px}.music-player-modal .modal-header h2,.music-player-modal .modal-header h3{color:#fff;margin:0}.music-player-modal .modal-header .close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;opacity:.8}.music-player-modal .modal-header .close-button:hover{opacity:1}.music-player-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:0}.music-tabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;gap:10px;justify-content:center;padding:8px}.tab-btn{background:#e2e8f0;border-radius:999px;color:#2d3748;font-size:.95rem;padding:8px 16px}.tab-btn:hover{background:#cbd5e0}.tab-btn.active{background:#4299e1;color:#fff}.local-pane{display:flex;flex:none!important;flex-direction:column;gap:14px;height:600px;max-height:none!important;min-height:300px;overflow:auto!important;padding:16px;position:relative;resize:both!important}.local-pane-content{display:flex;flex-direction:column;flex-shrink:0;gap:14px;margin-bottom:0;padding-bottom:0}.local-pane-content .add-row{flex-shrink:0;position:relative;z-index:10}.local-pane .playlist-container{box-sizing:border-box;flex:1 1;min-height:300px;overflow-y:auto;padding-bottom:0;scroll-padding-bottom:0}.local-pane .playlist{box-sizing:border-box;flex:1 1;overflow-y:auto;padding-bottom:10px;scroll-padding-bottom:10px}.browser-tip{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.8rem;margin-bottom:10px;padding:8px 12px;text-align:center}.add-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:300px 1fr}.add-file .file-label,.uploader-group .file-label{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;background:#48bb78;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;gap:8px;justify-content:center;min-height:44px;padding:10px 14px;position:relative;transition:background-color .2s ease}.add-file .file-label:hover,.uploader-group .file-label:hover{background:#38a169}.add-file input[type=file],.uploader-group input[type=file]{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.add-url{align-items:center;display:flex;justify-content:flex-end}.add-url.form-open{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 180px 120px auto;margin-left:-20px;padding-right:20px}.add-url input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.add-url input:focus{border-color:#4299e1}.primary-btn{background:#4299e1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 14px;transition:background-color .2s ease}.primary-btn:hover{background:#3182ce}.secondary-btn{background:#e2e8f0;border:none;border-radius:10px;color:#2d3748;cursor:pointer;font-size:.9rem;min-width:auto;padding:8px 12px;transition:background-color .2s ease;white-space:nowrap}.secondary-btn:hover{background:#cbd5e0}.url-actions{display:flex;gap:8px;justify-content:flex-end}.uploader-group{align-items:stretch;display:flex;flex-direction:column;gap:8px}.uploader-group.compact-buttons{align-items:center;flex-direction:row;gap:8px;justify-content:flex-start}.uploader-group.compact-buttons button{align-items:center;background:#4299e1!important;color:#fff!important;display:inline-flex;justify-content:center}.compact-btn{border-radius:8px!important;font-size:.85rem!important;min-width:auto!important;padding:6px 12px!important;white-space:nowrap}.file-label.compact-btn{background:#48bb78;color:#fff}.file-label.compact-btn:hover{background:#38a169}.primary-btn.compact-btn{align-items:center;background:#4299e1!important;color:#fff!important;display:inline-flex;justify-content:center}.primary-btn.compact-btn:hover{background:#3182ce!important}.add-url .primary-btn{align-items:center;background:#4299e1!important;color:#fff!important;display:inline-flex;justify-content:center;min-width:auto;white-space:nowrap}.playlist{background:transparent;flex:1 1;overflow-y:auto;padding-right:6px}.playlist-header{grid-column-gap:10px;align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#718096;-webkit-column-gap:10px;column-gap:10px;display:grid;font-weight:600;grid-template-columns:60px 2fr 1fr 140px;margin:6px 0;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.playlist-header .col-index{text-align:center}.playlist-header .col-actions{text-align:right;white-space:nowrap}.playlist-toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between;margin:4px 0}.playlist-search{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.9rem;max-width:360px;min-width:160px;outline:none;padding:8px 12px;transition:border-color .2s ease}.playlist-search:focus{border-color:#4299e1}.playlist-count{color:#718096;font-size:.9rem}.mini-player-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.mini-player-toggle:hover{box-shadow:0 2px 8px rgba(102,126,234,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mini-player-toggle input[type=checkbox]{accent-color:#1a1a2e;cursor:pointer;height:16px;width:16px}.mini-player-toggle .toggle-label{color:#fff;font-size:.8rem;font-weight:500}.local-pane.collapsed{height:50px;overflow:hidden;padding-bottom:0}.local-pane.playlist-expanded{height:100%;padding-bottom:16px}.playlist-container{display:flex;flex:1 1;flex-direction:column;gap:10px;height:100%;overflow:hidden}.local-pane.playlist-expanded .playlist-container .playlist{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:block;flex:1 1;max-height:900px;min-height:650px;overflow-y:auto;padding:8px;scrollbar-color:#4299e1 #f1f5f9;scrollbar-width:thin}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar{width:8px}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px;margin:4px 0}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4299e1,#3182ce);background-clip:content-box;border:1px solid #e2e8f0;border-radius:4px}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3182ce,#2c5aa0)}.local-pane.playlist-expanded .playlist-container .lyrics-panel{flex:2 1;min-height:400px;overflow:hidden}.local-pane:not(.playlist-expanded) .playlist-container .playlist{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:block;flex:1 1;max-height:300px;overflow-y:auto;padding:8px}.local-pane:not(.playlist-expanded) .playlist-container .lyrics-panel{flex:2 1;min-height:calc(100vh - 400px);overflow:hidden}.local-pane:not(.playlist-expanded) .playlist-header{display:grid;font-size:.8rem;padding:6px 10px}.local-pane:not(.playlist-expanded) .track-item{display:flex;gap:8px;margin-bottom:4px;padding:6px}.local-pane:not(.playlist-expanded) .track-item.current{background:#ebf8ff;border-color:#4299e1;display:flex}.local-pane:not(.playlist-expanded) .track-cover{font-size:16px;height:32px;width:32px}.local-pane:not(.playlist-expanded) .track-index{font-size:.75rem;height:28px;width:28px}.local-pane:not(.playlist-expanded) .track-title{font-size:.85rem}.local-pane:not(.playlist-expanded) .track-artist{font-size:.75rem}.lyrics-panel{display:flex!important}.lyrics-panel.hidden .lyrics-lines{display:none!important}.lyrics-toolbar{display:flex!important;visibility:visible!important}.empty-hint{color:#718096;font-size:.95rem;padding:28px 8px;text-align:center}.collapsed-summary{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin:8px 0;padding:16px}.current-track-info{justify-content:center}.current-track-display{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;min-width:300px;padding:12px 16px}.current-track-display .track-cover{align-items:center;background:#edf2f7;border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.track-details{flex:1 1;min-width:0}.track-details .track-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:4px}.track-details .track-artist,.track-details .track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-details .track-artist{color:#718096;font-size:.9rem}.track-position{background:#e2e8f0;border-radius:6px;color:#4a5568;flex-shrink:0;font-size:.9rem;font-weight:600;padding:4px 8px}.no-current-track{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;color:#718096;font-size:1rem;padding:20px;text-align:center}.track-item{background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.06);cursor:default;gap:10px;justify-content:space-between;margin-bottom:10px;padding:12px;transition:all .2s ease}.track-index,.track-item{align-items:center;display:flex}.track-index{background:#edf2f7;border-radius:8px;color:#4a5568;font-weight:600;height:36px;justify-content:center;margin-right:4px;min-width:36px;width:36px}.track-item:hover{box-shadow:0 8px 20px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.track-item.current{border-color:#4299e1;box-shadow:0 8px 22px rgba(66,153,225,.25)}.track-main{cursor:pointer;flex:1 1;gap:12px;min-width:0}.track-cover,.track-main{align-items:center;display:flex}.track-cover{background:#edf2f7;border-radius:8px;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.track-info{min-width:0}.track-title{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:2px}.track-artist,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#718096;font-size:.85rem}.track-edit-inline{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr .9fr}.track-edit-inline input{border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;padding:8px 10px;transition:border-color .2s ease}.track-edit-inline input:focus{border-color:#4299e1}.track-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}@media (max-width:480px){.track-actions .icon-btn{border-radius:4px!important;font-size:.7rem!important;min-height:24px!important;min-width:24px!important;padding:0!important}.playlist-header .col-actions{width:auto!important}.playlist-header{grid-template-columns:40px minmax(0,2fr) 1fr auto!important}}.icon-btn{background:#e2e8f0;border:none;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.9rem;padding:6px 10px;transition:background-color .2s ease,-webkit-transform .08s ease;transition:background-color .2s ease,transform .08s ease;transition:background-color .2s ease,transform .08s ease,-webkit-transform .08s ease}.icon-btn:hover{background:#cbd5e0}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.audio-controls,.player-controls{background:#fff!important;border-radius:0!important;border-top:2px solid #e2e8f0!important;bottom:auto!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:8px!important;margin:0!important;min-height:-webkit-fit-content!important;min-height:-moz-fit-content!important;min-height:fit-content!important;opacity:1!important;padding:8px 16px!important;position:static!important;visibility:visible!important;width:100%!important;z-index:100!important}@media (max-width:480px){.audio-controls,.player-controls{gap:2px!important;min-height:-webkit-fit-content!important;min-height:-moz-fit-content!important;min-height:fit-content!important;padding:0!important}.local-pane{padding-bottom:0!important}.control-btn{font-size:1.1rem!important}.control-btn,.play-btn{min-height:auto!important;min-width:auto!important;padding:0!important}.play-btn{font-size:1.3rem!important}.progress-row{gap:4px!important}.progress{height:4px!important}}.buttons,.center-controls,.control-buttons-container{gap:12px!important}.buttons,.center-controls,.control-btn,.control-buttons-container{align-items:center!important;display:flex!important;justify-content:center!important;opacity:1!important;visibility:visible!important}.control-btn{background:#edf2f7!important;border:none!important;border-radius:10px!important;color:#2d3748!important;cursor:pointer!important;font-size:1.2rem!important;min-height:48px!important;min-width:48px!important;padding:0!important;touch-action:manipulation;transition:box-shadow .1s ease,-webkit-transform .08s ease!important;transition:transform .08s ease,box-shadow .1s ease!important;transition:transform .08s ease,box-shadow .1s ease,-webkit-transform .08s ease!important;-moz-user-select:none;user-select:none;-webkit-user-select:none}.control-btn:hover:not(:disabled){background:#e2e8f0!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.control-btn:active:not(:disabled){-webkit-transform:scale(.95)!important;transform:scale(.95)!important;transition:-webkit-transform .05s ease!important;transition:transform .05s ease!important;transition:transform .05s ease,-webkit-transform .05s ease!important}.control-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.control-btn.active{border:2px solid #2563eb!important;box-shadow:0 0 0 2px rgba(37,99,235,.3)!important}.play-btn{background:#48bb78!important;color:#fff!important;font-size:1.4rem!important;min-height:44px!important;min-width:44px!important;padding:8px 10px!important}.play-btn:hover:not(:disabled){background:#38a169!important}.play-btn.loading{background:#a0aec0!important;cursor:wait!important}.progress-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:64px 1fr 64px}.time{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#4a5568;font-size:.9rem;font-variant-numeric:tabular-nums;text-align:center}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:999px;height:6px;outline:none}.progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4299e1;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #90cdf4;cursor:pointer;height:14px;width:14px}.settings-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.loop-shuffle,.rate,.volume{align-items:center;display:flex;gap:8px;justify-content:center}.volume input[type=range]{width:140px}.rate select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;padding:6px 8px}.pill-btn{background:#edf2f7;border:none;border-radius:999px;color:#2d3748;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .2s ease}.pill-btn:hover{background:#e2e8f0}.pill-btn.active{background:#4299e1;color:#fff}.volume-rate-row{display:none}.audio-error{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:.9rem;margin:10px 16px;padding:8px 12px}.lyrics-panel{background:transparent;border:none;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:10px 12px}.lyrics-toolbar{justify-content:space-between}.lyrics-toolbar,.lyrics-toolbar .left,.lyrics-toolbar .right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.file-label.lrc-file{background:#805ad5}.file-label.lrc-file:hover{background:#6b46c1}.file-label.lrc-file input[type=file]{display:none}.lrc-url-input{border-radius:8px;font-size:.9rem;max-width:60vw;padding:8px 10px;transition:border-color .2s ease;width:240px}.lyrics-lines{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;height:100%;min-height:300px;overflow-y:auto;padding:8px}.lyrics-lines.empty{display:none}.lyrics-empty{color:#718096;font-size:.95rem;padding:20px 8px;text-align:center}.lyrics-line{border-radius:8px;color:#4a5568;padding:6px 8px;transition:background-color .15s ease,color .15s ease,-webkit-transform .05s ease;transition:background-color .15s ease,color .15s ease,transform .05s ease;transition:background-color .15s ease,color .15s ease,transform .05s ease,-webkit-transform .05s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lyrics-line:hover{background:#edf2f7;color:#2d3748}.lyrics-line.active{background:#ebf8ff;border-left:3px solid #4299e1;color:#2b6cb0;font-weight:600;padding-left:10px}.lyric-text{white-space:pre-wrap;word-break:break-word}.lyrics-container.floating-lyrics{-webkit-animation:floatingGlow 4s ease-in-out infinite alternate;animation:floatingGlow 4s ease-in-out infinite alternate;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.98) 30%,rgba(51,65,85,.98) 70%,rgba(71,85,105,.98));border:3px solid rgba(148,163,184,.4);border-image:linear-gradient(45deg,rgba(59,130,246,.3),rgba(147,51,234,.3),rgba(59,130,246,.3)) 1;border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.15),inset 0 2px 0 hsla(0,0%,100%,.25),0 0 40px rgba(59,130,246,.15);cursor:-webkit-grab;cursor:grab;height:450px;overflow:hidden;padding:0;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:500px;z-index:9999}@-webkit-keyframes floatingGlow{0%{box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.15),inset 0 2px 0 hsla(0,0%,100%,.25),0 0 40px rgba(59,130,246,.15);-webkit-transform:translateY(0);transform:translateY(0)}50%{box-shadow:0 35px 70px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.2),inset 0 2px 0 hsla(0,0%,100%,.3),0 0 60px rgba(147,51,234,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}to{box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.15),inset 0 2px 0 hsla(0,0%,100%,.25),0 0 50px rgba(59,130,246,.18);-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floatingGlow{0%{box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.15),inset 0 2px 0 hsla(0,0%,100%,.25),0 0 40px rgba(59,130,246,.15);-webkit-transform:translateY(0);transform:translateY(0)}50%{box-shadow:0 35px 70px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.2),inset 0 2px 0 hsla(0,0%,100%,.3),0 0 60px rgba(147,51,234,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}to{box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.15),inset 0 2px 0 hsla(0,0%,100%,.25),0 0 50px rgba(59,130,246,.18);-webkit-transform:translateY(0);transform:translateY(0)}}.lyrics-container.floating-lyrics.dragging{-webkit-animation:none;animation:none;border-color:rgba(59,130,246,.6);box-shadow:0 45px 90px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.2),inset 0 3px 0 hsla(0,0%,100%,.3),0 0 80px rgba(59,130,246,.25);cursor:-webkit-grabbing;cursor:grabbing;-webkit-transform:rotate(2deg) scale(1.05);transform:rotate(2deg) scale(1.05)}.lyrics-container.floating-lyrics.resizing{border-color:rgba(59,130,246,.5);cursor:nw-resize}.lyrics-floating-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,41,59,.9));border-bottom:2px solid rgba(148,163,184,.3);border-radius:17px 17px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.2);cursor:-webkit-grab;cursor:grab;display:flex;justify-content:space-between;padding:16px 20px}.lyrics-floating-header:active{cursor:-webkit-grabbing;cursor:grabbing}.floating-title{align-items:center;color:#f1f5f9;display:flex;font-size:1.1rem;font-weight:700;gap:10px;letter-spacing:.3px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.floating-controls{align-items:center;display:flex;gap:6px}.floating-minimize{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;cursor:pointer;font-size:.85rem;padding:4px 8px;transition:all .2s ease}.floating-minimize:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.lyrics-content{background:rgba(15,23,42,.15);height:calc(100% - 56px);padding:20px;scrollbar-color:rgba(148,163,184,.6) rgba(30,41,59,.3);scrollbar-width:thin}.lyrics-content::-webkit-scrollbar{width:8px}.lyrics-content::-webkit-scrollbar-track{background:rgba(30,41,59,.3);border-radius:4px;margin:4px 0}.lyrics-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(147,51,234,.6));border:1px solid hsla(0,0%,100%,.1);border-radius:4px}.lyrics-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(147,51,234,.8))}.floating-lyrics .lyric-line{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid transparent;border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:1.1rem;font-weight:400;line-height:1.7;margin-bottom:6px;overflow:hidden;padding:14px 16px;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.4);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.floating-lyrics .lyric-line:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3);box-shadow:0 6px 12px rgba(59,130,246,.15);color:#fff;-webkit-transform:translateX(6px) scale(1.01);transform:translateX(6px) scale(1.01)}.floating-lyrics .lyric-line.active{background:linear-gradient(135deg,rgba(59,130,246,.35),rgba(147,51,234,.35));border-left:6px solid;border-color:rgba(59,130,246,.5);box-shadow:0 8px 16px rgba(59,130,246,.25),0 0 30px rgba(59,130,246,.15),0 0 0 2px rgba(59,130,246,.2);color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.5px;padding-left:20px;text-shadow:0 3px 6px rgba(0,0,0,.5);-webkit-transform:translateX(10px) scale(1.03);transform:translateX(10px) scale(1.03)}.floating-lyrics .lyric-line .word{background:linear-gradient(90deg,gold,#ffed4e 30%,gold 70%,#ffc107);background-position:0;background-repeat:no-repeat;background-size:0 100%;border-radius:4px;display:inline-block;overflow:hidden;padding:0 2px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-lyrics .lyric-line.active .word{color:#e2e8f0;text-shadow:0 2px 4px rgba(0,0,0,.4)}.floating-lyrics .lyric-line .active-word{-webkit-animation:activeWordGlow .6s ease-in-out infinite alternate;animation:activeWordGlow .6s ease-in-out infinite alternate;background-size:100% 100%;border:2px solid rgba(255,215,0,.6);box-shadow:0 0 15px rgba(255,215,0,.5),0 4px 12px rgba(0,0,0,.3);color:#fff;font-weight:800;position:relative;text-shadow:0 0 12px gold,0 0 24px rgba(255,215,0,.8),0 4px 8px rgba(0,0,0,.6);-webkit-transform:scale(1.15);transform:scale(1.15);transition:all .2s cubic-bezier(.34,1.56,.64,1);z-index:10}@-webkit-keyframes activeWordGlow{0%{box-shadow:0 0 15px rgba(255,215,0,.5),0 4px 12px rgba(0,0,0,.3);text-shadow:0 0 12px gold,0 0 24px rgba(255,215,0,.8),0 4px 8px rgba(0,0,0,.6)}to{box-shadow:0 0 25px rgba(255,215,0,.7),0 6px 16px rgba(0,0,0,.4);text-shadow:0 0 20px gold,0 0 32px rgba(255,215,0,.9),0 6px 12px rgba(0,0,0,.8)}}@keyframes activeWordGlow{0%{box-shadow:0 0 15px rgba(255,215,0,.5),0 4px 12px rgba(0,0,0,.3);text-shadow:0 0 12px gold,0 0 24px rgba(255,215,0,.8),0 4px 8px rgba(0,0,0,.6)}to{box-shadow:0 0 25px rgba(255,215,0,.7),0 6px 16px rgba(0,0,0,.4);text-shadow:0 0 20px gold,0 0 32px rgba(255,215,0,.9),0 6px 12px rgba(0,0,0,.8)}}.floating-lyrics .lyric-line .sung-word{background-size:100% 100%;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 8px rgba(255,215,0,.3);color:gold;font-weight:600;text-shadow:0 0 8px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.4);-webkit-transform:scale(1.02);transform:scale(1.02)}.lyrics-container:not(.floating-lyrics) .lyric-line .word{background:linear-gradient(90deg,#4299e1,#3182ce 50%,#2c5aa0);background-position:0;background-repeat:no-repeat;background-size:0 100%;border-radius:3px;display:inline-block;padding:0 1px;position:relative;transition:all .25s ease}.lyrics-container:not(.floating-lyrics) .lyric-line .active-word{background-size:100% 100%;border:1px solid rgba(66,153,225,.5);box-shadow:0 0 8px rgba(66,153,225,.4);color:#fff;font-weight:700;text-shadow:0 0 6px rgba(66,153,225,.8);-webkit-transform:scale(1.08);transform:scale(1.08)}.lyrics-container:not(.floating-lyrics) .lyric-line .sung-word{background-size:100% 100%;border:1px solid rgba(66,153,225,.2);color:#4299e1;font-weight:500}.floating-lyrics .lyric-line.active:before{-webkit-animation:activeLinePulse 2s ease-in-out infinite alternate;animation:activeLinePulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,193,7,.1) 30%,rgba(255,152,0,.05) 70%,transparent);border:2px solid rgba(255,215,0,.3);border-radius:12px;bottom:-4px;box-shadow:0 0 20px rgba(255,215,0,.2),0 4px 12px rgba(0,0,0,.1);content:"";left:-8px;pointer-events:none;position:absolute;right:-8px;top:-4px}@-webkit-keyframes activeLinePulse{0%{border-color:rgba(255,215,0,.3);box-shadow:0 0 20px rgba(255,215,0,.2),0 4px 12px rgba(0,0,0,.1)}to{border-color:rgba(255,215,0,.5);box-shadow:0 0 30px rgba(255,215,0,.3),0 6px 16px rgba(0,0,0,.15)}}@keyframes activeLinePulse{0%{border-color:rgba(255,215,0,.3);box-shadow:0 0 20px rgba(255,215,0,.2),0 4px 12px rgba(0,0,0,.1)}to{border-color:rgba(255,215,0,.5);box-shadow:0 0 30px rgba(255,215,0,.3),0 6px 16px rgba(0,0,0,.15)}}.floating-lyrics .lyric-line.active:after{-webkit-animation:activeLineIndicator 1.5s ease-in-out infinite alternate;animation:activeLineIndicator 1.5s ease-in-out infinite alternate;background:linear-gradient(180deg,gold,#ffed4e 50%,#ffc107);border-radius:0 4px 4px 0;box-shadow:0 0 15px rgba(255,215,0,.6),0 2px 8px rgba(0,0,0,.3);content:"";height:70%;left:-12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}@-webkit-keyframes activeLineIndicator{0%{box-shadow:0 0 15px rgba(255,215,0,.6),0 2px 8px rgba(0,0,0,.3);-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}to{box-shadow:0 0 25px rgba(255,215,0,.8),0 4px 12px rgba(0,0,0,.4);-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}}@keyframes activeLineIndicator{0%{box-shadow:0 0 15px rgba(255,215,0,.6),0 2px 8px rgba(0,0,0,.3);-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}to{box-shadow:0 0 25px rgba(255,215,0,.8),0 4px 12px rgba(0,0,0,.4);-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}}.floating-lyrics .no-lyrics{color:#94a3b8;font-size:1.1rem;font-style:italic;line-height:1.6;opacity:.8;padding:60px 30px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}.minimized-current-file{background:hsla(0,0%,100%,.1);border-radius:6px;color:hsla(0,0%,100%,.9);font-size:.75rem;margin-top:4px;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.complete-import-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(72,187,120,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 28px;transition:all .2s ease}.complete-import-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 8px 20px rgba(72,187,120,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.complete-import-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.import-progress-modal.completed{border-color:rgba(72,187,120,.3)}.import-progress-modal.completed .import-progress-header{background:linear-gradient(135deg,#48bb78,#38a169)}.import-progress-modal.completed .progress-fill{background:linear-gradient(90deg,#48bb78,#38a169 50%,#2f855a)}@media (max-width:640px){.lyrics-container.floating-lyrics{height:min(70vh,380px);min-height:250px;min-width:320px;width:min(95vw,400px)}.lyrics-floating-header{padding:12px 16px}.floating-title{font-size:1rem}.lyrics-content{padding:16px}.floating-lyrics .lyric-line{font-size:1rem;padding:12px 14px}.floating-lyrics .lyric-line.active{font-size:1.15rem;padding-left:18px}.control-buttons-container{flex-direction:column!important;gap:8px!important;padding:8px 0!important}.center-controls,.control-buttons-container{align-items:center!important;display:flex!important}.center-controls{gap:20px!important;justify-content:center!important;max-width:200px!important;order:1!important;padding:4px 0!important;width:100%!important}.center-controls .play-btn{background:linear-gradient(135deg,#1db954,#1ed760)!important;border:none!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(29,185,84,.3)!important;color:#fff!important;font-size:1.4rem!important;min-height:48px!important;min-width:48px!important;overflow:hidden!important;padding:0!important;position:relative!important}.center-controls .play-btn:before{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0))!important;border-radius:50%!important;bottom:0!important;content:""!important;left:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;transition:opacity .3s ease!important}.center-controls .play-btn:hover:not(:disabled):before{opacity:1!important}.center-controls .control-btn:not(.play-btn){background:transparent!important;border:1px solid #1db954!important;border-radius:50%!important;box-shadow:none!important;color:#1db954!important;font-size:1.1rem!important;min-height:auto!important;min-width:auto!important;padding:0!important;transition:all .15s ease!important}.center-controls .control-btn:not(.play-btn):hover:not(:disabled){background:#1db954!important;box-shadow:0 2px 8px rgba(29,185,84,.3)!important;color:#fff!important}.secondary-controls-row{align-items:center!important;display:flex!important;gap:12px!important;justify-content:center!important;margin:0 auto!important;max-width:320px!important;order:2!important;padding:6px 0!important;width:100%!important}.left-controls,.right-controls{gap:6px!important}.left-controls,.rate-section,.right-controls,.volume-section{align-items:center!important;display:flex!important;flex-wrap:nowrap!important}.rate-section,.volume-section{background:rgba(29,185,84,.08)!important;border-radius:8px!important;gap:4px!important;height:36px!important;padding:4px 8px!important;white-space:nowrap!important}.rate-section label,.volume-section label{color:#1db954!important;flex-shrink:0!important;font-size:.75rem!important;font-weight:500!important}.volume-slider{border-radius:4px!important;height:4px!important;width:120px!important}.rate-select,.volume-slider{cursor:pointer!important;flex-shrink:0!important}.rate-select{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-sizing:border-box!important;font-size:.75rem!important;height:40px!important;min-width:100px!important;padding:8px 10px!important;text-align:center!important;width:100px!important}.right-controls .control-btn{align-items:center!important;background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;color:#1db954!important;display:flex!important;font-size:1rem!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:6px!important;transition:all .2s ease!important}.right-controls .control-btn:hover:not(:disabled){background:rgba(29,185,84,.1)!important;border-color:rgba(29,185,84,.2)!important;color:#14833b!important}.right-controls .control-btn.active{background:rgba(29,185,84,.15)!important;border-color:rgba(29,185,84,.3)!important;color:#14833b!important}.progress-section{max-width:300px!important;padding:6px 0!important;width:100%!important}.progress-slider{background:#ddd!important;border-radius:2px!important;height:4px!important;width:100%!important}.progress-slider::-webkit-slider-thumb{background:#1db954!important;border:none!important;border-radius:50%!important;height:14px!important;width:14px!important}@media (max-width:400px){.center-controls{gap:16px!important;max-width:180px!important}.center-controls .play-btn{font-size:1.2rem!important;min-height:42px!important;min-width:42px!important}.center-controls .control-btn:not(.play-btn){font-size:1rem!important;min-height:auto!important;min-width:auto!important}.secondary-controls-row{gap:8px!important;max-width:260px!important}.volume-slider{width:100px!important}.rate-select{height:38px!important;min-width:85px!important;padding:6px 8px!important;width:85px!important}}}.external-pane{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden;padding:16px}.external-pane>*{max-width:500px;width:100%}.external-hint{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#9a3412;font-size:.9rem;padding:10px 12px}.external-search{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.external-search input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;outline:none;padding:10px 12px;width:100%}.external-search input:focus{border-color:#4299e1}.providers{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.provider-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:14px;transition:box-shadow .2s ease,border-color .2s ease,-webkit-transform .2s ease;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,-webkit-transform .2s ease}.provider-card:hover{border-color:#cbd5e0;box-shadow:0 8px 22px rgba(0,0,0,.08);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.provider-name{color:#2d3748;font-weight:600;margin-bottom:8px}.provider-actions{display:flex;flex-wrap:wrap;gap:8px}.provider-actions button{background:#edf2f7;border:none;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.9rem;padding:6px 10px}.provider-actions button:hover{background:#e2e8f0}.embed-toggle{align-items:center;color:#4a5568;display:flex;font-size:.95rem;gap:8px}.embed-frame-wrap{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex:1 1;overflow:hidden}.embed-frame-wrap iframe{border:none;border-radius:12px;height:100%;min-height:360px;width:100%}@media (min-width:769px){.music-player-modal{max-height:85vh;max-width:1000px;width:95%}.music-player-body{padding:0}.local-pane{margin:0 auto;max-width:100%;padding:12px 8px}.playlist-header{font-size:.9rem;grid-template-columns:50px 2fr 1fr 120px;padding:6px 10px}.track-item{gap:8px;margin-bottom:8px;padding:10px}.track-index{font-size:.85rem;height:32px;min-width:32px;width:32px}.track-cover{font-size:20px;height:40px;width:40px}.track-title{font-size:.95rem}.track-artist{font-size:.8rem}.audio-controls,.player-controls{border-radius:0!important;bottom:auto!important;box-shadow:none!important;gap:10px!important;margin:0!important;padding:12px 16px!important;position:static!important}.local-pane .playlist-container{padding-bottom:0!important;scroll-padding-bottom:0!important}.local-pane .playlist{padding-bottom:10px!important;scroll-padding-bottom:10px!important}.control-btn{font-size:1.1rem!important;min-height:auto!important;min-width:auto!important;padding:0!important}.play-btn{font-size:1.3rem!important;min-height:52px!important;min-width:52px!important;padding:10px 14px!important}.settings-row{gap:10px}.volume input[type=range]{width:100px}.lyrics-panel{margin-bottom:0!important;padding:8px 10px}.lyrics-lines{min-height:200px}.add-row{gap:10px;grid-template-columns:280px 1fr}.add-url.form-open{gap:6px;grid-template-columns:1fr 160px 100px auto}.music-player-body{padding-bottom:0!important}.local-pane,.local-pane-content{margin-bottom:0!important;padding-bottom:0!important}.playlist-container{margin-bottom:0!important}.local-pane:not(.playlist-expanded) .playlist-container .lyrics-panel{min-height:auto!important}.local-pane.playlist-expanded .playlist-container .lyrics-panel{min-height:200px!important}}@media (max-width:900px){.music-player-modal{max-height:90vh;max-width:none;width:95%}.add-row{gap:12px;grid-template-columns:1fr}.uploader-group.compact-buttons{flex-wrap:wrap;justify-content:flex-start}.add-url.form-open{gap:10px;grid-template-columns:1fr;margin-left:0;padding-right:0}.add-url.form-open .url-actions{gap:12px;justify-content:center}.settings-row{gap:16px;grid-template-columns:1fr 1fr}.volume input[type=range]{width:120px}.loop-shuffle{gap:20px;grid-column:1/-1;justify-content:center}.playlist-container{gap:10px}.local-pane.playlist-expanded .playlist-container .playlist{max-height:580px;min-height:420px}.local-pane.playlist-expanded .playlist-container .lyrics-panel{flex:2 1;min-height:320px}.lyrics-lines{height:100%;min-height:280px}.local-pane:not(.playlist-expanded) .playlist-container .lyrics-panel{flex:0 0 auto;min-height:0;min-height:auto}.playlist-toolbar{flex-wrap:wrap;gap:10px}.playlist-search{flex:1 1 100%;max-width:100%;min-width:200px;order:1}.playlist-count{order:2}.mini-player-toggle{font-size:.75rem;order:3;padding:5px 10px}.mini-player-toggle input[type=checkbox]{height:14px;width:14px}.danger-btn{order:4}.pill-btn{order:5}}@media (max-width:640px){.music-player-modal-overlay{align-items:stretch!important;display:flex!important;justify-content:stretch!important}.music-player-modal,.music-player-modal-overlay{bottom:0!important;box-sizing:border-box!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.music-player-modal{border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;max-height:100vh!important;max-width:100vw!important;overflow:hidden!important}.music-player-body{display:flex!important;flex:1 1;flex-direction:column!important;margin:0!important;min-height:0;overflow:hidden!important;padding:0!important}.external-pane,.local-pane{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;padding:10px}.playlist-container{flex:1 1;min-height:0;overflow-y:auto}.audio-controls,.player-controls{border-radius:0!important;border-top:1px solid #e2e8f0!important;box-shadow:none!important;position:static!important;width:100%!important;z-index:1!important}.music-tabs{box-sizing:border-box!important;gap:6px;margin:0;padding:8px 0!important;width:100vw!important}.tab-btn{flex:1 1;font-size:.9rem;padding:8px 16px;text-align:center}.playlist-header{font-size:.85rem;grid-template-columns:50px 2fr 1fr 120px;padding:6px 10px}.track-item{gap:6px;margin-bottom:6px;padding:8px}.track-index{font-size:.8rem;height:30px;min-width:30px;width:30px}.track-cover{font-size:18px;height:36px;width:36px}.track-title{font-size:.95rem}.track-artist{font-size:.8rem}.track-actions{gap:4px}.icon-btn{font-size:.85rem;min-height:32px;min-width:32px;padding:6px 8px}.playlist{-ms-overflow-style:none;padding-right:8px!important;scrollbar-width:none}.playlist::-webkit-scrollbar{background-color:#f1f1f1;display:none;width:0}.playlist::-webkit-scrollbar-track{background-color:#e2e8f0;border-radius:4px}.playlist::-webkit-scrollbar-thumb{background-color:#4299e1;border:1px solid #e2e8f0;border-radius:4px}.playlist::-webkit-scrollbar-thumb:hover{background-color:#3182ce}.playlist::-webkit-scrollbar-thumb:active{background-color:#2c5aa0}.local-pane.playlist-expanded .playlist-container .playlist{padding-right:12px!important;scrollbar-color:#4299e1 #e2e8f0;scrollbar-width:thin}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar{background-color:#f8f9fa;width:10px}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar-track{background-color:#e2e8f0;border-radius:5px;margin:4px 0}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#4299e1;border:2px solid #fff;border-radius:5px}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar-thumb:hover{background-color:#3182ce}.local-pane.playlist-expanded .playlist-container .playlist::-webkit-scrollbar-thumb:active{background-color:#2c5aa0}.player-controls{gap:16px;padding:16px 20px}.buttons{gap:24px}.control-btn{font-size:1.3rem;min-height:auto;min-width:auto;padding:0}.progress-row{gap:10px;grid-template-columns:50px 1fr 50px}.time{font-size:.85rem}.progress{height:8px}.progress::-webkit-slider-thumb{height:18px;width:18px}.settings-row{gap:16px;grid-template-columns:1fr;padding:0 8px}.volume-rate-row{display:none!important}.settings-row .rate,.settings-row .volume{display:flex}.settings-row{align-items:center;gap:20px;grid-template-columns:1fr 1fr;justify-items:center;padding:8px 16px}.settings-row .rate,.settings-row .volume{gap:12px;justify-content:center}.settings-row .rate span,.settings-row .volume span{color:#4a5568;font-size:.9rem;font-weight:500}.settings-row .volume input[type=range]{width:100px}.settings-row .rate select{font-size:.9rem;min-width:70px;padding:6px 10px}.loop-shuffle{flex-wrap:wrap;gap:20px;justify-content:center}.lyrics-toolbar{align-items:stretch;flex-direction:column;gap:10px}.lyrics-toolbar .right{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-start!important}.lyrics-toolbar .right .secondary-btn{flex:0 0 auto!important;font-size:.8rem!important;height:auto!important;min-width:auto!important;padding:6px 8px!important;white-space:nowrap!important}.lyrics-toolbar .left,.lyrics-toolbar .right{flex-wrap:wrap;gap:8px;justify-content:flex-start}.lyrics-toolbar .left .pill-btn{align-items:center;background:#4299e1!important;border:2px solid #3182ce!important;border-radius:24px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0;font-size:.9rem!important;font-weight:600!important;justify-content:center;margin-right:10px;min-height:44px!important;min-width:auto;order:-1;padding:8px 16px!important;touch-action:manipulation!important;visibility:visible!important;white-space:nowrap}.lyrics-toolbar .left .pill-btn:hover{background:#3182ce!important;border-color:#2c5aa0!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.lyrics-toolbar .left .pill-btn.active{background:#48bb78!important;border-color:#38a169!important}.lyrics-toolbar .left button:first-child,.lyrics-toolbar .left button[onclick*=setShowLyrics]{background:#4299e1!important;border:2px solid #3182ce!important;border-radius:24px!important;color:#fff!important;display:inline-flex!important;font-weight:600!important;margin:0 10px 0 0!important;min-height:44px!important;min-width:120px!important;opacity:1!important;padding:8px 16px!important;position:relative!important;visibility:visible!important;z-index:999!important}.lrc-url-input{max-width:none;width:100%}.lyrics-lines{height:100%;min-height:400px}.lyrics-line{font-size:.9rem;padding:8px}.current-track-display{min-width:100%;padding:10px 12px}.current-track-display .track-cover{font-size:22px;height:44px;width:44px}.track-details .track-title{font-size:1rem}.track-details .track-artist{font-size:.85rem}.add-row{align-items:center;display:flex!important;flex-direction:row!important;justify-content:flex-start}.add-row,.add-url,.uploader-group.compact-buttons{flex-wrap:nowrap!important;gap:6px!important}.add-url{display:flex!important;justify-content:flex-start}.add-row .primary-btn,.add-row .secondary-btn,.add-url .primary-btn,.add-url .secondary-btn{font-size:.8rem!important;padding:6px 10px!important;white-space:nowrap!important}.add-url.form-open{display:flex!important;flex-direction:column;gap:8px;margin-left:0;padding-right:0}.add-url.form-open input,.add-url.form-open textarea{width:100%}.add-url.form-open .url-actions{display:flex;gap:8px;justify-content:flex-end}.lyrics-toolbar .right .primary-btn{display:none!important}.providers{gap:10px;grid-template-columns:1fr}.provider-card{padding:12px}.provider-actions{flex-direction:column;gap:8px}.provider-actions button{font-size:.9rem;padding:10px;width:100%}}@media (max-width:480px){.music-player-modal-overlay{padding:0!important}.music-player-modal,.music-player-modal-overlay{height:100vh!important;margin:0!important;overflow:hidden!important;width:100vw!important}.music-player-modal{border-radius:0!important;bottom:0!important;left:0!important;max-height:100vh!important;max-width:100vw!important;position:fixed!important;right:0!important;top:0!important}.music-player-body,.music-player-modal{display:flex!important;flex-direction:column!important}.music-player-body{flex:1 1!important;overflow:hidden!important;padding-bottom:0!important}.audio-controls,.music-player-modal .audio-controls,.music-player-modal .player-bottom-controls.mobile-fixed-controls,.music-player-modal .player-controls,.player-bottom-controls.mobile-fixed-controls,.player-controls{background:#fff!important;border-radius:0!important;border-top:2px solid #e2e8f0!important;bottom:0!important;box-shadow:0 -6px 16px rgba(0,0,0,.2)!important;display:block!important;left:0!important;margin:0!important;padding-bottom:12px!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;width:100%!important;z-index:1000!important}body.browser-quark .audio-controls,body.browser-quark .player-bottom-controls.mobile-fixed-controls,body.browser-quark .player-controls{padding-bottom:0!important}body.browser-edge-mobile .audio-controls,body.browser-edge-mobile .player-bottom-controls.mobile-fixed-controls,body.browser-edge-mobile .player-controls{padding-bottom:120px!important}body.browser-chrome-mobile .audio-controls,body.browser-chrome-mobile .music-player-modal .audio-controls,body.browser-chrome-mobile .music-player-modal .player-controls,body.browser-chrome-mobile .player-bottom-controls.mobile-fixed-controls,body.browser-chrome-mobile .player-controls{padding-bottom:60px!important}body.has-large-bottom-bar .audio-controls,body.has-large-bottom-bar .music-player-modal .audio-controls,body.has-large-bottom-bar .music-player-modal .player-controls,body.has-large-bottom-bar .player-bottom-controls.mobile-fixed-controls,body.has-large-bottom-bar .player-controls{padding-bottom:12px!important}body.browser-qq .audio-controls,body.browser-qq .music-player-modal .audio-controls,body.browser-qq .music-player-modal .player-controls,body.browser-qq .player-bottom-controls.mobile-fixed-controls,body.browser-qq .player-controls{padding-bottom:60px!important}.player-bottom-controls.desktop-only{display:none!important}.player-bottom-controls.mobile-fixed-controls{display:block!important}.local-pane,.music-player-modal .local-pane,.music-player-modal.modal .local-pane{-webkit-overflow-scrolling:touch!important;display:block!important;flex:1 1!important;height:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:10px 10px 20px!important}.local-pane::-webkit-scrollbar{width:4px}.local-pane::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.local-pane::-webkit-scrollbar-thumb{background:#4299e1;border-radius:2px}.player-split-layout{gap:12px!important;height:auto!important;overflow:visible!important}.player-left-panel,.player-split-layout{display:flex!important;flex-direction:column!important}.player-left-panel{border:1px solid #e2e8f0;border-radius:12px;height:280px!important;max-height:280px!important;max-width:none!important;min-height:280px!important;min-width:auto!important;overflow:hidden!important;width:100%!important}.music-player-modal .player-left-panel .split-playlist,.player-left-panel .split-playlist{-webkit-overflow-scrolling:touch!important;flex:1 1!important;max-height:none!important;overflow-y:auto!important;padding:8px!important}.panel-resizer{display:none!important}.player-right-panel{border-radius:12px;display:flex!important;flex-direction:column!important;height:320px!important;max-height:320px!important;min-height:320px!important;min-width:auto!important;overflow:hidden!important;width:100%!important}.player-right-panel .lyrics-content,.player-right-panel .lyrics-lines{-webkit-overflow-scrolling:touch!important;flex:1 1!important;height:auto!important;max-height:none!important;overflow-y:auto!important}.lyrics-panel-header{flex-shrink:0!important;padding:10px 12px!important}.lyrics-toolbar{flex-shrink:0!important;flex-wrap:wrap;gap:6px;padding:8px!important}.uploader-group.compact-buttons{flex-wrap:nowrap!important;gap:6px;justify-content:flex-start}.add-row{align-items:center;flex-direction:row!important;margin-bottom:10px}.add-row,.add-url{display:flex!important;flex-wrap:nowrap!important;gap:4px!important}.add-row .primary-btn,.add-row .secondary-btn,.add-url .primary-btn,.add-url .secondary-btn{font-size:.75rem!important;padding:5px 8px!important;white-space:nowrap!important}.compact-btn{font-size:.8rem!important;padding:6px 10px!important}.playlist-header{flex-shrink:0!important;font-size:.8rem;grid-template-columns:40px 2fr 1fr 80px!important;padding:4px 8px}.track-item{gap:6px;margin-bottom:6px;padding:8px}.track-index{font-size:.8rem;height:28px;min-width:28px;width:28px}.track-cover{font-size:18px;height:36px;width:36px}.track-actions{gap:2px}.playlist-toolbar{flex-wrap:wrap!important;gap:6px!important;margin-bottom:10px!important}.icon-btn{font-size:.8rem;min-height:28px;min-width:28px;padding:0}.player-controls{gap:8px;padding:8px 10px}.buttons{gap:12px}.control-btn{font-size:1rem;min-height:auto;min-width:auto;padding:0}.progress-row{gap:8px;grid-template-columns:45px 1fr 45px}.volume-rate-row{gap:10px!important;padding:0 8px!important}.volume-rate-row .rate,.volume-rate-row .volume{gap:6px}.volume-rate-row .rate span,.volume-rate-row .volume span{font-size:.8rem}.volume-rate-row .volume input[type=range]{max-width:140px;min-width:100px}.volume-rate-row .rate select{font-size:.8rem;height:36px;max-width:110px;min-width:85px;padding:6px 8px}.loop-shuffle{gap:12px;justify-content:flex-end}.pill-btn{font-size:.8rem;padding:6px 10px}.lyrics-lines{height:782px}.lyrics-line{font-size:.85rem;padding:6px}.import-summary{font-size:.85rem;padding:8px 10px;text-align:center}.modal-header{padding:8px 12px}.modal-title h2{font-size:1.1rem}.close-button{font-size:.85rem;padding:6px 12px}}@media (max-width:360px){.compact-btn{font-size:.75rem!important;padding:4px 8px!important}.track-item{padding:6px}.track-actions{flex-direction:column;gap:2px}.icon-btn{font-size:.75rem;min-height:24px;min-width:24px;padding:0}.control-btn{min-height:auto;min-width:auto;padding:0}.volume-rate-row{gap:8px!important;padding:0 5px!important}.volume-rate-row .rate span,.volume-rate-row .volume span{font-size:.75rem}.volume-rate-row .volume input[type=range]{max-width:120px;min-width:90px}.volume-rate-row .rate select{font-size:.75rem;height:34px;max-width:110px;min-width:95px;padding:0;text-align:center;width:95px}.loop-shuffle{flex-direction:row;gap:16px;justify-content:center}}.file-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.7);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.file-selector-overlay{align-items:flex-start!important;padding-bottom:120px!important;padding-top:10px!important}.file-selector-modal{max-height:calc(100vh - 140px)!important;max-height:calc(100dvh - 140px)!important}.file-selector-actions{padding-bottom:16px!important}}.file-selector-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.file-selector-header{background:linear-gradient(135deg,#f8f9fa,#edf2f7);border-bottom:2px solid #e2e8f0;cursor:-webkit-grab;cursor:grab;padding:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-selector-header:active{cursor:-webkit-grabbing;cursor:grabbing}.file-selector-header h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 8px}.selection-info{color:#4a5568;font-size:.9rem;font-weight:500}.file-selector-toolbar{align-items:center;background:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.toolbar-buttons{display:flex;flex-wrap:wrap;gap:8px}.select-all-btn,.select-audio-btn,.select-lyric-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.select-all-btn:hover,.select-audio-btn:hover,.select-lyric-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.select-all-btn{background:#4299e1}.select-all-btn.active{background:#48bb78}.select-audio-btn{background:#ed8936}.select-lyric-btn{background:#9f7aea}.file-count{color:#718096;font-size:.85rem;font-weight:500}.file-selector-list{background:#f8f9fa;flex:1 1;max-height:50vh;overflow-y:auto;padding:8px}.file-selector-item{align-items:center;background:#fff;border:2px solid transparent;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.file-selector-item:hover{border-color:#cbd5e0;box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.file-selector-item.selected{background:#ebf8ff;border-color:#4299e1;box-shadow:0 4px 12px rgba(66,153,225,.15)}.file-checkbox{flex-shrink:0}.file-checkbox input[type=checkbox]{accent-color:#4299e1;cursor:pointer;height:18px;width:18px}.file-info{flex:1 1;min-width:0}.file-name{color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details{align-items:center;color:#718096;display:flex;font-size:.8rem;gap:8px}.file-path{font-style:italic;opacity:.8}.file-selector-actions{background:#fff;border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 20px calc(20px + env(safe-area-inset-bottom, 0px))}.cancel-btn{background:#e2e8f0;color:#2d3748;font-size:.9rem;font-weight:500;transition:all .2s ease}.music-player-modal .cancel-btn:before,.music-player-modal .icon-btn.cancel-btn:before{content:none}.cancel-btn:hover{background:#cbd5e0}.confirm-btn{background:#48bb78;font-size:.9rem;min-width:140px;transition:all .2s ease}.confirm-btn:hover{background:#38a169}.confirm-btn:disabled{background:#e2e8f0;color:#a0aec0}.current-track{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.06);flex-shrink:0;margin-top:12px;max-height:calc(100vh - 400px);overflow-y:auto;padding:16px}.current-track-info{align-items:center;display:flex;gap:12px;margin-bottom:12px}.current-track-cover{align-items:center;background:#edf2f7;border-radius:10px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.current-track-details{flex:1 1;min-width:0}.current-track-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:4px}.current-track-artist,.current-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-track-artist{color:#718096;font-size:.9rem}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:8px;color:#991b1b;font-size:.9rem;margin:10px 0;padding:10px 14px}.audio-controls{display:flex;flex-direction:column;gap:12px}.control-buttons,.control-buttons-container{align-items:center;gap:16px}.control-buttons-container{display:flex;justify-content:space-between}.left-controls{align-items:center;display:flex;gap:10px}.center-controls{align-items:center;display:flex;gap:16px}.right-controls{gap:10px}.control-btn,.right-controls{align-items:center;display:flex}.control-btn{background:#edf2f7;border:none;border-radius:10px;color:#2d3748;cursor:pointer;font-size:1.2rem;justify-content:center;min-height:48px;min-width:48px;padding:0;transition:all .2s ease}.control-btn:hover:not(:disabled){background:#e2e8f0;-webkit-transform:scale(1.05);transform:scale(1.05)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn.active{background:#4299e1;color:#fff}.play-btn{background:#48bb78;color:#fff;font-size:1.4rem;min-height:56px;min-width:56px;padding:12px 16px}.play-btn:hover{background:#38a169}.play-btn.loading{background:#a0aec0;cursor:wait}.progress-row,.progress-section{align-items:center!important;display:flex!important;gap:10px!important;opacity:1!important;visibility:visible!important}.time,.time-display{-webkit-font-feature-settings:"tnum"!important;font-feature-settings:"tnum"!important;color:#4a5568!important;font-size:.85rem!important;font-variant-numeric:tabular-nums!important;min-width:42px!important;text-align:center!important}.progress,.progress-slider,.time,.time-display{opacity:1!important;visibility:visible!important}.progress,.progress-slider{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#e2e8f0!important;border-radius:999px!important;cursor:pointer!important;flex:1 1!important;height:6px!important;outline:none!important}.progress-slider::-webkit-slider-thumb,.progress::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;background:#4299e1!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;cursor:pointer!important;height:16px!important;width:16px!important}.volume-section{align-items:center;display:flex;gap:8px}.volume-section label{color:#4a5568;flex-shrink:0;font-size:1rem}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:999px;cursor:pointer;height:4px;outline:none;width:60px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4299e1;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;height:12px;width:12px}.rate-section{align-items:center;display:flex;gap:6px;min-width:80px}.rate-section label{color:#4a5568;flex-shrink:0;font-size:.9rem}.rate-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.8rem;min-width:65px;outline:none;padding:4px 8px;text-align:center;transition:border-color .2s ease;width:65px}.rate-select:focus{border-color:#4299e1}.lyrics-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.06);margin-top:12px;padding:16px}.lyrics-header{gap:10px;justify-content:space-between;margin-bottom:12px}.lyrics-controls,.lyrics-header{align-items:center;display:flex;flex-wrap:wrap}.lyrics-controls{gap:8px}.file-label.small{background:#805ad5;color:#fff;font-size:.8rem;padding:6px 12px}.file-label.small:hover{background:#6b46c1}.lrc-url-input{background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:.85rem;min-width:180px;outline:none;padding:6px 10px}.lrc-url-input:focus{border-color:#4299e1}.secondary-btn.small{font-size:.8rem;padding:6px 12px}.lyrics-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.lyric-line{border-radius:6px;color:#4a5568;cursor:pointer;line-height:1.5;padding:6px 8px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lyric-line:hover{background:#edf2f7;color:#2d3748}.lyric-line.active{background:#ebf8ff;border-left:3px solid #4299e1;color:#2b6cb0;font-weight:600;padding-left:10px;-webkit-transform:translateX(2px);transform:translateX(2px)}.no-lyrics{color:#718096;font-style:italic;padding:20px}.import-summary{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;background:#d4edda;border:1px solid #c3e6cb;border-left:4px solid #28a745;border-radius:8px;color:#155724;font-size:.9rem;margin:10px 0;padding:10px 14px}.import-progress-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid rgba(66,153,225,.2);border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.8);display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:600px;overflow:hidden;pointer-events:all;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:999999999}.import-progress-modal.dragging{border-color:rgba(66,153,225,.4);box-shadow:0 40px 80px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.9);cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transform:translate(-50%,-50%) rotate(1deg) scale(1.02);transform:translate(-50%,-50%) rotate(1deg) scale(1.02);transition:none}.import-progress-header{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);border-bottom:2px solid #e2e8f0;color:#fff;cursor:-webkit-grab;cursor:grab;display:flex;flex-direction:column;gap:8px;padding:24px 28px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.import-progress-header:active{cursor:-webkit-grabbing;cursor:grabbing}.import-progress-modal.dragging .import-progress-header{background:linear-gradient(135deg,#3182ce,#2c5aa0);cursor:-webkit-grabbing!important;cursor:grabbing!important}.import-progress-header h3{font-size:1.3rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.progress-header-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.progress-icon{flex-shrink:0;font-size:1.2rem}.progress-title{flex-shrink:0;font-size:1.1rem;font-weight:600;white-space:nowrap}.progress-header-right{align-items:center;display:flex;justify-content:center;max-width:400px;width:100%}.progress-stats{font-size:1rem;font-weight:500;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.1)}.progress-header-buttons{align-items:center;display:flex;gap:8px;position:absolute;right:20px;top:16px;z-index:10}.minimize-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:32px;min-width:44px;padding:6px 10px;transition:all .2s ease}.minimize-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}.close-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:32px;min-width:32px;padding:6px 10px;transition:all .2s ease}.close-btn:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5);color:#fff}.overall-progress-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 28px}.progress-label{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:10px}.progress-bar{background:#e2e8f0;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);height:12px;overflow:hidden}.progress-bar,.progress-fill{border-radius:20px;position:relative}.progress-fill{background:linear-gradient(90deg,#48bb78,#38a169 50%,#2f855a);box-shadow:0 2px 8px rgba(72,187,120,.3);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-fill.paused{background:linear-gradient(90deg,#ffa726,#ff9800 50%,#f57c00);box-shadow:0 2px 8px rgba(255,152,0,.3)}.progress-fill:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.3));border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.current-file-section{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 28px}.current-file-label{color:#4a5568;font-size:.9rem;font-weight:600;min-width:80px}.current-file-name{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#2d3748;flex:1 1;font-size:1rem;font-weight:500;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;white-space:nowrap}.import-summary-section{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;padding:18px 28px}.summary-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:8px;justify-content:center;min-width:120px;padding:10px 16px}.summary-item.error{background:#fed7d7;border-color:#feb2b2;color:#c53030}.summary-icon{flex-shrink:0;font-size:1.1rem}.file-progress-section{background:#f8f9fa;border-bottom:1px solid #e2e8f0;flex:1 1;max-height:300px;overflow-y:auto;padding:20px 28px}.file-progress-header{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.95rem;font-weight:600;margin-bottom:16px;padding-bottom:8px;text-align:center}.file-progress-list{display:flex;flex-direction:column;gap:10px}.file-progress-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:14px 16px;transition:all .2s ease}.file-progress-item.processing{background:#ebf8ff;border-color:#4299e1;box-shadow:0 4px 8px rgba(66,153,225,.15)}.file-progress-item.completed{background:#f0fff4;border-color:#48bb78;box-shadow:0 4px 8px rgba(72,187,120,.15)}.file-progress-item.error{background:#fed7d7;border-color:#e53e3e;box-shadow:0 4px 8px rgba(229,62,62,.15)}.file-progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.file-progress-name{color:#2d3748;flex:1 1;font-size:.9rem;font-weight:500;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-progress-status{flex-shrink:0}.status-pending{color:#718096;font-size:.8rem;font-weight:500}.status-processing{-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite;color:#2b6cb0;font-size:.8rem;font-weight:600}.status-completed{color:#38a169;font-size:.8rem;font-weight:600}.status-error{color:#c53030;font-size:.8rem;font-weight:600}.file-progress-bar{background:#e2e8f0;border-radius:20px;height:6px;overflow:hidden;position:relative}.file-progress-fill{background:linear-gradient(90deg,#4299e1,#3182ce);border-radius:20px;height:100%;position:relative;transition:width .2s ease}.file-progress-item.completed .file-progress-fill{background:linear-gradient(90deg,#48bb78,#38a169)}.file-progress-item.error .file-progress-fill{background:linear-gradient(90deg,#e53e3e,#c53030)}.file-progress-more{background:#f7fafc;border:1px dashed #cbd5e0;border-radius:8px;color:#718096;font-size:.85rem;margin-top:8px;padding:12px;text-align:center}.import-errors-section{background:#fed7d7;border-bottom:1px solid #feb2b2;max-height:200px;overflow-y:auto;padding:20px 28px}.errors-header{border-bottom:1px solid #feb2b2;color:#c53030;font-size:.95rem;font-weight:600;margin-bottom:12px;padding-bottom:8px;text-align:center}.errors-list{display:flex;flex-direction:column;gap:8px}.error-item{background:#fff;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.85rem;line-height:1.4;padding:10px 12px}.import-progress-actions{background:#fff;border-top:2px solid #e2e8f0;display:flex;justify-content:center;padding:20px 28px}.cancel-import-btn{background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(66,153,225,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 28px;transition:all .2s ease}.cancel-import-btn:hover{background:linear-gradient(135deg,#3182ce,#2c5aa0);box-shadow:0 8px 20px rgba(66,153,225,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cancel-import-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:640px){.import-progress-overlay{padding:10px}.import-progress-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid rgba(66,153,225,.2);border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.8);display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.import-progress-modal.minimized{-webkit-animation:slideInFromTop .3s ease-out;animation:slideInFromTop .3s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:2px solid rgba(66,153,225,.3)!important;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.9);height:auto;max-height:120px;max-width:380px;pointer-events:all;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:9999}@-webkit-keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.import-progress-modal.minimized .import-progress-header{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);border-bottom:none;border-radius:12px 12px 0 0;display:flex;flex-direction:row;gap:8px;justify-content:space-between;padding:10px 14px}.import-progress-modal.minimized .progress-header-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.import-progress-modal.minimized .progress-icon{flex-shrink:0;font-size:1.1rem}.import-progress-modal.minimized .progress-title{flex-shrink:0;font-size:.9rem;font-weight:600;white-space:nowrap}.import-progress-modal.minimized .progress-stats{flex-shrink:0;font-size:.8rem;opacity:.9;white-space:nowrap}.import-progress-modal.minimized .progress-percentage{display:inline}.import-progress-modal.minimized .progress-header-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.import-progress-modal.minimized .minimize-btn{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);font-size:.85rem;min-height:28px;min-width:36px;padding:4px 8px}.import-progress-modal.minimized .minimize-btn:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.3)}.import-progress-modal.minimized .close-btn{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;cursor:pointer;font-size:.85rem;min-height:28px;min-width:28px;padding:4px 8px;transition:all .2s ease}.import-progress-modal.minimized .close-btn:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5);color:#fff}.minimized-progress-section{background:#fff;border-top:1px solid #e2e8f0;padding:8px 12px}.minimized-progress-bar{background:#e2e8f0;border-radius:20px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);height:6px;overflow:hidden;position:relative}.minimized-progress-fill{background:linear-gradient(90deg,#48bb78,#38a169 50%,#2f855a);border-radius:20px;box-shadow:0 1px 3px rgba(72,187,120,.2);height:100%;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1)}.minimized-progress-fill.paused{background:linear-gradient(90deg,#ffa726,#ff9800 50%,#f57c00);box-shadow:0 1px 3px rgba(255,152,0,.2)}.minimized-progress-fill:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.3));border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-stats{font-size:.9rem}.current-file-section,.file-progress-section,.import-errors-section,.import-progress-actions,.import-summary-section,.overall-progress-section{padding:16px 20px}.import-summary-section{flex-direction:column;gap:12px}.summary-item{min-width:100%}.file-progress-section{max-height:250px}.file-progress-item{padding:12px 14px}.file-progress-name{font-size:.85rem}.current-file-section{align-items:stretch;flex-direction:column;gap:8px}.current-file-label{min-width:auto;text-align:center}.cancel-import-btn{padding:14px 20px;width:100%}}@media (max-width:480px){.import-progress-modal{border-radius:12px;max-height:95vh}.import-progress-header{padding:16px}.import-progress-header h3{font-size:1.1rem}.progress-stats{font-size:.85rem}.current-file-section,.file-progress-section,.import-errors-section,.import-progress-actions,.import-summary-section,.overall-progress-section{padding:12px 16px}.progress-label{font-size:.9rem}.progress-bar{height:10px}.file-progress-section{max-height:200px}.file-progress-item{padding:10px 12px}.file-progress-name{font-size:.8rem}.file-progress-status span{font-size:.75rem}.file-progress-bar{height:5px}.import-progress-actions{padding:16px}.cancel-import-btn{font-size:.9rem;padding:12px 16px}}.file-progress-section::-webkit-scrollbar{width:6px}.file-progress-section::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.file-progress-section::-webkit-scrollbar-thumb{background:#4299e1;border:1px solid #fff;border-radius:3px}.file-progress-section::-webkit-scrollbar-thumb:hover{background:#3182ce}.import-errors-section::-webkit-scrollbar{width:6px}.import-errors-section::-webkit-scrollbar-track{background:#feb2b2;border-radius:3px}.import-errors-section::-webkit-scrollbar-thumb{background:#e53e3e;border:1px solid #fff;border-radius:3px}.import-errors-section::-webkit-scrollbar-thumb:hover{background:#c53030}.danger-btn{background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.danger-btn:hover{background:#c53030;-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:640px){.file-selector-overlay{align-items:flex-start;padding:10px 10px 120px}.file-selector-modal{border-radius:12px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}.file-selector-header{padding:16px}.file-selector-header h3{font-size:1.1rem}.file-selector-toolbar{align-items:stretch;flex-direction:column;gap:8px;padding:12px 16px}.toolbar-buttons{display:flex;flex-wrap:wrap;gap:6px;width:100%}.select-all-btn,.select-audio-btn,.select-lyric-btn{flex:1 1;font-size:.75rem;justify-content:center;min-width:calc(33% - 4px);padding:8px 6px;text-align:center}.file-count{margin-top:4px;text-align:center}.file-selector-list{flex:1 1;max-height:none;overflow-y:auto;padding:6px}.file-selector-item{margin-bottom:6px;padding:10px 12px}.file-name{font-size:.9rem}.file-details{font-size:.75rem}.file-selector-actions{flex-direction:row;gap:10px;padding:12px 16px}.cancel-btn,.confirm-btn{flex:1 1;font-size:.8rem;min-width:auto;padding:10px 8px;text-align:center}.current-track{margin-top:10px;padding:12px}.current-track-cover{font-size:24px;height:48px;width:48px}.current-track-title{font-size:1rem}.current-track-artist{font-size:.85rem}.control-buttons{gap:12px}.control-btn{font-size:1.1rem}.control-btn,.play-btn{min-height:auto;min-width:auto;padding:0}.play-btn{font-size:1.3rem}.volume-section{flex-wrap:wrap;justify-content:space-between}.volume-slider{width:100px}.lyrics-header{align-items:flex-start;flex-direction:column}.lyrics-header .pill-btn{align-self:flex-start;width:auto}.lyrics-controls{flex-direction:column;gap:10px}.lrc-url-input{min-width:100%}.lyrics-container{max-height:none}}@media (max-width:480px){.file-selector-modal{border-radius:8px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}.file-selector-header{padding:12px}.file-selector-header h3{font-size:1rem}.selection-info{font-size:.8rem}.file-selector-toolbar{padding:10px 12px}.toolbar-buttons{gap:4px}.select-all-btn,.select-audio-btn,.select-lyric-btn{font-size:.7rem;min-width:calc(33% - 3px);padding:6px 4px}.file-selector-item{padding:8px 10px}.file-checkbox input[type=checkbox]{height:16px;width:16px}.file-name{font-size:.85rem}.file-details{font-size:.7rem}.file-selector-actions{flex-direction:row;gap:8px;padding:10px 12px max(16px,env(safe-area-inset-bottom,0px),0px);padding-bottom:max(16px,env(safe-area-inset-bottom,0px),var(--inner-bottom-padding,var(--bottom-bar-height,0px)))}.file-selector-actions .cancel-btn,.file-selector-actions .confirm-btn{flex:1 1;font-size:.75rem;min-width:auto;padding:10px 6px}}@media (max-width:640px){.modal-close-in-header{margin-left:auto}.modal-close-in-header .close-button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:20px}.modal-close-in-header .close-button.red{color:#fff}.modal-close-top-right{position:absolute;right:16px;top:16px;z-index:10}.music-player-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:none!important;color:#fff!important;margin-bottom:0!important;min-height:50px!important;padding:10px 4px 10px 15px!important}.music-player-modal .modal-header h2{color:#fff!important;font-size:1.2rem!important;font-weight:600!important}.music-tabs{margin-top:0!important}.audio-controls,.player-controls{gap:8px!important;min-height:-webkit-fit-content!important;min-height:-moz-fit-content!important;min-height:fit-content!important;padding:8px 10px!important}.music-player-modal,.music-player-modal-overlay{height:100svh!important;min-height:100dvh!important}.music-player-modal .local-pane .playlist,.music-player-modal .local-pane .playlist-container{padding-bottom:0!important;scroll-padding-bottom:0!important}}@media (max-width:480px){.music-player-modal .lyrics-panel{margin-bottom:0!important;padding-bottom:0!important}.music-player-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:none!important;color:#fff!important;margin-bottom:0!important;min-height:50px!important;padding:10px 4px 10px 15px!important}.music-player-modal .modal-header h2{color:#fff!important;font-size:1.1rem!important;font-weight:600!important}.music-player-body{padding-bottom:0!important}.music-player-modal .local-pane .playlist,.music-player-modal .local-pane .playlist-container{padding-bottom:0!important;scroll-padding-bottom:0!important}.music-player-modal,.music-player-modal-overlay{height:100svh!important;min-height:100dvh!important}}@media (max-width:768px){.music-player-modal,.music-player-modal-overlay,.music-player-modal.modal{height:100svh!important;inset:0!important;margin:0!important;min-height:100dvh!important;padding:0!important;position:fixed!important;width:100vw!important}.music-player-modal,.music-player-modal.modal{border-radius:0!important;display:flex!important;flex-direction:column!important;max-width:none!important;overflow:hidden!important}body.browser-360 .music-player-modal,body.browser-360 .music-player-modal-overlay{height:100vh!important;height:calc(var(--vh, 1vh)*100)!important;max-height:100vh!important;max-height:calc(var(--vh, 1vh)*100)!important}body.browser-360 .audio-controls,body.browser-360 .player-controls{padding-bottom:26px!important}body.browser-360 .local-pane{padding-bottom:96px!important}body.browser-360 .music-player-body{padding-bottom:26px!important}.music-content,.music-player-body,.music-player-modal .modal-body{display:flex!important;flex:1 1!important;flex-direction:column!important;margin-bottom:0!important;max-height:none!important;min-height:0!important;overflow:hidden!important;padding-bottom:0!important}.music-player-modal .local-pane{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:8px!important;overflow:auto!important;padding:8px!important}.music-player-modal .local-pane .playlist,.music-player-modal .local-pane .playlist-container{margin-bottom:0!important;padding-bottom:0!important;scroll-padding-bottom:0!important}.music-player-modal .modal-footer{border:0!important;height:0!important;margin:0!important;min-height:0!important;padding:0!important}.music-player-modal .audio-controls,.music-player-modal .player-bottom-controls,.music-player-modal .player-controls{bottom:auto!important;flex-shrink:0!important;position:static!important}.music-player-modal .local-pane-content{flex-shrink:0!important}.music-player-modal .playlist-toolbar{flex-shrink:0!important;flex-wrap:wrap!important;gap:6px!important;padding:4px 0!important}.music-player-modal .playlist-toolbar .playlist-search{flex:1 1!important;max-width:none!important;min-width:120px!important}.music-player-modal .playlist-toolbar .danger-btn,.music-player-modal .playlist-toolbar .pill-btn{font-size:.75rem!important;padding:6px 10px!important}}.player-split-layout{display:flex;flex:1 1;flex-direction:row;gap:0;min-height:0;overflow:hidden;padding:12px}.panel-resizer{align-items:center;background:linear-gradient(180deg,#e2e8f0,#cbd5e0 50%,#e2e8f0);border-radius:4px;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;margin:0 4px;transition:background .2s;width:8px}.panel-resizer:hover{background:linear-gradient(180deg,#667eea,#764ba2 50%,#667eea)}.panel-resizer:before{color:#718096;content:"⋮";font-size:16px;font-weight:700}.panel-resizer:hover:before{color:#fff}.panel-resizer.dragging{background:linear-gradient(180deg,#667eea,#764ba2 50%,#667eea)}.panel-resizer.dragging:before{color:#fff}.player-left-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;max-width:600px;min-width:200px;overflow:hidden;width:350px}.player-left-panel .playlist-header{grid-column-gap:8px;background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#718096;-webkit-column-gap:8px;column-gap:8px;display:grid;font-size:.8rem;font-weight:600;grid-template-columns:40px 1.5fr 1fr 70px;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.player-left-panel .split-playlist{flex:1 1;overflow-y:auto;padding:8px;scrollbar-color:#4299e1 #f1f5f9;scrollbar-width:thin}.player-left-panel .split-playlist::-webkit-scrollbar{width:6px}.player-left-panel .split-playlist::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.player-left-panel .split-playlist::-webkit-scrollbar-thumb{background:#4299e1;border-radius:3px}.track-item.compact{border-radius:8px;gap:8px;margin-bottom:6px;padding:8px 10px}.track-item.compact .track-index{font-size:.75rem;height:28px;min-width:28px;width:28px}.track-item.compact .track-cover{font-size:16px;height:32px;width:32px}.track-item.compact .track-title{font-size:.85rem}.track-item.compact .track-artist{font-size:.7rem}.compact-actions{gap:4px!important}.compact-actions .icon-btn{font-size:.75rem!important;min-height:26px!important;min-width:26px!important;padding:0!important}.player-right-panel{background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-width:300px;overflow:hidden}.lyrics-panel-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.lyrics-panel-header .lyrics-title{font-size:1rem;font-weight:600}.lyrics-panel-header .current-song-name{font-size:.85rem;max-width:200px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyrics-container.split-lyrics{background:hsla(0,0%,100%,.7);flex:1 1;max-height:none;overflow-y:auto;padding:16px}.lyrics-container.split-lyrics .lyrics-content{height:auto}.lyrics-container.split-lyrics .lyric-line{border-radius:8px;color:#4a5568;cursor:pointer;font-size:1rem;margin-bottom:6px;padding:10px 14px;transition:all .2s ease}.lyrics-container.split-lyrics .lyric-line:hover{background:rgba(66,153,225,.1)}.lyrics-container.split-lyrics .lyric-line.active{background:linear-gradient(135deg,#667eea20,#764ba220);border-left:4px solid #4299e1;color:#4299e1;font-size:1.1rem;font-weight:600;padding-left:16px;-webkit-transform:scale(1.02);transform:scale(1.02)}.lyrics-placeholder{align-items:center;color:#718096;display:flex;flex:1 1;font-size:1rem;justify-content:center}.player-bottom-controls{background:#fff;border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding:12px 16px}.player-bottom-controls.mobile-fixed-controls{display:none}.progress-row-unified{align-items:center;display:flex;gap:12px}.progress-row-unified .time-display{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#4a5568;font-size:.85rem;font-variant-numeric:tabular-nums;min-width:45px;text-align:center}.progress-row-unified .progress-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;outline:none}.progress-row-unified .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4299e1;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #90cdf4;cursor:pointer;height:14px;width:14px}.controls-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.playback-controls{align-items:center;display:flex;gap:10px}.playback-controls .control-btn{align-items:center;background:#edf2f7;border:none;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;min-height:auto;min-width:auto;padding:0;transition:all .2s ease}.playback-controls .control-btn:hover:not(:disabled){background:#e2e8f0;-webkit-transform:scale(1.05);transform:scale(1.05)}.playback-controls .play-btn{background:#48bb78!important;color:#fff!important;font-size:1.2rem!important;min-height:auto!important;min-width:auto!important}.playback-controls .play-btn:hover:not(:disabled){background:#38a169!important}.volume-compact{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:6px;padding:4px 10px}.volume-compact input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;height:4px;width:80px}.volume-compact input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4299e1;border-radius:50%;cursor:pointer;height:12px;width:12px}.lyrics-tools{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tool-btn{background:#edf2f7;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.8rem;padding:6px 12px;touch-action:manipulation;transition:box-shadow .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,box-shadow .1s ease;transition:transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap}.tool-btn:hover{background:#e2e8f0}.tool-btn:active{-webkit-transform:scale(.95);transform:scale(.95);transition:-webkit-transform .05s ease;transition:transform .05s ease;transition:transform .05s ease,-webkit-transform .05s ease}.tool-btn.active{border:2px solid #2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.3)}.tool-btn.upload-lrc{background:#805ad5;color:#fff;cursor:pointer}.tool-btn.upload-lrc:hover{background:#6b46c1}.offset-controls{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:4px;padding:4px 8px}.offset-controls button{align-items:center;background:#e2e8f0;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;width:24px}.offset-controls button:hover{background:#cbd5e0}.offset-controls .offset-value{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#4a5568;font-size:.75rem;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.compact-error{background:#fee2e2;border-radius:6px;color:#991b1b;font-size:.8rem;padding:6px 12px;text-align:center}@media (max-width:768px){.player-split-layout{flex-direction:column;gap:0;height:calc(100vh - 280px);overflow:hidden;padding:0}.player-left-panel{border:none;border-bottom:1px solid #e2e8f0;border-radius:0;flex:0 0 auto;max-height:120px;max-width:none;min-width:auto;transition:max-height .3s ease}.player-left-panel.expanded{max-height:50vh}.player-left-panel .playlist-header{display:none}.player-left-panel .split-playlist{padding:4px 8px}.player-right-panel{background:linear-gradient(180deg,#f8f9fa,#fff);border:none;border-radius:0;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:auto}.player-right-panel .lyrics-container{border:none;border-radius:0;border-top:1px solid #e5e7eb;flex:1 1;margin:0;max-height:none;min-height:120px}.lyrics-panel-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 12px}.lyrics-panel-header .lyrics-title{font-size:.85rem}.lyrics-panel-header .current-song-name{font-size:.75rem;max-width:150px}.lyrics-container.split-lyrics{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:12px}.lyrics-container.split-lyrics .lyric-line{font-size:.95rem;margin-bottom:4px;padding:8px 10px}.lyrics-container.split-lyrics .lyric-line.active{font-size:1.05rem;padding-left:12px}.lyrics-placeholder{font-size:.9rem;padding:40px 20px}.player-bottom-controls{background:#fff;border-top:2px solid #e2e8f0;flex-shrink:0;gap:6px;padding:8px 12px}.progress-row-unified{gap:8px}.progress-row-unified .time-display{font-size:.75rem;min-width:38px}.progress-row-unified .progress-slider{height:5px}.controls-toolbar{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.playback-controls{align-items:center;display:flex;gap:8px;justify-content:center;order:1}.playback-controls .control-btn{font-size:1rem;min-height:auto;min-width:auto;padding:0}.playback-controls .play-btn{font-size:1.2rem!important;min-height:auto!important;min-width:auto!important}.volume-compact{padding:3px 8px}.volume-compact input[type=range]{width:50px}.lyrics-tools{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;order:2}.tool-btn{border-radius:4px;font-size:.75rem;padding:5px 10px}.offset-controls{gap:3px;padding:3px 6px}.offset-controls button{font-size:.8rem;height:22px;width:22px}.offset-controls .offset-value{font-size:.7rem;min-width:35px}.track-item.compact{border-radius:6px;margin-bottom:4px;padding:6px 8px}.track-item.compact .track-index{font-size:.7rem;height:24px;min-width:24px;width:24px}.track-item.compact .track-cover{font-size:14px;height:28px;width:28px}.track-item.compact .track-title{font-size:.8rem}.track-item.compact .track-artist{font-size:.65rem}.compact-actions .icon-btn{font-size:.7rem!important;min-height:22px!important;min-width:22px!important;padding:3px 5px!important}}@media (max-width:480px){.player-split-layout{height:calc(100vh - 260px)}.player-left-panel{max-height:100px}.track-item.compact .track-artist{display:none}.playback-controls .control-btn{min-height:auto;min-width:auto}.playback-controls .play-btn{min-height:auto!important;min-width:auto!important}.tool-btn{font-size:.7rem;padding:4px 8px}.volume-compact{display:none}}@media (max-width:768px){.music-player-modal{height:100vh!important;height:calc(var(--vh, 1vh)*100 - var(--bottom-bar-height, 0px))!important;max-height:100vh!important;max-height:calc(var(--vh, 1vh)*100 - var(--bottom-bar-height, 0px))!important;padding-bottom:0!important}.audio-controls,.music-player-modal .audio-controls,.music-player-modal .player-controls,.player-bottom-controls,.player-controls{margin-bottom:0!important;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))!important}.local-pane{padding-bottom:max(12px,env(safe-area-inset-bottom,12px))!important}.music-player-body{padding-bottom:10px!important;padding-bottom:calc(var(--inner-bottom-padding, var(--bottom-bar-height, 0px)) + 10px)!important}body.browser-quark .music-player-modal{max-height:100vh!important;max-height:calc(var(--vh, 1vh)*100)!important}body.browser-quark .audio-controls,body.browser-quark .music-player-modal .audio-controls,body.browser-quark .music-player-modal .player-controls,body.browser-quark .player-controls{padding-bottom:0!important}body.browser-quark .local-pane,body.browser-quark .music-player-modal .local-pane{padding:10px 10px 70px!important}body.browser-quark .music-player-body,body.browser-quark .music-player-modal .music-player-body{padding-bottom:0!important}}.karaoke-text{display:inline-block;line-height:1.2;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:normal;word-break:break-word}.karaoke-char{display:inline;position:relative;transition:color .08s linear}.karaoke-char-active{text-shadow:0 0 8px currentColor}.karaoke-char-current{text-shadow:0 0 12px currentColor}@media (max-width:768px){.karaoke-text{font-size:18px!important}}@media (prefers-contrast:high){.karaoke-char-active{font-weight:700;text-shadow:none}.karaoke-char-current{font-weight:bolder;outline:1px solid currentColor;text-shadow:none}}@media (prefers-reduced-motion:reduce){.karaoke-char{transition:color .1s ease}}.lyrics-floating-window{-webkit-animation:fadeInScale .3s ease-out;animation:fadeInScale .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(70,130,180,.95)!important;border:1px solid rgba(135,206,235,.4)!important;border-radius:16px;box-shadow:0 16px 32px rgba(30,100,170,.4),inset 0 0 0 1px rgba(135,206,235,.3);cursor:move;height:380px;outline:none;overflow:hidden;position:fixed;resize:none;touch-action:none;transition:border-radius .3s ease;width:480px;z-index:1000}.lyrics-floating-window.dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lyrics-floating-window.resizing{transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lyrics-floating-window.fullscreen{border-radius:0;cursor:default;height:100vh!important;left:0!important;top:0!important;width:100vw!important}.lyrics-floating-window.fullscreen .lyrics-window-header{display:none}.lyrics-floating-window.fullscreen .fullscreen-exit-btn{align-items:center;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex!important;font-size:22px;height:40px;justify-content:center;opacity:.8;position:fixed;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:9999}.lyrics-floating-window.fullscreen .fullscreen-exit-btn:hover{background:rgba(0,0,0,.7);opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.lyrics-floating-window .fullscreen-exit-btn{display:none}@media (max-width:768px){.lyrics-floating-window.fullscreen .fullscreen-exit-btn.mobile-exit{background:rgba(0,0,0,.6)!important;border-radius:50%!important;display:flex!important;font-size:22px!important;font-weight:400!important;height:40px!important;opacity:.9!important;padding:0!important;position:fixed!important;right:15px!important;top:15px!important;width:40px!important;z-index:99999!important}.lyrics-floating-window.fullscreen .fullscreen-exit-btn.mobile-exit:hover{-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}}@media (orientation:landscape){.lyrics-floating-window.fullscreen .lyrics-content{align-items:flex-end;flex-direction:row;gap:16px;padding:12px 16px}.lyrics-floating-window.fullscreen .lyrics-main-area{align-items:center;align-self:stretch;flex:1 1;justify-content:center}.lyrics-floating-window.fullscreen .next-line,.lyrics-floating-window.fullscreen .prev-line{padding:6px 12px}.lyrics-floating-window.fullscreen .current-line{margin:8px 0;min-height:auto;padding:14px 20px}}.resize-handle{background:transparent;border:none;outline:none;touch-action:none;z-index:100}.resize-handle.resize-n{height:8px;left:20px;right:20px;top:0}.resize-handle.resize-s{bottom:0;height:8px;left:20px;right:20px}.resize-handle.resize-e{bottom:20px;right:0;top:20px;width:8px}.resize-handle.resize-w{bottom:20px;left:0;top:20px;width:8px}.resize-handle.resize-ne{height:20px;right:0;top:0;width:20px}.resize-handle.resize-nw{height:20px;left:0;top:0;width:20px}.resize-handle.resize-se{bottom:0;height:20px;right:0;width:20px}.resize-handle.resize-sw{bottom:0;height:20px;left:0;width:20px}@-webkit-keyframes fadeInScale{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0}to{opacity:1}}.lyrics-window-header{align-items:center;background:rgba(25,60,105,.9);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:16px 24px}.window-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.lyrics-icon{font-size:18px}.window-controls{align-items:center;display:flex;gap:0}.window-controls .lyric-mode-toggle{margin-left:auto;margin-right:20px;order:-1}.karaoke-mode-indicator{background:hsla(0,100%,71%,.2);border-radius:12px;color:#ff6b6b;font-size:12px;font-weight:500;margin-right:20px;padding:4px 8px}.lyrics-floating-window .karaoke-mode-btn{background:hsla(0,100%,71%,.2)!important;border:1px solid hsla(0,100%,71%,.3)!important;border-radius:6px!important;box-shadow:none!important;color:#ff6b6b!important;cursor:pointer;font-size:13px!important;font-weight:600!important;height:auto!important;line-height:1.2!important;margin-right:6px;max-height:24px!important;min-height:0!important;min-width:0!important;padding:2px 8px!important;transition:all .2s ease;white-space:nowrap;width:auto!important}.font-select-wrapper{align-items:center;display:inline-flex;margin-right:8px;position:relative}.font-select-btn{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.font-select-btn option{background:rgba(70,130,180,.95);color:#fff;font-size:14px;padding:8px}.font-select-display{background:hsla(0,100%,71%,.2);border:1px solid hsla(0,100%,71%,.3);border-radius:6px;color:#ff6b6b;cursor:pointer;font-size:13px;font-weight:600;line-height:1.2;padding:2px 8px;pointer-events:none;transition:all .2s ease;white-space:nowrap}.font-select-wrapper:hover .font-select-display{background:hsla(0,100%,71%,.4);border-color:hsla(0,100%,71%,.5)}.lyrics-floating-window .karaoke-mode-btn:hover{background:hsla(0,100%,71%,.4)!important;border-color:hsla(0,100%,71%,.5)!important;-webkit-transform:scale(1.05);transform:scale(1.05)}.lyrics-floating-window .karaoke-mode-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.lyrics-floating-window .fullscreen-btn{align-items:center;background:hsla(0,100%,71%,.2)!important;border:1px solid hsla(0,100%,71%,.3)!important;border-radius:6px!important;box-shadow:none!important;color:#ff6b6b!important;cursor:pointer;display:inline-flex;font-size:13px!important;font-weight:600!important;height:auto!important;justify-content:center;line-height:1.2!important;margin-right:20px;max-height:24px!important;min-height:0!important;min-width:0!important;padding:2px 8px!important;-webkit-transform:none!important;transform:none!important;transition:all .2s ease;width:auto!important}.lyrics-floating-window .fullscreen-btn:hover{background:hsla(0,100%,71%,.4)!important;border-color:hsla(0,100%,71%,.5)!important;-webkit-transform:scale(1.05);transform:scale(1.05)}.lyrics-floating-window .fullscreen-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.close-button,.lyrics-floating-window .circular-close-btn{align-items:center;background:hsla(0,0%,100%,.9)!important;border:1px solid hsla(0,0%,78%,.5)!important;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;display:flex;font-size:18px;height:28px!important;justify-content:center;padding:0;pointer-events:auto!important;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px!important;z-index:100}.close-button:hover,.lyrics-floating-window .circular-close-btn:hover{background:#fff0f0!important;border-color:hsla(0,100%,70%,.5)!important;-webkit-transform:scale(1.1);transform:scale(1.1)}.lyrics-floating-window .circular-close-btn:before{color:#e53e3e!important;content:"×";display:block;font-weight:700;line-height:1}.lyrics-content{display:flex;flex-direction:column;gap:16px;height:calc(100% - 64px);overflow-y:auto;padding:24px}.fullscreen .lyrics-content{gap:0;height:100%;padding:0;position:relative}.fullscreen .lyrics-list-container{bottom:100px!important;display:flex!important;flex-direction:column!important;left:16px!important;position:absolute!important;width:230px;z-index:10}.lyrics-list-title-bar{background:transparent;border-bottom:none;border-radius:0;box-sizing:border-box;max-width:230px;padding:8px 12px;width:100%}.lyrics-list-title-bar .title-bar-song{font-size:14px;font-weight:600}.lyrics-list-title-bar .title-bar-artist,.lyrics-list-title-bar .title-bar-song{color:hsla(0,0%,100%,.7);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyrics-list-title-bar .title-bar-artist{font-size:12px;margin-top:2px}.fullscreen .lyrics-list-title-bar{background:transparent;border-bottom:none;box-sizing:border-box;max-width:230px!important;width:230px!important}.fullscreen .lyrics-list-title-bar .title-bar-song{font-size:14px;max-width:206px}.fullscreen .lyrics-list-title-bar .title-bar-artist{font-size:12px;max-width:206px}.fullscreen .lyrics-list{background:rgba(0,0,0,.3);border:none;border-radius:0 0 10px 10px;bottom:auto!important;box-sizing:border-box;display:block!important;height:280px!important;left:auto!important;max-height:280px!important;max-width:230px!important;min-width:230px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 0!important;position:relative!important;scroll-behavior:smooth;top:auto!important;width:230px!important}.fullscreen .lyrics-list .lyrics-line{font-size:18px!important;overflow:visible;padding:8px 12px!important;text-overflow:clip;white-space:normal}.fullscreen .lyrics-list .lyrics-line.active{background:transparent!important;color:#ff6b6b!important;font-weight:600!important}.lyrics-list-container{display:flex;flex-direction:column}.lyrics-main-area{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px}.fullscreen .lyrics-main-area{align-items:center;border:none;display:flex;flex-direction:column;gap:20px;height:711px;justify-content:center;left:289px;position:absolute;top:169px;width:1342px}.fullscreen .prev-line{padding:10px 20px;text-align:center;width:100%}.fullscreen .current-line{background:transparent;border:none;box-shadow:none;margin:12px auto;max-width:90%;min-height:80px;padding:20px 40px;width:auto}.fullscreen .next-line{padding:10px 20px;text-align:center;width:100%}@media (min-aspect-ratio:1/1){.fullscreen .lyrics-content{align-items:flex-end;flex-direction:row;gap:24px;padding:20px 30px}.fullscreen .lyrics-main-area{align-self:stretch}.fullscreen .next-line,.fullscreen .prev-line{padding:8px 16px}.fullscreen .current-line{margin:8px 0;min-height:auto;padding:16px 24px}}.prev-line{opacity:.6;padding:8px 0}.current-line,.prev-line{font-family:KaiTi,楷体,STKaiti,华文楷体,FangSong,仿宋,serif;text-align:center}.current-line{align-items:center;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;justify-content:center;margin:8px auto;max-width:90%;min-height:60px;padding:16px 24px;width:auto}.traditional-lyric-line{color:hsla(0,0%,100%,.6);font-size:32px;font-weight:700}.traditional-lyric-line.active{color:#ff6b6b;text-shadow:0 0 8px currentColor}.next-line{font-family:KaiTi,楷体,STKaiti,华文楷体,FangSong,仿宋,serif;opacity:.7;padding:8px 0;text-align:center}.no-lyrics{color:hsla(0,0%,100%,.5);padding:40px 20px;text-align:center}.no-lyrics-icon{font-size:48px;margin-bottom:16px}.no-lyrics-text{font-size:18px;font-weight:600;margin-bottom:8px}.no-lyrics-hint{font-size:14px;opacity:.7}.lyrics-list{border-top:1px solid hsla(0,0%,100%,.05);max-height:120px;overflow-y:auto;padding:8px 0}.lyrics-line{border-radius:6px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:13px;line-height:1.4;margin:2px 0;padding:6px 12px;transition:all .3s ease}.lyrics-line:hover{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.7)}.lyrics-floating-window .lyrics-list .lyrics-line.active,.lyrics-line.active{background:transparent!important;color:#ff6b6b!important;font-weight:600!important}.lyrics-floating-window .lyrics-list .lyrics-line.active{border-left:none!important;padding-left:12px!important}.lyrics-line.passed{color:hsla(0,0%,100%,.3)}.lyrics-content::-webkit-scrollbar,.lyrics-list::-webkit-scrollbar{width:6px}.lyrics-content::-webkit-scrollbar-track,.lyrics-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.lyrics-content::-webkit-scrollbar-thumb,.lyrics-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.lyrics-content::-webkit-scrollbar-thumb:hover,.lyrics-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@media (max-width:768px){.lyrics-floating-window{border-radius:14px;height:70vh;max-height:80vh;max-width:400px;min-height:400px;overflow:hidden;width:92vw}.lyrics-floating-window .fullscreen-btn{margin-right:24px!important}.lyrics-floating-window.fullscreen{border-radius:0;height:100vh!important;left:0!important;max-height:100vh!important;min-height:100vh!important;top:0!important;width:100vw!important}.lyrics-floating-window.fullscreen .lyrics-content{flex-direction:column;height:100%;overflow:hidden;padding:16px}.lyrics-floating-window.fullscreen .lyrics-list-container{bottom:auto!important;flex-shrink:0;left:auto!important;max-width:100%!important;order:1;position:relative!important;width:100%!important}.lyrics-floating-window.fullscreen .lyrics-list-title-bar{display:block!important;max-width:100%!important;width:100%!important}.lyrics-floating-window.fullscreen .lyrics-list{height:126px!important;max-height:126px!important;max-width:100%!important;width:100%!important}.lyrics-floating-window.fullscreen .lyrics-main-area{align-items:center;display:flex;flex:1 1;flex-direction:column;height:auto!important;justify-content:center;left:auto!important;order:2;position:relative!important;top:auto!important;width:100%!important}.lyrics-window-header{flex-shrink:0;height:46px;max-height:46px;min-height:46px;padding:10px 14px}.lyrics-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:12px}.lyrics-floating-window .next-line,.lyrics-floating-window .prev-line{align-items:center;display:flex;flex-shrink:0;justify-content:center;max-height:50px;min-height:30px;overflow:hidden}.lyrics-floating-window .current-line{align-items:center;display:flex;flex-shrink:0;justify-content:center;max-height:120px;min-height:60px;overflow:visible}.lyrics-floating-window .lyrics-list{flex:1 1;max-height:100px;min-height:0;overflow-y:auto}.resize-handle.resize-n,.resize-handle.resize-s{height:14px}.resize-handle.resize-e,.resize-handle.resize-w{width:14px}.resize-handle.resize-ne,.resize-handle.resize-nw,.resize-handle.resize-se,.resize-handle.resize-sw{height:28px;width:28px}}@media (orientation:landscape) and (max-height:600px){.lyrics-floating-window.fullscreen .lyrics-content{align-items:stretch!important;flex-direction:row!important;gap:10px!important;height:100%!important;justify-content:flex-start!important;padding:8px 16px 50px!important;position:relative!important}.lyrics-floating-window.fullscreen .lyrics-list-container{bottom:70px!important;flex-shrink:0!important;left:16px!important;max-width:145px!important;min-width:145px!important;position:absolute!important;width:145px!important;z-index:10!important}.lyrics-floating-window.fullscreen .lyrics-list-title-bar{background:transparent!important;display:block!important;max-width:145px!important;padding:6px 8px!important;width:145px!important}.lyrics-floating-window.fullscreen .lyrics-list-title-bar .title-bar-song{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.lyrics-floating-window.fullscreen .lyrics-list-title-bar .title-bar-artist{font-size:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.lyrics-floating-window.fullscreen .lyrics-list{display:block!important;height:160px!important;max-height:160px!important;max-width:145px!important;min-width:145px!important;width:145px!important}.lyrics-floating-window.fullscreen .lyrics-list .lyrics-line{font-size:14px!important;line-height:1.3!important;overflow:visible!important;padding:4px 5px!important;text-overflow:clip!important;white-space:normal!important;word-break:break-all!important}.lyrics-floating-window.fullscreen .lyrics-main-area{align-items:center!important;bottom:50px!important;display:flex!important;flex-direction:column!important;height:auto!important;justify-content:center!important;left:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.lyrics-floating-window.fullscreen .next-line,.lyrics-floating-window.fullscreen .prev-line{height:auto!important;max-height:none!important;min-height:auto!important;padding:4px 0!important}.lyrics-floating-window.fullscreen .current-line{height:auto!important;margin:4px 0!important;max-height:none!important;min-height:auto!important;padding:10px 20px!important}}@media (orientation:landscape) and (min-height:501px) and (max-height:800px){.lyrics-floating-window.fullscreen .lyrics-content{align-items:stretch;flex-direction:row;gap:12px;justify-content:flex-start;padding:16px 24px}.lyrics-floating-window.fullscreen .lyrics-list-container{bottom:auto!important;flex-shrink:0;left:auto!important;max-width:120px!important;min-width:120px!important;position:relative!important;width:120px!important}.lyrics-floating-window.fullscreen .lyrics-list{display:block!important;height:200px!important;max-height:200px!important;width:120px!important}.lyrics-floating-window.fullscreen .lyrics-list .lyrics-line{font-size:14px!important;padding:5px 6px!important}.lyrics-floating-window.fullscreen .lyrics-main-area{align-items:center;display:flex;flex:1 1;flex-direction:column;height:auto!important;justify-content:center;left:auto!important;position:relative!important;top:auto!important;width:auto!important}.lyrics-floating-window.fullscreen .next-line,.lyrics-floating-window.fullscreen .prev-line{padding:6px 0}.lyrics-floating-window.fullscreen .current-line{margin:8px 0;min-height:auto;padding:16px 30px}}@media (min-width:769px) and (max-width:1024px){.lyrics-floating-window{height:60vh;max-width:800px;width:80vw}.lyrics-floating-window.fullscreen{height:100vh!important;max-width:none;width:100vw!important}}@media (prefers-contrast:high){.lyrics-floating-window{background:#000;border:2px solid #fff}.lyrics-window-header{border-bottom:2px solid #fff}.current-line{background:transparent;border:none}}@media (prefers-reduced-motion:reduce){.lyrics-floating-window{-webkit-animation:none;animation:none}.lyrics-line,.progress-fill{transition:none}}@media (prefers-color-scheme:dark){.lyrics-floating-window{background:rgba(20,50,85,.98);border:1px solid rgba(135,206,235,.3)}.lyrics-window-header{background:rgba(15,45,80,.9)}.current-line{background:transparent;border:none}}@media (prefers-color-scheme:light){.lyrics-floating-window{background:rgba(245,245,250,.98);border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 40px rgba(0,0,0,.15);color:#2c3e50}.lyrics-window-header{background:rgba(230,230,240,.9);border-bottom:1px solid rgba(0,0,0,.1)}.window-title{color:#2c3e50}.close-button{color:rgba(44,62,80,.7)}.close-button:hover{background:rgba(0,0,0,.1);color:#2c3e50}.current-line{background:transparent;border:none}.lyrics-line{color:rgba(44,62,80,.7)}.lyrics-line:hover{background:rgba(0,0,0,.08);color:rgba(44,62,80,.9)}.lyrics-line.active{background:transparent!important;color:#ff6b6b!important;font-weight:600!important}.no-lyrics{color:rgba(44,62,80,.6)}.progress-text{color:rgba(44,62,80,.7)}}.mini-music-player-float{-webkit-touch-callout:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(30,30,40,.92),rgba(20,20,30,.95));border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);cursor:move;overflow:hidden;position:fixed;touch-action:none;transition:box-shadow .2s ease,border-radius .3s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:9998}.mini-music-player-float:hover{box-shadow:0 12px 40px rgba(0,0,0,.5)}.mini-music-player-float.dragging{box-shadow:0 16px 48px rgba(0,0,0,.6);cursor:-webkit-grabbing;cursor:grabbing;transition:none}.mini-music-player-float.resizing{transition:none}.mini-music-player-float.minimized{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 15px rgba(102,126,234,.4);cursor:pointer}.resize-handle{position:absolute;z-index:10}.resize-handle.resize-n{top:-3px}.resize-handle.resize-n,.resize-handle.resize-s{cursor:ns-resize;height:6px;left:10px;right:10px}.resize-handle.resize-s{bottom:-3px}.resize-handle.resize-e{bottom:10px;cursor:ew-resize;right:-3px;top:10px;width:6px}.resize-handle.resize-w{bottom:10px;cursor:ew-resize;left:-3px;top:10px;width:6px}.resize-handle.resize-ne{cursor:nesw-resize;height:12px;right:-3px;top:-3px;width:12px}.resize-handle.resize-nw{cursor:nwse-resize;height:12px;left:-3px;top:-3px;width:12px}.resize-handle.resize-se{bottom:-3px;cursor:nwse-resize;height:12px;right:-3px;width:12px}.resize-handle.resize-sw{bottom:-3px;cursor:nesw-resize;height:12px;left:-3px;width:12px}.mini-player-restore-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:40px}.mini-player-restore-btn:hover{background:hsla(0,0%,100%,.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.mini-player-minimized-icon{align-items:center;cursor:-webkit-grab;cursor:grab;display:flex;font-size:24px;height:100%;justify-content:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.mini-player-minimized-icon:active{cursor:-webkit-grabbing;cursor:grabbing}.mini-player-minimized-icon:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.mini-music-player-float.minimized{-webkit-animation:pulse-glow 2s ease-in-out infinite;animation:pulse-glow 2s ease-in-out infinite;cursor:-webkit-grab;cursor:grab}.mini-music-player-float.minimized.dragging,.mini-music-player-float.minimized:active{cursor:-webkit-grabbing;cursor:grabbing}@-webkit-keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(102,126,234,.4)}50%{box-shadow:0 0 0 10px rgba(102,126,234,0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(102,126,234,.4)}50%{box-shadow:0 0 0 10px rgba(102,126,234,0)}}.mini-player-progress{background:hsla(0,0%,100%,.15);cursor:pointer;flex-shrink:0;height:4px;position:relative;touch-action:none;transition:height .15s ease}.mini-player-progress.dragging,.mini-player-progress:hover{height:18px}.mini-player-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 3px 3px 0;height:100%;position:relative;transition:width .05s linear}.mini-player-progress.dragging .mini-player-progress-bar{transition:none}.progress-thumb{background:#fff;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.3),0 0 8px rgba(102,126,234,.4);cursor:-webkit-grab;cursor:grab;height:16px;opacity:0;position:absolute;right:-8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;width:16px}.mini-player-progress.dragging .progress-thumb,.mini-player-progress:hover .progress-thumb{opacity:1}.mini-player-progress.dragging .progress-thumb{box-shadow:0 0 6px rgba(0,0,0,.4),0 0 12px rgba(102,126,234,.6);cursor:-webkit-grabbing;cursor:grabbing;-webkit-transform:translateY(-50%) scale(1.3);transform:translateY(-50%) scale(1.3)}.mini-player-content{align-items:center;box-sizing:border-box;cursor:move;display:flex;gap:12px;height:calc(100% - 4px);justify-content:space-between;padding:8px 12px}.mini-player-info{border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;max-width:160px;min-width:0;overflow:hidden;padding:4px 8px}.mini-player-track-row{overflow:hidden;width:100%}.mini-player-title-wrapper{overflow:hidden;position:relative;width:100%}.mini-player-title{color:#fff;display:inline-block;font-size:13px;font-weight:600;white-space:nowrap}.mini-player-title.scrolling{-webkit-animation:scroll-left 8s linear infinite;animation:scroll-left 8s linear infinite;padding-right:50px}@-webkit-keyframes scroll-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes scroll-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.mini-player-title.scrolling:after{content:attr(data-text);left:100%;position:absolute;white-space:nowrap}.mini-player-artist{color:hsla(0,0%,100%,.6);font-size:11px;font-weight:400}.mini-player-time-row{width:100%}.mini-player-time-row .mini-player-time{display:block;min-width:auto}.mini-player-controls{align-items:center;cursor:default;display:flex;flex-shrink:0;gap:6px}.mini-player-time{color:hsla(0,0%,100%,.5);font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;min-width:70px;text-align:center}.mini-player-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mini-player-btn:hover:not(:disabled){background:hsla(0,0%,100%,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.mini-player-btn:active:not(:disabled){-webkit-transform:scale(.95);transform:scale(.95)}.mini-player-btn:disabled{cursor:not-allowed;opacity:.4}.mini-player-btn.play-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-size:14px;height:40px;width:40px}.mini-player-btn.play-btn:hover:not(:disabled){box-shadow:0 0 15px rgba(102,126,234,.5)}.mini-player-btn.lyrics-btn{font-size:11px;font-weight:600}.mini-player-btn.lyrics-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)}.mini-player-btn.minimize-btn{font-size:10px}.floating-lyrics-display{-webkit-touch-callout:none;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,rgba(0,0,0,.75),rgba(20,20,40,.85));border:1px solid hsla(0,0%,100%,.15);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.5);cursor:move;display:flex;justify-content:center;overflow:hidden;position:fixed;touch-action:none;transition:background .3s ease,border .3s ease,box-shadow .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,border .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;transition:background .3s ease,border .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:9999}.floating-lyrics-display.transparent-bg{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:1px solid transparent;box-shadow:none;cursor:default}.floating-lyrics-display.transparent-bg .resize-handle{opacity:0!important;pointer-events:none}.floating-lyrics-display.transparent-bg:hover,.floating-lyrics-display:hover{box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 20px rgba(255,215,0,.1)}.floating-lyrics-display.transparent-bg:hover{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,rgba(0,0,0,.75),rgba(20,20,40,.85));border:1px solid hsla(0,0%,100%,.15);cursor:move}.floating-lyrics-display.transparent-bg:hover .resize-handle{opacity:1!important;pointer-events:auto}.floating-lyrics-display.dragging{box-shadow:0 16px 48px rgba(0,0,0,.7);cursor:-webkit-grabbing;cursor:grabbing;transition:none}.floating-lyrics-display.resizing{transition:none}.lyrics-text-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:8px 16px;text-align:center;width:100%}.lyrics-text-container .karaoke-text{line-height:1.2;text-shadow:0 0 10px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.5)}.floating-lyrics-display .resize-handle{opacity:0;position:absolute;transition:opacity .2s ease;z-index:10}.floating-lyrics-display:hover .resize-handle{opacity:1}.floating-lyrics-display .resize-handle.resize-n,.floating-lyrics-display .resize-handle.resize-s{background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);height:14px;left:15%;right:15%}.floating-lyrics-display .resize-handle.resize-n{border-radius:16px 16px 0 0;top:-4px}.floating-lyrics-display .resize-handle.resize-s{border-radius:0 0 16px 16px;bottom:-4px}.floating-lyrics-display .resize-handle.resize-e,.floating-lyrics-display .resize-handle.resize-w{background:linear-gradient(180deg,transparent,rgba(255,215,0,.3),transparent);bottom:15%;top:15%;width:14px}.floating-lyrics-display .resize-handle.resize-e{border-radius:0 16px 16px 0;right:-4px}.floating-lyrics-display .resize-handle.resize-w{border-radius:16px 0 0 16px;left:-4px}.floating-lyrics-display .resize-handle.resize-ne,.floating-lyrics-display .resize-handle.resize-nw,.floating-lyrics-display .resize-handle.resize-se,.floating-lyrics-display .resize-handle.resize-sw{background:rgba(255,215,0,.4);border-radius:50%;height:28px;width:28px}.floating-lyrics-display .resize-handle.resize-ne{right:-6px;top:-6px}.floating-lyrics-display .resize-handle.resize-nw{left:-6px;top:-6px}.floating-lyrics-display .resize-handle.resize-se{bottom:-6px;right:-6px}.floating-lyrics-display .resize-handle.resize-sw{bottom:-6px;left:-6px}@media (max-width:768px){.mini-music-player-float{border-radius:10px;max-width:calc(100vw - 24px)}.mini-music-player-float.minimized{bottom:calc(env(safe-area-inset-bottom, 0) + 20px);right:12px}.mini-player-progress{height:3px;transition:height .2s ease}.mini-player-progress.dragging,.mini-player-progress.expanded{height:20px}.mini-player-progress-bar{border-radius:0}.mini-player-progress.dragging .mini-player-progress-bar,.mini-player-progress.expanded .mini-player-progress-bar{border-radius:0 3px 3px 0}.mini-player-progress .progress-thumb{height:22px;opacity:0;right:-11px;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;width:22px}.mini-player-progress.dragging .progress-thumb,.mini-player-progress.expanded .progress-thumb{opacity:1}.mini-player-progress.dragging .progress-thumb{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}.mini-player-content{gap:8px;height:calc(100% - 3px);padding:6px 10px;transition:height .2s ease}.mini-music-player-float:has(.mini-player-progress.dragging) .mini-player-content,.mini-music-player-float:has(.mini-player-progress.expanded) .mini-player-content{height:calc(100% - 20px)}.mini-player-info{max-width:140px}.mini-player-title{font-size:12px}.mini-player-time-row .mini-player-time{font-size:10px}.mini-player-btn{font-size:11px;height:28px;width:28px}.mini-player-btn.play-btn{font-size:13px;height:36px;width:36px}.mini-player-btn.lyrics-btn,.mini-player-btn.minimize-btn{font-size:10px;height:26px;width:26px}.floating-lyrics-display{border-radius:12px;max-width:calc(100vw - 20px)}.lyrics-text-container{padding:6px 12px}.floating-lyrics-display .resize-handle{opacity:.5}}@media (max-width:480px){.mini-player-info{max-width:50%}.mini-player-controls{gap:4px}.floating-lyrics-display{border-radius:10px}.lyrics-text-container .karaoke-text{font-size:18px!important}}.snake-game-overlay{align-items:center;-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.snake-game-container{-webkit-animation:slideIn .4s ease-out;animation:slideIn .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:2px solid hsla(0,0%,100%,.1);border-radius:25px;box-shadow:0 25px 50px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1);max-height:90vh;max-width:90vw;overflow:auto;padding:25px}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-50px) scale(.9);transform:translateY(-50px) scale(.9)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-50px) scale(.9);transform:translateY(-50px) scale(.9)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.snake-game-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:25px}.snake-game-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:2.2rem;font-weight:700;margin:0;text-shadow:0 0 20px rgba(74,222,128,.3)}.snake-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:45px;transition:all .3s ease;width:45px}.snake-close-btn:hover{background:linear-gradient(145deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));box-shadow:0 5px 15px hsla(0,0%,100%,.1);-webkit-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg)}.score-board{display:flex;font-size:1.2rem;font-weight:600;gap:25px}.score-board>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);padding:8px 16px}.game-area{display:flex;justify-content:center;margin-bottom:25px;position:relative}.game-area canvas{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid rgba(74,222,128,.3);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 20px rgba(74,222,128,.1);transition:all .3s ease}.game-area canvas:hover{box-shadow:0 15px 40px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 30px rgba(74,222,128,.2)}.game-over-overlay{align-items:center;-webkit-animation:gameOverFade .5s ease-out;animation:gameOverFade .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.9);border-radius:15px;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}@-webkit-keyframes gameOverFade{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes gameOverFade{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.game-over-overlay>div{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:30px}.game-over-overlay h2{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#ff6b6b,#ee5a52);-webkit-background-clip:text;background-clip:text;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:2.5rem;font-weight:700;margin:0 0 15px}.game-over-overlay p{font-size:1.3rem;font-weight:500;margin:0 0 25px}.controls{align-items:center;display:flex;flex-direction:column;gap:25px}.control-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:30px;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:not(:disabled):before{left:100%}.btn:hover:not(:disabled){background:linear-gradient(145deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 25px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn:active:not(:disabled){box-shadow:0 4px 15px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.4;-webkit-transform:none;transform:none}.btn.primary{background:linear-gradient(145deg,#4ade80,#22c55e);border:1px solid rgba(74,222,128,.3);box-shadow:0 4px 15px rgba(74,222,128,.2)}.btn.primary:hover:not(:disabled){background:linear-gradient(145deg,#22c55e,#16a34a);border-color:rgba(74,222,128,.5);box-shadow:0 8px 25px rgba(74,222,128,.3)}.btn.sound-off{background:linear-gradient(145deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border-color:hsla(0,0%,100%,.1);opacity:.5}.virtual-keyboard{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;justify-items:center;margin-top:15px;width:195px}.keyboard-row{display:contents}.keyboard-row:first-child button{grid-column:2;grid-row:1}.keyboard-row:nth-child(2) button:first-child{grid-column:1;grid-row:2}.keyboard-row:nth-child(2) button:last-child{grid-column:3;grid-row:2}.keyboard-row:last-child button{grid-column:2;grid-row:2}.virtual-keyboard button{-webkit-touch-callout:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1);color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;height:65px;overflow:hidden;position:relative;transition:all .2s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:65px}.virtual-keyboard button:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.virtual-keyboard button:active:before{height:100px;width:100px}.virtual-keyboard button:active{background:linear-gradient(145deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.15));box-shadow:0 3px 10px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2);-webkit-transform:scale(.95);transform:scale(.95)}.virtual-keyboard button:hover{background:linear-gradient(145deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.3);box-shadow:0 10px 30px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.virtual-keyboard button.pressed{-webkit-animation:keyPressFlash .15s ease-out;animation:keyPressFlash .15s ease-out;background:linear-gradient(145deg,#4ade80,#22c55e)!important;border-color:rgba(74,222,128,.6)!important;box-shadow:0 5px 15px rgba(74,222,128,.4),inset 0 1px 0 hsla(0,0%,100%,.3)!important;-webkit-transform:scale(.95) translateY(-1px)!important;transform:scale(.95) translateY(-1px)!important}@-webkit-keyframes keyPressFlash{0%{background:linear-gradient(145deg,#60a5fa,#3b82f6);box-shadow:0 0 20px rgba(96,165,250,.6)}to{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 5px 15px rgba(74,222,128,.4)}}@keyframes keyPressFlash{0%{background:linear-gradient(145deg,#60a5fa,#3b82f6);box-shadow:0 0 20px rgba(96,165,250,.6)}to{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 5px 15px rgba(74,222,128,.4)}}@media (max-width:768px){.snake-game-overlay{padding:0}.snake-game-container{border-radius:0;display:flex;flex-direction:column;height:100vh;margin:0;max-height:100vh;max-width:100vw;overflow:hidden;padding:20px 10px 10px;width:100vw}.snake-game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,46,.9);border-radius:15px;flex-shrink:0;margin-bottom:10px;padding:10px 5px}.snake-game-header h1{font-size:1.5rem}.score-board{font-size:.9rem;gap:10px}.score-board>div{font-size:.8rem;padding:4px 8px}.game-area{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:10px;min-height:0}.game-area canvas{height:calc(100vw - 40px);max-height:400px;max-width:400px;width:calc(100vw - 40px)}.controls{flex-shrink:0;gap:10px;padding:0 5px}.control-buttons{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:5px}.virtual-keyboard{gap:12px;margin-top:5px;width:180px}.virtual-keyboard button{font-size:1.4rem;font-weight:700;height:56px;width:56px}.btn{font-size:.8rem;padding:8px 16px}.game-over-overlay h2{font-size:1.8rem}.game-over-overlay p{font-size:1rem}}@media (max-width:480px){.snake-game-container{padding:25px 8px 8px}.snake-game-header{align-items:center;flex-direction:row;gap:8px;text-align:left}.snake-game-header h1{font-size:1.3rem}.score-board{font-size:.8rem;gap:8px}.score-board>div{font-size:.7rem;padding:3px 6px}.snake-close-btn{font-size:1.2rem;height:35px;width:35px}.game-area canvas{height:calc(100vw - 20px);width:calc(100vw - 20px)}.virtual-keyboard{gap:10px;width:170px}.virtual-keyboard button{font-size:1.3rem;font-weight:700;height:50px;width:50px}.control-buttons{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center}.btn{flex:0 0 auto;font-size:.7rem;min-width:auto;padding:6px 12px}}@media (max-width:768px) and (orientation:landscape){.snake-game-container{flex-direction:row;padding:15px 5px 5px}.snake-game-header{background:rgba(26,26,46,.95);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.3);left:5px;margin-bottom:0;padding:8px 10px;position:absolute;right:5px;top:15px;z-index:10}.snake-game-header h1{font-size:1.2rem}.score-board{font-size:.8rem;gap:8px}.score-board>div{font-size:.7rem;padding:3px 6px}.game-area{flex:1 1;margin:40px 5px 5px}.game-area canvas{height:calc(100vh - 60px);max-height:calc(100vh - 60px);max-width:calc(100vh - 60px);width:auto}.controls{flex-shrink:0;justify-content:center;padding:40px 5px 5px;width:200px}.control-buttons{flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:10px}.virtual-keyboard{gap:8px;width:136px}.virtual-keyboard button{font-size:1.1rem;font-weight:700;height:40px;width:40px}}.snake-game-overlay *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snake-game-overlay{touch-action:manipulation}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.btn.primary:not(:disabled){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.btn.primary:hover:not(:disabled){-webkit-animation:none;animation:none}.module-manager-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10003}.module-manager-modal{-webkit-animation:modalSlideIn .3s ease-out;animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:95%}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(-30px) scale(.95);transform:translateY(-30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(-30px) scale(.95);transform:translateY(-30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.module-manager-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:15px 20px;position:relative}.module-manager-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.module-manager-header .circular-close-btn{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:32px!important;justify-content:center!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;transition:background-color .2s ease;width:32px!important}.module-manager-header .circular-close-btn:hover{background:hsla(0,0%,100%,.3)!important}.module-manager-header .circular-close-btn:before{content:"×";display:block;line-height:1}.module-manager-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background-color .2s ease;width:40px}.module-manager-close:hover{background:hsla(0,0%,100%,.2)}.module-manager-body{background:#f8f9fa;padding:2rem}.module-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.module-card{background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.module-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.module-card:hover{border-color:#667eea;box-shadow:0 8px 25px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.module-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.module-card:active{-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.module-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:1rem}.module-icon,.module-info{text-align:center}.module-title{color:#333;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.module-description{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.module-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.module-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.module-loading{color:#666;padding:3rem;text-align:center}.module-loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;display:inline-block;height:40px;margin-bottom:1rem;width:40px}.module-empty{color:#999;padding:3rem;text-align:center}.module-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}@media (max-width:768px){.module-manager-modal{max-height:95vh;width:98%}.module-manager-header{padding:1rem}.module-manager-title{font-size:1.25rem}.module-manager-body{padding:1rem}.module-grid{gap:1rem;grid-template-columns:1fr}.module-card{padding:1rem}.module-icon{font-size:2.5rem}.module-title{font-size:1.1rem}}@media (max-width:480px){.module-card,.module-manager-body,.module-manager-header{padding:.75rem}.module-icon{font-size:2rem;margin-bottom:.75rem}}@font-face{font-display:swap;font-family:方正北魏楷书简体;src:local("方正北魏楷书简体"),url(../../static/media/BWKSJW.448c369f42aa355a770b.TTF) format("truetype")}@font-face{font-display:swap;font-family:方正粗宋简体;src:local("方正粗宋简体"),url(../../static/media/CSJW.d7ae7bc930b958a22530.TTF) format("truetype")}@font-face{font-display:swap;font-family:方正华隶简体;src:local("方正华隶简体"),url(../../static/media/HLJW.884c0bc870c9424a1cc2.TTF) format("truetype")}.glow-tab .glow-title{font-family:inherit!important;font-family:var(--title-font-family,inherit)!important;font-size:inherit!important;font-size:var(--title-font-size,inherit)!important}.activity-list-management-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:env(safe-area-inset-bottom,0);z-index:9999}.activity-list-management-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;margin:2rem auto;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.activity-list-management-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:15px 20px;position:relative}.activity-list-management-modal .modal-header .circular-close-btn{align-items:center!important;aspect-ratio:1/1!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:16px!important;height:28px!important;justify-content:center!important;line-height:1!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;transition:all .2s ease;width:28px!important}@media (min-width:769px){.activity-list-management-modal .modal-header .circular-close-btn{position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}.activity-list-management-modal .modal-header .circular-close-btn:before{content:"×";display:block;font-size:18px;line-height:1}.activity-list-management-modal .modal-header .circular-close-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}.activity-list-management-modal .modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.activity-list-management-modal .modal-body{flex:1 1;overflow-y:auto;padding:0}.tab-navigation{background:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;justify-content:center;padding:12px 24px}.tab-btn{background:transparent;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;color:#64748b;cursor:pointer;flex:none;font-size:.9rem;font-weight:500;max-width:150px;min-width:100px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#e2e8f0;color:#475569}.tab-btn.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.tab-content{margin:0 auto;max-width:900px;padding:24px}.section-header{margin-bottom:24px}.section-header h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 8px}.section-header p{color:#64748b;font-size:.9rem;margin:0}.batch-controls{display:flex;gap:12px;margin-bottom:20px}.batch-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.batch-btn:hover{background:#f1f5f9;border-color:#cbd5e0}.batch-btn.show-all:hover{background:#ecfdf5;border-color:#10b981;color:#10b981}.batch-btn.hide-all:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.activity-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:800px}.activity-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.activity-item.hidden{background:#f8fafc;border-style:dashed;opacity:.6}.activity-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.activity-info h5{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 8px}.activity-info p{color:#64748b;font-size:.85rem;margin:0 0 4px}.activity-controls{align-items:center;display:flex;gap:12px}.status-badge{border-radius:6px;font-size:.75rem;font-weight:500;padding:4px 8px}.status-badge.visible{background:#dcfce7;color:#166534}.status-badge.hidden{background:#fef2f2;color:#991b1b}.toggle-btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.toggle-btn.show{background:#ecfdf5;border-color:#10b981;color:#10b981}.toggle-btn.show:hover{background:#10b981;color:#fff}.toggle-btn.hide{background:#fef2f2;border-color:#ef4444;color:#ef4444}.toggle-btn.hide:hover{background:#ef4444;color:#fff}.empty-state{color:#64748b;padding:40px 20px;text-align:center}.layout-options{display:flex;flex-direction:column;gap:16px}.option-group{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.option-group:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.1)}.option-label{align-items:center;cursor:pointer;display:flex;padding:16px;width:100%}.option-label input[type=radio]{margin-right:16px;-webkit-transform:scale(1.2);transform:scale(1.2)}.option-content{align-items:center;display:flex;flex:1 1}.option-icon{font-size:2rem;margin-right:16px}.option-text h5{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 4px}.option-text p{color:#64748b;font-size:.9rem;margin:0}.weather-settings{gap:20px}.setting-group,.weather-settings{display:flex;flex-direction:column}.setting-group{gap:8px}.setting-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-weight:500;gap:8px}.setting-label input[type=checkbox]{-webkit-transform:scale(1.1);transform:scale(1.1)}.setting-description{color:#64748b;font-size:.85rem;margin:0 0 0 24px}.location-input{border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease}.location-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.setting-item{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.setting-item label{color:#1e293b;font-size:.9rem;font-weight:500}.city-selector-container{display:flex;flex-direction:column;gap:12px}.city-selector-row{align-items:center;display:flex;gap:12px}.city-selector-row select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;flex:1 1;font-size:.9rem;padding:10px 12px;transition:all .2s ease}.city-selector-row select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.city-selector-row select:hover{border-color:#cbd5e0}.city-selector-row select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.current-location{align-items:center;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;color:#0369a1;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 12px}.current-location:before{content:"📍";font-size:1rem}.weather-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px}.weather-preview h5{color:#1e293b;font-weight:600;margin:0 0 16px}.preview-container{display:flex;flex-direction:column;gap:16px}.header-weather-preview{align-items:center;background:rgba(102,126,234,.1);border-radius:8px;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.weather-icon{font-size:1.2rem}.weather-temp{color:#667eea;font-weight:600}.weather-location{color:#64748b}.main-weather-preview{display:flex;justify-content:center}.weather-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:200px;padding:20px;text-align:center}.weather-card h4{color:#1e293b;font-size:1.1rem;margin:0 0 16px}.weather-main{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.weather-icon-large{font-size:2.5rem}.weather-temp-large{color:#667eea;font-size:2rem;font-weight:600}.weather-card p{color:#64748b;font-size:.9rem;margin:0}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 24px}.footer-info p{color:#64748b;font-size:.85rem;margin:0;text-align:center}.glow-preview{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.glow-preview-title{margin-bottom:10px}.glow-title.disabled{opacity:.5}.glow-tab .setting-group .interval-slider{width:clamp(160px,40vw,360px)}.glow-tab .setting-group .interval-value{margin-left:8px}.glow-tab .setting-group select{max-width:320px;width:clamp(180px,35vw,320px)}.glow-title.gradient{-webkit-animation:glowPulse 3s ease-in-out infinite;animation:glowPulse 3s ease-in-out infinite;-webkit-animation:glowPulse calc(3s/var(--title-glow-speed, 1)) ease-in-out infinite;animation:glowPulse calc(3s/var(--title-glow-speed, 1)) ease-in-out infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-delay:var(--glow-mode-delay,0s);animation-delay:var(--glow-mode-delay,0s);-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-direction:var(--glow-mode-direction,normal);animation-direction:var(--glow-mode-direction,normal);background:linear-gradient(90deg,#ff8a00,#e52e71,#7f00ff,#00c6ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-filter:drop-shadow(0 0 6px rgba(229,46,113,.35));filter:drop-shadow(0 0 6px rgba(229,46,113,.35));font-weight:700;letter-spacing:.5px}.glow-title.neon{-webkit-animation:glowPulse 2.8s ease-in-out infinite;animation:glowPulse 2.8s ease-in-out infinite;-webkit-animation:glowPulse calc(2.8s/var(--title-glow-speed, 1)) ease-in-out infinite;animation:glowPulse calc(2.8s/var(--title-glow-speed, 1)) ease-in-out infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-delay:var(--glow-mode-delay,0s);animation-delay:var(--glow-mode-delay,0s);-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-direction:var(--glow-mode-direction,normal);animation-direction:var(--glow-mode-direction,normal);color:#fff;text-shadow:0 0 6px rgba(0,198,255,.6),0 0 12px rgba(127,0,255,.45)}.glow-title.underline{color:#1e293b;font-weight:700;position:relative}.glow-title.underline:after{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.9) 0,hsla(0,0%,100%,0) 70%),linear-gradient(90deg,#ff8a00,#e52e71,#7f00ff,#00c6ff);bottom:-4px;content:"";-webkit-filter:blur(2px);filter:blur(2px);height:3px;left:0;position:absolute;right:0}@-webkit-keyframes glowPulse{0%,to{-webkit-filter:drop-shadow(0 0 6px rgba(229,46,113,.35));filter:drop-shadow(0 0 6px rgba(229,46,113,.35))}50%{-webkit-filter:drop-shadow(0 0 10px rgba(127,0,255,.45));filter:drop-shadow(0 0 10px rgba(127,0,255,.45))}}@keyframes glowPulse{0%,to{-webkit-filter:drop-shadow(0 0 6px rgba(229,46,113,.35));filter:drop-shadow(0 0 6px rgba(229,46,113,.35))}50%{-webkit-filter:drop-shadow(0 0 10px rgba(127,0,255,.45));filter:drop-shadow(0 0 10px rgba(127,0,255,.45))}}.url-input-instructions{margin:0 auto 8px;text-align:left}.url-input-footer,.url-input-instructions{box-sizing:border-box;min-width:320px;width:50%}.url-input-footer{background:transparent!important;border-top:none!important;display:flex;gap:12px;justify-content:flex-end;margin:12px auto 20px;padding:0}@media (max-width:768px){.url-input-footer,.url-input-instructions{margin-left:auto;margin-right:auto;min-width:0;padding:0 12px;width:100%}.activity-list-management-modal{margin:1rem auto;max-height:95vh;padding-bottom:env(safe-area-inset-bottom,0);width:95%}.activity-list-management-modal .modal-header{min-height:50px;padding:10px 15px;position:relative!important}.activity-list-management-modal .modal-header .circular-close-btn{align-items:center!important;aspect-ratio:1/1!important;border-radius:50%!important;display:inline-flex!important;flex-shrink:0!important;height:28px!important;justify-content:center!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;width:28px!important;z-index:2!important}.tab-navigation{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto}.tab-btn{border-bottom:3px solid transparent;border-right:none;flex:0 0 auto;min-width:90px;padding:12px 16px;white-space:nowrap}.tab-btn.active{border-bottom-color:#667eea;border-right-color:transparent}.tab-content{max-width:none;padding:16px}.activity-list-management-modal .modal-body{overscroll-behavior:contain;padding-bottom:calc(56px + env(safe-area-inset-bottom, 0px))}.activity-list-management-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;bottom:calc(56px + env(safe-area-inset-bottom, 0px));box-shadow:0 -4px 12px rgba(0,0,0,.08);margin-top:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:2}.activity-list{grid-template-columns:1fr;max-width:none}.activity-item{align-items:flex-start;flex-direction:column;gap:12px}.activity-controls{align-self:stretch;justify-content:space-between}.activity-list-management-modal .tab-content .activity-list{display:flex!important;flex-direction:column!important;gap:12px!important;height:auto!important}.activity-list-management-modal .tab-content .activity-item{width:100%!important}.option-content{align-items:flex-start;flex-direction:column;text-align:left}.activity-list-management-modal .tab-content .activity-list{max-height:none!important;overflow:visible!important}.option-icon{margin-bottom:8px;margin-right:0}.weather-main{flex-direction:column;gap:8px}.glow-tab .glow-settings{display:block!important;margin-bottom:12px}.glow-tab .settings-grid{grid-gap:12px;display:grid!important;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.glow-tab .settings-grid>.setting-group{grid-column:auto!important;min-width:0}.glow-tab .option-group,.glow-tab .setting-group{min-width:0;width:100%}.glow-tab .setting-group .interval-slider,.glow-tab .setting-group select{max-width:none;width:100%}.glow-tab .glow-preview,.glow-tab .glow-preview-title,.glow-tab .glow-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.image-add-buttons{align-items:center;display:flex;gap:12px}.add-image-btn,.add-url-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.add-image-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.add-image-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px rgba(16,185,129,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.add-url-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.add-url-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.url-input-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.url-input-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.2);display:flex;flex-direction:column;margin:0;max-height:85vh;max-width:640px;overflow:hidden;width:clamp(480px,60vw,640px)}.url-input-modal .modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.url-input-modal .modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.url-input-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.url-input-section{display:flex;flex-direction:column;gap:20px}.input-instructions h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 8px}.input-instructions p{color:#64748b;font-size:.9rem;margin:4px 0}.url-input-textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.5;min-height:150px;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.url-input-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.url-input-textarea::-webkit-input-placeholder{color:#94a3b8;font-style:italic}.url-input-textarea::placeholder{color:#94a3b8;font-style:italic}.url-preview-section{margin-top:20px}.url-preview-section h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 16px}.url-preview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:16px}.url-preview-item{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.url-preview-item.valid{background:#f0fdf4;border-color:#10b981}.url-preview-item.invalid{background:#fef2f2;border-color:#ef4444}.preview-image-container{align-items:center;background:#f8fafc;display:flex;height:120px;justify-content:center;position:relative}.preview-image-container img{border-radius:4px;max-height:100%;max-width:100%;object-fit:cover}.preview-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:8px}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.preview-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;gap:8px}.preview-error span:first-child{font-size:2rem}.preview-url{align-items:center;background:#fff;display:flex;gap:8px;padding:12px}.status-icon{flex-shrink:0;font-size:1.1rem}.status-icon.valid{color:#10b981}.status-icon.invalid{color:#ef4444}.url-text{color:#64748b;font-size:.85rem;line-height:1.3;word-break:break-all}.preview-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.preview-summary p{color:#475569;font-size:.9rem;margin:0;text-align:center}.url-input-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0;color:#475569}.confirm-btn{background:linear-gradient(135deg,#10b981,#059669)}.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px rgba(16,185,129,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.confirm-btn:disabled{background:#9aa4b2;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.95;-webkit-transform:none;transform:none}@media (max-width:768px){.image-add-buttons{align-items:stretch;flex-direction:column;gap:8px}.add-image-btn,.add-url-btn{justify-content:center}.url-input-modal{margin:1rem auto;max-height:90vh;width:95%}.url-input-modal .modal-body{padding:16px}.url-preview-grid{grid-template-columns:1fr}.url-input-modal .modal-footer{flex-direction:column;gap:8px}.cancel-btn,.confirm-btn{justify-content:center;width:100%}}.restore-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.restore-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s ease}.restore-btn:hover{background:#e9ecef;border-color:#adb5bd}.restore-btn.restore-all{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.restore-btn.restore-all:hover{opacity:.9;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.city-selector{display:inline-block;min-width:200px;position:relative}.selector-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.selector-trigger:hover{background:#f9fafb;border-color:#9ca3af}.selector-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.selected-value{color:#374151;flex:1 1;font-size:14px}.dropdown-arrow{color:#6b7280;font-size:12px;margin-left:8px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.selector-trigger.open .dropdown-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.selector-dropdown{-webkit-animation:dropdownFadeIn .2s ease-out;animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.1);left:0;max-height:320px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10010}@-webkit-keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.selector-overlay{background:transparent;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10008}.city-selection{display:flex;flex-direction:column;height:100%}.search-container{border-bottom:1px solid #e5e7eb;padding:12px}.city-search{border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.city-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.city-list{flex:1 1;max-height:240px;overflow-y:auto}.loading-message,.no-results{color:#6b7280;font-size:14px;padding:20px;text-align:center}.loading-message{color:#3b82f6;font-weight:500}.no-results{color:#ef4444;font-weight:500}.city-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.city-item:hover{background-color:#f9fafb}.city-item:last-child{border-bottom:none}.city-name{color:#374151;font-size:14px;font-weight:500}.has-districts{color:#9ca3af;font-size:12px}.no-districts{color:#f59e0b;font-size:12px}.map-picker-option{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin:4px;padding:12px 16px;transition:background-color .2s ease}.map-picker-option:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);box-shadow:0 2px 8px rgba(14,165,233,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.map-picker-option.district-level,.map-picker-option.town-level{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.map-picker-option.district-level:hover,.map-picker-option.town-level:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 2px 8px rgba(34,197,94,.2)}.map-icon{font-size:16px;margin-right:8px}.map-text{color:#0c4a6e;flex:1 1;font-size:14px;font-weight:600}.map-picker-option.district-level .map-text,.map-picker-option.town-level .map-text{color:#14532d}.map-arrow{color:#0ea5e9;font-size:12px;font-weight:700}.map-picker-option.district-level .map-arrow,.map-picker-option.town-level .map-arrow{color:#22c55e}.district-selection,.town-selection{display:flex;flex-direction:column;height:100%}.selection-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:12px 16px}.back-btn{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:14px;padding:4px 8px;transition:background-color .2s ease}.back-btn:hover{background-color:#e5f3ff}.current-city,.current-location{color:#374151;font-size:14px;font-weight:600}.district-list,.town-list{flex:1 1;max-height:240px;overflow-y:auto}.district-item,.town-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.district-item:hover,.town-item:hover{background-color:#f9fafb}.district-item:last-child,.town-item:last-child{border-bottom:none}.has-towns{color:#9ca3af;font-size:12px;margin-left:auto}.district-item.city-option,.town-item.district-option{background-color:#dbeafe;border:2px solid #3b82f6;border-radius:6px;margin:4px}.district-item.city-option:hover,.town-item.district-option:hover{background-color:#bfdbfe;box-shadow:0 2px 4px rgba(59,130,246,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.district-item.city-option .district-name,.town-item.district-option .town-name{color:#1d4ed8;font-weight:600}.district-item.city-option .option-type,.town-item.district-option .option-type{color:#3b82f6;font-weight:500}.district-name,.town-name{color:#374151;font-size:14px;font-weight:500}.option-type{color:#6b7280;font-size:12px;font-weight:400;margin-left:8px}@media (max-width:768px){.city-selector{min-width:160px}.selector-dropdown{max-height:280px}.city-list,.district-list,.town-list{max-height:200px}.city-item,.district-item,.selection-header,.town-item{padding:10px 12px}.search-container{padding:10px}}.city-list::-webkit-scrollbar,.district-list::-webkit-scrollbar,.town-list::-webkit-scrollbar{width:6px}.city-list::-webkit-scrollbar-track,.district-list::-webkit-scrollbar-track,.town-list::-webkit-scrollbar-track{background:#f1f5f9}.city-list::-webkit-scrollbar-thumb,.district-list::-webkit-scrollbar-thumb,.town-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.city-list::-webkit-scrollbar-thumb:hover,.district-list::-webkit-scrollbar-thumb:hover,.town-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (prefers-color-scheme:dark){.selector-trigger{background:#1f2937;border-color:#374151;color:#fff}.selector-trigger:hover{background:#111827;border-color:#4b5563}.selected-value{color:#f9fafb}.dropdown-arrow{color:#9ca3af}.selector-dropdown{background:#1f2937;border-color:#374151}.city-search{background:#111827;border-color:#374151;color:#fff}.city-search::-webkit-input-placeholder{color:#9ca3af}.city-search::placeholder{color:#9ca3af}.city-item:hover,.district-item:hover,.town-item:hover{background-color:#111827}.city-name,.current-city,.current-location,.district-name,.town-name{color:#f9fafb}.selection-header{background:#111827;border-bottom-color:#374151}.back-btn{color:#60a5fa}.back-btn:hover{background-color:#1e3a8a}.district-item.city-option,.town-item.district-option{background-color:#451a03}.district-item.city-option:hover,.town-item.district-option:hover{background-color:#78350f}}@media (prefers-contrast:high){.selector-dropdown,.selector-trigger{border:2px solid #000}.city-item,.district-item,.town-item{border-bottom:1px solid #000}}@media (max-width:768px){.city-item,.district-item,.town-item{padding:12px 16px;touch-action:manipulation}.city-search{font-size:16px}}@media (prefers-reduced-motion:reduce){.back-btn,.city-item,.district-item,.dropdown-arrow,.selector-trigger,.town-item{transition:none}.selector-dropdown{-webkit-animation:none;animation:none}}.search-results-header{background:#f0f9ff;border-bottom:1px solid #e0f2fe;color:#0369a1;font-size:12px;font-weight:600;padding:8px 16px}.city-item.search-result{padding-left:12px}.city-item.search-result .result-type-icon{font-size:14px;margin-right:8px}.city-item.search-result.city{background:#fefce8}.city-item.search-result.city:hover{background:#fef9c3}.city-item.search-result.district{background:#f0fdf4}.city-item.search-result.district:hover{background:#dcfce7}.city-item.search-result.town{background:#eff6ff}.city-item.search-result.town:hover{background:#dbeafe}.city-item.search-result .city-name{font-size:13px}.hot-city-group{border-bottom:1px solid #f3f4f6}.hot-city-group:last-child{border-bottom:none}.city-item.hot-city{align-items:center;display:flex;justify-content:space-between}.city-item.hot-city .expand-arrow{color:#9ca3af;font-size:10px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.city-item.hot-city.expanded .expand-arrow{color:#3b82f6;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.city-item.hot-city:hover .expand-arrow{color:#3b82f6}.hot-city-group .district-list{background:#f9fafb;border-top:1px solid #e5e7eb;max-height:200px;overflow-y:auto}.hot-city-group .district-item{background:#f9fafb;font-size:13px;padding:10px 16px 10px 32px}.hot-city-group .district-item:hover{background:#e5e7eb}.hot-city-group .district-item .result-type-icon{font-size:12px;margin-right:8px}.hot-city-group .district-item .city-name{font-size:13px;font-weight:400}.permission-manager-overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000000}.permission-manager-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.permission-manager-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;padding:20px}.permission-manager-header h2{font-size:1.25rem;font-weight:700;margin:0}.close-btn{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:6px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:4px 12px;transition:all .3s ease}.close-btn:hover{background:hsla(0,0%,100%,.25);-webkit-transform:scale(1.05);transform:scale(1.05)}.permission-manager-body{flex:1 1;overflow-y:auto;padding:24px}.grant-section{border-bottom:1px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.grant-section h3{color:#1f2937;font-size:1.1rem;margin:0 0 16px}.grant-form{display:flex;gap:12px;margin-bottom:12px}.username-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px;transition:border-color .3s ease}.username-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.grant-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.grant-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px rgba(16,185,129,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.grant-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;-webkit-transform:none;transform:none}.hint{color:#6b7280;font-size:12px;line-height:1.5;margin:0}.organizers-section h3{color:#1f2937;font-size:1.1rem;margin:0 0 16px}.no-organizers{background:#f8fafc;border:1px dashed #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;margin:0;padding:20px;text-align:center}.organizers-list{display:flex;flex-direction:column;gap:8px}.organizer-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.organizer-item:hover{background:#f1f5f9;border-color:#cbd5e1}.organizer-name{color:#1f2937;font-size:14px;font-weight:600}.revoke-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.revoke-btn:hover{background:#dc2626;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.confirm-dialog-overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000001}.confirm-dialog-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.confirm-dialog-header{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;justify-content:space-between;padding:20px}.confirm-dialog-header h3{font-size:1.1rem;font-weight:700;margin:0}.confirm-dialog-body{color:#374151;font-size:14px;line-height:1.5;padding:24px}.confirm-dialog-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px}.cancel-btn{background:#9ca3af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.cancel-btn:hover{background:#6b7280;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.confirm-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.confirm-btn:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.creator-item{background:linear-gradient(135deg,#fff7ed,#fef3c7);border:2px solid #f59e0b}.creator-name{color:#92400e;font-size:14px;font-weight:700}.creator-badge{background:#f59e0b;border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:4px 8px}.organizer-actions{display:flex;gap:8px}.delete-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.delete-btn:hover{background:#dc2626;box-shadow:0 2px 8px rgba(239,68,68,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:480px){.permission-manager-overlay{padding:10px}.permission-manager-modal{max-width:100%}.grant-form{flex-direction:column}.username-input{width:100%}.confirm-dialog-overlay{padding:10px}.confirm-dialog-modal{max-width:100%}.organizer-actions{flex-direction:column;gap:6px}.delete-btn,.revoke-btn{width:100%}}.card-registration-list{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:10px 12px}.card-reg-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.card-reg-title{color:#475569;font-size:14px;font-weight:600}.card-reg-view-all{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:5px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:5px 10px;transition:all .2s}.card-reg-view-all:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155}.card-reg-view-all:active{background:#cbd5e1}.card-reg-names{color:#334155;font-size:14px;line-height:1.6;word-break:break-all}.card-reg-name{color:#1e40af}.card-reg-more{background:none;border:none;color:#6366f1;cursor:pointer;font-size:14px;font-weight:500;margin-left:4px;padding:0;transition:color .2s}.card-reg-more:hover{color:#4f46e5;text-decoration:underline}.card-reg-ellipsis{color:#94a3b8;margin-left:2px}.card-reg-empty,.card-reg-loading{color:#94a3b8;font-size:13px;padding:8px 0;text-align:center}@media (max-width:768px){.card-registration-list{margin-top:10px;padding:8px 10px}.card-reg-names,.card-reg-title,.card-reg-view-all{font-size:13px}}:root{--led-bg:#000;--led-color:#ff2d2d;--led-glow-1:rgba(255,45,45,.85);--led-glow-2:rgba(255,45,45,.45);--led-glow-3:rgba(255,45,45,.2);--led-frame:#1a1a1a;--led-frame-highlight:#333;--led-accent:#7a7a7a;--led-bolt:#666;--led-bolt-shadow:#222;--led-grid-dot:hsla(0,0%,100%,.06);--led-grid-gap:8px;--led-grid-size:2px}.marquee-banner{background:#000;background:var(--led-bg);border-bottom:none;border-left:1px solid #7a7a7a;border-left:1px solid var(--led-accent);border-radius:0;border-right:1px solid #7a7a7a;border-right:1px solid var(--led-accent);border-top:none;box-shadow:none;box-sizing:border-box;margin:0 auto;max-width:100vw;overflow:hidden;overflow-x:clip;padding:0 2px;position:relative;width:100%}.marquee-banner:after,.marquee-banner:before{content:none}.marquee-grid-overlay{background:radial-gradient(circle,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 2px,transparent 0) 0 0 /8px 8px;background:radial-gradient(circle,var(--led-grid-dot) 0,var(--led-grid-dot) var(--led-grid-size),transparent var(--led-grid-size)) 0 0 /var(--led-grid-gap) var(--led-grid-gap);inset:0;mix-blend-mode:screen;opacity:.6;pointer-events:none;position:absolute}.marquee-track{align-items:center;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:marquee-rtl;animation-name:marquee-rtl;-webkit-animation-timing-function:linear;animation-timing-function:linear;display:inline-flex;max-width:100%;white-space:nowrap;will-change:transform}.marquee-track:after,.marquee-track:before{content:"";display:inline-block;flex:0 0 auto;height:0;width:100%}.marquee-text{color:#ff2d2d;color:var(--led-color);-webkit-filter:saturate(1.1) contrast(1.05);filter:saturate(1.1) contrast(1.05);font-weight:700;letter-spacing:.5px;padding-inline:2rem}.marquee-text,.marquee-text b,.marquee-text i,.marquee-text span{text-shadow:0 0 2px rgba(255,45,45,.85),0 0 6px rgba(255,45,45,.85),0 0 12px rgba(255,45,45,.45),0 0 24px rgba(255,45,45,.2);text-shadow:0 0 2px var(--led-glow-1),0 0 6px var(--led-glow-1),0 0 12px var(--led-glow-2),0 0 24px var(--led-glow-3)}@-webkit-keyframes marquee-rtl{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marquee-rtl{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:768px){.marquee-banner{border-bottom:none;border-left:1px solid #7a7a7a;border-left:1px solid var(--led-accent);border-radius:0;border-right:1px solid #7a7a7a;border-right:1px solid var(--led-accent);border-top:none;box-shadow:none;height:36px!important;margin-bottom:0;min-height:36px!important;padding:0 2px}.marquee-text{padding-inline:1rem;text-shadow:0 0 2px rgba(255,45,45,.85),0 0 6px rgba(255,45,45,.45),0 0 12px rgba(255,45,45,.2);text-shadow:0 0 2px var(--led-glow-1),0 0 6px var(--led-glow-2),0 0 12px var(--led-glow-3)}.marquee-grid-overlay{opacity:.45}}@media (prefers-contrast:more){.marquee-grid-overlay{mix-blend-mode:normal;opacity:.3}.marquee-text{text-shadow:0 0 4px rgba(255,45,45,.85);text-shadow:0 0 4px var(--led-glow-1)}}:has(+.marquee-banner){margin-bottom:0!important}
/*# sourceMappingURL=main.57e46571.css.map*/