*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Work Sans,sans-serif;width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto}#root{width:100%;min-height:100%}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--card-bg: #ffffff;--text-primary: #2b2b2b;--text-secondary: #666;--border-color: #ddd}[data-ms-modal],[data-ms-modal=true],div[class*=memberstack],div[id*=memberstack],.memberstack-modal,#memberstack-modal,[class*=ms-modal],[id*=ms-modal]{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:99999!important}[data-ms-modal]>*,[data-ms-modal=true]>*,div[class*=memberstack]>*,div[id*=memberstack]>*,.memberstack-modal>*,#memberstack-modal>*,[class*=ms-modal]>*,[id*=ms-modal]>*{position:relative!important;inset:auto!important;transform:none!important;margin:auto!important}[data-ms-modal] div[style*=position],[data-ms-modal=true] div[style*=position],div[class*=memberstack] div[style*=position]{position:relative!important;top:auto!important;left:auto!important;transform:translateY(0)!important}[data-theme=dark]{--bg-primary: #212121;--bg-secondary: #2a2a2a;--card-bg: #222;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #444}[data-theme=dark] .top-navigation{background:var(--bg-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .nav-link,[data-theme=dark] .nav-logo-text{color:var(--text-primary)}[data-theme=dark] .left-sidebar{background:var(--bg-primary);border-right-color:var(--border-color)}[data-theme=dark] .left-sidebar .sidebar-toggle-button{background:transparent;border:none;color:var(--text-secondary)}[data-theme=dark] .left-sidebar .sidebar-toggle-button:hover{background:transparent;color:#ff6723}[data-theme=dark] .right-sidebar{background:var(--bg-primary);border-left-color:var(--border-color)}[data-theme=dark] .right-sidebar .sidebar-toggle-button{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .right-sidebar .sidebar-toggle-button:hover{background:var(--bg-secondary)}[data-theme=dark] .right-sidebar .sidebar-toggle-button .toggle-icon{color:var(--text-secondary)}[data-theme=dark] .user-avatar-placeholder{background:linear-gradient(135deg,#ffb800,#ff6723)}[data-theme=dark] .right-sidebar-section{border-top-color:var(--border-color)}[data-theme=dark] .right-sidebar-section-header .section-title,[data-theme=dark] .right-sidebar-settings-item{color:var(--text-secondary)}[data-theme=dark] .right-sidebar-settings-item:hover{background:#ffffff0d;color:var(--text-primary)}[data-theme=dark] .main-content{background:var(--bg-primary)}[data-theme=dark] .main-content:before{box-shadow:inset 0 0 2px #00000059,inset 0 0 6px #00000040,inset 0 0 10px #0003,inset 0 0 14px #0000002d,inset 0 0 17px #00000029,inset 0 0 20px #00000026,inset 0 0 2px #00000059,inset 0 0 6px #00000040,inset 0 0 10px #0003,inset 0 0 14px #0000002d,inset 0 0 17px #00000029,inset 0 0 20px #00000026,inset 0 0 2px #00000059,inset 0 0 6px #00000040,inset 0 0 10px #0003,inset 0 0 14px #0000002d,inset 0 0 17px #00000029,inset 0 0 20px #00000026,inset 0 0 2px #00000059,inset 0 0 6px #00000040,inset 0 0 10px #0003,inset 0 0 14px #0000002d,inset 0 0 17px #00000029,inset 0 0 20px #00000026}[data-theme=dark] .sidebar-header{border-bottom-color:var(--border-color)}[data-theme=dark] .section-title{color:var(--text-primary)}[data-theme=dark] .category-button{color:var(--text-secondary)}[data-theme=dark] .category-button:hover{color:var(--text-primary)}[data-theme=dark] .artist-item{background:transparent;border-color:transparent}[data-theme=dark] .artist-name{color:var(--text-primary)}[data-theme=dark] .sidebar-footer{background:#2a2a2a4d;border-top-color:var(--border-color)}[data-theme=dark] .live-count{color:var(--text-secondary)}[data-theme=dark] .artist-avatar{border-color:var(--border-color);background:var(--bg-secondary)}[data-theme=dark] .sidebar-stat-item,[data-theme=dark] .sidebar-stat-item i.fa-eye{color:var(--text-secondary)}[data-theme=dark] .browse-artists-page,[data-theme=dark] .artist-section{background:var(--bg-primary)}[data-theme=dark] .search-input{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .search-input::-moz-placeholder{color:var(--text-secondary)}[data-theme=dark] .search-input::placeholder{color:var(--text-secondary)}[data-theme=dark] .category-checkbox span{color:var(--text-primary)}[data-theme=dark] .home-page{background:var(--bg-primary)}[data-theme=dark] .word-the,[data-theme=dark] .word-of{color:var(--text-secondary)}[data-theme=dark] .word-future{background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .word-art{color:var(--text-primary)}[data-theme=dark] .home-page2{background:var(--bg-primary)}[data-theme=dark] .word2-the,[data-theme=dark] .word2-of{color:var(--text-secondary)}[data-theme=dark] .word2-future{background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .word2-art{color:var(--text-primary)}[data-theme=dark] .home-tagline{color:var(--text-secondary)}[data-theme=dark] .home-publishers-title{color:var(--text-primary)}[data-theme=dark] .home-search-input{background:#ffffff0d;border-color:#fff3;color:var(--text-primary)}[data-theme=dark] .home-search-input::-moz-placeholder{color:var(--text-secondary)}[data-theme=dark] .home-search-input::placeholder{color:var(--text-secondary)}[data-theme=dark] .home-search-input:focus{border-color:#fff6}[data-theme=dark] .home-category-checkbox span{color:var(--text-primary)}[data-theme=dark] .home-featured-label{color:#ff6723}[data-theme=dark] .gallery{background:var(--bg-primary)}[data-theme=dark] .gallery h1{color:var(--text-primary)}[data-theme=dark] .downloads-page{background:var(--bg-primary)}[data-theme=dark] .downloads-title{color:var(--text-primary)}[data-theme=dark] .downloads-subtitle{color:var(--text-secondary)}[data-theme=dark] .download-tab{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .download-tab:hover,[data-theme=dark] .download-header h2{color:var(--text-primary)}[data-theme=dark] .download-header p{color:var(--text-secondary)}[data-theme=dark] .download-info-column h3{color:var(--text-primary)}[data-theme=dark] .requirements-list,[data-theme=dark] .install-steps{color:var(--text-secondary)}[data-theme=dark] .version-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .version-info-row .label{color:var(--text-secondary)}[data-theme=dark] .version-info-row .value{color:var(--text-primary)}[data-theme=dark] .warning-box{background:#ff67231a;border-color:#ff6723}[data-theme=dark] .warning-box strong{color:var(--text-primary)}[data-theme=dark] .warning-box p{color:var(--text-secondary)}[data-theme=dark] .downloads-footer{border-top-color:var(--border-color)}[data-theme=dark] .downloads-footer p{color:var(--text-secondary)}[data-theme=dark] .artist-notice{background:#4a90e226;border-color:#4a90e2}[data-theme=dark] .artist-notice-text{color:var(--text-primary)}[data-theme=dark] .artist-notice-text i{color:#4a90e2}[data-theme=dark] .artist-notice-button{background:var(--bg-secondary);color:#ff6723;border-color:#ff6723}[data-theme=dark] .artist-notice-button:hover{background:#ff6723;color:#fff}[data-theme=dark] .tech-page{background:var(--bg-primary)}[data-theme=dark] .tech-content h1{color:var(--text-primary)}[data-theme=dark] .tech-content p{color:var(--text-secondary)}[data-theme=dark] .about-page,[data-theme=dark] .profile-settings-page{background:var(--bg-primary)}[data-theme=dark] .profile-section{background:var(--bg-secondary)}[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .form-group input:disabled{background:#1a1a1a}[data-theme=dark] .form-hint{color:var(--text-secondary)}[data-theme=dark] .checkbox-label{color:var(--text-primary)}[data-theme=dark] .settings-section,[data-theme=dark] .billing-section,[data-theme=dark] .favorites-section{background:var(--bg-secondary)}[data-theme=dark] .text-muted{color:var(--text-secondary)}[data-theme=dark] .favorite-artist-card{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .favorite-artist-card:hover{border-color:#ff6723}[data-theme=dark] .favorite-artist-name{color:var(--text-primary)}[data-theme=dark] .favorite-stat,[data-theme=dark] .loading-state p,[data-theme=dark] .empty-state p{color:var(--text-secondary)}[data-theme=dark] .about-title{color:var(--text-primary)}[data-theme=dark] .about-description{color:var(--text-secondary)}[data-theme=dark] .about-section-title{color:var(--text-primary)}[data-theme=dark] .section-text{color:var(--text-secondary)}[data-theme=dark] .team-member{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .member-name{color:var(--text-primary)}[data-theme=dark] .member-bio{color:var(--text-secondary)}[data-theme=dark] .project-category{background:var(--bg-secondary)}[data-theme=dark] .category-title,[data-theme=dark] .project-name{color:var(--text-primary)}[data-theme=dark] .project-description{color:var(--text-secondary)}[data-theme=dark] .site-footer{background:var(--bg-primary);border-top-color:var(--border-color)}[data-theme=dark] .footer-icon{color:var(--text-secondary)}[data-theme=dark] .footer-icon:hover{color:#ff6723}[data-theme=dark] .footer-copyright,[data-theme=dark] .footer-link{color:var(--text-secondary)}[data-theme=dark] .footer-link:hover{color:#ff6723}[data-theme=dark] .terms-page{background:var(--bg-primary)}[data-theme=dark] .terms-container h1,[data-theme=dark] .terms-container h2{color:var(--text-primary)}[data-theme=dark] .terms-container h3{color:#ff6723}[data-theme=dark] .terms-container h4,[data-theme=dark] .terms-container p,[data-theme=dark] .terms-container ul li,[data-theme=dark] .terms-container ol li{color:var(--text-secondary)}[data-theme=dark] .terms-container strong{color:var(--text-primary)}[data-theme=dark] .last-updated{color:#999}[data-theme=dark] .end-notice{color:#999;border-top-color:var(--border-color)}.top-navigation{position:fixed;top:0;left:0;right:0;height:1.875rem;display:flex;align-items:center;padding:0 .5rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);z-index:200}.nav-logo-link{position:fixed;left:.9375rem;top:.9375rem;transform:translate(-50%,-50%);text-decoration:none;transition:transform .2s ease;z-index:201}.nav-logo-link:hover{transform:translate(-50%,-50%) scale(1.05)}.nav-logo{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;display:block}.nav-links{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:1.5rem}.nav-logo-text-container{position:absolute;left:50%;transform:translate(-50%);text-decoration:none;transition:transform .2s ease}.nav-logo-text-container:hover{transform:translate(-50%) scale(1.02)}.nav-logo-text{font-family:Work Sans,sans-serif;font-size:20px;font-weight:700;color:#2b2b2b;letter-spacing:.08em;white-space:nowrap}.nav-link{font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;color:#2b2b2b;text-decoration:none;padding:.375rem .75rem;border-radius:6px;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:#ffb8001a;color:#ffb800}.nav-link-with-badge{display:inline-flex;align-items:center;gap:6px}.nav-badge{font-family:Work Sans,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;line-height:1}.nav-badge.beta,[data-theme=dark] .nav-badge.beta{background:linear-gradient(135deg,#ff6723,#ff8f5a);color:#fff}.nav-search{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%;max-width:500px}.search-input-container{position:relative;flex:1;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.search-input{width:100%;height:32px;padding:0 .75rem 0 2.25rem;font-family:Work Sans,sans-serif;font-size:13px;color:#2b2b2b;background:#00000008;border:1px solid rgba(0,0,0,.08);border-radius:6px;outline:none;transition:all .2s ease}.search-input:focus{background:#fff;border-color:#ffb8004d;box-shadow:0 0 0 3px #ffb8001a}.nav-right{display:flex;align-items:center;gap:1rem;margin-left:auto;margin-right:1.875rem}.nav-right.logged-in{margin-right:calc(28px + .75rem)}.nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-auth-button{height:24px;padding:0 12px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none}.nav-login-button{background:transparent;color:#2b2b2b;border:1px solid rgba(0,0,0,.15)}.nav-login-button:hover{background:#0000000d;border-color:#00000040}.nav-signup-button{background:linear-gradient(135deg,#ff6723,#ff8f5a);color:#fff;border:none}.nav-signup-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff67234d}.nav-signup-button:active{transform:translateY(0)}.nav-apply-button{height:24px;padding:0 12px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none}.nav-apply-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d;color:#fff}.nav-apply-button:active{transform:translateY(0)}.user-avatar{width:24px;height:24px;border-radius:6px;-o-object-fit:cover;object-fit:cover;display:block;margin:0 auto}.nav-icon-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease;padding:0}.nav-icon-button:hover{background:#0000000d;color:#2b2b2b}.nav-icon-button:active{transform:scale(.95)}.nav-icon-button.active{background:#ff67231a;color:#ff6723}.nav-icon-button.active:hover{background:#ff672326;color:#ff6723}.user-menu-container{position:fixed;right:.9375rem;top:.9375rem;transform:translate(50%,-50%);z-index:201}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:224px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #0000001a,0 0 0 1px #0000000d;padding:.5rem;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-section{padding:.25rem 0}.user-dropdown-header{font-family:Work Sans,sans-serif;font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:.375rem .75rem;margin-bottom:.25rem}.user-dropdown-item{width:100%;font-family:Work Sans,sans-serif;font-size:13px;font-weight:500;color:#2b2b2b;background:transparent;border:none;text-align:left;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.user-dropdown-item:hover{background:#ffb8001a;color:#ffb800}.user-dropdown-divider{height:1px;background:#00000014;margin:.5rem 0}.nav-hamburger-button{display:none;width:32px;height:32px;align-items:center;justify-content:center;background:transparent;border:none;color:#666;cursor:pointer;transition:all .2s ease;flex-shrink:0}.nav-hamburger-button:hover{background:#0000000d;color:#2b2b2b}.nav-hamburger-button:active{transform:scale(.95)}[data-theme=dark] .top-navigation{background:var(--bg-primary, #212121);border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=dark] .nav-login-button{background:transparent;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .nav-login-button:hover{background:#ffffff1a;border-color:#ffffff4d}[data-theme=dark] .nav-icon-button{color:#a0a0a0}[data-theme=dark] .nav-icon-button:hover{background:#ffffff1a;color:#e0e0e0}.nav-icon-button{color:#888}.left-sidebar{position:fixed;left:0;top:1.875rem;height:calc(100vh - 1.875rem);width:1.875rem;display:flex;flex-direction:column;background:#fff;border-right:1px solid rgba(0,0,0,.08);overflow-y:auto;overflow-x:hidden;z-index:100;transition:width .25s ease}.left-sidebar.compact{width:1.875rem}.left-sidebar.expanded{width:250px}[data-theme=dark] .left-sidebar{background:#212121;border-right:1px solid rgba(255,255,255,.08)}.sidebar-toggle-button{height:30px;border:none;background:transparent;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;transition:all .2s ease;flex-shrink:0}.left-sidebar.compact .sidebar-toggle-button{justify-content:center;padding:0}[data-theme=dark] .sidebar-toggle-button{background:transparent;color:#555}.sidebar-toggle-button:hover{color:#ff6723}.toggle-icon{transition:transform .3s ease}.toggle-icon.rotated{transform:rotate(180deg)}.section-group{background:#fff;margin:0;border-radius:12px;overflow:visible;box-shadow:0 1px 3px #0000000a;transition:margin .3s ease,background-color .25s ease}.left-sidebar.compact .section-group{margin:0;border-radius:8px;background:transparent;box-shadow:none}[data-theme=dark] .section-group{background:#2a2a2a;box-shadow:none}[data-theme=dark] .left-sidebar.compact .section-group{background:transparent}.section-header{padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(0,0,0,.06);-moz-user-select:none;user-select:none;-webkit-user-select:none}.left-sidebar.compact .section-header{padding:8px;margin-bottom:2px;justify-content:center}[data-theme=dark] .section-header{border-bottom:1px solid rgba(255,255,255,.06);box-shadow:none;background:transparent}.section-header:hover{background:#00000005}[data-theme=dark] .section-header:hover{background:#ffffff05}.section-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.left-sidebar.compact .section-header-right{display:none}.section-icon-wrapper{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon-wrapper.live{background:linear-gradient(135deg,#22c55e26,#22c55e0d)}.section-icon-wrapper.live i,.section-icon-wrapper.live .live-icon{color:#22c55e;font-size:12px}.section-icon-wrapper.live .live-icon{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.section-icon-wrapper.favorites{background:linear-gradient(135deg,#ff672326,#ffb8000d)}.section-icon-wrapper.favorites i{color:#ff6723;font-size:12px}.section-icon-wrapper.browse{background:#0000000d}[data-theme=dark] .section-icon-wrapper.browse{background:#ffffff14}.section-icon-wrapper.browse i{color:#999;font-size:12px}[data-theme=dark] .section-icon-wrapper.browse i{color:#777}.left-sidebar .section-title{font-family:Work Sans,sans-serif;font-size:15px;font-weight:600;color:#2b2b2b;white-space:nowrap;margin:0;flex:1;text-align:center}.left-sidebar.compact .section-title{display:none}[data-theme=dark] .left-sidebar .section-title{color:#fff}.section-count{font-size:11px;font-weight:600;color:#999;background:#0000000d;padding:3px 8px;border-radius:10px}.left-sidebar.compact .section-count{display:none}[data-theme=dark] .section-count{color:#777;background:#ffffff14}.section-chevron{color:#ccc;font-size:10px;transition:transform .2s ease}.section-chevron.rotated{transform:rotate(-90deg)}.left-sidebar.compact .section-chevron{display:none}[data-theme=dark] .section-chevron{color:#555}.section-content{padding:0;border:none;background:transparent;box-shadow:none;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.left-sidebar.compact .section-content{padding:0;border:none;background:transparent;box-shadow:none}[data-theme=dark] .section-content{border:none;background:transparent;box-shadow:none}.left-sidebar.compact .section-group.browse-section{display:none}.artist-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;cursor:pointer;transition:all .15s ease;margin-bottom:2px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.artist-item:last-child{margin-bottom:0}.left-sidebar.compact .artist-item{padding:0;justify-content:center;gap:0;margin-bottom:2px}.left-sidebar.compact .artist-item:last-child{margin-bottom:0}.artist-item:hover{background:#00000008}[data-theme=dark] .artist-item:hover{background:#ffffff0d}.artist-avatar-container{position:relative;flex-shrink:0}.artist-avatar{width:32px;height:32px;border-radius:6px;overflow:hidden;background:#f0f0f0;border:1px solid rgba(0,0,0,.06)}.left-sidebar.compact .artist-avatar{width:26px;height:26px;border-radius:6px}[data-theme=dark] .artist-avatar{background:#2a2a2a;border-color:#ffffff0f}.artist-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.live-indicator{position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid #ffffff}.left-sidebar.compact .live-indicator{width:6px;height:6px;top:-1px;right:-1px}[data-theme=dark] .live-indicator{border-color:#1e1e1e}.live-indicator.pulsing{animation:pulse 2s ease-in-out infinite}.left-sidebar.compact .artist-info{display:none}.artist-info-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.artist-name{font-family:Work Sans,sans-serif;font-size:13px;font-weight:600;color:#2b2b2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;flex:0 1 auto;min-width:0}[data-theme=dark] .artist-name{color:#fff}.artist-name:hover{color:#ff6723}.sidebar-plan-icon-logo{margin-left:6px;height:12px;width:auto;display:inline-block;vertical-align:middle;filter:brightness(1.2)}.sidebar-plan-icon{margin-left:4px;font-size:12px;color:#ff8c00;text-shadow:0 0 8px rgba(255,140,0,.8);display:inline-block;vertical-align:middle}.sidebar-artist-stats{display:flex;align-items:center;gap:10px;flex-shrink:0}.sidebar-stat-item{display:flex;align-items:center;gap:4px;font-family:Work Sans,sans-serif;font-size:11px;color:#999;cursor:pointer}[data-theme=dark] .sidebar-stat-item{color:#666}.sidebar-stat-item i{font-size:9px}.sidebar-stat-item i.fa-eye{color:#bbb}[data-theme=dark] .sidebar-stat-item i.fa-eye{color:#555}.sidebar-stat-item i.fa-fire{color:#ff6723;transition:all .2s ease}.sidebar-stat-item i.fa-fire.favorited{color:#ff4500;text-shadow:0 0 8px rgba(255,69,0,.8)}.sidebar-stat-item.favorited:hover i.fa-fire{transform:scale(1.1)}.categories-list{display:flex;flex-direction:column;gap:4px}.category-button{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;font-family:Work Sans,sans-serif;font-size:13px;font-weight:500;color:#666;background:transparent;border:none;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}[data-theme=dark] .category-button{color:#999}.category-button:hover{background:#0000000a;color:#2b2b2b}[data-theme=dark] .category-button:hover{background:#ffffff0f;color:#fff}.category-button.active{background:#0000000f;color:#2b2b2b;font-weight:600}[data-theme=dark] .category-button.active{background:#ffffff1a;color:#fff}.category-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-count{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#0000000d;margin-left:.5rem;flex-shrink:0}[data-theme=dark] .category-count{background:#ffffff1a}.category-button.active .category-count{background:#00000014}[data-theme=dark] .category-button.active .category-count{background:#ffffff26}.my-canvas-section{margin-bottom:8px;padding:6px 8px;border-bottom:1px solid rgba(255,103,35,.15)}.left-sidebar.compact .my-canvas-section{padding:4px 2px;border-bottom:none}.my-canvas-item{cursor:pointer}.my-canvas-item:hover{background:#ff672314!important}.my-canvas-avatar{border:2px solid #FF6723!important;box-shadow:0 0 8px #ff67234d}.my-canvas-name{color:#ff6723!important;font-weight:600!important}.my-canvas-label{display:block;font-size:.7rem;color:#888;margin-top:2px}.left-sidebar.compact .my-canvas-label,.left-sidebar.compact .artist-info{display:none}.left-sidebar.expanded .artist-info{display:block}[data-theme=dark] .my-canvas-section{border-bottom-color:#ff672333}[data-theme=dark] .my-canvas-item:hover{background:#ff672326!important}[data-theme=dark] .my-canvas-label{color:#777}.sidebar-footer{margin-top:auto;padding:14px 16px;background:#fff;border-top:1px solid rgba(0,0,0,.06);flex-shrink:0;transition:background-color .25s ease}.left-sidebar.compact .sidebar-footer{padding:10px 6px;background:transparent;border-top:none}[data-theme=dark] .sidebar-footer{background:#2a2a2a;border-top-color:#ffffff0f}[data-theme=dark] .left-sidebar.compact .sidebar-footer{background:transparent}.footer-stats{display:flex;justify-content:space-between;align-items:center}.left-sidebar.compact .footer-stats{flex-direction:column;gap:4px}.footer-stat{display:flex;align-items:center;gap:6px;font-family:Work Sans,sans-serif;font-size:11px;color:#999}.left-sidebar.compact .footer-stat .stat-text{display:none}[data-theme=dark] .footer-stat{color:#666}.footer-stat .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.footer-stat .dot.green{background:#22c55e}.footer-stat .dot.orange{background:#ff6723}.live-count{font-family:Work Sans,sans-serif;font-size:11px;font-weight:500;color:#999}[data-theme=dark] .live-count{color:#666}.left-sidebar .empty-state{display:flex;align-items:center;justify-content:center;padding:4px 8px;text-align:center;background:transparent;border:none;box-shadow:none}.left-sidebar.compact .empty-state{padding:4px}[data-theme=dark] .left-sidebar .empty-state{background:transparent;border:none;box-shadow:none}.left-sidebar .empty-state p{font-family:Work Sans,sans-serif;font-size:11px;color:#777;margin:0;background:transparent;border:none}[data-theme=dark] .left-sidebar .empty-state p{color:#555;background:transparent;border:none}.left-sidebar::-webkit-scrollbar{width:5px}.left-sidebar::-webkit-scrollbar-track{background:transparent}.left-sidebar::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#ccc}[data-theme=dark] .left-sidebar::-webkit-scrollbar-thumb{background:#333}[data-theme=dark] .left-sidebar::-webkit-scrollbar-thumb:hover{background:#444}.right-sidebar{position:fixed;right:0;top:1.875rem;width:0;height:calc(100vh - 1.875rem);background:transparent;border-left:none;transition:width .3s ease;overflow:visible;z-index:90;display:flex;flex-direction:column;padding:0;gap:0}.right-sidebar.hidden{width:0;border-left:none}.right-sidebar.compact{width:1.875rem;border-left:1px solid rgba(0,0,0,.08);background:#fff}.right-sidebar.expanded{width:23.44rem;border-left:1px solid rgba(0,0,0,.08);background:#fff}[data-theme=dark] .right-sidebar.compact,[data-theme=dark] .right-sidebar.expanded{border-left:1px solid rgba(255,255,255,.08);background:var(--bg-primary, #212121)}.right-sidebar .sidebar-toggle-button{position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:32px;height:56px;border:none;border-radius:12px 0 0 12px;background:transparent;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;z-index:91}.right-sidebar .sidebar-toggle-button:hover{background:transparent}.right-sidebar .sidebar-toggle-button:hover .toggle-icon{color:#ff6723}.right-sidebar .sidebar-toggle-button .toggle-icon{font-size:20px;transition:color .2s ease}[data-theme=dark] .right-sidebar .sidebar-toggle-button{background:transparent;color:#888}[data-theme=dark] .right-sidebar .sidebar-toggle-button:hover .toggle-icon{color:#ff6723}.user-avatar-container{display:flex;justify-content:center;align-items:center;padding:8px;cursor:pointer;transition:all .2s ease}.user-avatar-container:hover{transform:scale(1.05)}.login-prompt-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;gap:8px}.login-icon-placeholder{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000000d;color:#999}.login-icon-placeholder i{font-size:28px}.login-prompt-text{font-size:11px;color:#666;text-align:center;margin:0;padding:0 8px;line-height:1.3}.right-sidebar .user-avatar,.right-sidebar .user-avatar-placeholder{width:44px;height:44px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:2px solid #ff6723}.right-sidebar .user-avatar-placeholder{background:linear-gradient(135deg,#ffb800,#ff6723);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.right-sidebar-section{display:flex;flex-direction:column;gap:4px;padding:12px 0;background:#8a2be20f}.right-sidebar-section.artist-settings{background:#ffb8000f;padding:12px 0;margin-top:0}.right-sidebar-section-header{padding:8px 12px;margin-bottom:4px}.right-sidebar-section-header .section-title{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0}.right-sidebar-settings-item{display:flex;align-items:center;justify-content:center;padding:10px 0;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:#666;font-size:14px;font-weight:500;white-space:nowrap;width:100%}.right-sidebar-settings-item i{font-size:18px;transition:all .2s ease}.right-sidebar-settings-item span{display:none}.right-sidebar.expanded .right-sidebar-settings-item{justify-content:flex-start;gap:12px;padding:10px 12px}.right-sidebar.expanded .right-sidebar-settings-item i{width:24px;text-align:center}.right-sidebar.expanded .right-sidebar-settings-item span{display:inline-block}.right-sidebar-settings-item:hover{background:transparent;color:#1a1a1a}.right-sidebar-settings-item:hover i{color:#ff6723;transform:scale(1.1)}.right-sidebar.compact .right-sidebar-section-header{display:none}.artist-sidebar-content{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;height:100%}.artist-sidebar-stats{display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.artist-sidebar-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;flex:1}.stat-value{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:700;color:#2b2b2b}.stat-label{font-family:Work Sans,sans-serif;font-size:.65rem;color:#666;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.stat-divider{width:1px;height:30px;background:#00000014}.artist-sidebar-section{display:flex;flex-direction:column;gap:.35rem}.artist-sidebar-section.chat-section{flex:1;min-height:0}.sidebar-section-title{font-family:Work Sans,sans-serif;font-size:.65rem;font-weight:700;color:#2b2b2b;text-transform:uppercase;letter-spacing:.05em;margin:0;display:flex;justify-content:space-between;align-items:center;padding-bottom:.25rem;border-bottom:2px solid #FF6723}.new-badge{display:none}.right-sidebar .coming-soon-badge,.artist-sidebar-content .coming-soon-badge{display:inline-block;font-family:Work Sans,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;line-height:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;margin-left:auto;margin-bottom:0;white-space:nowrap}.online-count{font-size:.7rem;color:#10b981;font-weight:600}.services-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.service-box{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:.25rem .2rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.1rem}.service-box:hover{border-color:#ff6723;transform:translateY(-2px)}.service-box-icon{font-size:.85rem}.service-box-name{font-family:Work Sans,sans-serif;font-size:.55rem;font-weight:700;color:#2b2b2b}.service-box-price{font-family:Work Sans,sans-serif;font-size:.6rem;font-weight:700;color:#ff6723}.chat-messages-mini{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:8px;max-height:200px;overflow-y:auto;margin-bottom:.75rem}.chat-message-mini{font-family:Work Sans,sans-serif;font-size:.75rem;display:flex;gap:.5rem}.chat-message-mini.artist .chat-user{color:#ff6723;font-weight:700}.chat-user{font-weight:600;color:#2b2b2b;white-space:nowrap}.chat-text{color:#666;word-break:break-word}.chat-input-mini{display:flex;gap:.5rem}.chat-input-mini input{flex:1;padding:.5rem;border:1px solid #e0e0e0;border-radius:6px;font-family:Work Sans,sans-serif;font-size:.75rem;background:#fff}.chat-input-mini input:focus{outline:none;border-color:#ff6723}.chat-input-mini button{padding:.5rem .75rem;background:#ff6723;color:#fff;border:none;border-radius:6px;font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.chat-input-mini button:hover{background:#f80}.chat-messages-mini::-webkit-scrollbar{width:4px}.chat-messages-mini::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chat-embed-container{flex:1;min-height:300px;overflow:visible;background:#f8f9fa;border-radius:8px;position:relative;display:flex;flex-direction:column}.chat-embed-container:empty:after{content:"Loading chat...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-family:Work Sans,sans-serif;font-size:.85rem}[data-theme=dark] .stat-value,[data-theme=dark] .sidebar-section-title,[data-theme=dark] .service-box-name,[data-theme=dark] .chat-user{color:#fff}[data-theme=dark] .stat-label{color:#b0b0b0}[data-theme=dark] .service-box{background:#2a2a2a;border-color:#444}[data-theme=dark] .service-box:hover{border-color:#ff6723}[data-theme=dark] .chat-messages-mini{background:#2a2a2a}[data-theme=dark] .chat-text{color:#b0b0b0}[data-theme=dark] .chat-input-mini input{background:#1a1a1a;border-color:#444;color:#fff}[data-theme=dark] .chat-embed-container{background:#2a2a2a}[data-theme=dark] .chat-embed-container:empty:after{color:#777}.login-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.login-modal-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:40px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;position:relative;animation:slideUp .3s cubic-bezier(.23,1,.32,1);text-align:center}.login-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:32px;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.login-modal-close:hover{background:#0000000d;color:#333;transform:scale(1.1)}.login-modal-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#ff6723,#ff4500);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff450066}.login-modal-icon i{font-size:40px;color:#fff;animation:fireFlicker 2s ease-in-out infinite}@keyframes fireFlicker{0%,to{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.05);filter:brightness(1.2)}50%{transform:scale(1.1);filter:brightness(1.1)}75%{transform:scale(1.05);filter:brightness(1.15)}}.login-modal-title{font-family:Work Sans,sans-serif;font-size:28px;font-weight:700;color:#2b2b2b;margin:0 0 16px;line-height:1.2}.login-modal-message{font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;color:#666;line-height:1.5;margin:0 0 32px}.login-modal-form{display:flex;flex-direction:column;gap:16px;width:100%}.login-modal-input-group{width:100%}.login-modal-input{font-family:Work Sans,sans-serif;font-size:15px;width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s ease;background:#fff}.login-modal-input:focus{border-color:#ff6723}.login-modal-input::-moz-placeholder{color:#999}.login-modal-input::placeholder{color:#999}.login-modal-error{font-family:Work Sans,sans-serif;font-size:14px;color:#dc3545;background:#dc35451a;padding:10px 14px;border-radius:6px;border-left:3px solid #dc3545}.login-modal-button{font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;padding:14px 32px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;width:100%}.login-modal-button.primary{background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;box-shadow:0 4px 16px #ff45004d}.login-modal-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff450066}.login-modal-button.primary:active:not(:disabled){transform:translateY(0)}.login-modal-button.primary:disabled{opacity:.6;cursor:not-allowed}.login-modal-footer{margin-top:8px;text-align:center}.login-modal-footer-text{font-family:Work Sans,sans-serif;font-size:14px;color:#666;margin:0}.login-modal-link{background:none;border:none;color:#ff6723;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s ease;padding:0;font-family:Work Sans,sans-serif;font-size:14px}.login-modal-link:hover{color:#ff4500;text-decoration:underline}.signup-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.signup-modal-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:30px;max-width:440px;width:90%;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;position:relative;animation:slideUp .3s cubic-bezier(.23,1,.32,1);text-align:center;max-height:90vh;overflow-y:auto}.signup-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:32px;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.signup-modal-close:hover{background:#0000000d;color:#333;transform:scale(1.1)}.signup-modal-header{text-align:center;margin-bottom:20px}.signup-modal-icon{width:60px;height:60px;margin:0 auto 12px;background:linear-gradient(135deg,#ff6723,#ff4500);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff450066;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.signup-modal-logo{width:30px;height:30px;filter:brightness(0) invert(1)}.signup-modal-title{font-family:Work Sans,sans-serif;font-size:28px;font-weight:700;color:#2b2b2b;margin:0 0 8px;line-height:1.2}.signup-modal-subtitle{font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;color:#666;line-height:1.5;margin:0}.signup-modal-form{display:flex;flex-direction:column;gap:12px;width:100%}.signup-modal-input{font-family:Work Sans,sans-serif;font-size:16px;width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:8px;outline:none;transition:all .2s ease;background:#fff;color:#666;box-sizing:border-box}.signup-modal-input::-moz-placeholder{color:#999}.signup-modal-input::placeholder{color:#999}.signup-modal-input:focus{border-color:#ff6723;color:#1a1a1a}.signup-modal-input:disabled{opacity:.5;cursor:not-allowed}.signup-field-group{text-align:left}.signup-field-label{display:block;font-family:Work Sans,sans-serif;font-size:11px;font-weight:600;color:#666;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.signup-invite-code-group{background:linear-gradient(135deg,#10b98114,#10b9810a);border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:14px;margin-top:4px}.signup-invite-code-group .signup-field-label{color:#10b981}.signup-field-hint{font-family:Work Sans,sans-serif;font-size:12px;color:#666;margin:0 0 10px;line-height:1.4}.signup-invite-code-input{font-family:Monaco,Consolas,monospace;font-size:18px;letter-spacing:2px;text-align:center;text-transform:uppercase}.signup-invite-code-input::-moz-placeholder{letter-spacing:2px;opacity:.5}.signup-invite-code-input::placeholder{letter-spacing:2px;opacity:.5}.signup-modal-error{font-family:Work Sans,sans-serif;font-size:14px;color:#dc3545;background:#dc35451a;padding:10px 14px;border-radius:6px;border-left:3px solid #dc3545;text-align:left}.signup-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left}.signup-checkbox-label:not(.signup-terms-checkbox){padding-left:10px}.signup-checkbox{flex-shrink:0;width:18px;height:18px;margin:0;cursor:pointer;accent-color:#ff6723}.signup-checkbox-text{display:flex;flex-direction:column;gap:2px;font-family:Work Sans,sans-serif;font-size:13px;font-weight:500;color:#666;line-height:1.3;text-transform:uppercase;letter-spacing:.3px}.signup-checkbox-subtext{font-size:11px;font-weight:400;color:#999;text-transform:none;letter-spacing:0;line-height:1.3}.signup-terms-checkbox{background:#fff9e6;padding:8px 10px;border-radius:8px;align-items:flex-start}.signup-terms-checkbox .signup-checkbox{margin-top:1px}.signup-terms-checkbox .signup-checkbox-text{font-size:11px;color:#666;text-transform:none;letter-spacing:0;line-height:1.4}.signup-terms-link{color:#1a1a1a;font-weight:600;text-decoration:underline;transition:color .2s ease}.signup-terms-link:hover{color:#ff6723}.signup-modal-button{font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;padding:14px 32px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;width:100%}.signup-modal-button.primary{background:linear-gradient(135deg,#ff6723,#ff8c42);color:#fff;box-shadow:0 4px 16px #ff67234d}.signup-modal-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff672366}.signup-modal-button.primary:active:not(:disabled){transform:translateY(0)}.signup-modal-button.primary:disabled{opacity:.6;cursor:not-allowed}.signup-modal-footer{margin-top:8px;text-align:center}.signup-modal-footer-text{font-family:Work Sans,sans-serif;font-size:14px;color:#666;margin:0}.signup-modal-link{background:none;border:none;color:#ff6723;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s ease;padding:0;font-family:Work Sans,sans-serif;font-size:14px}.signup-modal-link:hover{color:#ff4500;text-decoration:underline}.signup-modal-link:disabled{opacity:.5;cursor:not-allowed}.welcome-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.welcome-modal-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;position:relative;animation:slideUp .3s cubic-bezier(.23,1,.32,1);text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:32px;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.welcome-modal-close:hover{background:#0000000d;color:#333;transform:scale(1.1)}.welcome-modal-header{text-align:center;margin-bottom:32px}.welcome-modal-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #10b98166;animation:checkmarkPulse 2s ease-in-out infinite}@keyframes checkmarkPulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #10b98166}50%{transform:scale(1.05);box-shadow:0 12px 32px #10b98180}}.welcome-modal-icon svg{color:#fff}.welcome-modal-icon.artist-activated{background:linear-gradient(135deg,#ff6723,#ff8c42);box-shadow:0 8px 24px #ff672366;animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1) rotate(0);box-shadow:0 8px 24px #ff672366}50%{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 32px #ff672380}}.welcome-modal-title{font-family:Work Sans,sans-serif;font-size:28px;font-weight:700;color:#2b2b2b;margin:0 0 8px;line-height:1.2}.welcome-modal-subtitle{font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;color:#666;line-height:1.5;margin:0}.welcome-modal-body{text-align:left;margin-bottom:24px}.welcome-modal-info-box{background:#f0f9ff;border:1px solid #BAE6FD;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;gap:16px}.welcome-modal-info-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;display:flex;align-items:center;justify-content:center}.welcome-modal-info-icon svg{color:#fff}.welcome-modal-info-content h3{font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;color:#0c4a6e;margin:0 0 8px}.welcome-modal-info-content p{font-family:Work Sans,sans-serif;font-size:14px;color:#0c4a6e;margin:0 0 8px;line-height:1.5}.welcome-modal-info-content p:last-child{margin-bottom:0}.welcome-modal-info-content strong{font-weight:600;color:#075985}.welcome-modal-info-note{font-size:13px!important;color:#0369a1!important}.welcome-modal-next-steps h3{font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;color:#2b2b2b;margin:0 0 16px}.welcome-modal-next-steps ul{list-style:none;padding:0;margin:0}.welcome-modal-next-steps li{display:flex;align-items:center;gap:12px;padding:12px 0;font-family:Work Sans,sans-serif;font-size:14px;color:#4b5563;line-height:1.5}.welcome-modal-next-steps li svg{flex-shrink:0;color:#10b981}.welcome-modal-button{font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;padding:14px 32px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;width:100%;background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;box-shadow:0 4px 16px #ff45004d}.welcome-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff450066}.welcome-modal-button:active{transform:translateY(0)}.site-footer{width:100%;background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:0 .5rem;height:1.875rem;position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center}[data-theme=dark] .site-footer{background:var(--bg-primary, #212121);border-top:1px solid rgba(255,255,255,.08)}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:Work Sans,sans-serif;position:relative}.footer-left{display:flex;gap:15px;align-items:center;margin-left:1rem;flex:1;justify-content:flex-start}.footer-left a{text-decoration:none;display:inline-block}.footer-icon{font-size:.9rem;color:#666;cursor:pointer;transition:color .3s ease}.footer-left a:hover .footer-icon{color:#ff6723}.footer-center{position:absolute;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:1}.footer-center>*{pointer-events:auto}.footer-copyright{font-size:.75rem;color:#666;font-weight:500}.footer-right{display:flex;gap:15px;align-items:center;margin-right:1rem;flex:1;justify-content:flex-end}.footer-link{font-size:.75rem;color:#666;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-link:hover{color:#ff6723;text-decoration:underline}.footer-text{font-size:.75rem;color:#999;font-weight:400;white-space:nowrap}.footer-separator{color:#666;padding:0 .5rem;font-size:.75rem}.footer-version{font-size:.75rem;color:#999;font-weight:500}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-bubble{position:absolute;padding:5px 9px;background:#fff;border:none;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;color:#000;white-space:nowrap;z-index:99999;pointer-events:none;will-change:transform,opacity}.tooltip-style-speech{border-radius:8px;box-shadow:4px 4px #0000004d;border-width:2px}.tooltip-style-round{border-radius:24px;box-shadow:0 4px 12px #00000040;border-width:2px}.tooltip-style-cloud{border-radius:60% 40% 50% 50%/60% 50% 50% 40%;box-shadow:0 4px 12px #0003;border-width:2px}.tooltip-style-gradient{background:linear-gradient(135deg,#ff6723,#ff8c42);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 6px 16px #ff672366;font-weight:600}.tooltip-style-gradient.tooltip-top .tooltip-arrow{border-top-color:#ffffff4d}.tooltip-style-gradient.tooltip-top .tooltip-arrow:after{border-top-color:#ff6723}.tooltip-style-gradient.tooltip-bottom .tooltip-arrow{border-bottom-color:#ffffff4d}.tooltip-style-gradient.tooltip-bottom .tooltip-arrow:after{border-bottom-color:#ff8c42}.tooltip-style-neon{background:#000;color:#0f8;border:2px solid #00ff88;border-radius:8px;box-shadow:0 0 10px #0f8,0 0 20px #00ff8880,inset 0 0 10px #0f83;font-weight:600;text-shadow:0 0 5px #00ff88}.tooltip-style-soft{background:#e0e0e0;border:none;border-radius:16px;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;color:#333}.tooltip-style-comic{background:gold;color:#000;border:3px solid #000;border-radius:12px;box-shadow:5px 5px #ff6723,6px 6px #000;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.tooltip-style-glass{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 8px 32px #0000001a;color:#000;font-weight:600}.tooltip-style-morph1{background:#fff;color:#000;border:none;border-radius:12px;font-weight:600;position:relative;box-shadow:0 3px 8px #0000001f;animation:morph1Anim 3s ease-in-out infinite}@keyframes morph1Anim{0%,to{border-radius:12px}33%{border-radius:16px 8px 14px 10px}66%{border-radius:10px 14px 8px 16px}}.tooltip-style-morph2{background:#fff;color:#000;border:none;border-radius:12px;font-weight:600;position:relative;box-shadow:0 3px 8px #0000001f;animation:morph2Anim 2.5s ease-in-out infinite}@keyframes morph2Anim{0%,to{border-radius:12px}50%{border-radius:18px 6px}}.tooltip-style-morph3{background:#fff;color:#000;border:none;border-radius:12px;font-weight:600;position:relative;box-shadow:0 3px 8px #0000001f;animation:morph3Anim 3.2s ease-in-out infinite}@keyframes morph3Anim{0%,to{border-radius:12px}50%{border-radius:4px 20px}}.tooltip-style-morph4{background:#fff;color:#000;border:none;border-radius:12px;font-weight:600;position:relative;box-shadow:0 3px 8px #0000001f;animation:morph4Anim 2.8s ease-in-out infinite}@keyframes morph4Anim{0%,to{border-radius:12px}33%{border-radius:20px 12px 4px}66%{border-radius:12px 4px 12px 20px}}.tooltip-style-morph5{background:#fff;color:#000;border:none;border-radius:12px;font-weight:600;position:relative;box-shadow:0 3px 8px #0000001f;animation:morph5Anim 3.5s ease-in-out infinite}@keyframes morph5Anim{0%,to{border-radius:12px}25%{border-radius:6px 18px}50%{border-radius:12px}75%{border-radius:18px 6px}}.tooltip-content{position:relative;z-index:1}.tooltip-arrow{position:absolute;width:0;height:0;border:6px solid transparent}.tooltip-top .tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-top-color:#fff;border-bottom:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.tooltip-bottom .tooltip-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%);border-bottom-color:#fff;border-top:none;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.1))}[data-theme=dark] .tooltip-style-morph1,[data-theme=dark] .tooltip-style-morph2,[data-theme=dark] .tooltip-style-morph3,[data-theme=dark] .tooltip-style-morph4,[data-theme=dark] .tooltip-style-morph5{background:#1a1a1a!important;color:#fff!important;box-shadow:0 3px 8px #0000004d!important;border:none!important}[data-theme=dark] .tooltip-style-morph1.tooltip-top .tooltip-arrow,[data-theme=dark] .tooltip-style-morph2.tooltip-top .tooltip-arrow,[data-theme=dark] .tooltip-style-morph3.tooltip-top .tooltip-arrow,[data-theme=dark] .tooltip-style-morph4.tooltip-top .tooltip-arrow,[data-theme=dark] .tooltip-style-morph5.tooltip-top .tooltip-arrow{border-top-color:#1a1a1a!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}[data-theme=dark] .tooltip-style-morph1.tooltip-bottom .tooltip-arrow,[data-theme=dark] .tooltip-style-morph2.tooltip-bottom .tooltip-arrow,[data-theme=dark] .tooltip-style-morph3.tooltip-bottom .tooltip-arrow,[data-theme=dark] .tooltip-style-morph4.tooltip-bottom .tooltip-arrow,[data-theme=dark] .tooltip-style-morph5.tooltip-bottom .tooltip-arrow{border-bottom-color:#1a1a1a!important;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.1))}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-gradient):not(.tooltip-style-neon):not(.tooltip-style-comic):not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob):not(.tooltip-style-morph1):not(.tooltip-style-morph2):not(.tooltip-style-morph3):not(.tooltip-style-morph4):not(.tooltip-style-morph5){background:#1a1a1a;border-color:#444;color:#fff;box-shadow:3px 3px #ffffff1a}[data-theme=dark] .tooltip-style-round{box-shadow:2px 2px 8px #ffffff26}[data-theme=dark] .tooltip-style-cloud{box-shadow:2px 2px 8px #ffffff1a}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-gradient):not(.tooltip-style-neon):not(.tooltip-style-comic):not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob).tooltip-top .tooltip-arrow{border-top-color:#444}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-gradient):not(.tooltip-style-neon):not(.tooltip-style-comic):not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob).tooltip-top .tooltip-arrow:after{border-top-color:#1a1a1a}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-gradient):not(.tooltip-style-neon):not(.tooltip-style-comic):not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob).tooltip-bottom .tooltip-arrow{border-bottom-color:#444}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-gradient):not(.tooltip-style-neon):not(.tooltip-style-comic):not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob).tooltip-bottom .tooltip-arrow:after{border-bottom-color:#1a1a1a}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob).tooltip-left .tooltip-arrow{border-left-color:#444}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob).tooltip-left .tooltip-arrow:after{border-left-color:#1a1a1a}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob).tooltip-right .tooltip-arrow{border-right-color:#444}[data-theme=dark] .tooltip-bubble:not(.tooltip-style-halftone):not(.tooltip-style-scalloped):not(.tooltip-style-thought):not(.tooltip-style-wobble):not(.tooltip-style-blob).tooltip-right .tooltip-arrow:after{border-right-color:#1a1a1a}:root{--color-gold: #FFB800;--color-orange: #FF6723;--color-live-green: #00E676}.artist-card-3d{position:relative;width:240px;padding-bottom:0;margin-bottom:0;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards;overflow:visible}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.artist-card-wrapper{position:relative;width:240px;aspect-ratio:4 / 5;overflow:hidden;border:none;border-radius:0;transition:all .5s cubic-bezier(.23,1,.32,1);background:#000;box-shadow:0 2px 2px #0009,0 4px 6px #0006,0 6px 10px #0000004d,0 8px 14px #00000040,0 10px 17px #00000038,0 12px 20px #0003;cursor:pointer}.artist-card-wrapper.live.plan-border-white,.artist-card-wrapper.live.plan-border-gold,.artist-card-wrapper.live.plan-border-rgb{box-shadow:0 0 0 2px var(--color-live-green),0 2px 2px #0009,0 4px 6px #0006,0 6px 10px #0000004d,0 8px 14px #00000040,0 10px 17px #00000038,0 12px 20px #0003,0 0 10px #00e676cc,0 0 20px #00e67666!important;animation:liveGlow 2s ease-in-out infinite!important}@keyframes liveGlow{0%,to{box-shadow:0 0 0 2px var(--color-live-green),0 2px 2px #0009,0 4px 6px #0006,0 6px 10px #0000004d,0 8px 14px #00000040,0 10px 17px #00000038,0 12px 20px #0003,0 0 10px #00e676cc,0 0 20px #00e67666}50%{box-shadow:0 0 0 2px var(--color-live-green),0 2px 2px #0009,0 4px 6px #0006,0 6px 10px #0000004d,0 8px 14px #00000040,0 10px 17px #00000038,0 12px 20px #0003,0 0 15px #00e676,0 0 30px #00e67699}}.artist-card-wrapper.hovered{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow:0 30px 60px -12px #00000080,0 18px 36px -18px #0000004d,0 0 0 1px #ffb80033}.artist-card-image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.artist-card-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.23,1,.32,1);display:block}.live-status-badge{position:absolute;top:8px;left:8px;padding:1px 6px;border-radius:16px;font-size:11px;font-weight:700;background:var(--color-live-green);color:#2b2b2b;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 2px 8px #00e67666}.artist-card-name-overlay{position:absolute;bottom:10px;left:12px;display:flex;align-items:center;color:#fff;font-family:Work Sans,sans-serif;font-size:14px;font-weight:600;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.8),0 1px 4px rgba(0,0,0,.6);z-index:10;opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);pointer-events:none}.artist-card-name-overlay.hidden{opacity:0;transform:translateY(20px)}.viewer-count-badge{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;color:#fff;font-family:Work Sans,sans-serif;font-size:11px;font-weight:600;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:10;opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);pointer-events:none}.viewer-count-badge i{font-size:10px;color:#ccc}.viewer-count-badge span{color:#fff;line-height:1}.viewer-count-badge.hidden{opacity:0;transform:translateY(20px)}.artist-card-wrapper.plan-border-white{box-shadow:0 0 0 2px #ffffffe6,0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003}.artist-card-wrapper.plan-border-gold{box-shadow:0 0 0 2px #ffb80099,0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003}@keyframes rgbBorder{0%,to{box-shadow:0 0 0 2px red,0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003}16%{box-shadow:0 0 0 2px #f70,0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003}33%{box-shadow:0 0 0 2px #ff0,0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003}50%{box-shadow:0 0 0 2px #0f0,0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003}66%{box-shadow:0 0 0 2px #00f,0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003}83%{box-shadow:0 0 0 2px #f0f,0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003}}.artist-card-wrapper.plan-border-rgb{animation:rgbBorder 6s linear infinite}.plan-icon-inline{margin-left:4px;font-size:14px;display:inline-block;transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1)}.plan-icon-inline.plan-gold{color:#ffb800;text-shadow:0 0 8px rgba(255,184,0,.8)}.plan-icon-inline.plan-orange{color:#ff8c00;text-shadow:0 0 8px rgba(255,140,0,.8)}@keyframes rgbIcon{0%,to{color:red}16%{color:#f70}33%{color:#ff0}50%{color:#0f0}66%{color:#00f}83%{color:#f0f}}.plan-icon-inline.plan-rgb{animation:rgbIcon 6s linear infinite;text-shadow:0 0 8px currentColor}.plan-icon-logo-inline{margin-left:6px;height:12px;width:auto;display:inline-block;vertical-align:middle;transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);filter:brightness(1.2)}.plan-icon-info{margin-left:6px;font-size:14px;display:inline-block}.plan-icon-info.plan-gold{color:#ffb800;text-shadow:0 0 8px rgba(255,184,0,.8)}.plan-icon-info.plan-orange{color:#ff8c00;text-shadow:0 0 8px rgba(255,140,0,.8)}.plan-icon-info.plan-rgb{animation:rgbIcon 6s linear infinite;text-shadow:0 0 8px currentColor}.plan-icon-logo-info{margin-left:8px;height:12px;width:auto;display:inline-block;vertical-align:middle;filter:brightness(1.15)}.artist-notification-bell{position:absolute;top:8px;right:8px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#888;cursor:pointer;font-size:14px;transition:all .3s ease;z-index:10}.artist-notification-bell:hover{background:#000c;color:var(--color-gold);transform:scale(1.1);box-shadow:0 0 16px #ffb80066}.artist-notification-bell.subscribed{color:var(--color-gold);background:#ffb80026;border-color:#ffb8004d}.artist-card-character{position:absolute;bottom:0;left:0;width:240px;height:auto;max-height:none;opacity:0;transition:all .5s cubic-bezier(.23,1,.32,1);z-index:25;pointer-events:none;transform-origin:bottom center;filter:drop-shadow(0 20px 15px rgba(0,0,0,.6)) drop-shadow(0 35px 30px rgba(0,0,0,.4)) drop-shadow(0 50px 45px rgba(0,0,0,.3))}.artist-card-character.hovered{opacity:1;transform:translateY(-90px)}.artist-card-shadow{position:absolute;bottom:-18px;left:50%;width:100%;height:50px;background:radial-gradient(ellipse 90% 100% at center,#0000004d,#00000038 25%,#00000024,#0000000f,#0000 85%);filter:blur(14px);z-index:0;pointer-events:none;transform:translate(-50%) scaleX(.94)}.artist-card-info{position:absolute;bottom:0;left:0;width:240px;display:flex;flex-direction:column;padding:0;border:none;border-radius:0;background:#fffaf5fa;height:0;overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;z-index:30;box-sizing:border-box}.artist-card-info.hovered{height:auto;padding:8px 10px;box-shadow:0 8px 16px #0000004d,0 4px 8px #0003;opacity:1}.artist-card-info-content{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:8px}.artist-card-name{font-family:Work Sans,sans-serif;font-size:14px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}.artist-gallery-button{height:24px;padding:0 12px;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:4px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center}.artist-gallery-button:hover{background:#0000000d;color:#2b2b2b;border-color:#0003}.artist-card-stats{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.stat-item{display:flex;align-items:baseline;gap:4px;font-family:Work Sans,sans-serif;font-size:11px;color:#666}.stat-item i{font-size:12px;vertical-align:middle;transform:translateY(2px)}.stat-item i.fa-eye{color:#999}.stat-item i.fa-fire{color:#999;transition:all .2s ease}.stat-item i.fa-fire.favorited{color:#ff4500;text-shadow:0 0 8px rgba(255,69,0,.8)}.stat-item.favorited:hover i.fa-fire{transform:scale(1.1)}@keyframes liveBreathing{0%,to{box-shadow:0 0 0 2px var(--color-live-green),0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003,0 0 10px #00e67666,0 0 20px #00e67633}50%{box-shadow:0 0 0 2px var(--color-live-green),0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003,0 0 15px #00e676cc,0 0 30px #00e67699}}.artist-card-wrapper.live{box-shadow:0 0 0 2px var(--color-live-green),0 2px 2px 2px #0009,0 4px 6px 2px #0006,0 6px 10px 2px #0000004d,0 8px 14px 2px #00000040,0 10px 17px 2px #00000038,0 12px 20px 2px #0003;animation:liveBreathing 2s ease-in-out infinite}.artist-card-wrapper.live .artist-card-cover{filter:brightness(1.05) saturate(1.1)}.suprartist-badge-svg{display:inline-block;vertical-align:text-top;margin-left:4px;filter:drop-shadow(0px 1px 2px rgba(194,65,12,.8))}[data-theme=dark] .artist-card-info{background:#1a1a1afa!important}[data-theme=dark] .artist-card-name{color:#e0e0e0!important}[data-theme=dark] .artist-gallery-button{border-color:#ffffff26!important;color:#b0b0b0!important}[data-theme=dark] .artist-gallery-button:hover{background:#ffffff14!important;color:#e0e0e0!important;border-color:#ffffff40!important}[data-theme=dark] .stat-item{color:#b0b0b0!important}[data-theme=dark] .stat-item i.fa-eye{color:#888!important}.artist-section{width:100%;min-height:100vh;background:#fffffffa;padding:40px 20px}.artists-grid{display:grid;grid-template-columns:repeat(5,240px);gap:30px;padding:5px 20px 100px;margin:0 auto;align-content:flex-start;justify-content:center;max-width:1400px;overflow:visible;opacity:0;animation:fadeIn .3s ease-in forwards;animation-delay:.1s}.artist-grid-empty{width:100%;min-height:100vh;background:transparent;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.artist-grid .empty-state{text-align:center;color:#333;padding:40px;background:transparent}.artist-grid .empty-icon{font-size:80px;margin-bottom:40px;opacity:.5}.artist-grid .empty-state h2{font-size:32px;margin-bottom:10px;color:#333}.artist-grid .empty-state p{font-size:18px;color:#666}.home-page{min-height:100vh;background:#fff;padding:75px 40px 50px;display:flex;flex-direction:column;align-items:center;gap:60px}[data-theme=dark] .home-page{background:#1a1a1a}.home-hero{text-align:center;max-width:900px}.home-hero-title{font-family:Work Sans,sans-serif;font-size:3.5rem;font-weight:700;color:#2b2b2b;margin:0 0 16px;letter-spacing:.02em}.home-hero-subtitle{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:400;color:#666;margin:0 0 12px;letter-spacing:.03em}.home-hero-link{text-decoration:none;transition:all .2s ease;cursor:pointer;display:inline;color:inherit}.home-hero-link:hover{color:#ff6723;text-decoration:underline}.home-hero-text{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:400;color:#888;margin:0 0 8px;letter-spacing:.02em}.home-hero-text:last-child{margin-bottom:0}[data-theme=dark] .home-hero-title{color:#fff}[data-theme=dark] .home-hero-subtitle{color:#d0d0d0}[data-theme=dark] .home-hero-text{color:#b0b0b0}[data-theme=dark] .home-hero-link{color:inherit}[data-theme=dark] .home-hero-link:hover{color:#ff6723}.home-logo-title{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:30px}.home-logo{width:70px;height:70px;-o-object-fit:contain;object-fit:contain}.home-title-text{font-family:Work Sans,sans-serif;font-size:2.5rem;font-weight:700;color:#2b2b2b;margin:0;letter-spacing:.08em}.home-statement{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;margin:0;line-height:1}.statement-word{font-family:Work Sans,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.word-defending{font-size:3rem;color:#ff6723;text-shadow:2px 2px 0px rgba(0,0,0,.1);align-self:center}.word-the{font-size:1.5rem;color:#666;align-self:center}.word-future{font-size:3.5rem;color:#2b2b2b;background:linear-gradient(135deg,#2b2b2b,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;align-self:center}.word-of{font-size:1.5rem;color:#666;align-self:center}.word-human{font-size:3rem;color:#ff6723;text-shadow:2px 2px 0px rgba(0,0,0,.1);align-self:center}.word-art{font-size:4rem;color:#2b2b2b;font-weight:900;text-decoration:underline;text-decoration-color:#ff6723;text-decoration-thickness:4px;text-underline-offset:8px;align-self:center}.home-tagline{font-family:Work Sans,sans-serif;font-size:.95rem;color:#666;margin:5px 0 0;font-weight:400;line-height:1.6}.home-featured-hero{display:flex;justify-content:center;gap:50px;max-width:1400px;width:100%;transform:scale(1.3);margin:80px 0 40px}.home-featured-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.home-featured-label{font-family:Work Sans,sans-serif;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ff6723;text-align:center;margin-top:0}.home-browse-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.home-browse-header{padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.home-search-container{width:100%;max-width:400px;display:flex;justify-content:center}.home-search-input{width:100%;padding:10px 16px;font-size:14px;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .2s;text-align:center;font-family:Work Sans,sans-serif}.home-search-input:focus{border-color:#666}.home-search-input::-moz-placeholder{color:#999}.home-search-input::placeholder{color:#999}.home-category-filters{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.home-category-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-category-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.home-category-checkbox span{font-size:13px;font-weight:600;color:#333;letter-spacing:.5px;font-family:Work Sans,sans-serif}.home-category-checkbox:hover span{color:#000}.home-browse-section .artists-grid{grid-template-columns:repeat(5,240px);gap:30px;max-width:1400px}.home-loading,.home-error{min-height:calc(100vh - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Work Sans,sans-serif;color:#666}.home-error h2{color:#ff6b35;margin-bottom:10px}.home-videos{display:flex;align-items:center;justify-content:center;gap:20px;max-width:1200px;width:100%;margin-top:60px}.home-video-container{position:relative;background:#000;border:3px solid #2b2b2b;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 8px 24px #0000004d}.home-video-left{width:600px;height:338px}.home-video-right{width:338px;height:338px}.home-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.home-video-description{text-align:center;margin-top:20px}.home-video-description p{font-family:Work Sans,sans-serif;font-size:.95rem;color:#666;margin:4px 0;line-height:1.6}.home-publishers{text-align:center;margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:30px}.home-publishers-title{font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:600;color:#2b2b2b;margin:0}.home-publishers-logos{display:flex;align-items:center;justify-content:center;gap:60px;flex-wrap:wrap}.publisher-logo{height:60px;width:auto;-o-object-fit:contain;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.publisher-logo:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}.publisher-text{font-family:Work Sans,sans-serif;font-size:2rem;font-weight:600;color:#666;opacity:.7;transition:all .3s ease;display:inline-block}.publisher-text:hover{opacity:1;color:#2b2b2b;transform:scale(1.05)}[data-theme=dark] .publisher-text{color:#999}[data-theme=dark] .publisher-text:hover{color:#e0e0e0}.home-what-is-section{text-align:center;padding:20px 0}.home-what-is-button{display:inline-block;padding:14px 32px;background:transparent;border:2px solid #ddd;border-radius:8px;color:#666;font-family:Work Sans,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s ease}.home-what-is-button:hover{border-color:#ff6723;color:#ff6723;transform:translateY(-2px)}[data-theme=dark] .home-what-is-button{border-color:#444;color:#ccc}[data-theme=dark] .home-what-is-button:hover{border-color:#ff6723;color:#ff6723}.browse-artists-page{width:100%;min-height:100vh;overflow-y:auto;background:#fffffffa;padding-bottom:50px}.browse-header{padding:80px 20px 10px;display:flex;flex-direction:column;align-items:center;gap:20px}.search-container{width:100%;max-width:400px;display:flex;justify-content:center}.search-input{width:100%;padding:10px 16px;font-size:14px;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .2s;text-align:center}.search-input:focus{border-color:#666}.search-input::-moz-placeholder{color:#999}.search-input::placeholder{color:#999}.category-filters{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.category-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.category-checkbox span{font-size:13px;font-weight:600;color:#333;letter-spacing:.5px}.category-checkbox:hover span{color:#000}.suprboard-item{position:absolute;border-radius:0;overflow:hidden;background:#1a1a1a;border:2px solid #333;box-shadow:0 2px 8px #0000004d;transition:box-shadow .2s ease,transform .2s ease}.suprboard-item:hover{box-shadow:0 4px 16px #00000026}.suprboard-item.editable:hover{border-color:#ff6723}.suprboard-item.dragging{opacity:.8;transform:scale(1.02);box-shadow:0 8px 24px #0003;z-index:1000}.suprboard-item-content{width:100%;height:100%;overflow:hidden}.suprboard-item-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suprboard-item-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.suprboard-item-text{padding:20px;height:100%;overflow-y:auto;background:#2a2a2a}.suprboard-item-text h3{margin:0 0 12px;font-size:1.2rem;font-weight:600;color:#fff}.suprboard-item-text p{margin:0;font-size:.95rem;line-height:1.6;color:#ccc}.suprboard-item-tier-badge{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;z-index:10}.suprboard-item-lock-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;pointer-events:none}.suprboard-item-lock-overlay i{font-size:3rem;color:#fff;opacity:.9}.suprboard-item-lock-overlay span{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:700;color:#fff;text-align:center;padding:8px 16px;background:#ff6723e6;border-radius:8px}.suprboard-item-delete{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10}.suprboard-item.editable:hover .suprboard-item-delete{opacity:1}.suprboard-item-delete:hover{transform:scale(1.1);background:#dc2626}.suprboard-item-delete i{font-size:.85rem}.resize-handle{position:absolute;background:#ff6723;border:2px solid #ffffff;border-radius:50%;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:15}.suprboard-item.editable:hover .resize-handle{opacity:1}.resize-handle:hover{transform:scale(1.3);background:#ff7d3d}.resize-nw,.resize-ne,.resize-se,.resize-sw{width:12px;height:12px}.resize-n,.resize-e,.resize-s,.resize-w{width:10px;height:10px}.resize-nw{top:-6px;left:-6px;cursor:nw-resize}.resize-n{top:-5px;left:50%;transform:translate(-50%);cursor:n-resize}.resize-ne{top:-6px;right:-6px;cursor:ne-resize}.resize-e{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.resize-se{bottom:-6px;right:-6px;cursor:se-resize}.resize-s{bottom:-5px;left:50%;transform:translate(-50%);cursor:s-resize}.resize-sw{bottom:-6px;left:-6px;cursor:sw-resize}.resize-w{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.rotate-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#a855f7e6;border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;opacity:1;transition:all .2s ease;z-index:15;color:#fff;font-size:1rem;box-shadow:0 2px 8px #0000004d}.rotate-handle:hover{transform:translate(-50%,-50%) scale(1.15);background:#b87df9f2;box-shadow:0 4px 12px #a855f780}.rotate-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.05)}.border-control-toggle{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:30px;height:30px;background:#3b82f6;border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:15;color:#fff;font-size:.8rem}.suprboard-item.editable:hover .border-control-toggle{opacity:1}.border-control-toggle:hover{transform:translate(-50%) scale(1.2);background:#4d94ff}.border-controls{position:absolute;bottom:-160px;left:50%;transform:translate(-50%);background:#2a2a2a;border:2px solid #FF6723;border-radius:8px;padding:12px;min-width:200px;box-shadow:0 4px 12px #0006;z-index:20}.border-control-group{display:flex;align-items:center;gap:8px;margin-bottom:10px}.border-control-group:last-child{margin-bottom:0}.border-control-group label{color:#fff;font-size:.85rem;font-weight:600;min-width:50px}.border-control-group input[type=range]{flex:1;height:4px;background:#444;border-radius:2px;outline:none;-webkit-appearance:none}.border-control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#ff6723;border-radius:50%;cursor:pointer}.border-control-group input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#ff6723;border-radius:50%;cursor:pointer;border:none}.border-control-group select{flex:1;padding:4px 8px;background:#1a1a1a;color:#fff;border:1px solid #444;border-radius:4px;font-size:.85rem;cursor:pointer}.border-control-group select option{background:#1a1a1a;color:#fff}.border-control-group select:hover{border-color:#ff6723}.border-control-group input[type=color]{width:40px;height:28px;border:1px solid #444;border-radius:4px;cursor:pointer;background:transparent}.border-control-group span{color:#ccc;font-size:.8rem;min-width:35px;text-align:right}.suprboard-item.resizing,.suprboard-item.rotating{opacity:.9;transition:none}.suprboard-upload-container{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;overflow-y:auto}.upload-modal{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #FF6723;border-radius:16px;box-shadow:0 8px 32px #ff67234d,0 0 0 1px #ff67231a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease;scrollbar-width:none;-ms-overflow-style:none}.upload-modal::-webkit-scrollbar{display:none}.suprboard-upload-ui{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #FF6723;border-radius:16px;box-shadow:0 8px 32px #ff67234d,0 0 0 1px #ff67231a;max-width:600px;margin:0 auto 30px}.upload-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid rgba(255,103,35,.2);background:#ff67230d}.upload-header h3{margin:0;font-size:1.4rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.upload-header h3 i{color:#ff6723}.close-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,103,35,.3);background:#ff67231a;color:#ff6723;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:all .2s ease}.close-btn:hover{background:#ff6723;color:#fff;border-color:#ff6723;transform:rotate(90deg)}.upload-close-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,103,35,.3);background:#ff67231a;color:#ff6723;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:all .2s ease}.upload-close-btn:hover{background:#ff6723;color:#fff;border-color:#ff6723;transform:rotate(90deg)}.upload-body,.upload-form{padding:28px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-size:.95rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#2a2a2a;border:2px solid rgba(255,103,35,.2);border-radius:8px;color:#fff;font-size:.95rem;transition:all .2s ease;font-family:Work Sans,sans-serif}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff6723;background:#ff67230d;box-shadow:0 0 0 3px #ff67231a}.form-group textarea{resize:vertical;min-height:80px}.upload-field{margin-bottom:24px}.upload-field label{display:block;margin-bottom:10px;font-size:.95rem;font-weight:600;color:#fff}.content-type-buttons{display:flex;gap:12px}.content-type-btn{flex:1;padding:12px 16px;border:2px solid #444;border-radius:8px;background:#2a2a2a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.content-type-btn:hover{border-color:#ff6723;background:#333}.content-type-btn.active{border-color:#ff6723;background:#ff6723;color:#fff}.content-type-btn i{font-size:1.1rem}.type-btn{flex:1;padding:12px 16px;border:2px solid rgba(255,103,35,.2);border-radius:8px;background:#0000004d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-family:Work Sans,sans-serif}.type-btn:hover{border-color:#ff6723;background:#ff67231a;transform:translateY(-2px)}.type-btn.active{border-color:#ff6723;background:#ff6723;color:#fff;box-shadow:0 4px 12px #ff672366}.type-btn i{font-size:1.1rem}.file-drop-zone{border:3px dashed rgba(255,103,35,.3);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ff67230d}.file-drop-zone:hover{border-color:#ff6723;background:#ff67231a;transform:scale(1.02)}.file-placeholder{color:#fff9}.file-placeholder i{font-size:3rem;color:#ff6723;margin-bottom:12px;display:block}.file-placeholder p{margin:0;font-size:1rem;font-weight:500}.file-selected{color:#fff}.file-selected i{font-size:3rem;color:#ff6723;margin-bottom:12px;display:block}.file-selected p{margin:0;font-size:1rem;font-weight:600;color:#ff6723}.upload-btn{width:100%;padding:16px;background:linear-gradient(135deg,#ff6723,#f80);border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #ff672366;font-family:Work Sans,sans-serif}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#f80,#ff6723);transform:translateY(-2px);box-shadow:0 6px 20px #ff672399}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-progress{margin-top:16px;margin-bottom:16px}.progress-bar{width:100%;height:8px;background:#0000004d;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6723,#f80);transition:width .3s ease;border-radius:10px}.upload-progress p{text-align:center;color:#ff6723;font-weight:700;margin:0}.error-message{padding:12px 16px;background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-weight:600;margin-bottom:16px}.tier-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tier-select-btn{padding:16px;border:2px solid #444;border-radius:8px;background:#2a2a2a;cursor:pointer;transition:all .2s ease;text-align:left}.tier-select-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tier-select-btn.active{border-width:3px}.tier-select-btn.tier-public.active{border-color:#22c55e}.tier-select-btn.tier-tier1.active{border-color:#3b82f6}.tier-select-btn.tier-tier2.active{border-color:#a855f7}.tier-select-btn.tier-tier3.active{border-color:#eab308}.tier-badge{padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:8px}.tier-public-badge{background:#22c55e}.tier-tier1-badge{background:#3b82f6}.tier-tier2-badge{background:#a855f7}.tier-tier3-badge{background:#eab308}.tier-description{display:block;font-size:.85rem;color:#999}.file-upload-zone{border:2px dashed #444;border-radius:8px;padding:40px 20px;text-align:center;background:#2a2a2a;cursor:pointer;transition:all .2s ease;position:relative}.file-upload-zone:hover{border-color:#ff6723;background:#333}.upload-icon{font-size:3rem;color:#666;margin-bottom:12px}.file-upload-zone p{margin:4px 0;color:#999}.upload-hint{font-size:.85rem;color:#777}.file-upload-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.text-post-input{width:100%;padding:12px;border:2px solid #444;border-radius:8px;background:#2a2a2a;color:#fff;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.text-post-input:focus{outline:none;border-color:#ff6723}.text-post-input::-moz-placeholder{color:#666}.text-post-input::placeholder{color:#666}.upload-submit-btn{width:100%;padding:14px 24px;border:none;border-radius:8px;background:#ff6723;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.upload-submit-btn:hover{background:#f80;transform:translateY(-2px);box-shadow:0 4px 12px #ff672366}.upload-submit-btn i{font-size:1.2rem}.upload-demo-notice{margin-top:16px;padding:12px;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:6px;font-size:.85rem;color:#ca8a04;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.upload-demo-notice i{font-size:1rem}[data-theme=light] .upload-modal,[data-theme=light] .suprboard-upload-ui{background:linear-gradient(135deg,#fff,#f5f5f5)}[data-theme=light] .upload-header{background:#ff67230d}[data-theme=light] .upload-header h3{color:#1a1a1a}[data-theme=light] .form-group input[type=text],[data-theme=light] .form-group input[type=number],[data-theme=light] .form-group textarea,[data-theme=light] .form-group select{background:#fff;border-color:#ff672333;color:#1a1a1a}[data-theme=light] .content-type-btn,[data-theme=light] .type-btn{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .content-type-btn:hover,[data-theme=light] .type-btn:hover{background:#eee;border-color:#ff6723}[data-theme=light] .content-type-btn.active,[data-theme=light] .type-btn.active{background:#ff6723;color:#fff}[data-theme=light] .file-drop-zone{background:#ff672305}[data-theme=light] .file-drop-zone:hover{background:#ff67230d}[data-theme=light] .file-placeholder{color:#666}[data-theme=light] .tier-select-btn{background:#f5f5f5;border-color:#ddd}[data-theme=light] .tier-select-btn:hover{background:#eee}[data-theme=light] .tier-description{color:#666}[data-theme=light] .file-upload-zone{background:#f5f5f5;border-color:#ddd}[data-theme=light] .file-upload-zone:hover{background:#eee;border-color:#ff6723}[data-theme=light] .upload-icon{color:#999}[data-theme=light] .file-upload-zone p{color:#666}[data-theme=light] .text-post-input{background:#fff;border-color:#ddd;color:#1a1a1a}[data-theme=light] .text-post-input::-moz-placeholder{color:#999}[data-theme=light] .text-post-input::placeholder{color:#999}.subscription-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.subscription-modal{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #333;border-radius:20px;max-width:900px;width:100%;padding:40px;position:relative;overflow:hidden}.subscription-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff6723,#ff9500,#ff6723)}.subscription-modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#888;font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s}.subscription-modal-close:hover{background:#fff3;color:#fff}.subscription-modal-header{text-align:center;margin-bottom:32px}.subscription-modal-header h2{color:#fff;font-size:28px;margin-bottom:8px;font-weight:700}.subscription-modal-header h2 span{color:#ff6723}.subscription-modal-header p{color:#666;font-size:16px}.subscription-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px}.subscription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#888;gap:16px}.subscription-loading i{font-size:32px;color:#ff6723}.subscription-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666;gap:16px;text-align:center}.subscription-empty i{font-size:48px;color:#444}.subscription-empty p{font-size:16px}.subscription-tiers-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.subscription-tier-card{background:linear-gradient(180deg,#222,#1a1a1a);border:1px solid #333;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.subscription-tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6723,#ff9500);opacity:.5}.subscription-tier-card:hover{transform:translateY(-4px);border-color:#ff6723;box-shadow:0 12px 32px #ff672326}.subscription-tier-card:hover:before{opacity:1}.subscription-tier-name{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px}.subscription-tier-price{font-size:28px;font-weight:700;margin-bottom:2px;background:linear-gradient(135deg,#ff6723,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subscription-tier-period{color:#666;font-size:14px;margin-bottom:16px}.subscription-tier-divider{height:1px;background:linear-gradient(90deg,transparent,#333,transparent);margin:16px 0}.subscription-tier-perks{list-style:none;text-align:left;margin-bottom:0;min-height:120px;padding:0}.subscription-tier-perks li{color:#aaa;font-size:14px;padding:8px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #2a2a2a}.subscription-tier-perks li:last-child{border-bottom:none}.subscription-tier-perks li i{color:#22c55e;font-size:12px;width:16px;flex-shrink:0}.subscription-tier-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#ff6723,#e55a1c);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.subscription-tier-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff7a3d,#ff6723);box-shadow:0 8px 20px #ff67234d;transform:translateY(-2px)}.subscription-tier-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:800px){.subscription-tiers-container{grid-template-columns:1fr;max-width:360px;margin:0 auto}.subscription-tier-perks{min-height:auto}.subscription-modal{padding:32px 24px}}.tip-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.tip-modal{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #FF6723;border-radius:16px;width:100%;max-width:420px;position:relative;box-shadow:0 8px 32px #ff67234d,0 0 0 1px #ff67231a;animation:tipModalSlideIn .3s ease}@keyframes tipModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tip-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,103,35,.3);background:#ff67231a;color:#ff6723;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tip-modal-close:hover{background:#ff6723;color:#fff;border-color:#ff6723;transform:rotate(90deg)}.tip-modal-header{padding:1.5rem 1.5rem 0;text-align:center}.tip-modal-header h2{margin:0;font-size:1.5rem;color:var(--color-text, #fff)}.tip-modal-content{padding:1.5rem}.tip-artist-avatar{display:flex;justify-content:center;margin-bottom:1rem}.tip-artist-avatar img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #FF6723}.tip-artist-message{text-align:center;color:var(--color-text-secondary, #888);font-style:italic;margin-bottom:1.5rem}.tip-amount-section{margin-bottom:1.5rem}.tip-amount-section label{display:block;margin-bottom:.5rem;color:var(--color-text, #fff);font-weight:500}.tip-amount-input-wrapper{display:flex;align-items:center;background:var(--color-background, #0f0f1a);border-radius:8px;border:1px solid var(--color-border, #333);overflow:hidden}.tip-currency{padding:.75rem 1rem;color:var(--color-text-secondary, #888);background:var(--color-surface-alt, #252540);font-size:1.25rem}.tip-amount-input-wrapper input{flex:1;padding:.75rem;border:none;background:transparent;color:var(--color-text, #fff);font-size:1.25rem;outline:none}.tip-amount-input-wrapper input::-webkit-inner-spin-button,.tip-amount-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tip-quick-amounts{display:flex;gap:.5rem;margin-top:.75rem}.tip-quick-btn{flex:1;padding:.75rem;border:1px solid var(--color-border, #333);border-radius:8px;background:var(--color-surface-alt, #252540);color:var(--color-text, #fff);font-weight:600;cursor:pointer;transition:all .2s}.tip-quick-btn:hover{border-color:#ff6723;background:#ff67231a}.tip-quick-btn.active{border-color:#ff6723;background:#ff6723;color:#fff}.tip-message-section{margin-bottom:1.5rem}.tip-message-section label{display:block;margin-bottom:.5rem;color:var(--color-text, #fff);font-weight:500}.tip-message-section textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid var(--color-border, #333);border-radius:8px;background:var(--color-background, #0f0f1a);color:var(--color-text, #fff);font-family:inherit;font-size:.9rem;resize:vertical;outline:none}.tip-message-section textarea:focus{border-color:#ff6723}.tip-message-count{display:block;text-align:right;color:var(--color-text-secondary, #888);font-size:.75rem;margin-top:.25rem}.tip-error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;margin-bottom:1rem}.tip-total{text-align:center;font-size:1.25rem;color:var(--color-text, #fff);margin-bottom:1.5rem}.tip-total strong{color:#ff6723}.tip-modal-actions{display:flex;flex-direction:column;gap:.75rem}.tip-submit-btn{width:100%;padding:1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.tip-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff672366}.tip-submit-btn:disabled{opacity:.6;cursor:not-allowed}.tip-cancel-btn{width:100%;padding:.75rem;border:1px solid var(--color-border, #333);border-radius:8px;background:transparent;color:var(--color-text-secondary, #888);font-size:.9rem;cursor:pointer;transition:all .2s}.tip-cancel-btn:hover{border-color:var(--color-text-secondary, #888);color:var(--color-text, #fff)}.tip-loading{display:inline-flex;align-items:center;gap:.5rem}.marketplace-grid-container{display:flex;flex-direction:column;gap:2rem}.marketplace-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary, #888)}.marketplace-spinner{width:40px;height:40px;border:3px solid var(--color-border, #333);border-top-color:var(--color-primary, #10b981);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.marketplace-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#ef4444;text-align:center}.marketplace-error i{font-size:2rem;margin-bottom:1rem}.marketplace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary, #888);text-align:center}.marketplace-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.marketplace-empty h3{margin:0 0 .5rem;color:var(--color-text, #fff)}.marketplace-empty p{margin:0;max-width:300px}.marketplace-section{background:transparent;border-radius:0;overflow:hidden}.marketplace-section-header{width:100%;display:flex;align-items:center;padding:.75rem .5rem;background:transparent;border:none;cursor:pointer;transition:background .2s}.marketplace-section-header:hover{background:#00000008}.marketplace-section-header h3{margin:0;display:flex;align-items:center;gap:.75rem;color:#2b2b2b;font-family:Work Sans,sans-serif;font-size:1rem;font-weight:600}.marketplace-section-header i{font-size:.75rem;color:#666;transition:transform .2s}.marketplace-section-count{color:#666;font-weight:400;font-size:.85rem}[data-theme=dark] .marketplace-section-header:hover{background:#ffffff0d}[data-theme=dark] .marketplace-section-header h3{color:#fff}[data-theme=dark] .marketplace-section-header i,[data-theme=dark] .marketplace-section-count{color:#b0b0b0}.marketplace-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:.5rem}.marketplace-item-card{background:#fff;border-radius:12px;overflow:hidden;border:2px solid #e0e0e0;transition:all .3s ease}.marketplace-item-card:hover{transform:translateY(-4px);border-color:#ff6723;box-shadow:0 8px 20px #0000001a}.marketplace-item-card.sold-out{opacity:.7}[data-theme=dark] .marketplace-item-card{background:#2a2a2a;border-color:#444}[data-theme=dark] .marketplace-item-card:hover{border-color:#ff6723}.marketplace-card-image{position:relative;aspect-ratio:4 / 3;background:#f8f9fa;overflow:hidden}.marketplace-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .3s,transform .3s ease}.marketplace-item-card:hover .marketplace-card-image img{transform:scale(1.05)}.marketplace-card-image img.blurred{filter:blur(20px)}.marketplace-card-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.5rem}[data-theme=dark] .marketplace-card-image{background:#1a1a1a}[data-theme=dark] .marketplace-card-no-image{color:#666}.marketplace-card-sold-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.marketplace-card-sold-overlay span{background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:.875rem;letter-spacing:.05em}.marketplace-card-tier-badge{position:absolute;top:.75rem;left:.75rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600}.marketplace-card-access-badge{position:absolute;top:.75rem;right:.75rem;background:#10b981;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.marketplace-card-content{padding:.75rem}.marketplace-card-type{display:flex;align-items:center;gap:.5rem;color:#666;font-family:Work Sans,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.marketplace-card-title{margin:0 0 .35rem;font-family:Work Sans,sans-serif;font-size:.9rem;font-weight:700;color:#2b2b2b;line-height:1.3}.marketplace-card-description{margin:0 0 .5rem;font-family:Work Sans,sans-serif;font-size:.8rem;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.marketplace-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.marketplace-card-meta span{display:flex;align-items:center;gap:.35rem;font-family:Work Sans,sans-serif;font-size:.7rem;color:#666}.marketplace-card-meta i{font-size:.65rem}.marketplace-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #e0e0e0}.marketplace-card-price{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:700;color:#10b981}.marketplace-card-free{font-family:Work Sans,sans-serif;font-size:.8rem;font-weight:600;color:#10b981}.marketplace-card-access-granted{display:flex;align-items:center;gap:.5rem;color:#10b981;font-family:Work Sans,sans-serif;font-size:.8rem;font-weight:500}[data-theme=dark] .marketplace-card-type,[data-theme=dark] .marketplace-card-description,[data-theme=dark] .marketplace-card-meta span{color:#b0b0b0}[data-theme=dark] .marketplace-card-title{color:#fff}[data-theme=dark] .marketplace-card-footer{border-top-color:#444}.marketplace-card-btn{padding:.4rem .75rem;border:none;border-radius:6px;font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.marketplace-card-btn-purchase{background:#ff6723;color:#fff}.marketplace-card-btn-purchase:hover{background:#f80;transform:scale(1.05)}.marketplace-card-btn-details{background:#ff6723;color:#fff}.marketplace-card-btn-details:hover{background:#f80;transform:scale(1.05)}.marketplace-card-btn-download{background:#3b82f6;color:#fff}.marketplace-card-btn-download:hover{background:#2563eb;transform:scale(1.05)}.marketplace-card-btn-subscribe{background:#8b5cf6;color:#fff}.marketplace-card-btn-subscribe:hover{background:#7c3aed;transform:scale(1.05)}.marketplace-card-btn-edit{background:#fff;color:#2b2b2b;border:2px solid #e0e0e0}.marketplace-card-btn-edit:hover{border-color:#ff6723;color:#ff6723;transform:translateY(-2px)}.marketplace-card-btn-disabled{background:#f0f0f0;color:#999;cursor:not-allowed}[data-theme=dark] .marketplace-card-btn-edit{background:#2a2a2a;color:#fff;border-color:#444}[data-theme=dark] .marketplace-card-btn-edit:hover{border-color:#ff6723;color:#ff6723}[data-theme=dark] .marketplace-card-btn-disabled{background:#333;color:#666}@media(max-width:768px){.marketplace-items-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:.5rem;gap:.75rem}}.marketplace-viewer-overlay{position:fixed;inset:0;background:#000000d9;z-index:50;display:flex;align-items:center;justify-content:center;padding:40px}.marketplace-viewer-close-btn{display:none}.marketplace-viewer-modal-header{background:transparent;height:48px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;flex-shrink:0}.marketplace-viewer-header-right{display:flex;justify-content:flex-end}.marketplace-viewer-header-close-btn{background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.marketplace-viewer-header-close-btn:hover{background:#ffffffe6;color:#000;border-color:#fff}.marketplace-viewer-modal{background:#fff;border-radius:0;width:90%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .marketplace-viewer-modal{background:#1a1a1a}.marketplace-viewer-overlay-close-btn{position:absolute;top:calc(1.875rem + 12px);right:calc(5% + 40px);background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s;z-index:51}.marketplace-viewer-overlay-close-btn:hover{background:#fff;color:#000;border-color:#fff}.marketplace-viewer-layout{display:flex;width:100%;flex:1;min-height:0;overflow:hidden}.marketplace-viewer-image-section{flex:1;background:#f5f5f5;display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .marketplace-viewer-image-section{background:#0d0d0d}.marketplace-viewer-main-image{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:300px}.marketplace-viewer-image-wrapper{position:relative;display:inline-block;max-width:100%;max-height:100%}.marketplace-viewer-expand-btn{position:absolute;bottom:16px;right:16px;background:#000000b3;color:#fff;width:40px;height:40px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:16px;z-index:5}.marketplace-viewer-expand-btn:hover{background:#fff3;transform:scale(1.05)}.marketplace-viewer-image-wrapper img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:filter .3s;display:block}.marketplace-viewer-image-wrapper img.blurred{filter:blur(30px)}.marketplace-viewer-locked-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;color:#fff;gap:.5rem}.marketplace-viewer-locked-overlay i{font-size:2rem}.marketplace-viewer-locked-overlay span{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:500}.marketplace-viewer-zoom-hint{position:absolute;bottom:12px;right:12px;background:#0009;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.marketplace-viewer-main-image:hover .marketplace-viewer-zoom-hint{opacity:1}.marketplace-viewer-no-image{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-size:4rem;min-height:300px}[data-theme=dark] .marketplace-viewer-no-image{color:#444}.marketplace-viewer-gallery{display:flex;gap:8px;padding:12px;overflow-x:auto;background:#0000000d}[data-theme=dark] .marketplace-viewer-gallery{background:#ffffff0d}.marketplace-viewer-gallery-thumb{flex-shrink:0;width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.marketplace-viewer-gallery-thumb:hover{border-color:#ff6723}.marketplace-viewer-gallery-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.marketplace-viewer-gallery-thumb img.blurred{filter:blur(10px)}.marketplace-viewer-details{width:380px;flex-shrink:0;display:flex;flex-direction:column;overflow:visible;border-left:1px solid #e0e0e0;position:relative}[data-theme=dark] .marketplace-viewer-details{border-left-color:#333}.marketplace-viewer-close-row{position:absolute;top:-44px;right:0;z-index:10}.marketplace-viewer-close-btn{background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s}.marketplace-viewer-close-btn:hover{background:#fff;color:#000;border-color:#fff}.marketplace-viewer-header{padding:1.5rem;border-bottom:1px solid #e0e0e0}[data-theme=dark] .marketplace-viewer-header{border-bottom-color:#333}.marketplace-viewer-type{display:flex;align-items:center;gap:.5rem;color:#666;font-family:Work Sans,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}[data-theme=dark] .marketplace-viewer-type{color:#999}.marketplace-viewer-title{margin:0 0 .75rem;font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:700;color:#2b2b2b;line-height:1.3}[data-theme=dark] .marketplace-viewer-title{color:#fff}.marketplace-viewer-tier-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.35rem .75rem;border-radius:6px;font-family:Work Sans,sans-serif;font-size:.8rem;font-weight:600}.marketplace-viewer-tier-badge i{font-size:.7rem}.marketplace-viewer-description{padding:1.25rem 1.5rem;border-bottom:1px solid #e0e0e0}[data-theme=dark] .marketplace-viewer-description{border-bottom-color:#333}.marketplace-viewer-description p{margin:0;font-family:Work Sans,sans-serif;font-size:.95rem;color:#444;line-height:1.6;white-space:pre-wrap}[data-theme=dark] .marketplace-viewer-description p{color:#ccc}.marketplace-viewer-meta{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid #e0e0e0}[data-theme=dark] .marketplace-viewer-meta{border-bottom-color:#333}.marketplace-viewer-meta-item{display:flex;align-items:center;gap:.75rem;font-family:Work Sans,sans-serif;font-size:.9rem;color:#555}[data-theme=dark] .marketplace-viewer-meta-item{color:#aaa}.marketplace-viewer-meta-item i{width:20px;text-align:center;color:#888}[data-theme=dark] .marketplace-viewer-meta-item i{color:#666}.marketplace-viewer-requirements{padding:1.25rem 1.5rem;border-bottom:1px solid #e0e0e0}[data-theme=dark] .marketplace-viewer-requirements{border-bottom-color:#333}.marketplace-viewer-requirements h3{margin:0 0 .75rem;font-family:Work Sans,sans-serif;font-size:.9rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .marketplace-viewer-requirements h3{color:#ddd}.marketplace-viewer-requirements p{margin:0;font-family:Work Sans,sans-serif;font-size:.9rem;color:#555;line-height:1.5;white-space:pre-wrap}[data-theme=dark] .marketplace-viewer-requirements p{color:#aaa}.marketplace-viewer-footer{margin-top:auto;padding:1.5rem;border-top:1px solid #e0e0e0;background:#fafafa}[data-theme=dark] .marketplace-viewer-footer{border-top-color:#333;background:#0d0d0d}.marketplace-viewer-price{margin-bottom:1rem}.marketplace-viewer-amount{font-family:Work Sans,sans-serif;font-size:1.75rem;font-weight:700;color:#10b981}.marketplace-viewer-free{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:600;color:#10b981}.marketplace-viewer-access-granted{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#10b9811a;border-radius:8px;color:#10b981;font-family:Work Sans,sans-serif;font-size:.95rem;font-weight:500}.marketplace-viewer-actions{display:flex;flex-direction:column;gap:.75rem}.marketplace-viewer-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:8px;font-family:Work Sans,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.marketplace-viewer-btn-purchase{background:#ff6723;color:#fff}.marketplace-viewer-btn-purchase:hover{background:#f80;transform:translateY(-2px);box-shadow:0 4px 12px #ff67234d}.marketplace-viewer-btn-download{background:#3b82f6;color:#fff}.marketplace-viewer-btn-download:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.marketplace-viewer-btn-subscribe{background:#8b5cf6;color:#fff}.marketplace-viewer-btn-subscribe:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.marketplace-viewer-btn-edit{background:#fff;color:#2b2b2b;border:2px solid #e0e0e0}.marketplace-viewer-btn-edit:hover{border-color:#ff6723;color:#ff6723;transform:translateY(-2px)}[data-theme=dark] .marketplace-viewer-btn-edit{background:#2a2a2a;color:#fff;border-color:#444}[data-theme=dark] .marketplace-viewer-btn-edit:hover{border-color:#ff6723;color:#ff6723}.marketplace-viewer-btn-disabled{background:#f0f0f0;color:#999;cursor:not-allowed}[data-theme=dark] .marketplace-viewer-btn-disabled{background:#333;color:#666}.marketplace-viewer-lightbox{position:fixed;inset:0;background:#000000f2;z-index:100000!important;display:flex;flex-direction:column;cursor:default}.marketplace-viewer-lightbox-header{background:#000;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;cursor:default}.marketplace-viewer-lightbox-header-left{width:100px}.marketplace-viewer-lightbox-header-center{display:flex;align-items:center;gap:16px}.marketplace-viewer-lightbox-header-right{width:100px;display:flex;justify-content:flex-end}.marketplace-viewer-lightbox-close-btn{background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s}.marketplace-viewer-lightbox-close-btn:hover{background:#fff;color:#000;border-color:#fff}.marketplace-viewer-lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.marketplace-viewer-lightbox-content img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.marketplace-viewer-lightbox-zoom-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#000;flex-shrink:0}.marketplace-viewer-lightbox-zoom-controls .lightbox-zoom-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.marketplace-viewer-lightbox-zoom-controls .lightbox-zoom-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.marketplace-viewer-lightbox-zoom-controls .lightbox-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.marketplace-viewer-lightbox-zoom-controls .lightbox-zoom-slider{width:240px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.marketplace-viewer-lightbox-zoom-controls .lightbox-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.marketplace-viewer-lightbox-zoom-controls .lightbox-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.marketplace-viewer-lightbox-zoom-controls .lightbox-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none;-moz-transition:transform .15s ease;transition:transform .15s ease}.marketplace-viewer-lightbox-zoom-controls .lightbox-zoom-slider::-moz-range-thumb:hover{transform:scale(1.2)}.marketplace-viewer-lightbox-close{display:none;position:fixed;top:24px;right:48px;background:transparent;border:none;color:#fff;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:24px;z-index:2001}.marketplace-viewer-lightbox-close:hover{transform:scale(1.1);color:#ccc}@media(max-width:900px){.marketplace-viewer-overlay{padding:20px}.marketplace-viewer-modal{max-height:95vh;width:95%}.marketplace-viewer-layout{flex-direction:column}.marketplace-viewer-image-section{max-height:40vh}.marketplace-viewer-main-image{min-height:200px}.marketplace-viewer-details{width:100%;border-left:none;border-top:1px solid #e0e0e0}[data-theme=dark] .marketplace-viewer-details{border-top-color:#333}.marketplace-viewer-close-btn{top:12px;right:12px}}@media(max-width:480px){.marketplace-viewer-overlay{padding:0}.marketplace-viewer-modal{border-radius:0;max-height:100vh;width:100%;height:100%}.marketplace-viewer-header{padding:1rem}.marketplace-viewer-title{font-size:1.25rem}.marketplace-viewer-description,.marketplace-viewer-meta,.marketplace-viewer-requirements,.marketplace-viewer-footer{padding:1rem}}.marketplace-upload-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.marketplace-upload-modal{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #FF6723;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #ff67234d,0 0 0 1px #ff67231a;animation:marketplaceModalSlideIn .3s ease;scrollbar-width:none;-ms-overflow-style:none}.marketplace-upload-modal::-webkit-scrollbar{display:none}@keyframes marketplaceModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.marketplace-upload-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,103,35,.3);background:#ff67231a;color:#ff6723;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.marketplace-upload-close:hover{background:#ff6723;color:#fff;border-color:#ff6723;transform:rotate(90deg)}.marketplace-upload-header{padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:2px solid rgba(255,103,35,.2);background:#ff67230d}.marketplace-upload-header h2{margin:0 0 1rem;font-size:1.5rem;color:var(--color-text, #fff)}.marketplace-upload-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.marketplace-upload-steps .step{width:32px;height:32px;border-radius:50%;background:var(--color-surface-alt, #252540);color:var(--color-text-secondary, #888);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .2s}.marketplace-upload-steps .step.active{background:#ff6723;color:#fff}.marketplace-upload-steps .step-line{width:40px;height:2px;background:var(--color-border, #333)}.step-label{margin:0;color:var(--color-text-secondary, #888);font-size:.875rem}.marketplace-upload-content{padding:1.5rem}.marketplace-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.type-btn{display:flex;flex-direction:column;align-items:center;padding:20px;background:#2a2a2a;border:2px solid #444;border-radius:12px;cursor:pointer;transition:all .2s ease}.type-btn:hover{border-color:#ff6723}.type-btn.active{border-color:#ff6723;background:#ff67231a}.type-btn i{font-size:1.5rem;color:#ff6723;margin-bottom:8px}.type-btn span{color:#fff;font-weight:600;margin-bottom:4px}.type-btn small{color:#888;font-size:.75rem}.marketplace-form-group{margin-bottom:20px}.marketplace-form-group label{display:block;margin-bottom:8px;color:#ccc;font-weight:500;font-size:.9rem}.marketplace-form-group small{display:block;margin-top:6px;color:#888;font-size:.8rem}.marketplace-form-group input[type=text],.marketplace-form-group input[type=number],.marketplace-form-group textarea,.marketplace-form-group select{width:100%;padding:12px 16px;border:1px solid #444;border-radius:8px;background:#2a2a2a;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:all .2s ease}.marketplace-form-group input:focus,.marketplace-form-group textarea:focus,.marketplace-form-group select:focus{border-color:#ff6723;box-shadow:0 0 0 3px #ff67231a}.marketplace-form-group textarea{min-height:100px;resize:vertical}.marketplace-form-group select option{background:#2a2a2a;color:#fff;padding:12px 16px}.marketplace-form-group select option:hover,.marketplace-form-group select option:checked{background:#3a3a3a;color:#ff6723}.marketplace-price-input{display:flex;align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:8px;overflow:hidden}.marketplace-price-input .currency{padding:12px 16px;background:#3a3a3a;color:#888;font-weight:500}.marketplace-price-input input{flex:1;border:none!important;border-radius:0!important;background:#2a2a2a!important}.marketplace-price-input .currency-label{padding:12px 16px;color:#888;font-size:.875rem}.marketplace-section-selector{display:flex;gap:8px}.marketplace-section-selector select{flex:1}.new-section-btn{padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.new-section-btn:hover{border-color:#ff6723;color:#fff}.new-section-input{display:flex;gap:8px;width:100%}.new-section-input input{flex:1}.new-section-input button{padding:12px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.new-section-input button:first-of-type{background:#ff6723;border-color:#ff6723}.new-section-input button:hover:not(:first-of-type){border-color:#ff6723}.marketplace-file-input{display:flex;align-items:center;gap:16px}.marketplace-file-input input[type=file]{display:none}.marketplace-file-input .file-label{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#2a2a2a;border:2px dashed #444;border-radius:8px;color:#ccc;cursor:pointer;transition:all .2s ease}.marketplace-file-input .file-label:hover{border-color:#ff6723;background:#ff67230d}.marketplace-file-input .file-size{color:#888;font-size:.875rem}.marketplace-thumbnail-upload{display:flex;justify-content:center}.marketplace-thumbnail-upload input[type=file]{display:none}.marketplace-thumbnail-upload .thumbnail-label{width:200px;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#2a2a2a;border:3px dashed rgba(255,103,35,.3);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.marketplace-thumbnail-upload .thumbnail-label:hover{border-color:#ff6723;background:#ff67230d}.marketplace-thumbnail-upload .thumbnail-label img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.marketplace-thumbnail-upload .thumbnail-label i{font-size:2rem;color:#ff6723}.marketplace-thumbnail-upload .thumbnail-label span{color:#888;font-size:.875rem}.marketplace-access-settings{background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:20px;margin-top:24px}.marketplace-access-settings h3{margin:0 0 4px;font-size:1.1rem;color:#ff6723}.marketplace-access-settings>p{margin:0 0 16px;color:#888;font-size:.875rem}.marketplace-tier-options{display:flex;flex-direction:column;gap:8px}.tier-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a1a;border:1px solid #444;border-radius:8px;cursor:pointer;transition:all .2s ease}.tier-option:hover{border-color:#ff6723}.tier-option.active{border-color:#ff6723;background:#ff67231a}.tier-option input[type=radio]{display:none}.tier-option .tier-label{color:#fff;font-weight:500}.tier-option .tier-desc{color:#888;font-size:.8rem;margin-left:auto}.marketplace-one-time-option{margin-top:16px;padding-top:16px;border-top:1px solid #444}.checkbox-help{margin:8px 0 0 28px;color:#888;font-size:.8rem;line-height:1.4}.marketplace-upload-error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;margin-top:1rem}.marketplace-upload-actions{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid rgba(255,103,35,.2)}.cancel-btn,.back-btn{padding:12px 24px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#ccc;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.cancel-btn:hover,.back-btn:hover{border-color:#ff6723;color:#fff}.next-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6723,#f80);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 16px #ff672366}.next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff672380}.action-buttons{display:flex;gap:12px}.draft-btn{padding:12px 24px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#ccc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.draft-btn:hover:not(:disabled){border-color:#ff6723;color:#fff}.draft-btn:disabled,.publish-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.publish-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6723,#f80);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ff672366}.publish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff672380}@media(max-width:480px){.marketplace-type-toggle{grid-template-columns:1fr}.marketplace-upload-actions{flex-direction:column;gap:.75rem}.marketplace-upload-actions button{width:100%;justify-content:center}.action-buttons{width:100%}.action-buttons button{flex:1}}.marketplace-upload-progress{margin-top:24px;text-align:center}.marketplace-upload-progress .progress-bar{height:8px;background:#0000004d;border-radius:10px;overflow:hidden;margin-bottom:8px}.marketplace-upload-progress .progress-fill{height:100%;background:linear-gradient(90deg,#ff6723,#f80);border-radius:10px;transition:width .3s ease}.marketplace-upload-progress p{color:#888;font-size:.85rem;margin:0}[data-theme=light] .marketplace-upload-modal{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:#ff6723}[data-theme=light] .marketplace-upload-header{border-bottom-color:#ff672333;background:#ff672308}[data-theme=light] .marketplace-upload-header h2{color:#1a1a1a}[data-theme=light] .marketplace-upload-close{color:#666;border-color:#ddd;background:#f5f5f5}[data-theme=light] .marketplace-upload-close:hover{background:#ff6723;color:#fff;border-color:#ff6723}[data-theme=light] .marketplace-upload-steps .step{background:#f0f0f0;color:#666}[data-theme=light] .marketplace-upload-steps .step-line{background:#ddd}[data-theme=light] .step-label{color:#666}[data-theme=light] .type-btn{background:#fff;border-color:#ddd}[data-theme=light] .type-btn span{color:#1a1a1a}[data-theme=light] .type-btn small{color:#666}[data-theme=light] .type-btn.active{background:#ff67231a}[data-theme=light] .marketplace-form-group label{color:#333}[data-theme=light] .marketplace-form-group small{color:#666}[data-theme=light] .marketplace-form-group input[type=text],[data-theme=light] .marketplace-form-group input[type=number],[data-theme=light] .marketplace-form-group textarea,[data-theme=light] .marketplace-form-group select{background:#fff;border-color:#ddd;color:#1a1a1a}[data-theme=light] .marketplace-form-group input::-moz-placeholder,[data-theme=light] .marketplace-form-group textarea::-moz-placeholder{color:#999}[data-theme=light] .marketplace-form-group input::placeholder,[data-theme=light] .marketplace-form-group textarea::placeholder{color:#999}[data-theme=light] .marketplace-form-group select option{background:#fff;color:#1a1a1a}[data-theme=light] .marketplace-price-input{background:#fff;border-color:#ddd}[data-theme=light] .marketplace-price-input .currency{background:#f5f5f5;color:#666}[data-theme=light] .marketplace-price-input input{background:#fff!important}[data-theme=light] .marketplace-price-input .currency-label{color:#666}[data-theme=light] .new-section-btn{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .new-section-btn:hover{border-color:#ff6723}[data-theme=light] .new-section-input button{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .marketplace-file-input .file-label{background:#fafafa;border-color:#ff67234d;color:#333}[data-theme=light] .marketplace-file-input .file-label:hover{background:#ff67230d}[data-theme=light] .marketplace-file-input .file-size{color:#666}[data-theme=light] .marketplace-thumbnail-upload .thumbnail-label{background:#fafafa}[data-theme=light] .marketplace-thumbnail-upload .thumbnail-label:hover{background:#ff67230d}[data-theme=light] .marketplace-thumbnail-upload .thumbnail-label span{color:#666}[data-theme=light] .marketplace-access-settings{background:#f5f5f5;border-color:#e0e0e0}[data-theme=light] .marketplace-access-settings>p{color:#666}[data-theme=light] .tier-option{background:#fff;border-color:#ddd}[data-theme=light] .tier-option .tier-label{color:#1a1a1a}[data-theme=light] .tier-option .tier-desc{color:#666}[data-theme=light] .tier-option.active{background:#ff67231a}[data-theme=light] .marketplace-one-time-option{border-top-color:#e0e0e0}[data-theme=light] .checkbox-help{color:#666}[data-theme=light] .marketplace-upload-error{background:#ef44441a;border-color:#ef44444d}[data-theme=light] .marketplace-upload-actions{border-top-color:#ff672333}[data-theme=light] .cancel-btn,[data-theme=light] .back-btn{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .cancel-btn:hover,[data-theme=light] .back-btn:hover{border-color:#ff6723;color:#1a1a1a}[data-theme=light] .draft-btn{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .draft-btn:hover:not(:disabled){border-color:#ff6723;color:#1a1a1a}[data-theme=light] .marketplace-upload-progress .progress-bar{background:#e0e0e0}[data-theme=light] .marketplace-upload-progress p{color:#666}.project-viewer-overlay{position:fixed;inset:0;background:#000000d9;z-index:50;display:flex;align-items:center;justify-content:center;padding:40px}.project-viewer-close-btn{display:none}.project-viewer-header{background:transparent;height:48px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;flex-shrink:0}.project-viewer-header-right{display:flex;justify-content:flex-end}.project-viewer-header-close-btn{background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-viewer-header-close-btn:hover{background:#ffffffe6;color:#000;border-color:#fff}.project-viewer-modal{background:#fff;border-radius:0;width:90%;height:90%;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #00000080}.project-viewer-overlay-close-btn{position:absolute;top:calc(1.875rem + 12px);right:calc(5% + 40px);background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s;z-index:51}.project-viewer-overlay-close-btn:hover{background:#fff;color:#000;border-color:#fff}.project-viewer-close{display:none}.project-viewer-layout{display:flex;width:100%;height:100%;min-height:0;overflow:hidden}.project-viewer-images{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:#1a1a1a;scrollbar-width:none;-ms-overflow-style:none}.project-viewer-images::-webkit-scrollbar{display:none}.project-viewer-media-item{display:flex;justify-content:center;align-items:center;width:100%}.project-viewer-media-wrapper{position:relative;display:inline-block}.project-viewer-expand-btn{position:absolute;bottom:16px;right:16px;background:#000000b3;color:#fff;width:40px;height:40px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:16px;z-index:5}.project-viewer-expand-btn:hover{background:#fff3;transform:scale(1.05)}.project-viewer-lightbox{position:fixed;inset:0;background:#000000f2;z-index:100000!important;display:flex;flex-direction:column;cursor:default}.project-viewer-lightbox-header{background:#000;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;cursor:default}.project-viewer-lightbox-header-left{width:100px}.project-viewer-lightbox-header-center{display:flex;align-items:center;gap:16px}.project-viewer-lightbox-header-right{width:100px;display:flex;justify-content:flex-end}.project-viewer-lightbox-close-btn{background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s}.project-viewer-lightbox-close-btn:hover{background:#fff;color:#000;border-color:#fff}.project-viewer-lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.project-viewer-lightbox-content img,.project-viewer-lightbox-content video{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-viewer-lightbox-zoom-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#000;flex-shrink:0}.lightbox-zoom-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lightbox-zoom-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.lightbox-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.lightbox-zoom-slider{width:240px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.lightbox-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.lightbox-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.lightbox-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none;-moz-transition:transform .15s ease;transition:transform .15s ease}.lightbox-zoom-slider::-moz-range-thumb:hover{transform:scale(1.2)}.project-viewer-share-container{position:relative}.project-viewer-share-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:100;animation:share-menu-slide .15s ease}.project-viewer-share-menu button{width:100%;padding:12px 16px;background:none;border:none;font-family:Work Sans,sans-serif;font-size:14px;color:#333;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .15s;white-space:nowrap;text-align:left}.project-viewer-share-menu button:hover{background:#f5f5f5}.project-viewer-share-menu button i{width:18px;text-align:center;font-size:16px}.project-viewer-share-menu button .fa-link{color:#666}.project-viewer-share-menu button .fa-x-twitter{color:#000}.project-viewer-share-menu button .fa-facebook{color:#1877f2}.project-viewer-share-menu button .fa-pinterest{color:#e60023}[data-theme=dark] .project-viewer-share-menu{background:#2a2a2a;border-color:#444}[data-theme=dark] .project-viewer-share-menu button{color:#fff}[data-theme=dark] .project-viewer-share-menu button:hover{background:#333}[data-theme=dark] .project-viewer-share-menu button .fa-link{color:#999}[data-theme=dark] .project-viewer-share-menu button .fa-x-twitter{color:#fff}.project-viewer-share-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:12px 24px;border-radius:8px;font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;z-index:2100;box-shadow:0 4px 20px #0000004d;animation:toast-slide-up .3s ease}.project-viewer-share-toast i{color:#22c55e}.project-viewer-lock-banner{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#ff6723f2,#ffb800f2);color:#fff;font-family:Work Sans,sans-serif;font-weight:600}.project-viewer-lock-banner i{font-size:1.2rem}.project-viewer-lock-banner .project-viewer-subscribe-btn{margin-top:0;background:#fff;color:#ff6723}.project-viewer-lock-banner .project-viewer-subscribe-btn:hover{background:#f0f0f0}.project-viewer-media-stack{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;min-height:100%}.project-viewer-media-item{width:100%;display:flex;align-items:center;justify-content:center;position:relative}.project-viewer-image{max-width:100%;max-height:85vh;width:auto;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.project-viewer-video{max-width:100%;max-height:85vh;width:auto;height:auto;display:block;background:#000;-o-object-fit:contain;object-fit:contain}.project-viewer-media-blurred,.project-viewer-image-blurred{filter:blur(20px)}.project-viewer-media-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 14px;border-radius:20px;font-family:Work Sans,sans-serif;font-size:.85rem;font-weight:600;z-index:5}.project-viewer-thumbnail-strip{display:flex;gap:8px;padding:8px 0;max-width:900px;width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.project-viewer-thumbnail-strip::-webkit-scrollbar{height:6px}.project-viewer-thumbnail-strip::-webkit-scrollbar-track{background:transparent}.project-viewer-thumbnail-strip::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.project-viewer-thumbnail{flex-shrink:0;width:64px;height:64px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#f0f0f0;padding:0}.project-viewer-thumbnail:hover{border-color:#ff6723;transform:translateY(-2px)}.project-viewer-thumbnail.active{border-color:#ff6723;box-shadow:0 2px 8px #ff67234d}.project-viewer-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-viewer-thumbnail-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2b2b2b,#444);color:#fff;font-size:1.2rem}.project-viewer-lock-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.project-viewer-lock-overlay i{font-size:4rem;color:#fff;opacity:.9}.project-viewer-lock-overlay span{font-family:Work Sans,sans-serif;font-size:1.2rem;font-weight:700;color:#fff}.project-viewer-subscribe-btn{padding:12px 24px;background:linear-gradient(135deg,#ffb800,#ff6723);color:#fff;border:none;border-radius:8px;font-family:Work Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.project-viewer-subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffb8004d}.project-viewer-sidebar{width:380px;flex-shrink:0;background:#f8f9fa;border-left:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:visible;position:relative}.project-viewer-sidebar-close-row{position:absolute;top:-44px;right:0;z-index:10}.project-viewer-sidebar-close-btn{background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s}.project-viewer-sidebar-close-btn:hover{background:#fff;color:#000;border-color:#fff}.project-viewer-sidebar-content{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.project-viewer-sidebar-content::-webkit-scrollbar{display:none;display:flex;flex-direction:column}.project-viewer-artist-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:14px}.project-viewer-artist-avatar{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #FF6723}.project-viewer-artist-info{flex:1}.project-viewer-artist-name{font-family:Work Sans,sans-serif;font-size:1.05rem;font-weight:700;color:#2b2b2b;margin-bottom:2px}.project-viewer-artist-title{font-family:Work Sans,sans-serif;font-size:.8rem;color:#888}.project-viewer-favorite-btn{padding:10px 16px;background:transparent;color:#666;border:2px solid #e0e0e0;border-radius:8px;font-family:Work Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.project-viewer-favorite-btn:hover{border-color:#ff6723;color:#ff6723}.project-viewer-favorite-btn.active{background:#ff67231a;border-color:#ff6723;color:#ff6723}.project-viewer-favorite-btn:disabled{opacity:.6;cursor:not-allowed}.project-viewer-favorite-btn i{font-size:.9rem}.project-viewer-info{padding:20px;border-bottom:1px solid rgba(0,0,0,.08)}.project-viewer-title{font-family:Work Sans,sans-serif;font-size:1.4rem;font-weight:700;color:#2b2b2b;margin-bottom:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.project-viewer-tier-badge{display:inline-flex;align-items:center;gap:6px;font-family:Work Sans,sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.project-viewer-tier-badge.tier-public{background:#e0f2fe;color:#0369a1}.project-viewer-tier-badge.tier-1{background:#fef3c7;color:#92400e}.project-viewer-tier-badge.tier-2{background:#ede9fe;color:#5b21b6}.project-viewer-tier-badge.tier-3{background:#fce7f3;color:#9f1239}.project-viewer-description-section{padding:20px;border-bottom:1px solid rgba(0,0,0,.08)}.project-viewer-description{font-family:Work Sans,sans-serif;font-size:.9rem;color:#666;line-height:1.6;margin:0;white-space:pre-wrap}.project-viewer-stats{display:flex;gap:20px;margin-bottom:16px}.project-viewer-stat{display:flex;align-items:center;gap:6px;color:#888;font-family:Work Sans,sans-serif;font-size:14px;cursor:pointer;transition:color .2s;background:none;border:none;padding:0}.project-viewer-stat i{font-size:18px;color:#999;transition:color .2s}.project-viewer-stat:hover,.project-viewer-stat:hover i{color:#ff6723}.project-viewer-stat.liked i.fa-heart{color:#ef4444}.project-viewer-date{font-family:Work Sans,sans-serif;font-size:.8rem;color:#999}.project-viewer-actions{display:flex;gap:20px;padding:16px 20px 20px;border-bottom:1px solid rgba(0,0,0,.08)}.project-viewer-action-btn{background:none;border:none;color:#888;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s;padding:0;font-family:Work Sans,sans-serif}.project-viewer-action-btn:hover,.project-viewer-action-btn.active{color:#ff6723}.project-viewer-action-btn.active i.fa-heart{color:#ef4444}.project-viewer-action-btn i{font-size:18px}.project-viewer-metadata-section{padding:20px;border-bottom:1px solid rgba(0,0,0,.08)}.project-viewer-metadata-group{margin-bottom:16px}.project-viewer-metadata-group:last-child{margin-bottom:0}.project-viewer-metadata-list{display:flex;flex-wrap:wrap;gap:8px}.project-viewer-metadata-item{background:#f0f0f0;padding:6px 12px;border-radius:6px;font-family:Work Sans,sans-serif;font-size:.8rem;font-weight:500;color:#555}.project-viewer-metadata-item.software{background:#6366f11a;color:#4f46e5}.project-viewer-tags-section{padding:20px;border-bottom:1px solid rgba(0,0,0,.08)}.project-viewer-section-title{font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.project-viewer-tag-list{display:flex;flex-wrap:wrap;gap:8px}.project-viewer-tag{background:#fff;border:1px solid #e0e0e0;padding:6px 14px;border-radius:20px;font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.project-viewer-tag:hover{background:#ffb8001a;border-color:#ffb800;color:#ffb800}.project-viewer-comments-section{display:flex;flex-direction:column;background:#f0f0f0}.project-viewer-comments-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.08);font-size:14px;font-weight:600;color:#111;display:flex;align-items:center;gap:8px}.project-viewer-comments-header .project-viewer-section-title{margin-bottom:0}.project-viewer-comments-count{font-family:Work Sans,sans-serif;font-size:13px;color:#888;font-weight:400}.project-viewer-comment-list{padding:12px 20px;background:#f0f0f0}.project-viewer-comment{display:flex;gap:12px;margin-bottom:16px;position:relative}.project-viewer-comment:last-child{margin-bottom:0}.project-viewer-comment-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.project-viewer-comment-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff6723,#ff8f5a);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;flex-shrink:0}.project-viewer-comment-avatar-placeholder.hidden{display:none}.project-viewer-comment-content{flex:1;min-width:0}.project-viewer-comment-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-viewer-comment-author{font-size:13px;font-weight:600;color:#111}.project-viewer-comment-rating{color:#ffb800;font-size:.75rem}.project-viewer-comment-date{font-size:12px;color:#666}.project-viewer-comment-text{font-size:14px;color:#333;line-height:1.5;margin:4px 0 0;word-break:break-word}.project-viewer-comment-actions{display:flex;gap:12px;margin-top:6px}.project-viewer-comment-action{background:none;border:none;color:#666;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0;transition:color .2s}.project-viewer-comment-action:hover{color:#ff6723}.project-viewer-comment-input-container{padding:12px 16px;border-top:1px solid rgba(0,0,0,.08);background:#f8f9fa;display:flex;align-items:center;gap:10px;flex-shrink:0}.project-viewer-comment-input{flex:1;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111;font-family:Work Sans,sans-serif;font-size:14px;resize:none;min-height:36px;height:36px;overflow:hidden;transition:border-color .2s}.project-viewer-comment-input::-moz-placeholder{color:#666}.project-viewer-comment-input::placeholder{color:#666}.project-viewer-comment-input:focus{outline:none;border-color:#ff6723}.project-viewer-comment-input:disabled{opacity:.6;cursor:not-allowed}.project-viewer-comment-submit{background:#ff6723;border:none;color:#fff;padding:8px 16px;border-radius:8px;font-family:Work Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0;height:36px;display:flex;align-items:center;gap:6px}.project-viewer-comment-submit:hover:not(:disabled){background:#ff8040}.project-viewer-comment-submit:disabled{opacity:.5;cursor:not-allowed}.project-viewer-login-to-comment{flex:1;padding:8px 16px;background:#ff6723;color:#fff;border:none;border-radius:8px;font-family:Work Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;height:36px}.project-viewer-login-to-comment:hover{background:#ff8040}.project-viewer-comments-loading{text-align:center;padding:30px;color:#999;font-family:Work Sans,sans-serif;font-size:.9rem}.project-viewer-comments-loading i{margin-right:8px}.project-viewer-no-comments{text-align:center;padding:30px;color:#888;font-family:Work Sans,sans-serif;font-size:.9rem;font-style:italic}.project-viewer-comments-disabled{text-align:center;padding:30px;color:#888;font-family:Work Sans,sans-serif;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:10px}.project-viewer-comments-disabled i{font-size:1.5rem;color:#ccc}.project-viewer-comment-edit{display:flex;flex-direction:column;gap:10px;width:100%}.project-viewer-comment-edit-input{width:100%;padding:10px 12px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#2b2b2b;font-family:Work Sans,sans-serif;font-size:.85rem;resize:none}.project-viewer-comment-edit-input:focus{outline:none;border-color:#ff6723}.project-viewer-comment-edit-actions{display:flex;gap:8px}.project-viewer-comment-save-btn{padding:6px 14px;background:#ff6723;color:#fff;border:none;border-radius:6px;font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer}.project-viewer-comment-cancel-btn{padding:6px 14px;background:transparent;color:#666;border:1px solid #ddd;border-radius:6px;font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer}.project-viewer-comment-cancel-btn:hover{background:#f0f0f0}.project-viewer-comment-action.delete:hover{color:#dc2626}@media(max-width:1200px){.project-viewer-sidebar{width:340px}}@media(max-width:900px){.project-viewer-overlay{padding:0}.project-viewer-close-btn{top:8px;right:16px}.project-viewer-modal{max-height:100vh;max-width:100%;height:100%;border-radius:0}.project-viewer-layout{flex-direction:column}.project-viewer-images{max-height:50vh}.project-viewer-media-item{max-width:100%}.project-viewer-sidebar{width:100%;max-height:50vh}}[data-theme=dark] .project-viewer-modal{background:#212121}[data-theme=dark] .project-viewer-close{background:transparent;border-color:#444;color:#b0b0b0}[data-theme=dark] .project-viewer-close:hover{border-color:#ff6723;color:#ff6723}[data-theme=dark] .project-viewer-favorite-btn{background:transparent;border-color:#444;color:#b0b0b0}[data-theme=dark] .project-viewer-favorite-btn:hover{border-color:#ff6723;color:#ff6723}[data-theme=dark] .project-viewer-favorite-btn.active{background:#ff672326;border-color:#ff6723;color:#ff6723}[data-theme=dark] .project-viewer-sidebar{background:#1a1a1a;border-left:1px solid rgba(255,255,255,.08)}[data-theme=dark] .project-viewer-artist-header{border-bottom-color:#ffffff14}[data-theme=dark] .project-viewer-artist-name{color:#fff}[data-theme=dark] .project-viewer-info{border-bottom-color:#ffffff14}[data-theme=dark] .project-viewer-title{color:#fff}[data-theme=dark] .project-viewer-description-section{border-bottom-color:#ffffff14}[data-theme=dark] .project-viewer-description{color:#b0b0b0}[data-theme=dark] .project-viewer-stat i,[data-theme=dark] .project-viewer-date{color:#666}[data-theme=dark] .project-viewer-actions{border-bottom-color:#ffffff14}[data-theme=dark] .project-viewer-action-btn{color:#888}[data-theme=dark] .project-viewer-action-btn:hover,[data-theme=dark] .project-viewer-action-btn.active{color:#ff6723}[data-theme=dark] .project-viewer-action-btn.active i.fa-heart{color:#ef4444}[data-theme=dark] .project-viewer-tags-section{border-bottom-color:#ffffff14}[data-theme=dark] .project-viewer-tag{background:#2a2a2a;border-color:#444;color:#b0b0b0}[data-theme=dark] .project-viewer-tag:hover{background:#ffb8001a;border-color:#ffb800;color:#ffb800}[data-theme=dark] .project-viewer-comments-section{background:#141414}[data-theme=dark] .project-viewer-comments-header{color:#fff;border-bottom-color:#333}[data-theme=dark] .project-viewer-comments-count{color:#888}[data-theme=dark] .project-viewer-comment-list{background:#141414}[data-theme=dark] .project-viewer-comment{border-bottom-color:#ffffff0d}[data-theme=dark] .project-viewer-comment-avatar{border-color:#444}[data-theme=dark] .project-viewer-comment-author{color:#fff}[data-theme=dark] .project-viewer-comment-date{color:#666}[data-theme=dark] .project-viewer-comment-text{color:#ccc}[data-theme=dark] .project-viewer-comment-action{color:#666}[data-theme=dark] .project-viewer-comment-action:hover{color:#ff6723}[data-theme=dark] .project-viewer-comment-input-container{border-top-color:#333;background:#1a1a1a}[data-theme=dark] .project-viewer-comment-input{background:#2a2a2a;border-color:#333;color:#fff}[data-theme=dark] .project-viewer-comment-input::-moz-placeholder{color:#666}[data-theme=dark] .project-viewer-comment-input::placeholder{color:#666}[data-theme=dark] .project-viewer-comment-input:focus{border-color:#ff6723}[data-theme=dark] .project-viewer-comment-input:disabled{opacity:.5}[data-theme=dark] .project-viewer-comment-submit{background:#ff6723}[data-theme=dark] .project-viewer-comment-submit:hover:not(:disabled){background:#ff8040}[data-theme=dark] .project-viewer-login-to-comment{background:#ff6723;color:#fff}[data-theme=dark] .project-viewer-login-to-comment:hover{background:#ff8040}[data-theme=dark] .project-viewer-comments-loading,[data-theme=dark] .project-viewer-no-comments,[data-theme=dark] .project-viewer-comments-disabled{color:#666}[data-theme=dark] .project-viewer-comments-disabled i{color:#444}[data-theme=dark] .project-viewer-comment-edit-input{background:#2a2a2a;border-color:#444;color:#fff}[data-theme=dark] .project-viewer-comment-edit-input:focus{border-color:#ff6723}[data-theme=dark] .project-viewer-comment-cancel-btn{background:transparent;border-color:#444;color:#888}[data-theme=dark] .project-viewer-comment-cancel-btn:hover{background:#333}[data-theme=dark] .project-viewer-images{background:#0d0d0d}[data-theme=dark] .project-viewer-video{background:#000}[data-theme=dark] .project-viewer-thumbnail-strip{scrollbar-color:#444 transparent}[data-theme=dark] .project-viewer-thumbnail-strip::-webkit-scrollbar-thumb{background:#444}[data-theme=dark] .project-viewer-thumbnail{background:#2a2a2a;border-color:transparent}[data-theme=dark] .project-viewer-thumbnail:hover,[data-theme=dark] .project-viewer-thumbnail.active{border-color:#ff6723}[data-theme=dark] .project-viewer-thumbnail-video{background:linear-gradient(135deg,#1a1a1a,#333)}[data-theme=dark] .project-viewer-metadata-section{border-bottom-color:#ffffff14}[data-theme=dark] .project-viewer-metadata-item{background:#2a2a2a;color:#b0b0b0}[data-theme=dark] .project-viewer-metadata-item.software{background:#6366f126;color:#818cf8}.artwork-replay-section{margin-bottom:32px}.replay-poster{position:relative;width:100%;aspect-ratio:16 / 9;cursor:pointer;overflow:hidden;border-radius:8px;background:#000}.replay-poster img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:.7;transition:opacity .3s ease}.replay-poster:hover img{opacity:.9}.play-overlay-large{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s ease}.replay-poster:hover .play-overlay-large{background:#00000080}.play-button-large{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#00e67633;border:3px solid var(--color-live-green);border-radius:50%;transition:all .3s ease}.play-button-large i{font-size:64px;color:var(--color-live-green);margin-left:8px}.replay-poster:hover .play-button-large{background:#00e6764d;transform:scale(1.1);box-shadow:0 0 40px #00e67680}.replay-details{display:flex;gap:32px;font-size:16px;color:#fff;font-weight:500}.replay-details span{display:flex;align-items:center;gap:8px}.replay-details i{color:var(--color-live-green)}.artwork-replay-iframe{width:100%;aspect-ratio:16 / 9;border:none;background:#000;border-radius:8px;box-shadow:0 8px 24px #0006}.additional-media-title{font-size:18px;font-weight:600;margin:0 0 20px;padding:16px 0 0;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.1)}[data-theme=dark] .replay-poster{background:#000}[data-theme=dark] .additional-media-title{border-top-color:#ffffff0d}.project-upload-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.project-upload-modal{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #FF6723;border-radius:16px;box-shadow:0 8px 32px #ff67234d;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease;scrollbar-width:none;-ms-overflow-style:none}.project-upload-modal::-webkit-scrollbar{display:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.project-upload-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:2px solid rgba(255,103,35,.2);background:#ff67230d}.project-upload-header h2{margin:0;font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-upload-header .close-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,103,35,.3);background:#ff67231a;color:#ff6723;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.project-upload-header .close-btn:hover{background:#ff6723;color:#fff;border-color:#ff6723;transform:rotate(90deg)}.project-upload-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.project-upload-content{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:#ccc}.form-group input[type=text],.form-group input[type=date],.form-group input[type=time],.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease}.form-group select option{background:#2a2a2a;color:#fff;padding:12px 16px}.form-group select option:hover,.form-group select option:checked{background:#3a3a3a;color:#ff6723}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff6723;box-shadow:0 0 0 3px #ff67231a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.help-text{margin-top:6px;font-size:.8rem;color:#888}.checkbox-group{display:flex;flex-direction:column;gap:12px;padding-top:8px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-size:.9rem}.checkbox-label span{color:#fff}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#FF6723;cursor:pointer}.media-drop-zone{border:3px dashed rgba(255,103,35,.3);border-radius:12px;padding:20px;min-height:200px;cursor:pointer;transition:all .3s ease}.media-drop-zone:hover{border-color:#ff6723;background:#ff67230d}.drop-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;color:#888;text-align:center}.drop-placeholder i{font-size:3rem;color:#ff6723;margin-bottom:16px}.drop-placeholder p{margin:0 0 8px;font-size:1.1rem;color:#ccc}.drop-placeholder span{font-size:.85rem;color:#666}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.media-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:grab;border:2px solid transparent;transition:all .2s ease}.media-preview-item:active{cursor:grabbing}.media-preview-item.is-cover{border-color:#ff6723}.media-preview-item.dragging{opacity:.5;transform:scale(.95)}.media-preview-item img,.media-preview-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-preview-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column;justify-content:space-between;padding:8px}.media-preview-item:hover .media-preview-overlay{opacity:1}.media-order{background:#000000b3;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px;align-self:flex-start}.cover-badge{background:#ff6723;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;align-self:flex-start;margin-top:4px}.video-badge{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;font-size:.7rem;padding:4px 8px;border-radius:4px}.media-actions{display:flex;gap:6px;align-self:flex-end}.media-actions button{background:#000000b3;border:none;color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.media-actions button:hover{background:#ff6723}.media-actions button:disabled{opacity:.5;cursor:not-allowed}.add-more{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed #444;border-radius:8px;color:#888;cursor:pointer;transition:all .2s ease}.add-more:hover{border-color:#ff6723;color:#ff6723}.add-more i{font-size:1.5rem;margin-bottom:6px}.add-more span{font-size:.8rem}.categorization-section,.schedule-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,103,35,.2)}.categorization-section h3,.schedule-section h3{margin:0 0 16px;font-size:1.1rem;color:#ff6723}.chip-select{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:8px 14px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.chip:hover{border-color:#ff6723;color:#fff}.chip.selected{background:#ff672333;border-color:#ff6723;color:#ff6723}.chip.tag{background:#3b82f633;border-color:#3b82f6;color:#3b82f6}.chip button{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:.75rem;opacity:.7;transition:opacity .2s ease}.chip button:hover{opacity:1}.chip:disabled{opacity:.5;cursor:not-allowed}.selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.software-select{display:flex;gap:12px}.software-select select{flex:1;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;padding:12px 16px;font-size:1rem}.software-select select option{background:#2a2a2a;color:#fff;padding:12px 16px}.software-select select option:hover,.software-select select option:checked{background:#3a3a3a;color:#ff6723}.custom-software{display:flex;gap:8px;flex:1}.custom-software input{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem}.custom-software button{background:#ff6723;border:none;color:#fff;width:44px;border-radius:8px;cursor:pointer;transition:all .2s ease}.custom-software button:hover:not(:disabled){background:#f80}.custom-software button:disabled{opacity:.5;cursor:not-allowed}.tag-input-container{display:flex;gap:8px}.tag-input-container input{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem}.tag-input-container button{background:#ff6723;border:none;color:#fff;width:44px;border-radius:8px;cursor:pointer;transition:all .2s ease}.tag-input-container button:hover:not(:disabled){background:#f80}.tag-input-container button:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px}.error-message i{margin-top:2px}.error-message span{white-space:pre-line}.upload-progress{margin-bottom:20px}.progress-bar{background:#0000004d;border-radius:10px;height:8px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6723,#f80);border-radius:10px;transition:width .3s ease}.upload-progress p{margin:0;font-size:.85rem;color:#888;text-align:center}.action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,103,35,.2)}.action-buttons button{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary{background:#2a2a2a;border:1px solid #444;color:#ccc}.btn-secondary:hover:not(:disabled){border-color:#ff6723;color:#fff}.btn-primary{background:linear-gradient(135deg,#ff6723,#f80);border:none;color:#fff;box-shadow:0 4px 16px #ff672366}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff672380}.action-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:600px){.action-buttons{flex-direction:column}.action-buttons button{justify-content:center}.software-select{flex-direction:column}}[data-theme=light] .project-upload-modal{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:#ff6723}[data-theme=light] .project-upload-header{border-bottom-color:#ff672333;background:#ff672308}[data-theme=light] .project-upload-header h2{color:#1a1a1a;text-shadow:none}[data-theme=light] .project-upload-header .close-btn{color:#666;border-color:#ddd;background:#f5f5f5}[data-theme=light] .project-upload-header .close-btn:hover{background:#ff6723;color:#fff;border-color:#ff6723}[data-theme=light] .form-group label{color:#333}[data-theme=light] .form-group input[type=text],[data-theme=light] .form-group input[type=date],[data-theme=light] .form-group input[type=time],[data-theme=light] .form-group textarea,[data-theme=light] .form-group select{background:#fff;border-color:#ddd;color:#1a1a1a}[data-theme=light] .form-group input::-moz-placeholder,[data-theme=light] .form-group textarea::-moz-placeholder{color:#999}[data-theme=light] .form-group input::placeholder,[data-theme=light] .form-group textarea::placeholder{color:#999}[data-theme=light] .form-group select option{background:#fff;color:#1a1a1a}[data-theme=light] .help-text{color:#666}[data-theme=light] .checkbox-label,[data-theme=light] .checkbox-label span{color:#333}[data-theme=light] .media-drop-zone{border-color:#ff67234d;background:#fafafa}[data-theme=light] .media-drop-zone:hover{background:#ff67230d}[data-theme=light] .drop-placeholder{color:#666}[data-theme=light] .drop-placeholder p{color:#333}[data-theme=light] .drop-placeholder span{color:#888}[data-theme=light] .categorization-section,[data-theme=light] .schedule-section{border-top-color:#ff672333}[data-theme=light] .chip{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .chip:hover{border-color:#ff6723;color:#1a1a1a}[data-theme=light] .chip.selected{background:#ff67231a;border-color:#ff6723;color:#ff6723}[data-theme=light] .chip.tag{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}[data-theme=light] .software-select select{background:#fff;border-color:#ddd;color:#1a1a1a}[data-theme=light] .software-select select option{background:#fff;color:#1a1a1a}[data-theme=light] .custom-software input,[data-theme=light] .tag-input-container input{background:#fff;border-color:#ddd;color:#1a1a1a}[data-theme=light] .project-placeholder-thumb{background:linear-gradient(135deg,#e5e5e5,#f0f0f0)}[data-theme=light] .project-placeholder-thumb i{color:#999}[data-theme=light] .btn-secondary{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .btn-secondary:hover:not(:disabled){border-color:#ff6723;color:#1a1a1a}[data-theme=light] .action-buttons{border-top-color:#ff672333}[data-theme=light] .add-more{border-color:#ddd;color:#666}[data-theme=light] .add-more:hover{border-color:#ff6723;color:#ff6723}[data-theme=light] .upload-progress p{color:#666}.create-post-section{background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;padding:20px;margin-top:24px}.create-post-section h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#ff6723}.create-post-section>.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.create-post-section>.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#FF6723}.post-options{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #333)}.post-options .form-group{margin-bottom:16px}.post-options .form-group:last-of-type{margin-bottom:12px}.post-options textarea{width:100%;background:var(--card-bg, #222);border:1px solid var(--border-color, #444);border-radius:8px;padding:12px;color:var(--text-primary, #fff);font-family:inherit;font-size:14px;resize:vertical;min-height:80px}.post-options textarea:focus{outline:none;border-color:#ff6723}.post-options-row{display:flex;gap:20px;align-items:flex-start}.post-options-row .form-group{flex:1}.post-options-row .checkbox-group{padding-top:28px}.post-options .help-text{font-size:12px;color:var(--text-muted, #666);display:flex;align-items:center;gap:6px}.post-options .help-text i{color:#ff6723}[data-theme=light] .create-post-section{background:#f5f5f5;border-color:#e0e0e0}[data-theme=light] .post-options{border-top-color:#e0e0e0}[data-theme=light] .post-options textarea{background:#fff;border-color:#e0e0e0;color:#333}.project-type-selector{margin-bottom:24px}.type-options{display:flex;gap:16px}.type-option{flex:1;cursor:pointer}.type-option input[type=radio]{display:none}.type-option .option-content{display:flex;align-items:flex-start;gap:16px;padding:20px;border:2px solid rgba(255,255,255,.1);border-radius:10px;background:var(--bg-secondary);transition:all .3s ease}.type-option input:checked+.option-content{border-color:var(--color-accent);background:#00e6760d}.type-option:hover .option-content{border-color:#00e6764d}.type-option .option-content>i{font-size:32px;color:var(--color-accent);min-width:32px}.type-option .option-text{flex:1}.type-option .option-title{font-size:16px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:4px}.type-option .option-text p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.artwork-folder-section{margin-bottom:24px}.select-folder-btn{width:100%;padding:40px;background:var(--bg-secondary);border:2px dashed rgba(255,255,255,.2);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .3s ease;font-size:14px;font-weight:600}.select-folder-btn i{font-size:48px;color:var(--color-accent)}.select-folder-btn:hover{border-color:var(--color-accent);background:#00e6760d}.select-folder-btn:disabled{opacity:.5;cursor:not-allowed}.selected-folder-card{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:10px;border:2px solid var(--color-accent);align-items:center}.selected-folder-card img{width:120px;height:68px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.selected-folder-card .folder-details{flex:1}.selected-folder-card h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.selected-folder-card p{font-size:13px;color:var(--text-secondary);margin:0;display:flex;gap:12px;align-items:center}.selected-folder-card p i{color:var(--color-accent);margin-right:4px;font-size:12px}.change-folder-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.change-folder-btn:hover{background:#ffffff26;border-color:var(--color-accent)}.change-folder-btn:disabled{opacity:.5;cursor:not-allowed}.artwork-folder-picker-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.artwork-folder-picker-modal{background:var(--bg-primary);border-radius:12px;width:90%;max-width:1000px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.artwork-folder-picker-modal .modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.artwork-folder-picker-modal .modal-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.artwork-folder-picker-modal .close-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.artwork-folder-picker-modal .close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.artwork-folder-picker-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 24px;color:var(--text-secondary)}.loading-state i,.error-state i,.empty-state i{font-size:48px;margin-bottom:20px;color:var(--text-tertiary)}.loading-state i{color:var(--color-accent)}.error-state i{color:#f44}.empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:20px 0 12px}.empty-state p{font-size:14px;line-height:1.6;max-width:500px;margin:0 auto}.error-state button{margin-top:20px;padding:10px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:8px}.folder-card{background:var(--bg-secondary);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative}.folder-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#00e6764d}.folder-card.current{border-color:var(--color-live-green);box-shadow:0 0 20px #00e67666}.folder-thumbnail{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.folder-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.folder-card:hover .folder-thumbnail img{transform:scale(1.05)}.folder-thumbnail .no-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.folder-thumbnail .no-thumbnail i{font-size:48px;color:var(--text-tertiary)}.play-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;border:2px solid rgba(255,255,255,.3);opacity:.9;transition:all .3s ease}.folder-card:hover .play-icon-overlay{width:70px;height:70px;background:#00e67633;border-color:var(--color-live-green);opacity:1}.play-icon-overlay i{font-size:32px;color:#fff}.folder-card:hover .play-icon-overlay i{color:var(--color-live-green)}.folder-info{padding:16px}.folder-info h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.folder-stats{display:flex;gap:16px;margin-bottom:8px}.folder-stats span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.folder-stats i{color:var(--color-accent);font-size:12px}.folder-date{font-size:12px;color:var(--text-tertiary)}.current-badge{position:absolute;top:12px;right:12px;background:var(--color-live-green);color:#000;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #00e67666}.current-badge i{font-size:14px}[data-theme=dark] .artwork-folder-picker-modal{background:#1a1a1a}[data-theme=dark] .folder-card{background:#252525}[data-theme=dark] .folder-card:hover{background:#2a2a2a}.project-edit-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.project-edit-modal{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #FF6723;border-radius:16px;box-shadow:0 8px 32px #ff67234d;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;animation:editModalSlideIn .3s ease}@keyframes editModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.project-edit-loading,.project-edit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:#ccc}.project-edit-loading i,.project-edit-error i{font-size:3rem;margin-bottom:20px;color:#ff6723}.project-edit-error i{color:#ef4444}.project-edit-loading p,.project-edit-error p{font-size:1.1rem;margin:0}.project-edit-error button{margin-top:20px;padding:10px 24px;background:#ff6723;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s ease}.project-edit-error button:hover{background:#f80}.project-edit-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,103,35,.2)}.project-edit-header h2{margin:0;font-size:1.5rem;color:#fff}.project-edit-header .close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.project-edit-header .close-btn:hover{color:#ff6723;background:#ff67231a}.project-edit-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.project-edit-content{padding:24px}.project-edit-content .form-group{margin-bottom:20px}.project-edit-content .form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:#ccc}.project-edit-content .form-group input[type=text],.project-edit-content .form-group input[type=date],.project-edit-content .form-group input[type=time],.project-edit-content .form-group textarea,.project-edit-content .form-group select{width:100%;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease}.project-edit-content .form-group select option{background:#2a2a2a;color:#fff;padding:12px 16px}.project-edit-content .form-group input:focus,.project-edit-content .form-group textarea:focus,.project-edit-content .form-group select:focus{outline:none;border-color:#ff6723;box-shadow:0 0 0 3px #ff67231a}.project-edit-content .form-group input:disabled,.project-edit-content .form-group textarea:disabled,.project-edit-content .form-group select:disabled{opacity:.6;cursor:not-allowed}.project-edit-content .form-group textarea{resize:vertical;min-height:100px}.project-edit-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.project-edit-content .form-row{grid-template-columns:1fr}}.project-edit-content .help-text{margin-top:6px;font-size:.8rem;color:#888}.project-edit-content .checkbox-group{display:flex;flex-direction:column;gap:12px;padding-top:8px}.project-edit-content .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-size:.9rem}.project-edit-content .checkbox-label span{color:#fff}.project-edit-content .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#FF6723;cursor:pointer}.project-edit-content .media-drop-zone{border:3px dashed rgba(255,103,35,.3);border-radius:12px;padding:20px;min-height:200px;cursor:pointer;transition:all .3s ease}.project-edit-content .media-drop-zone:hover{border-color:#ff6723;background:#ff67230d}.project-edit-content .drop-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;color:#888;text-align:center}.project-edit-content .drop-placeholder i{font-size:3rem;color:#ff6723;margin-bottom:16px}.project-edit-content .drop-placeholder p{margin:0 0 8px;font-size:1.1rem;color:#ccc}.project-edit-content .drop-placeholder span{font-size:.85rem;color:#666}.project-edit-content .media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.project-edit-content .media-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:grab;border:2px solid transparent;transition:all .2s ease}.project-edit-content .media-preview-item:active{cursor:grabbing}.project-edit-content .media-preview-item.is-cover{border-color:#ff6723}.project-edit-content .media-preview-item.dragging{opacity:.5;transform:scale(.95)}.project-edit-content .media-preview-item img,.project-edit-content .media-preview-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-edit-content .media-preview-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column;justify-content:space-between;padding:8px}.project-edit-content .media-preview-item:hover .media-preview-overlay{opacity:1}.project-edit-content .media-order{background:#000000b3;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px;align-self:flex-start}.project-edit-content .cover-badge{background:#ff6723;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;align-self:flex-start;margin-top:4px}.project-edit-content .new-badge{background:#10b981;color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;align-self:flex-start;margin-top:4px}.project-edit-content .video-badge{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;font-size:.7rem;padding:4px 8px;border-radius:4px}.project-edit-content .media-actions{display:flex;gap:6px;align-self:flex-end}.project-edit-content .media-actions button{background:#000000b3;border:none;color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.project-edit-content .media-actions button:hover{background:#ff6723}.project-edit-content .media-actions button.delete-btn:hover{background:#ef4444}.project-edit-content .media-actions button:disabled{opacity:.5;cursor:not-allowed}.project-edit-content .add-more{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed #444;border-radius:8px;color:#888;cursor:pointer;transition:all .2s ease}.project-edit-content .add-more:hover{border-color:#ff6723;color:#ff6723}.project-edit-content .add-more i{font-size:1.5rem;margin-bottom:6px}.project-edit-content .add-more span{font-size:.8rem}.project-edit-content .categorization-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,103,35,.2)}.project-edit-content .categorization-section h3{margin:0 0 16px;font-size:1.1rem;color:#ff6723}.project-edit-content .chip-select{display:flex;flex-wrap:wrap;gap:8px}.project-edit-content .chip{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:8px 14px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.project-edit-content .chip:hover{border-color:#ff6723;color:#fff}.project-edit-content .chip.selected{background:#ff672333;border-color:#ff6723;color:#ff6723}.project-edit-content .chip.tag{background:#3b82f633;border-color:#3b82f6;color:#3b82f6}.project-edit-content .chip button{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:.75rem;opacity:.7;transition:opacity .2s ease}.project-edit-content .chip button:hover{opacity:1}.project-edit-content .chip:disabled{opacity:.5;cursor:not-allowed}.project-edit-content .selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.project-edit-content .software-select{display:flex;gap:12px}.project-edit-content .software-select select{flex:1;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;padding:12px 16px;font-size:1rem}.project-edit-content .software-select select option{background:#2a2a2a;color:#fff}.project-edit-content .custom-software{display:flex;gap:8px;flex:1}.project-edit-content .custom-software input{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem}.project-edit-content .custom-software button{background:#ff6723;border:none;color:#fff;width:44px;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-edit-content .custom-software button:hover:not(:disabled){background:#f80}.project-edit-content .custom-software button:disabled{opacity:.5;cursor:not-allowed}.project-edit-content .tag-input-container{display:flex;gap:8px}.project-edit-content .tag-input-container input{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem}.project-edit-content .tag-input-container button{background:#ff6723;border:none;color:#fff;width:44px;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-edit-content .tag-input-container button:hover:not(:disabled){background:#f80}.project-edit-content .tag-input-container button:disabled{opacity:.5;cursor:not-allowed}.project-edit-content .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px}.project-edit-content .error-message i{margin-top:2px}.project-edit-content .error-message span{white-space:pre-line}.project-edit-content .save-progress{margin-bottom:20px}.project-edit-content .progress-bar{background:#0000004d;border-radius:10px;height:8px;overflow:hidden;margin-bottom:8px}.project-edit-content .progress-fill{height:100%;background:linear-gradient(90deg,#ff6723,#f80);border-radius:10px;transition:width .3s ease}.project-edit-content .save-progress p{margin:0;font-size:.85rem;color:#888;text-align:center}.project-edit-content .action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,103,35,.2)}.project-edit-content .action-buttons button{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.project-edit-content .btn-secondary{background:#2a2a2a;border:1px solid #444;color:#ccc}.project-edit-content .btn-secondary:hover:not(:disabled){border-color:#ff6723;color:#fff}.project-edit-content .btn-primary{background:linear-gradient(135deg,#ff6723,#f80);border:none;color:#fff;box-shadow:0 4px 16px #ff672366}.project-edit-content .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff672380}.project-edit-content .action-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:600px){.project-edit-content .action-buttons{flex-direction:column}.project-edit-content .action-buttons button{justify-content:center}.project-edit-content .software-select{flex-direction:column}}[data-theme=light] .project-edit-modal{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:#ff6723}[data-theme=light] .project-edit-loading,[data-theme=light] .project-edit-error{color:#333}[data-theme=light] .project-edit-header{border-bottom-color:#ff672333}[data-theme=light] .project-edit-header h2{color:#1a1a1a}[data-theme=light] .project-edit-header .close-btn{color:#666}[data-theme=light] .project-edit-header .close-btn:hover{color:#ff6723;background:#ff67231a}[data-theme=light] .project-edit-content .form-group label{color:#333}[data-theme=light] .project-edit-content .form-group input[type=text],[data-theme=light] .project-edit-content .form-group input[type=date],[data-theme=light] .project-edit-content .form-group input[type=time],[data-theme=light] .project-edit-content .form-group textarea,[data-theme=light] .project-edit-content .form-group select{background:#fff;border-color:#ddd;color:#1a1a1a}[data-theme=light] .project-edit-content .form-group input::-moz-placeholder,[data-theme=light] .project-edit-content .form-group textarea::-moz-placeholder{color:#999}[data-theme=light] .project-edit-content .form-group input::placeholder,[data-theme=light] .project-edit-content .form-group textarea::placeholder{color:#999}[data-theme=light] .project-edit-content .form-group select option{background:#fff;color:#1a1a1a}[data-theme=light] .project-edit-content .help-text{color:#666}[data-theme=light] .project-edit-content .checkbox-label,[data-theme=light] .project-edit-content .checkbox-label span{color:#333}[data-theme=light] .project-edit-content .media-drop-zone{border-color:#ff67234d;background:#fafafa}[data-theme=light] .project-edit-content .media-drop-zone:hover{background:#ff67230d}[data-theme=light] .project-edit-content .drop-placeholder{color:#666}[data-theme=light] .project-edit-content .drop-placeholder p{color:#333}[data-theme=light] .project-edit-content .drop-placeholder span{color:#888}[data-theme=light] .project-edit-content .categorization-section{border-top-color:#ff672333}[data-theme=light] .project-edit-content .chip{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .project-edit-content .chip:hover{border-color:#ff6723;color:#1a1a1a}[data-theme=light] .project-edit-content .chip.selected{background:#ff67231a;border-color:#ff6723;color:#ff6723}[data-theme=light] .project-edit-content .chip.tag{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}[data-theme=light] .project-edit-content .software-select select{background:#fff;border-color:#ddd;color:#1a1a1a}[data-theme=light] .project-edit-content .software-select select option{background:#fff;color:#1a1a1a}[data-theme=light] .project-edit-content .custom-software input,[data-theme=light] .project-edit-content .tag-input-container input{background:#fff;border-color:#ddd;color:#1a1a1a}[data-theme=light] .project-edit-content .btn-secondary{background:#f5f5f5;border-color:#ddd;color:#333}[data-theme=light] .project-edit-content .btn-secondary:hover:not(:disabled){border-color:#ff6723;color:#1a1a1a}[data-theme=light] .project-edit-content .action-buttons{border-top-color:#ff672333}[data-theme=light] .project-edit-content .add-more{border-color:#ddd;color:#666}[data-theme=light] .project-edit-content .add-more:hover{border-color:#ff6723;color:#ff6723}[data-theme=light] .project-edit-content .save-progress p{color:#666}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card{position:relative;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.post-card-wrapper{position:relative;overflow:visible;cursor:pointer}.post-card-image-section{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:0;background:#000;transition:all .5s cubic-bezier(.23,1,.32,1);box-shadow:0 2px 2px #0009,0 4px 6px #0006,0 6px 10px #0000004d,0 8px 14px #00000040,0 10px 17px #00000038,0 12px 20px #0003}.post-card-image-section.hovered{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow:0 30px 60px -12px #00000080,0 18px 36px -18px #0000004d,0 0 0 1px #ff67234d}.post-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.23,1,.32,1)}.post-card-author-overlay{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:8px;z-index:10;opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.23,1,.32,1);cursor:pointer}.post-card-author-overlay.hidden{opacity:0;transform:translateY(20px)}.post-card-author-overlay img{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.4);-o-object-fit:cover;object-fit:cover}.post-card-author-overlay span{color:#fff;font-size:13px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.8),0 1px 4px rgba(0,0,0,.6)}.post-card-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff6723,#ff8f5a);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:#fff;border:2px solid rgba(255,255,255,.4)}.post-card-stats-overlay{position:absolute;bottom:10px;right:10px;display:flex;gap:10px;padding:5px 10px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;z-index:10;opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.23,1,.32,1)}.post-card-stats-overlay.hidden{opacity:0;transform:translateY(20px)}.post-card-stat{display:flex;align-items:center;gap:4px;color:#fff;font-size:11px;font-weight:500}.post-card-stat i{font-size:10px}.post-card-stat.liked i{color:#ef4444}.post-card-tier-badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:700;background:#ff6723;color:#fff;text-transform:uppercase;z-index:10}.post-card-multi-indicator{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;color:#fff;font-size:11px;font-weight:500;z-index:11}.post-card-multi-indicator i{font-size:10px}.post-card-shadow{position:absolute;bottom:-15px;left:50%;width:100%;height:45px;background:radial-gradient(ellipse 90% 100% at center,#0000004d,#0003 30%,#0000001a 50%,#0000 80%);filter:blur(14px);z-index:0;pointer-events:none;transform:translate(-50%)}.post-card-info{position:absolute;bottom:0;left:0;right:0;background:#fffaf5fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 12px;z-index:20;transition:all .5s cubic-bezier(.23,1,.32,1);max-height:50px;overflow:hidden}.post-card-info.expanded{max-height:200px;padding:14px;box-shadow:0 -4px 20px #0003}.post-card-info-header{display:flex;align-items:center;justify-content:space-between}.post-card-info-author{display:flex;align-items:center;gap:8px;cursor:pointer}.post-card-info-author:hover .post-card-info-author-name{color:#ff6723}.post-card-info-author img{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.post-card-avatar-placeholder-small{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ff6723,#ff8f5a);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:#fff}.post-card-info-author-name{font-size:13px;font-weight:600;color:#1a1a1a;transition:color .2s;display:flex;align-items:center;gap:4px}.post-card-verified-badge{color:#ff6723;font-size:10px}.post-card-info-actions{display:flex;gap:12px;align-items:center}.post-card-info-action{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:12px;color:#666;cursor:pointer;transition:color .2s;padding:0}.post-card-info-action:hover{color:#ff6723}.post-card-info-action.liked{color:#ef4444}.post-card-info-action:disabled{opacity:.5;cursor:not-allowed}.post-card-info-content{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08);opacity:0;transform:translateY(10px);transition:all .4s ease .1s}.post-card-info.expanded .post-card-info-content{opacity:1;transform:translateY(0)}.post-card-info-text{font-size:13px;color:#444;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 6px}.post-card-info-meta{display:flex;align-items:center;gap:10px}.post-card-info-time{font-size:11px;color:#999}.post-card-edited{font-size:10px;color:#999;font-style:italic}.post-card-text-only .post-card-image-section{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center;padding:30px}.post-card-text-content{text-align:center}.post-card-text-content p{color:#fff;font-size:16px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.post-card-locked .post-card-image-section{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.post-card-locked-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px}.post-card-lock-icon{width:56px;height:56px;background:#ff672333;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.post-card-lock-icon i{font-size:22px;color:#ff6723}.post-card-lock-message{color:#888;font-size:14px;margin:0}.post-card-subscribe-btn{background:#ff6723;color:#fff;border:none;padding:6px 14px;border-radius:14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.post-card-subscribe-btn:hover{background:#ff8040;transform:scale(1.05)}.post-card-shared-project-overlay{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;z-index:12;cursor:pointer;transition:all .2s ease}.post-card-shared-project-overlay:hover{background:#000000e6;transform:scale(1.02)}.post-card-shared-project-label{color:#fff;font-size:11px;font-weight:500;display:flex;align-items:center;gap:5px}.post-card-shared-project-label i{font-size:10px;color:#ff6723}.post-card-menu-container{position:relative}.post-card-menu{position:absolute;top:100%;right:0;background:#222;border:1px solid #333;border-radius:8px;padding:4px;min-width:120px;z-index:100;box-shadow:0 4px 12px #0000004d}.post-card-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;color:#fff;font-size:13px;cursor:pointer;border-radius:6px;transition:background-color .2s}.post-card-menu button:hover{background:#ffffff1a}.post-card-menu button.danger{color:#ef4444}.post-card-menu button.danger:hover{background:#ef44441a}[data-theme=dark] .post-card-info{background:#1a1a1afa}[data-theme=dark] .post-card-info-author-name{color:#e0e0e0}[data-theme=dark] .post-card-info-action{color:#888}[data-theme=dark] .post-card-info-action:hover{color:#ff6723}[data-theme=dark] .post-card-info-content{border-top-color:#ffffff14}[data-theme=dark] .post-card-info-text{color:#ccc}[data-theme=dark] .post-card-menu{background:#1a1a1a;border-color:#333}@media(max-width:640px){.post-card-author-overlay span{font-size:12px}.post-card-author-overlay img,.post-card-avatar-placeholder{width:24px;height:24px}.post-card-info{padding:8px 10px;max-height:46px}.post-card-info.expanded{padding:12px}.post-card-info-author img,.post-card-avatar-placeholder-small{width:22px;height:22px}.post-card-info-author-name{font-size:12px}.post-card-info-action{font-size:11px}.post-card-text-content p{font-size:14px}}.artist-post-item{display:flex;gap:16px;padding:16px;border-bottom:1px solid var(--border-color, #333);cursor:pointer;transition:background-color .2s}.artist-post-item:last-child{border-bottom:none}.artist-post-item:hover{background:#ffffff0d}.artist-post-thumbnail{width:120px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #0d0d0d)}.artist-post-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.artist-post-thumbnail.locked{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.artist-post-thumbnail.locked i{color:var(--accent-color, #FF6723);font-size:20px}.artist-post-thumbnail .tier-small{font-size:10px;color:var(--text-muted, #666)}.artist-post-thumbnail.text-only{background:linear-gradient(135deg,var(--card-bg, #222),#2a2a2a);display:flex;align-items:center;justify-content:center}.artist-post-thumbnail.text-only i{color:var(--text-muted, #666);font-size:24px}.artist-post-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.artist-post-text{font-size:14px;line-height:1.5;color:var(--text-primary, #fff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.artist-post-text.locked{color:var(--text-muted, #666)}.artist-post-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.artist-post-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted, #666)}.artist-post-time{color:var(--text-muted, #666)}.artist-post-tier-badge{background:#ff672333;color:var(--accent-color, #FF6723);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.artist-post-stats{display:flex;gap:16px}.artist-post-stat{display:flex;align-items:center;gap:5px;color:var(--text-muted, #666);font-size:13px}.artist-post-stat.liked{color:#ef4444}.artist-post-subscribe-btn{background:var(--accent-color, #FF6723);color:#fff;border:none;padding:6px 14px;border-radius:14px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s}.artist-post-subscribe-btn:hover{background:var(--accent-hover, #ff8040)}.artist-post-delete-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted, #666);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:13px;transition:all .2s;margin-left:8px}.artist-post-delete-btn:hover{color:#ef4444;background:#ef44441a}.post-composer{background:var(--card-bg, #1a1a2e);border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.post-composer-main{display:flex;gap:12px}.post-composer-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.post-composer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-composer-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color, #6366f1),var(--accent-secondary, #8b5cf6));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff}.post-composer-content{flex:1;min-width:0}.post-composer-content textarea{width:100%;background:transparent;border:none;color:var(--text-primary, #fff);font-size:16px;font-family:inherit;resize:none;outline:none;line-height:1.5}.post-composer-content textarea::-moz-placeholder{color:var(--text-muted, #71717a)}.post-composer-content textarea::placeholder{color:var(--text-muted, #71717a)}.post-composer-content textarea:disabled{opacity:.5}.post-composer-images{display:grid;gap:8px;margin-top:12px;border-radius:12px;overflow:hidden}.post-composer-images-1{grid-template-columns:1fr}.post-composer-images-2{grid-template-columns:1fr 1fr}.post-composer-images-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-composer-images-3 .post-composer-image-preview:first-child{grid-row:span 2}.post-composer-images-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-composer-image-preview{position:relative;background:var(--bg-secondary, #0f0f1a);border-radius:8px;overflow:hidden}.post-composer-image-preview:before{content:"";display:block;padding-top:100%}.post-composer-images-1 .post-composer-image-preview:before{padding-top:56.25%}.post-composer-image-preview img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-composer-image-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.post-composer-image-remove:hover{background:#000000e6}.post-composer-image-preview video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-composer-video-badge{position:absolute;bottom:8px;left:8px;width:32px;height:32px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.post-composer-shared-project{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:8px}.post-composer-shared-project img{width:48px;height:48px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.post-composer-shared-project span{flex:1;color:var(--text-primary, #fff);font-size:14px;font-weight:500}.post-composer-shared-project button{background:none;border:none;color:var(--text-secondary, #a1a1aa);padding:6px;cursor:pointer;border-radius:50%;transition:background-color .2s,color .2s}.post-composer-shared-project button:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.post-composer-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--danger-color, #ef4444);font-size:13px}.post-composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.post-composer-actions{display:flex;gap:4px}.post-composer-action-btn{background:none;border:none;color:var(--accent-color, #6366f1);padding:10px 12px;cursor:pointer;border-radius:8px;font-size:16px;transition:background-color .2s,color .2s}.post-composer-action-btn:hover:not(:disabled){background:var(--hover-bg, rgba(99, 102, 241, .1))}.post-composer-action-btn:disabled{color:var(--text-muted, #71717a);cursor:not-allowed}.post-composer-project-selector{position:relative}.post-composer-project-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--dropdown-bg, #252538);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;width:280px;max-height:320px;overflow:hidden;z-index:100;box-shadow:0 4px 16px #0006}.post-composer-project-dropdown-header{padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-secondary, #a1a1aa);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.post-composer-project-list{max-height:240px;overflow-y:auto}.post-composer-project-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-primary, #fff);font-size:14px;cursor:pointer;text-align:left;transition:background-color .2s}.post-composer-project-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.post-composer-project-item.selected{background:var(--accent-bg, rgba(99, 102, 241, .15))}.post-composer-project-item img{width:40px;height:40px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.post-composer-project-clear{display:block;width:100%;padding:10px 16px;background:none;border:none;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));color:var(--danger-color, #ef4444);font-size:13px;cursor:pointer;text-align:center;transition:background-color .2s}.post-composer-project-clear:hover{background:#ef44441a}.post-composer-right{display:flex;align-items:center;gap:12px}.post-composer-char-count{font-size:13px;color:var(--text-muted, #71717a)}.post-composer-char-count.warning{color:var(--warning-color, #f59e0b)}.post-composer-tier-select{background:var(--input-bg, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;padding:8px 12px;color:var(--text-primary, #fff);font-size:13px;cursor:pointer;outline:none;transition:border-color .2s}.post-composer-tier-select:focus{border-color:var(--accent-color, #6366f1)}.post-composer-tier-select option{background:var(--dropdown-bg, #252538);color:var(--text-primary, #fff)}.post-composer-cancel-btn{background:none;border:1px solid var(--border-color, rgba(255, 255, 255, .2));color:var(--text-secondary, #a1a1aa);padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.post-composer-cancel-btn:hover:not(:disabled){background:var(--hover-bg, rgba(255, 255, 255, .1));border-color:var(--border-color-hover, rgba(255, 255, 255, .3))}.post-composer-submit-btn{display:flex;align-items:center;gap:8px;background:var(--accent-color, #6366f1);border:none;color:#fff;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,opacity .2s}.post-composer-submit-btn:hover:not(:disabled){background:var(--accent-hover, #5558e6)}.post-composer-submit-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .post-composer{background:var(--card-bg, #ffffff);border-color:var(--border-color, #e5e7eb)}[data-theme=light] .post-composer-content textarea,[data-theme=light] .post-composer-shared-project span{color:var(--text-primary, #111827)}[data-theme=light] .post-composer-project-dropdown{background:var(--dropdown-bg, #ffffff);box-shadow:0 4px 16px #0000001a}[data-theme=light] .post-composer-project-item{color:var(--text-primary, #111827)}[data-theme=light] .post-composer-tier-select{background:var(--input-bg, #f9fafb);color:var(--text-primary, #111827)}[data-theme=light] .post-composer-tier-select option{background:var(--dropdown-bg, #ffffff);color:var(--text-primary, #111827)}@media(max-width:640px){.post-composer{border-radius:0;border-left:none;border-right:none;margin-bottom:1px}.post-composer-main{gap:10px}.post-composer-avatar{width:40px;height:40px}.post-composer-footer{flex-wrap:wrap;gap:12px}.post-composer-right{flex-wrap:wrap;width:100%;justify-content:flex-end}.post-composer-project-dropdown{left:auto;right:0;width:calc(100vw - 40px);max-width:300px}}.post-replies-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:50;padding:40px}.post-replies-close-btn{display:none}.post-replies-modal{background:#fff;border-radius:0;width:90%;height:90%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;position:relative}[data-theme=dark] .post-replies-modal{background:#212121}.post-replies-overlay-close-btn{position:absolute;top:calc(1.875rem + 12px);right:calc(5% + 40px);background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s;z-index:51}.post-replies-overlay-close-btn:hover{background:#fff;color:#000;border-color:#fff}.post-replies-header{display:none}.post-replies-header-right{display:flex;justify-content:flex-end}.post-replies-header-close-btn{background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-replies-header-close-btn:hover{background:#ffffffe6;color:#000;border-color:#fff}.post-replies-content{display:flex;width:100%;height:100%;min-height:0;overflow:hidden}.post-replies-image-section{flex:1;background:#0d0d0d;display:flex;align-items:center;justify-content:center;position:relative;min-width:0;overflow:hidden}.post-replies-image-wrapper{position:relative;display:inline-block;max-width:100%;max-height:100%}.post-replies-image-wrapper img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.post-replies-image-expand-btn{position:absolute;bottom:16px;right:16px;background:#000000b3;color:#fff;width:40px;height:40px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:16px;z-index:5}.post-replies-image-expand-btn:hover{background:#fff3;transform:scale(1.05)}.post-replies-text-only{padding:40px;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.post-replies-text-only p{color:#fff;font-size:18px;line-height:1.6;max-width:400px}.post-replies-video,.post-replies-image-section video{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.post-replies-media-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.post-replies-media-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.post-replies-media-nav.prev{left:16px}.post-replies-media-nav.next{right:16px}.post-replies-media-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.post-replies-media-dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .2s}.post-replies-media-dot:hover{background:#ffffffb3}.post-replies-media-dot.active{background:#fff;transform:scale(1.2)}.post-replies-sidebar{width:380px;flex-shrink:0;background:#1a1a1a;border-left:1px solid #333;display:flex;flex-direction:column;overflow:visible;position:relative}.post-replies-sidebar-close-row{position:absolute;top:-44px;right:0;z-index:10}.post-replies-sidebar-close-btn{background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s}.post-replies-sidebar-close-btn:hover{background:#fff;color:#000;border-color:#fff}.post-replies-sidebar-content{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.post-replies-sidebar-content::-webkit-scrollbar{display:none}.post-replies-author-header{padding:20px;border-bottom:1px solid #333;display:flex;align-items:center;gap:14px}.post-replies-author-avatar{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #FF6723}.post-replies-author-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff6723,#ff8f5a);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;color:#fff;border:3px solid #FF6723}.post-replies-author-info{flex:1;min-width:0}.post-replies-author-name{font-family:Work Sans,sans-serif;font-size:1.05rem;font-weight:700;color:#2b2b2b;display:flex;align-items:center;gap:6px;margin-bottom:2px}.post-replies-author-name-clickable{cursor:pointer;transition:color .2s ease}.post-replies-author-name-clickable:hover{color:#ff6723}.post-replies-verified{color:#ff6723;font-size:12px}.post-replies-post-time{font-size:13px;color:#888;display:block;margin-top:2px}.post-replies-favorite-btn{padding:10px 16px;background:transparent;color:#666;border:2px solid #e0e0e0;border-radius:8px;font-family:Work Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;flex-shrink:0}.post-replies-favorite-btn:hover{border-color:#ff6723;color:#ff6723}.post-replies-favorite-btn.active{background:#ff67231a;border-color:#ff6723;color:#ff6723}.post-replies-favorite-btn.active i.fa-fire{color:#ff4500}.post-replies-favorite-btn:disabled{opacity:.6;cursor:not-allowed}.post-replies-favorite-btn i{font-size:.9rem}.post-replies-gallery-link{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#2a2a2a;border-bottom:1px solid #333;cursor:pointer;transition:background .2s}.post-replies-gallery-link:hover{background:#333}.post-replies-gallery-link.loading{opacity:.7;cursor:wait}.post-replies-gallery-thumb{width:48px;height:48px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.post-replies-gallery-text{flex:1}.post-replies-gallery-text span{display:block;font-size:12px;color:#888}.post-replies-gallery-text strong{color:#fff;font-size:14px}.post-replies-gallery-arrow{color:#ff6723;font-size:14px}.post-replies-post-body{padding:20px;border-bottom:1px solid #333}.post-replies-text{font-family:Work Sans,sans-serif;font-size:.9rem;color:#666;line-height:1.6;margin:0 0 16px}.post-replies-actions{display:flex;gap:20px}.post-replies-action-btn{background:none;border:none;color:#888;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s;padding:0}.post-replies-action-btn:hover{color:#ff6723}.post-replies-action-btn.liked{color:#ef4444}.post-replies-action-btn i{font-size:18px}.post-replies-share-container{position:relative}.post-replies-share-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow:hidden;z-index:100;animation:share-menu-slide .15s ease}@keyframes share-menu-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.post-replies-share-menu button{width:100%;padding:12px 16px;background:none;border:none;font-family:Work Sans,sans-serif;font-size:14px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .15s;white-space:nowrap;text-align:left}.post-replies-share-menu button:hover{background:#333}.post-replies-share-menu button i{width:18px;text-align:center;font-size:16px}.post-replies-share-menu button .fa-link{color:#999}.post-replies-share-menu button .fa-x-twitter{color:#fff}.post-replies-share-menu button .fa-facebook{color:#1877f2}.post-replies-share-menu button .fa-pinterest{color:#e60023}.post-replies-share-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:12px 24px;border-radius:8px;font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;z-index:2100;box-shadow:0 4px 20px #0000004d;animation:toast-slide-up .3s ease}.post-replies-share-toast i{color:#22c55e}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.post-replies-section{display:flex;flex-direction:column;background:#141414}.post-replies-section-title{padding:16px 20px;border-bottom:1px solid #333;font-size:14px;font-weight:600;color:#fff}.post-replies-list{padding:12px 20px}.post-reply-item{display:flex;gap:12px;margin-bottom:16px;position:relative}.post-reply-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.post-reply-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-reply-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff6723,#ff8f5a);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.post-reply-avatar-placeholder.hidden{display:none}.post-reply-content{flex:1;min-width:0}.post-reply-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-reply-author{font-size:13px;font-weight:600;color:#fff}.post-reply-time{font-size:12px;color:#666}.post-reply-edited{font-size:11px;color:#666;font-style:italic}.post-reply-text{font-size:14px;color:#ccc;line-height:1.5;margin:4px 0 0;word-break:break-word}.post-reply-mention{color:#ff6723;font-weight:500}.post-reply-actions{display:flex;gap:12px;margin-top:6px}.post-reply-action{background:none;border:none;color:#666;font-size:12px;cursor:pointer;transition:color .2s;padding:0}.post-reply-action:hover{color:#ff6723}.post-reply-menu-container{position:relative}.post-reply-menu-btn{background:none;border:none;color:#666;padding:4px 8px;cursor:pointer;opacity:0;transition:opacity .2s,color .2s}.post-reply-item:hover .post-reply-menu-btn{opacity:1}.post-reply-menu-btn:hover{color:#fff}.post-reply-menu{position:absolute;top:100%;right:0;background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:4px;min-width:100px;z-index:100;box-shadow:0 4px 12px #0000004d}.post-reply-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:#fff;font-size:13px;cursor:pointer;border-radius:6px;transition:background-color .2s}.post-reply-menu button:hover{background:#ffffff1a}.post-reply-menu button.danger{color:#ef4444}.post-reply-menu button.danger:hover{background:#ef44441a}.post-reply-edit-form{margin-top:8px}.post-reply-edit-form textarea{width:100%;background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:8px 12px;color:#fff;font-family:inherit;font-size:14px;resize:none}.post-reply-edit-form textarea:focus{outline:none;border-color:#ff6723}.post-reply-edit-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.post-reply-edit-actions button{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.post-reply-edit-actions button:first-child{background:transparent;border:1px solid #444;color:#888}.post-reply-edit-actions button:first-child:hover{border-color:#666;color:#fff}.post-reply-edit-actions button:last-child{background:#ff6723;border:none;color:#fff}.post-reply-edit-actions button:last-child:hover{background:#ff8040}.post-reply-edit-actions button:disabled{opacity:.5;cursor:not-allowed}.post-replies-form{padding:12px 16px;border-top:1px solid #333;background:#1a1a1a;display:flex;gap:10px;align-items:center;flex-shrink:0}.post-replies-form-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.post-replies-form-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-replies-form-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff6723,#ff8f5a);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#fff}.post-replies-form-avatar-placeholder.hidden{display:none}.post-replies-form-input{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-replies-mention-chip{display:inline-flex;align-items:center;gap:6px;background:#ff672326;border:1px solid #FF6723;border-radius:16px;padding:4px 8px 4px 12px;font-size:13px;font-weight:500;color:#ff6723;flex-shrink:0}.post-replies-mention-chip span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-replies-mention-chip button{background:none;border:none;color:#ff6723;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;font-size:10px}.post-replies-mention-chip button:hover{background:#ff672333}.post-replies-form-input textarea{width:100%;background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:8px 12px;color:#fff;font-family:inherit;font-size:14px;resize:none;min-height:36px;height:36px;overflow:hidden}.post-replies-form-input textarea::-moz-placeholder{color:#666}.post-replies-form-input textarea::placeholder{color:#666}.post-replies-form-input textarea:focus{outline:none;border-color:#ff6723}.post-replies-form-footer,.post-replies-char-count{display:none}.post-replies-form-input button{background:#ff6723;border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0;height:36px}.post-replies-form-input button:hover{background:#ff8040}.post-replies-form-input button:disabled{opacity:.5;cursor:not-allowed}.post-replies-login-prompt{padding:12px 16px;display:flex;align-items:center;gap:12px;border-top:1px solid #333;background:#1a1a1a;flex-shrink:0}.post-replies-login-prompt p{color:#888;font-size:13px;margin:0;flex:1}.post-replies-login-prompt button{background:#ff6723;border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.post-replies-login-prompt button:hover{background:#ff8040}.post-replies-loading,.post-replies-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666;gap:12px}.post-replies-loading i{font-size:24px}.post-replies-empty p{font-size:14px;margin:0}.post-replies-load-more-container{padding:12px 0;text-align:center}.post-replies-load-more{background:none;border:1px solid #333;color:#888;padding:8px 20px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.post-replies-load-more:hover:not(:disabled){background:#ffffff1a;color:#fff}.post-replies-load-more:disabled{opacity:.5;cursor:not-allowed}.post-replies-image-viewer{position:fixed;inset:0;background:#000000f2;z-index:100000!important;display:flex;flex-direction:column;cursor:default}.post-replies-lightbox-header{background:#000;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;cursor:default}.post-replies-lightbox-header-left{width:100px}.post-replies-lightbox-header-center{display:flex;align-items:center;gap:16px}.post-replies-lightbox-header-right{width:100px;display:flex;justify-content:flex-end}.post-replies-lightbox-nav-btn{background:transparent;border:none;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:background .2s;font-size:14px}.post-replies-lightbox-nav-btn:hover{background:#ffffff1a}.post-replies-lightbox-counter{color:#fff;font-size:14px;font-weight:500;min-width:60px;text-align:center}.post-replies-lightbox-close-btn{background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .2s}.post-replies-lightbox-close-btn:hover{background:#fff;color:#000;border-color:#fff}.post-replies-lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.post-replies-lightbox-content img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post-replies-lightbox-content video{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:default}.post-replies-lightbox-zoom-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#000;flex-shrink:0}.post-replies-lightbox-zoom-controls .lightbox-zoom-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.post-replies-lightbox-zoom-controls .lightbox-zoom-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.post-replies-lightbox-zoom-controls .lightbox-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.post-replies-lightbox-zoom-controls .lightbox-zoom-slider{width:240px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.post-replies-lightbox-zoom-controls .lightbox-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.post-replies-lightbox-zoom-controls .lightbox-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.post-replies-lightbox-zoom-controls .lightbox-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none;-moz-transition:transform .15s ease;transition:transform .15s ease}.post-replies-lightbox-zoom-controls .lightbox-zoom-slider::-moz-range-thumb:hover{transform:scale(1.2)}[data-theme=light] .post-replies-modal{background:#fff}[data-theme=light] .post-replies-sidebar{background:#f8f9fa;border-left-color:#e5e7eb}[data-theme=light] .post-replies-author-header{border-bottom-color:#e5e7eb}[data-theme=light] .post-replies-author-name{color:#111}[data-theme=dark] .post-replies-author-name{color:#fff}[data-theme=dark] .post-replies-favorite-btn{background:transparent;border-color:#444;color:#b0b0b0}[data-theme=dark] .post-replies-favorite-btn:hover{border-color:#ff6723;color:#ff6723}[data-theme=dark] .post-replies-favorite-btn.active{background:#ff672326;border-color:#ff6723;color:#ff6723}[data-theme=light] .post-replies-author-name-clickable:hover{color:#ff6723}[data-theme=light] .post-replies-gallery-link{background:#f0f0f0;border-bottom-color:#e5e7eb}[data-theme=light] .post-replies-gallery-link:hover{background:#e5e5e5}[data-theme=light] .post-replies-gallery-text strong{color:#111}[data-theme=light] .post-replies-post-body{border-bottom-color:#e5e7eb}[data-theme=light] .post-replies-text{color:#333}[data-theme=dark] .post-replies-text{color:#b0b0b0}[data-theme=light] .post-replies-section{background:#f0f0f0}[data-theme=light] .post-replies-section-title{color:#111;border-bottom-color:#e5e7eb}[data-theme=light] .post-replies-list{background:#f0f0f0}[data-theme=light] .post-reply-author{color:#111}[data-theme=light] .post-reply-text{color:#333}[data-theme=light] .post-reply-mention{color:#e55a1c}[data-theme=light] .post-reply-menu{background:#fff;border-color:#e5e7eb}[data-theme=light] .post-reply-menu button{color:#333}[data-theme=light] .post-reply-menu button:hover{background:#f0f0f0}[data-theme=light] .post-replies-form{background:#f8f9fa;border-top-color:#e5e7eb}[data-theme=light] .post-replies-form-input textarea,[data-theme=light] .post-reply-edit-form textarea{background:#fff;border-color:#e5e7eb;color:#111}[data-theme=light] .post-replies-login-prompt{background:#f8f9fa;border-top-color:#e5e7eb}[data-theme=light] .post-replies-login-prompt p{color:#666}[data-theme=light] .post-replies-mention-chip{background:#ff67231a}@media(max-width:900px){.post-replies-overlay{padding:0}.post-replies-close-btn{top:8px;right:16px}.post-replies-modal{flex-direction:column;width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.post-replies-image-section{height:40%;min-height:200px;max-height:350px}.post-replies-sidebar{width:100%;flex:1;border-left:none;border-top:1px solid #333}}@media(max-width:480px){.post-replies-author-header{padding:16px}.post-replies-author-avatar,.post-replies-author-avatar-placeholder{width:40px;height:40px}.post-replies-favorite-btn{padding:6px 12px;font-size:12px}.post-replies-content{padding:16px}.post-replies-form{padding:12px 16px}}.tier-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:4px;color:#fff;white-space:nowrap}.tier-badge--small{font-size:.625rem;padding:2px 6px;border-radius:3px}.tier-badge--medium{font-size:.75rem;padding:4px 8px}.tier-badge--large{font-size:.875rem;padding:6px 12px;border-radius:6px}.tier-badge--tier1{box-shadow:0 2px 4px #3b82f64d}.tier-badge--tier2{box-shadow:0 2px 4px #a855f74d}.tier-badge--tier3{box-shadow:0 2px 4px #eab3084d}.progress-bar{display:flex;align-items:center;gap:8px;width:100%}.progress-bar__track{flex:1;background-color:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-bar--small .progress-bar__track{height:4px}.progress-bar--medium .progress-bar__track{height:8px}.progress-bar--large .progress-bar__track{height:12px}.progress-bar__fill--primary{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.progress-bar__fill--success{background:linear-gradient(90deg,#22c55e,#4ade80)}.progress-bar__fill--warning{background:linear-gradient(90deg,#eab308,#facc15)}.progress-bar__label{font-size:.75rem;font-weight:500;color:#ffffffb3;min-width:36px;text-align:right}.progress-bar--small .progress-bar__label{font-size:.625rem;min-width:28px}.progress-bar--large .progress-bar__label{font-size:.875rem;min-width:44px}.course-card{display:flex;flex-direction:column;background:#ffffff0d;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:1px solid rgba(255,255,255,.1)}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;background:#ffffff14}.course-card--locked{cursor:default}.course-card--locked:hover{transform:none}.course-card__thumbnail{position:relative;width:100%;padding-top:56.25%;background:#0003;overflow:hidden}.course-card__thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease}.course-card--loaded .course-card__thumbnail img{opacity:1}.course-card--locked .course-card__thumbnail img{filter:blur(8px)}.course-card__thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#a855f733);color:#ffffff4d}.course-card__lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;color:#ffffffe6}.course-card__tier{position:absolute;top:8px;left:8px}.course-card__duration{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:4px}.course-card__content{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.course-card__title{font-size:1rem;font-weight:600;color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__description{font-size:.875rem;color:#fff9;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__artist{display:flex;align-items:center;gap:8px;margin-top:4px}.course-card__artist-avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.course-card__artist-name{font-size:.8125rem;color:#ffffffb3}.course-card__stats{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:8px}.course-card__stat{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#ffffff80}.course-card__stat svg{opacity:.7}.course-card__progress{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.course-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media(min-width:640px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.course-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.course-grid{grid-template-columns:repeat(4,1fr)}}.course-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#ffffff80;gap:16px}.course-grid__empty svg{opacity:.5}.course-grid__empty p{margin:0;font-size:1rem}.course-card-skeleton{display:flex;flex-direction:column;background:#ffffff0d;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.course-card-skeleton__thumbnail{width:100%;padding-top:56.25%;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.course-card-skeleton__content{padding:16px;display:flex;flex-direction:column;gap:12px}.course-card-skeleton__title{height:20px;width:80%;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.course-card-skeleton__description{height:14px;width:100%;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;animation-delay:.1s;border-radius:4px}.course-card-skeleton__stats{height:14px;width:50%;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;animation-delay:.2s;border-radius:4px;margin-top:auto}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.video-player{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.video-player--fullscreen{border-radius:0}.video-player video{width:100%;height:100%;display:block;cursor:pointer;-o-object-fit:contain;object-fit:contain}.video-player__center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-player__center-play:hover{background:#3b82f6cc;transform:translate(-50%,-50%) scale(1.1)}.video-player__controls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:0 0 8px;background:linear-gradient(transparent,#000000d9);opacity:0;transition:opacity .3s ease}.video-player__controls.visible,.video-player:hover .video-player__controls{opacity:1}.video-player__progress{position:relative;height:3px;background:#fff3;cursor:pointer;transition:height .1s;margin:0 12px}.video-player__progress:hover{height:5px}.video-player__progress-buffered{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;pointer-events:none}.video-player__progress-fill{position:absolute;top:0;left:0;height:100%;background:#3b82f6;pointer-events:none}.video-player__progress-slider{position:absolute;top:50%;left:0;width:100%;height:16px;transform:translateY(-50%);opacity:0;cursor:pointer;margin:0;-webkit-appearance:none;background:transparent}.video-player__progress:hover .video-player__progress-slider{opacity:1}.video-player__progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.video-player__progress-slider::-moz-range-thumb{width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.video-player__controls-row{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0}.video-player__controls-left,.video-player__controls-right{display:flex;align-items:center;gap:4px}.video-player__btn{position:relative;background:none;border:none;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .2s,transform .2s;border-radius:4px}.video-player__btn:hover{opacity:1;background:#ffffff1a}.video-player__btn .skip-label{position:absolute;font-size:.55rem;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.video-player__time{font-size:.8rem;color:#ffffffe6;font-variant-numeric:tabular-nums;padding:0 8px;white-space:nowrap}.video-player__volume{position:relative;display:flex;align-items:center}.video-player__volume-slider{position:absolute;left:100%;width:0;overflow:hidden;transition:width .2s;display:flex;align-items:center;padding-left:8px}.video-player__volume-slider.visible,.video-player__volume:hover .video-player__volume-slider{width:80px}.video-player__volume-slider input{width:60px;height:4px;-webkit-appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer}.video-player__volume-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.video-player__volume-slider input::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}.video-player__speed{position:relative}.video-player__speed-btn{font-size:.8rem;font-weight:600;min-width:40px}.video-player__speed-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#1c1c1cf2;border-radius:8px;padding:4px;display:flex;flex-direction:column;min-width:80px;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-player__speed-menu button{background:none;border:none;color:#fffc;padding:8px 12px;text-align:left;cursor:pointer;font-size:.85rem;border-radius:4px;transition:all .15s}.video-player__speed-menu button:hover{background:#ffffff1a;color:#fff}.video-player__speed-menu button.active{background:#3b82f64d;color:#60a5fa}.video-player__completed{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;background:#22c55ee6;color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:640px){.video-player__controls-row{padding:6px 4px 0}.video-player__btn{padding:4px}.video-player__time{font-size:.7rem;padding:0 4px}.video-player__volume-slider.visible,.video-player__volume:hover .video-player__volume-slider{width:60px}.video-player__center-play{width:56px;height:56px}.video-player__center-play svg{width:32px;height:32px}.video-player__btn .skip-label{display:none}}.course-upload-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.course-upload-modal{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #FF6723;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #ff67234d,0 0 0 1px #ff67231a;animation:courseModalSlideIn .3s ease;scrollbar-width:none;-ms-overflow-style:none}.course-upload-modal::-webkit-scrollbar{display:none}@keyframes courseModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.course-upload-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,103,35,.3);background:#ff67231a;color:#ff6723;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.course-upload-close:hover{background:#ff6723;color:#fff;border-color:#ff6723;transform:rotate(90deg)}.course-upload-header{padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:2px solid rgba(255,103,35,.2);background:#ff67230d}.course-upload-header h2{margin:0;font-size:1.5rem;color:#fff}.course-upload-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.course-upload-form .form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.course-upload-form .form-group label{font-size:.875rem;font-weight:500;color:#fffc}.course-upload-form .form-group input[type=text],.course-upload-form .form-group input[type=number],.course-upload-form .form-group textarea,.course-upload-form .form-group select{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem 1rem;font-size:.9375rem;color:#fff;width:100%;transition:border-color .2s,box-shadow .2s}.course-upload-form .form-group input:focus,.course-upload-form .form-group textarea:focus,.course-upload-form .form-group select:focus{outline:none;border-color:#ff6723;box-shadow:0 0 0 3px #ff672333}.course-upload-form .form-group textarea{resize:vertical;min-height:100px}.course-upload-form .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem}.course-upload-form .form-group select option{background:#252525;color:#fff}.course-upload-form .char-count{position:absolute;right:0;top:0;font-size:.75rem;color:#fff6}.course-upload-form .form-hint{font-size:.75rem;color:#ffffff80}.course-upload-form .slug-input{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden}.course-upload-form .slug-prefix{padding:.75rem;font-size:.8125rem;color:#ffffff80;background:#0003;white-space:nowrap}.course-upload-form .slug-input input{border:none!important;border-radius:0!important;background:transparent!important}.course-upload-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.course-upload-form .form-row{grid-template-columns:1fr}}.thumbnail-upload{width:100%}.thumbnail-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed rgba(255,255,255,.2);border-radius:12px;background:#ffffff05;cursor:pointer;transition:all .2s;color:#fff9}.thumbnail-dropzone:hover{border-color:#ff6723;background:#ff67230d;color:#ff6723}.thumbnail-dropzone span{font-size:.875rem}.thumbnail-hint{font-size:.75rem!important;opacity:.6}.thumbnail-preview{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden}.thumbnail-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-remove{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.thumbnail-remove:hover{background:#ef4444}.course-upload-form .form-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem}.course-upload-form .upload-progress{display:flex;flex-direction:column;gap:.5rem}.course-upload-form .upload-progress-bar{height:4px;background:linear-gradient(90deg,#ff6723,#ff8a50);border-radius:2px;transition:width .3s}.course-upload-form .upload-progress span{font-size:.75rem;color:#fff9;text-align:center}.course-upload-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.course-upload-form .btn-secondary,.course-upload-form .btn-primary{padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.course-upload-form .btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc}.course-upload-form .btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.course-upload-form .btn-primary{background:linear-gradient(135deg,#ff6723,#e85a1b);border:none;color:#fff}.course-upload-form .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff8a50,#ff6723);transform:translateY(-1px);box-shadow:0 4px 12px #ff672366}.course-upload-form .btn-secondary:disabled,.course-upload-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.lesson-upload-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.lesson-upload-modal{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #FF6723;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #ff67234d,0 0 0 1px #ff67231a;animation:lessonModalSlideIn .3s ease;scrollbar-width:none;-ms-overflow-style:none}.lesson-upload-modal::-webkit-scrollbar{display:none}@keyframes lessonModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lesson-upload-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,103,35,.3);background:#ff67231a;color:#ff6723;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.lesson-upload-close:hover{background:#ff6723;color:#fff;border-color:#ff6723;transform:rotate(90deg)}.lesson-upload-header{padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:2px solid rgba(255,103,35,.2);background:#ff67230d}.lesson-upload-header h2{margin:0;font-size:1.5rem;color:#fff}.lesson-upload-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.lesson-upload-form .form-group{display:flex;flex-direction:column;gap:.5rem}.lesson-upload-form .form-group label{font-size:.875rem;font-weight:500;color:#fffc}.lesson-upload-form .form-group input[type=text],.lesson-upload-form .form-group input[type=number],.lesson-upload-form .form-group textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem 1rem;font-size:.9375rem;color:#fff;width:100%;transition:border-color .2s,box-shadow .2s}.lesson-upload-form .form-group input:focus,.lesson-upload-form .form-group textarea:focus{outline:none;border-color:#ff6723;box-shadow:0 0 0 3px #ff672333}.lesson-upload-form .form-group textarea{resize:vertical;min-height:80px}.video-upload{width:100%}.video-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed rgba(255,255,255,.2);border-radius:12px;background:#ffffff05;cursor:pointer;transition:all .2s;color:#fff9}.video-dropzone:hover{border-color:#ff6723;background:#ff67230d;color:#ff6723}.video-dropzone span{font-size:.875rem}.video-hint{font-size:.75rem!important;opacity:.6}.video-selected,.video-existing{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ff67231a;border:1px solid rgba(255,103,35,.3);border-radius:12px}.video-selected svg,.video-existing svg{flex-shrink:0;color:#ff6723}.video-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.video-name{font-size:.875rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{font-size:.75rem;color:#ffffff80}.video-remove-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:#ef444433;color:#f87171;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.video-remove-btn:hover{background:#ef4444;color:#fff}.video-existing span{flex:1;font-size:.875rem;color:#fff}.video-replace-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,103,35,.5);background:transparent;color:#ff8a50;font-size:.75rem;cursor:pointer;transition:all .2s}.video-replace-btn:hover{background:#ff672333}.resource-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.resource-item--new{background:#22c55e1a;border-color:#22c55e4d}.resource-item svg{flex-shrink:0;color:#ffffff80}.resource-item--new svg{color:#22c55e}.resource-name{flex:1;font-size:.875rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-size{flex-shrink:0;font-size:.75rem;color:#fff6}.resource-remove{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:#fff6;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.resource-remove:hover{background:#ef444433;color:#f87171}.resource-add{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px dashed rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#ffffff80;font-size:.875rem;cursor:pointer;transition:all .2s}.resource-add:hover{border-color:#ff6723;color:#ff6723;background:#ff67230d}.resource-hint{display:block;font-size:.75rem;color:#fff6;margin-top:.5rem;text-align:center}.lesson-upload-form .form-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.lesson-upload-form .form-group--checkbox{display:flex;flex-direction:column;gap:.25rem}.lesson-upload-form .form-group--checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.lesson-upload-form .form-group--checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#FF6723;cursor:pointer}.lesson-upload-form .form-group--checkbox span{font-size:.9375rem;color:#fff}.lesson-upload-form .form-hint{font-size:.75rem;color:#ffffff80;margin-left:26px}.lesson-upload-form .form-row .form-group:last-child{width:100px}.lesson-upload-form .form-row .form-group:last-child input{text-align:center}.lesson-upload-form .form-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem}.upload-status{display:flex;flex-direction:column;gap:.5rem}.upload-step{font-size:.75rem;color:#fff9;text-align:center}.lesson-upload-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.lesson-upload-form .btn-secondary,.lesson-upload-form .btn-primary{padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.lesson-upload-form .btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc}.lesson-upload-form .btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.lesson-upload-form .btn-primary{background:linear-gradient(135deg,#ff6723,#e85a1b);border:none;color:#fff}.lesson-upload-form .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff8a50,#ff6723);transform:translateY(-1px);box-shadow:0 4px 12px #ff672366}.lesson-upload-form .btn-secondary:disabled,.lesson-upload-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.lesson-upload-form .form-row{grid-template-columns:1fr}.lesson-upload-form .form-row .form-group:last-child{width:100%}}.lesson-list-editor{display:flex;flex-direction:column;gap:1rem}.lesson-list-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.lesson-list-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#fff}.lesson-add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.lesson-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px)}.lesson-add-btn:disabled{opacity:.5;cursor:not-allowed}.lesson-list-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem}.lesson-list-error button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7}.lesson-list-error button:hover{opacity:1}.lesson-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1rem;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:12px;color:#fff6}.lesson-list-empty svg{opacity:.5}.lesson-list-empty p{margin:.5rem 0 0;font-size:1rem;color:#fff9}.lesson-list-empty span{font-size:.875rem}.lesson-list-items{display:flex;flex-direction:column;gap:.5rem}.lesson-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s;cursor:grab}.lesson-list-item:hover{background:#ffffff0d;border-color:#ffffff26}.lesson-list-item.dragging{opacity:.5;background:#3b82f61a;border-color:#3b82f64d}.lesson-list-item.drag-over{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.lesson-list-item.deleting{background:#ef44441a;border-color:#ef44444d}.lesson-drag-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ffffff4d;cursor:grab;transition:color .2s}.lesson-list-item:hover .lesson-drag-handle{color:#ffffff80}.lesson-order{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:6px;font-size:.75rem;font-weight:600;color:#ffffffb3}.lesson-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.lesson-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-preview-badge{flex-shrink:0;padding:.125rem .5rem;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#22c55e}.lesson-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:#ffffff80}.lesson-duration,.lesson-xp,.lesson-resources{display:flex;align-items:center;gap:.25rem}.lesson-duration svg,.lesson-xp svg,.lesson-resources svg{opacity:.7}.lesson-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.lesson-edit-btn,.lesson-delete-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lesson-edit-btn:hover:not(:disabled){background:#3b82f633;color:#60a5fa}.lesson-delete-btn:hover:not(:disabled){background:#ef444433;color:#f87171}.lesson-edit-btn:disabled,.lesson-delete-btn:disabled{opacity:.3;cursor:not-allowed}.lesson-delete-confirm{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.lesson-delete-confirm span{font-size:.75rem;color:#f87171}.lesson-delete-confirm .confirm-yes,.lesson-delete-confirm .confirm-no{padding:.25rem .75rem;border-radius:4px;border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.lesson-delete-confirm .confirm-yes{background:#ef4444;color:#fff}.lesson-delete-confirm .confirm-yes:hover:not(:disabled){background:#dc2626}.lesson-delete-confirm .confirm-no{background:#ffffff1a;color:#fff}.lesson-delete-confirm .confirm-no:hover:not(:disabled){background:#fff3}.lesson-delete-confirm .confirm-yes:disabled,.lesson-delete-confirm .confirm-no:disabled{opacity:.5;cursor:not-allowed}.lesson-list-saving{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;font-size:.75rem;color:#fff9}.saving-spinner{width:14px;height:14px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.lesson-list-header{flex-direction:column;align-items:flex-start;gap:.75rem}.lesson-add-btn{width:100%;justify-content:center}.lesson-list-item{flex-wrap:wrap}.lesson-info{width:calc(100% - 80px);order:2}.lesson-meta{flex-wrap:wrap;gap:.5rem}.lesson-actions,.lesson-delete-confirm{order:3;width:100%;justify-content:flex-end;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);margin-top:.5rem}}.course-editor{max-width:900px;margin:0 auto;padding:1.5rem}.course-editor--loading,.course-editor--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.course-editor--error p{color:#f87171;font-size:1rem}.course-editor--error button{padding:.75rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:all .2s}.course-editor--error button:hover{background:#ffffff1a}.course-editor-skeleton{width:100%;max-width:600px}.skeleton-header{height:48px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:1.5rem}.skeleton-content{height:200px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.course-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.course-editor-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .2s}.course-editor-back:hover{background:#ffffff1a;color:#fff}.course-editor-actions{display:flex;align-items:center;gap:.75rem}.publish-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fffc;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.publish-toggle:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.publish-toggle.published{background:#22c55e1a;border-color:#22c55e66;color:#22c55e}.publish-toggle.published:hover:not(:disabled){background:#22c55e33}.publish-toggle:disabled{opacity:.6;cursor:not-allowed}.publish-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.course-info-card{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:2rem}.course-info-thumbnail{flex-shrink:0;width:200px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0000004d}.course-info-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff3}.course-info-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}.course-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.course-info-title{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.course-info-title h1{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.draft-badge{padding:.25rem .625rem;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fbbf24}.course-edit-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(59,130,246,.5);background:transparent;color:#60a5fa;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.course-edit-btn:hover{background:#3b82f61a}.course-info-desc{margin:0;font-size:.9375rem;color:#ffffffb3;line-height:1.5}.course-info-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto}.course-info-stats .stat{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#ffffff80}.course-info-stats .stat svg{opacity:.7}.course-lessons-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem}@media(max-width:768px){.course-editor{padding:1rem}.course-editor-header{flex-direction:column;align-items:stretch;gap:1rem}.course-editor-actions{justify-content:flex-end}.course-info-card{flex-direction:column;padding:1rem}.course-info-thumbnail{width:100%}.course-info-header{flex-direction:column;gap:.75rem}.course-edit-btn{align-self:flex-start}}@media(max-width:480px){.course-info-stats{gap:.75rem}.course-info-stats .stat{font-size:.75rem}}.delete-course-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;border:1px solid rgba(239,68,68,.4);background:transparent;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.delete-course-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef444499}.delete-course-btn:disabled{opacity:.6;cursor:not-allowed}.delete-confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-confirm-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;max-width:400px;width:100%}.delete-confirm-modal h3{margin:0 0 1rem;font-size:1.25rem;color:#fff}.delete-confirm-modal p{margin:0 0 .75rem;color:#ffffffb3;font-size:.9375rem;line-height:1.5}.delete-confirm-modal .delete-warning{color:#f87171;font-size:.875rem;margin-bottom:1.5rem}.delete-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.delete-confirm-actions .cancel-btn{padding:.625rem 1.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fffc;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.delete-confirm-actions .cancel-btn:hover:not(:disabled){background:#ffffff1a}.delete-confirm-actions .confirm-delete-btn{padding:.625rem 1.25rem;border-radius:8px;border:none;background:#dc2626;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.delete-confirm-actions .confirm-delete-btn:hover:not(:disabled){background:#b91c1c}.delete-confirm-actions button:disabled{opacity:.6;cursor:not-allowed}.school-tab{display:flex;flex-direction:column;padding:20px;width:100%;max-width:100%}.school-tab-header{margin-bottom:1.5rem}.school-tab-header h2{margin:0;font-size:1.25rem;font-weight:400;color:#fffc}.school-tab-header h2 strong{font-weight:600;color:#fff}.school-tab-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.school-tab-main{display:flex;flex-direction:column}.school-tab-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px}.school-sidebar-section{background:var(--card-bg, #222);border-radius:12px;border:1px solid var(--border-color, #333);overflow:hidden}.school-sidebar-title{display:flex;align-items:center;gap:10px;padding:16px;margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff);border-bottom:1px solid var(--border-color, #333)}.school-sidebar-title i{color:var(--accent-color, #FF6723)}.school-sidebar-tiers{display:flex;flex-direction:column}.school-sidebar-tier{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color, #333);cursor:pointer;transition:background .2s}.school-sidebar-tier:last-child{border-bottom:none}.school-sidebar-tier:hover{background:#ffffff0d}.school-sidebar-tier-info{display:flex;flex-direction:column;gap:2px}.school-sidebar-tier-name{font-size:14px;font-weight:500;color:var(--text-primary, #fff)}.school-sidebar-tier-desc{font-size:12px;color:var(--text-muted, #666)}.school-sidebar-tier-price{font-size:14px;font-weight:600;color:var(--accent-color, #FF6723)}.school-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color, #333)}.school-stat-item{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--card-bg, #222);text-align:center}.school-stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff)}.school-stat-label{font-size:.75rem;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.school-sidebar-courses{display:flex;flex-direction:column}.school-sidebar-course{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color, #333);cursor:pointer;transition:background .2s}.school-sidebar-course:last-child{border-bottom:none}.school-sidebar-course:hover{background:#ffffff0d}.school-sidebar-course-thumb{width:48px;height:36px;border-radius:6px;background:var(--bg-secondary, #0d0d0d);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.school-sidebar-course-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.school-sidebar-course-thumb i{color:var(--text-muted, #666);font-size:14px}.school-sidebar-course-info{display:flex;flex-direction:column;gap:4px;min-width:0}.school-sidebar-course-title{font-size:13px;color:var(--text-primary, #fff);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.school-sidebar-course-meta{font-size:12px;color:var(--text-muted, #666);display:flex;align-items:center;gap:4px}.school-sidebar-course-meta i{font-size:10px;color:var(--accent-color, #FF6723)}@media(max-width:1100px){.school-tab-layout{grid-template-columns:1fr 260px}}@media(max-width:900px){.school-tab-layout{grid-template-columns:1fr}.school-tab-sidebar{order:-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}}.school-tab-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:#ffffff80;font-size:.875rem}.school-tab-loading-spinner{width:24px;height:24px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.school-tab-error{padding:1rem;text-align:center;color:#f87171;font-size:.875rem}.school-tab-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;color:#ffffff80}.school-tab-empty svg{opacity:.4;margin-bottom:1rem}.school-tab-empty h3{margin:0 0 .5rem;font-size:1.125rem;color:#ffffffb3}.school-tab-empty p{margin:0 0 1.5rem;font-size:.875rem;max-width:300px}.school-tab-stats{display:flex;justify-content:flex-start;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.school-tab-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.school-tab-stat .stat-value{font-size:1.5rem;font-weight:600;color:#fff}.school-tab-stat .stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.school-tab-stat--draft .stat-value{color:#fbbf24}.school-tab-stat--draft .stat-label{color:#fbbf24b3}.school-tab-previews{display:flex;gap:.75rem;margin-bottom:1.5rem;width:100%;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.school-tab-previews::-webkit-scrollbar{height:4px}.school-tab-previews::-webkit-scrollbar-track{background:transparent}.school-tab-previews::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.school-tab-preview-card{flex-shrink:0;width:160px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;transition:all .2s}.school-tab-preview-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.preview-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:#0000004d;overflow:hidden}.preview-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff3}.preview-draft-badge{position:absolute;top:6px;right:6px;padding:2px 6px;background:#fbbf24e6;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;color:#1a1a1a}.preview-info{padding:.75rem}.preview-info h4{margin:0 0 .25rem;font-size:.8125rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-meta{font-size:.6875rem;color:#ffffff80}.school-tab-more-indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:10px;font-size:.875rem;color:#ffffff80}.school-tab-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:320px;padding:.875rem 1.5rem;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.9375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.school-tab-cta-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.school-tab-cta-btn .arrow-icon{transition:transform .2s}.school-tab-cta-btn:hover .arrow-icon{transform:translate(3px)}.school-tab-subdomain-hint{display:flex;align-items:center;gap:.375rem;margin-top:1rem;font-size:.75rem;color:#ffffff59}.school-tab-subdomain-hint svg{opacity:.7}.school-tab-courses{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-bottom:1.5rem}.school-tab-course-card{display:flex;gap:1rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s}.school-tab-course-card.clickable{cursor:pointer}.school-tab-course-card.clickable:hover{border-color:#ff672366;background:#ff67230d}.course-card-thumbnail{position:relative;flex-shrink:0;width:120px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#0000004d}.course-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-card-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff3}.course-card-draft-badge{position:absolute;top:4px;right:4px;padding:2px 6px;background:#fbbf24e6;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;color:#1a1a1a}.course-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.course-card-info h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-desc{margin:0 0 .5rem;font-size:.8125rem;color:#ffffff80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-meta{display:flex;gap:.75rem;font-size:.75rem;color:#fff6}.course-card-edit-hint{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.6875rem;color:#ff6723b3}.school-tab-actions{display:flex;flex-wrap:wrap;gap:.75rem;width:100%}.school-tab-create-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:10px;border:none;background:linear-gradient(135deg,#ff6723,#e55a1c);color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.school-tab-create-btn:hover{background:linear-gradient(135deg,#ff8347,#ff6723);transform:translateY(-2px);box-shadow:0 6px 20px #ff672366}.school-tab-view-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#ffffffb3;font-size:.875rem;font-weight:400;text-decoration:none;cursor:pointer;transition:all .2s}.school-tab-view-btn:hover{border-color:#ffffff4d;background:#ffffff0d;color:#fff}.school-tab--editing{max-width:100%;padding:0}@media(max-width:480px){.school-tab{padding:1rem}.school-tab-stats{gap:1rem;padding:.75rem 1rem;flex-wrap:wrap}.school-tab-stat .stat-value{font-size:1.25rem}.school-tab-preview-card{width:140px}.school-tab-actions{flex-direction:column}.school-tab-create-btn,.school-tab-view-btn{width:100%;justify-content:center}}.event-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s ease}.event-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.event-card:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.event-card.is-live{border-color:#ef444466;background:linear-gradient(135deg,#ef444414,#ffffff08)}.event-card.has-ended{opacity:.6}.event-card.locked{cursor:not-allowed}.event-live-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;animation:pulse-live 2s infinite}.live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1s infinite}@keyframes pulse-live{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.event-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#3b82f626;color:#60a5fa;flex-shrink:0}.event-card.is-live .event-type-icon{background:#ef444426;color:#f87171}.event-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.event-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem}.event-type-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.event-relative-time{color:#60a5fa;font-weight:600}.event-card.is-live .event-relative-time{color:#f87171}.event-title{margin:0;font-size:1rem;font-weight:600;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-description{margin:0;font-size:.8rem;color:#fff9;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-datetime{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffff80}.event-datetime svg{flex-shrink:0;opacity:.7}.event-artist{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffffb3}.event-artist-avatar{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.event-course-link{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#3b82f6cc}.event-course-link svg{flex-shrink:0}.event-footer{display:flex;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.event-xp{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:#fbbf24}.event-lock{margin-left:auto;color:#ffffff4d}@media(max-width:480px){.event-card{padding:1rem}.event-type-icon{width:36px;height:36px}.event-type-icon svg{width:20px;height:20px}.event-title{font-size:.9rem}}.event-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-modal{width:100%;max-width:560px;max-height:90vh;background:#1a1a1a;border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.event-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.event-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.event-modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#ffffff80;cursor:pointer;transition:all .2s}.event-modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.event-modal-error{display:flex;align-items:center;gap:.5rem;margin:1rem 1.5rem 0;padding:.75rem 1rem;border-radius:8px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.875rem}.event-modal-form{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.event-modal .form-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.event-modal .form-section h4{margin:0 0 .25rem;font-size:.8rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.event-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.event-modal .form-group label{font-size:.8rem;font-weight:500;color:#ffffffb3}.event-modal .form-group input,.event-modal .form-group textarea,.event-modal .form-group select{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;font-size:.9rem;transition:all .2s}.event-modal .form-group input:focus,.event-modal .form-group textarea:focus,.event-modal .form-group select:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.event-modal .form-group input::-moz-placeholder,.event-modal .form-group textarea::-moz-placeholder{color:#ffffff4d}.event-modal .form-group input::placeholder,.event-modal .form-group textarea::placeholder{color:#ffffff4d}.event-modal .form-group textarea{resize:vertical;min-height:80px}.event-modal .form-group select{cursor:pointer}.event-modal .form-group select option{background:#1a1a1a;color:#fff}.event-modal .form-hint{font-size:.75rem;color:#fff6}.event-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.event-modal-actions{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);margin-top:.5rem}.action-buttons{display:flex;gap:.75rem;margin-left:auto}.cancel-btn{padding:.75rem 1.25rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:transparent;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#ffffff0d;color:#fff}.save-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.delete-btn{padding:.75rem 1.25rem;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:transparent;color:#f87171;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#ef44441a;border-color:#ef444480}.delete-confirm{display:flex;align-items:center;gap:.75rem;color:#fff9;font-size:.875rem}.delete-confirm-btn{padding:.5rem 1rem;border:none;border-radius:6px;background:#ef4444;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.delete-confirm-btn:hover:not(:disabled){background:#dc2626}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.delete-cancel-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s}.delete-cancel-btn:hover{background:#ffffff0d}@media(max-width:600px){.event-modal{max-height:100vh;border-radius:0}.event-modal-backdrop{padding:0}.form-row{grid-template-columns:1fr}.event-modal-actions{flex-direction:column;gap:1rem}.action-buttons{width:100%;margin-left:0}.action-buttons button{flex:1}.delete-confirm{flex-wrap:wrap;justify-content:center}}.event-calendar{display:flex;flex-direction:column;gap:1.5rem}.event-calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#ffffff80}.event-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.event-calendar-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.view-toggle{display:flex;gap:.25rem;padding:.25rem;border-radius:8px;background:#ffffff0d}.view-toggle button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:6px;background:transparent;color:#ffffff80;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.view-toggle button:hover{color:#fffc}.view-toggle button.active{background:#3b82f633;color:#60a5fa}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:#fff6}.no-events svg{opacity:.5}.no-events p{margin:0}.event-list-view{display:flex;flex-direction:column;gap:1.5rem}.event-day-group{display:flex;flex-direction:column;gap:.75rem}.event-day-group.is-past{opacity:.6}.event-day-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.event-day-group.is-today .event-day-header{border-bottom-color:#3b82f64d}.day-label{font-size:.9rem;font-weight:600;color:#fff}.event-day-group.is-today .day-label{color:#60a5fa}.event-count{font-size:.75rem;color:#fff6}.event-day-list{display:flex;flex-direction:column;gap:.75rem}.event-calendar-view{display:flex;flex-direction:column;gap:1rem}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.calendar-nav button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s}.calendar-nav button:hover{background:#ffffff1a;color:#fff}.current-month{font-size:1rem;font-weight:600;color:#fff}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#ffffff0f;border-radius:12px;overflow:hidden}.calendar-day-header{padding:.75rem;text-align:center;font-size:.75rem;font-weight:600;color:#ffffff80;background:#ffffff08;text-transform:uppercase;letter-spacing:.5px}.calendar-cell{min-height:100px;padding:.5rem;background:#0a0a0a80;display:flex;flex-direction:column;gap:.375rem}.calendar-cell.empty{background:#ffffff05}.calendar-cell.is-today{background:#3b82f61a}.calendar-cell.is-today .cell-date{background:#3b82f6;color:#fff}.cell-date{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;font-weight:500;color:#ffffffb3}.cell-events{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.cell-event{width:100%;padding:.25rem .5rem;border:none;border-radius:4px;background:#3b82f633;color:#93c5fd;font-size:.7rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all .2s}.cell-event:hover{background:#3b82f64d}.cell-event.is-live{background:#ef444433;color:#fca5a5}.more-events{font-size:.65rem;color:#fff6;padding:.125rem .5rem}@media(max-width:768px){.view-toggle button span{display:none}.calendar-cell{min-height:60px;padding:.25rem}.cell-date{width:20px;height:20px;font-size:.7rem}.cell-event{font-size:.6rem;padding:.125rem .25rem}.calendar-day-header{padding:.5rem .25rem;font-size:.65rem}}.skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{border-radius:4px;height:16px}.skeleton--circular{border-radius:50%}.skeleton--rectangular{border-radius:8px}.skeleton-course-card{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.skeleton-course-card .skeleton-thumbnail{aspect-ratio:16 / 9;width:100%}.skeleton-course-card .skeleton-content{display:flex;flex-direction:column;gap:8px}.skeleton-course-card .skeleton-footer{display:flex;align-items:center;gap:8px;margin-top:4px}.skeleton-event-card{display:flex;gap:12px;padding:16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.skeleton-event-card .skeleton-icon{flex-shrink:0;border-radius:10px}.skeleton-event-card .skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-lesson-list{display:flex;flex-direction:column;gap:8px}.skeleton-lesson-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#ffffff05}.skeleton-lesson-item .skeleton-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media(max-width:640px){.skeleton-course-grid{grid-template-columns:1fr}}.artist-page{min-height:100vh;height:100%;background:#fff;padding:0;margin-left:0;position:relative;z-index:10}.artist-page.loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;font-family:Work Sans,sans-serif;color:#666}.loading-spinner i{font-size:2rem;color:#ff6723}.artist-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;z-index:10}.artist-info-group{display:flex;align-items:center;gap:1.25rem}.artist-avatar-compact{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #FF6723;flex-shrink:0}.artist-avatar-compact img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.artist-details h1{font-family:Work Sans,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#2b2b2b}.artist-meta{display:flex;align-items:center;gap:1rem;font-family:Work Sans,sans-serif;font-size:.85rem;color:#666}.status-indicator{display:flex;align-items:center;gap:.5rem;font-weight:700}.status-indicator.live{color:#10b981}.status-indicator.offline{color:#999}.status-indicator i{font-size:.6rem}.status-indicator.live i{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.viewer-count{display:flex;align-items:center;gap:.5rem;color:#666}.viewer-count i{font-size:.85rem}.viewer-section{width:100%;min-height:100vh;margin:0 auto;padding:0;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.viewer-container{background:#000;border-radius:0;overflow:hidden;box-shadow:0 2px 2px #0009,0 4px 6px #0006,0 6px 10px #0000004d,0 8px 14px #00000040,0 10px 17px #00000038,0 12px 20px #0003;width:min(80vw,142.16vh);height:80vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.viewer-container iframe{display:block;width:100.5%;height:100.5%;border:none;overflow:hidden}@media screen and (max-width:479px){.viewer-container iframe{width:100.5%;height:100.5%}}.viewer-controls{display:flex;justify-content:center;gap:1rem;padding:1rem 0;position:relative;z-index:10}.viewer-control-button{font-family:Work Sans,sans-serif;font-size:.9rem;font-weight:600;padding:12px 24px;border-radius:8px;border:2px solid #e0e0e0;background:#fff;color:#2b2b2b;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;flex:1;max-width:200px;justify-content:center}.viewer-control-button:hover{border-color:#ff6723;color:#ff6723;transform:translateY(-2px)}.viewer-control-button i{font-size:1rem}.favorite-button.active{border-color:#ff6723;color:#ff6723;background:#ff67231a}.favorite-button.active i.fa-fire{color:#ff4500}.favorite-button.active:hover{background:#ff672333}.subscribe-button.active{border-color:#ff6723;color:#ff6723;background:#ff67231a}.subscribe-button.active i.fa-bell{color:#ff4500}.subscribe-button.active:hover{background:#ff672333}.tip-button{border-color:#10b981;color:#10b981}.tip-button:hover{border-color:#059669;color:#059669;background:#10b9811a}.tip-button i{color:inherit}.marketplace-header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.add-item-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.add-item-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.suprboard-section{max-width:1600px;margin:3rem auto;padding:0 3rem 3rem;position:relative;z-index:10}.suprboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem}.layout-controls-wrapper{display:flex;justify-content:flex-end;align-items:flex-end;flex:1}.layout-controls{display:flex;gap:.35rem;flex-direction:row-reverse;margin-bottom:.5rem;min-height:42px;width:-moz-fit-content;width:fit-content}.layout-btn{font-family:Work Sans,sans-serif;font-size:.85rem;font-weight:600;padding:10px 18px;border-radius:8px;border:2px solid #e0e0e0;background:#fff;color:#2b2b2b;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.layout-btn:hover{border-color:#ff6723;color:#ff6723;transform:translateY(-2px)}.layout-btn.active{background:#ff6723;color:#fff;border-color:#ff6723}.layout-btn.active:hover{background:#f80;border-color:#f80}.layout-btn i{font-size:1rem}.layout-btn.add-content-btn{background:#ff6723;color:#fff;border-color:#ff6723}.layout-btn.add-content-btn:hover{background:#f80;border-color:#f80}.layout-btn.hidden{max-width:0;min-width:0;padding:0;margin:0;opacity:0;pointer-events:none;overflow:hidden;border:none;gap:0;transition:all .25s ease-out}.tabs-and-controls-container{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:-2px;position:relative;z-index:2;width:100%}.content-tabs-notebook{display:flex;gap:4px;padding-left:.25rem;position:relative}.tab-notebook{font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:600;padding:8px 16px;border:2px solid #e0e0e0;border-bottom:none;background:#e0e0e080;color:#666;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease;position:relative;border-top-left-radius:6px;border-top-right-radius:6px}.tab-notebook i{font-size:.85rem}.tab-notebook:hover{background:#e0e0e0cc;color:#2b2b2b}.tab-notebook.active{background:#f8f9fa;color:#2b2b2b;border-color:#e0e0e0;border-bottom:2px solid #f8f9fa;z-index:3}.tab-beta-badge{font-size:.55rem;font-weight:700;text-transform:uppercase;background:#ff6723;color:#fff;padding:2px 5px;border-radius:4px;margin-left:6px;letter-spacing:.03em}.tab-suprboard.active{color:#2b2b2b}.tab-gallery.active{color:#ff6723}.tab-timelapses.active{color:#8b5cf6}.tab-services.active{color:#10b981}.tab-projects.active{color:#f59e0b}.suprboard-upload-container{margin-bottom:30px}.suprboard-canvas-wrapper{width:100%;position:relative;overflow:hidden}.suprboard-canvas{min-height:800px;background:#f8f9fa;border-radius:12px;border:2px dashed #e0e0e0;position:relative;z-index:10}.suprboard-canvas.suprboard-canvas-with-sidebar{display:grid;grid-template-columns:3fr 1fr;gap:24px;padding:24px;transform-origin:top left}.suprboard-items-area{position:relative;min-height:750px;overflow:hidden}.suprboard-canvas[style*="transform: scale"]{will-change:transform}.suprboard-sidebar{min-width:280px;max-width:100%;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.sidebar-section{background:var(--card-bg, #222);border-radius:12px;border:1px solid var(--border-color, #333);overflow:hidden}.sidebar-section h3{font-family:Work Sans,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin:0;padding:16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color, #333)}.sidebar-section h3 i{font-size:14px;color:var(--accent-color, #FF6723)}.artist-bio-text{font-family:Work Sans,sans-serif;font-size:14px;line-height:1.6;color:var(--text-secondary, #b0b0b0);margin:0;padding:16px;white-space:pre-wrap;word-wrap:break-word}.artist-links-list{display:flex;flex-direction:column}.artist-link-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color, #333);text-decoration:none;transition:background-color .2s;cursor:pointer}.artist-link-item:last-child{border-bottom:none}.artist-link-item:hover{background:#ffffff0d}.artist-link-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--accent-color, #FF6723);flex-shrink:0}.artist-link-text{flex:1;min-width:0}.artist-link-label{font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-primary, #fff);display:block;margin-bottom:2px}.artist-link-url{font-family:Work Sans,sans-serif;font-size:12px;color:var(--text-muted, #666);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .sidebar-section,:root:not([data-theme=dark]) .sidebar-section{background:#fff;border-color:#e0e0e0}[data-theme=light] .sidebar-section h3,:root:not([data-theme=dark]) .sidebar-section h3{color:#2b2b2b;border-bottom-color:#e0e0e0}[data-theme=light] .artist-bio-text,:root:not([data-theme=dark]) .artist-bio-text{color:#666}[data-theme=light] .artist-link-item,:root:not([data-theme=dark]) .artist-link-item{border-bottom-color:#e0e0e0}[data-theme=light] .artist-link-item:hover,:root:not([data-theme=dark]) .artist-link-item:hover{background:#00000008}[data-theme=light] .artist-link-label,:root:not([data-theme=dark]) .artist-link-label{color:#2b2b2b}[data-theme=light] .artist-link-url,:root:not([data-theme=dark]) .artist-link-url{color:#999}.suprboard-canvas.auto .suprboard-items-area{display:flex;flex-wrap:wrap;gap:20px;align-content:flex-start;overflow:visible}.suprboard-canvas.auto .suprboard-item{position:relative!important;left:auto!important;top:auto!important}.suprboard-canvas.freeform .suprboard-items-area{overflow:hidden}.suprboard-canvas.show-grid .suprboard-items-area:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,103,35,.15) 49px,rgba(255,103,35,.15) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,103,35,.15) 49px,rgba(255,103,35,.15) 50px);pointer-events:none;border-radius:8px;z-index:1}.suprboard-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:80%;z-index:1;pointer-events:none}.gallery-placeholder,.timelapses-placeholder,.services-placeholder,.projects-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90%;z-index:1;pointer-events:none}.suprboard-placeholder *,.gallery-placeholder *,.timelapses-placeholder *,.services-placeholder *,.projects-placeholder *{pointer-events:auto}.artist-page .section-header{margin-bottom:.5rem}.artist-page .section-header h2{font-family:Work Sans,sans-serif;font-size:1.8rem;font-weight:700;color:#2b2b2b;margin:0 0 .5rem}.section-description{font-family:Work Sans,sans-serif;font-size:1rem;color:#666;margin:0}.placeholder-box{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;padding:2rem;text-align:center}.placeholder-box h3{font-family:Work Sans,sans-serif;font-size:1.2rem;font-weight:700;color:#2b2b2b;margin:0 0 .25rem}.placeholder-box p{font-family:Work Sans,sans-serif;font-size:1rem;color:#666;margin:0}.placeholder-note{font-size:.85rem!important;color:#999!important;font-style:italic}.services-placeholder{min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-placeholder{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}[data-theme=dark] .artist-page{background:#212121;z-index:10}[data-theme=dark] .artist-details h1{color:#fff}[data-theme=dark] .artist-meta,[data-theme=dark] .viewer-count{color:#b0b0b0}[data-theme=dark] .status-indicator.offline{color:#777}[data-theme=dark] .viewer-control-button{background:#2a2a2a;border-color:#444;color:#fff}[data-theme=dark] .viewer-control-button:hover{border-color:#ff6723}[data-theme=dark] .favorite-button.active{border-color:#ff6723;color:#ff6723;background:#ff672326}[data-theme=dark] .favorite-button.active i.fa-fire{color:#ff4500}[data-theme=dark] .subscribe-button.active{border-color:#ff6723;color:#ff6723;background:#ff672326}[data-theme=dark] .subscribe-button.active i.fa-bell{color:#ff4500}[data-theme=dark] .section-header h2{color:#fff}[data-theme=dark] .section-description{color:#b0b0b0}[data-theme=dark] .suprboard-canvas{background:#1a1a1a;border-color:#444}[data-theme=dark] .suprboard-items-area{background:transparent}[data-theme=dark] .layout-btn{background:#2a2a2a;border-color:#444;color:#fff}[data-theme=dark] .layout-btn:hover{border-color:#ff6723;color:#ff6723}[data-theme=dark] .layout-btn.active{background:#ff6723;color:#fff;border-color:#ff6723}[data-theme=dark] .suprboard-canvas.show-grid .suprboard-items-area:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,103,35,.25) 49px,rgba(255,103,35,.25) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,103,35,.25) 49px,rgba(255,103,35,.25) 50px)}[data-theme=dark] .placeholder-box{background:#2a2a2a;border-color:#444}[data-theme=dark] .placeholder-box h3{color:#fff}[data-theme=dark] .placeholder-box p{color:#b0b0b0}[data-theme=dark] .placeholder-note{color:#777!important}[data-theme=dark] .tab-notebook{background:#44444480;color:#b0b0b0;border-color:#444}[data-theme=dark] .tab-notebook:hover{background:#444c;color:#fff}[data-theme=dark] .tab-notebook.active{background:#1a1a1a;border-color:#444;border-bottom:2px solid #1a1a1a;color:#fff}.gallery-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(187px,1fr));gap:4px;padding:4px;background:transparent;min-height:100%;position:relative}@media(max-width:1400px){.gallery-masonry{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}@media(max-width:1024px){.gallery-masonry{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:640px){.gallery-masonry{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden}.gallery-item-wrapper{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer;transition:all .2s ease}.gallery-item-wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.gallery-item-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.gallery-item-wrapper:hover img{transform:scale(1.05)}.gallery-item-hover{position:absolute;inset:0;background:linear-gradient(to bottom,#000000b3,#0006 40% 60%,#000c);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;z-index:5}.gallery-item-wrapper:hover .gallery-item-hover{opacity:1}.gallery-item-info h4{font-family:Work Sans,sans-serif;font-size:.95rem;font-weight:700;color:#fff;margin:0 0 .5rem}.gallery-item-info p{font-family:Work Sans,sans-serif;font-size:.8rem;color:#ffffffe6;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.gallery-item-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gallery-item-actions button{font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.gallery-item-actions .edit-btn{background:#3b82f6e6;color:#fff}.gallery-item-actions .edit-btn:hover{background:#2563eb;transform:scale(1.05)}.gallery-item-actions .delete-btn{background:#ef4444e6;color:#fff}.gallery-item-actions .delete-btn:hover{background:#dc2626;transform:scale(1.05)}[data-theme=dark] .gallery-masonry{background:#1a1a1a}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px;min-height:100%;position:relative;background:transparent;z-index:10}.timelapses-grid{grid-template-columns:repeat(4,1fr)}.timelapses-grid .content-grid-item{border-radius:0;display:grid;grid-template-rows:auto min-content;height:auto}.timelapses-grid .content-grid-item video{display:block;margin-bottom:0;vertical-align:bottom}.timelapse-delete-btn{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;opacity:0;pointer-events:none}.timelapses-grid .content-grid-item:hover .timelapse-delete-btn{opacity:1;pointer-events:auto}.timelapse-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.timelapse-delete-btn i{font-size:14px}.content-grid-item{background:#fff;border-radius:12px;overflow:hidden;border:2px solid #e0e0e0;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.content-grid-item.tier-locked img,.content-grid-item.tier-locked video{filter:blur(20px);pointer-events:none}.content-grid-item.tier-locked .content-grid-info{filter:blur(8px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tier-blur-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;pointer-events:none}.tier-blur-overlay i{font-size:3rem;color:#fff;opacity:.9}.tier-blur-overlay span{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:700;color:#fff;text-align:center;padding:8px 16px;background:#ff6723e6;border-radius:8px}.content-grid-item:hover{border-color:#ff6723;transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.content-grid-item img,.content-grid-item video{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;display:block}.content-grid-item.service-item{min-height:200px}.content-grid-info{padding:1rem;flex:1;display:flex;flex-direction:column}.content-grid-info h4{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:700;color:#2b2b2b;margin:0 0 .5rem}.timelapses-grid .content-grid-info{padding:.4rem .75rem;flex:0 0 auto!important;justify-content:center;align-items:center;margin-top:-5px}.timelapses-grid .content-grid-info h4{font-size:.9rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.content-grid-info p{font-family:Work Sans,sans-serif;font-size:.85rem;color:#666;margin:0 0 1rem;flex:1;line-height:1.4}.service-pricing{font-family:Work Sans,sans-serif;font-size:1.1rem;font-weight:700;color:#10b981;margin-bottom:1rem}.content-grid-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.timelapses-grid .content-grid-meta{justify-content:center;margin-top:.25rem}.tier-badge{font-family:Work Sans,sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.tier-public-badge{background:#e0f2fe;color:#0369a1}.tier-tier1-badge{background:#fef3c7;color:#92400e}.tier-tier2-badge{background:#ede9fe;color:#5b21b6}.tier-tier3-badge{background:#fce7f3;color:#9f1239}.add-to-board-btn{font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:6px;border:none;background:#ff6723;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.add-to-board-btn:hover{background:#f80;transform:scale(1.05)}.on-board-indicator{font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:600;color:#10b981;display:flex;align-items:center;gap:.4rem}[data-theme=dark] .content-grid-item{background:#2a2a2a;border-color:#444}[data-theme=dark] .content-grid-item:hover{border-color:#ff6723}[data-theme=dark] .content-grid-info h4{color:#fff}[data-theme=dark] .content-grid-info p{color:#b0b0b0}.project-item .gallery-item-wrapper{cursor:pointer}.project-placeholder-thumb{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);display:flex;align-items:center;justify-content:center}.project-placeholder-thumb i{font-size:2rem;color:#666}.media-count-badge{position:absolute;top:6px;right:6px;background:#000000bf;color:#fff;font-family:Work Sans,sans-serif;font-size:.7rem;font-weight:600;padding:3px 7px;border-radius:3px;display:flex;align-items:center;gap:4px;z-index:5}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.project-tag{font-family:Work Sans,sans-serif;font-size:.65rem;color:#3b82f6;background:#3b82f61a;padding:2px 6px;border-radius:3px}.project-stats{font-family:Work Sans,sans-serif;font-size:.7rem;color:#888;display:flex;align-items:center;gap:8px}.project-stats i{margin-right:3px}.gallery-item img.blurred{filter:blur(20px)}[data-theme=dark] .project-placeholder-thumb{background:linear-gradient(135deg,#1a1a1a,#252525)}[data-theme=dark] .project-tag{color:#60a5fa;background:#3b82f633}[data-theme=dark] .project-stats{color:#888}.posts-tab-content{width:100%;max-width:100%;padding:20px;flex:1}.posts-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.posts-filter-tab{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-secondary, #888);font-family:Work Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.posts-filter-tab:hover{border-color:var(--accent-color, #FF6723);color:var(--text-primary, #fff)}.posts-filter-tab.active{background:var(--accent-color, #FF6723);border-color:var(--accent-color, #FF6723);color:#fff}.posts-tab-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}@media(max-width:1100px){.posts-tab-layout{grid-template-columns:1fr 260px}}@media(max-width:900px){.posts-tab-layout{grid-template-columns:1fr}.posts-tab-sidebar{order:-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}}.posts-tab-main{min-width:0}.posts-tab-main .artist-posts-list{background:var(--card-bg, #222);border-radius:12px;border:1px solid var(--border-color, #333);overflow:hidden}.posts-tab-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px}.posts-sidebar-section{background:var(--card-bg, #222);border-radius:12px;border:1px solid var(--border-color, #333);overflow:hidden}.posts-sidebar-title{display:flex;align-items:center;gap:10px;padding:16px;margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff);border-bottom:1px solid var(--border-color, #333)}.posts-sidebar-title i{color:var(--accent-color, #FF6723)}.posts-sidebar-tiers{display:flex;flex-direction:column}.posts-sidebar-tier{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color, #333);cursor:pointer;transition:background-color .2s}.posts-sidebar-tier:last-child{border-bottom:none}.posts-sidebar-tier:hover{background:#ffffff0d}.posts-sidebar-tier-info{display:flex;flex-direction:column;gap:2px}.posts-sidebar-tier-name{font-size:14px;font-weight:500;color:var(--text-primary, #fff)}.posts-sidebar-tier-desc{font-size:12px;color:var(--text-muted, #666)}.posts-sidebar-tier-price{font-size:14px;font-weight:600;color:var(--accent-color, #FF6723)}.posts-sidebar-recent{display:flex;flex-direction:column}.posts-sidebar-recent-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color, #333);cursor:pointer;transition:background-color .2s}.posts-sidebar-recent-item:last-child{border-bottom:none}.posts-sidebar-recent-item:hover{background:#ffffff0d}.posts-sidebar-recent-thumb{width:48px;height:48px;border-radius:8px;background:var(--bg-secondary, #0d0d0d);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.posts-sidebar-recent-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.posts-sidebar-recent-thumb i{color:var(--text-muted, #666);font-size:16px}.posts-sidebar-recent-info{display:flex;flex-direction:column;gap:4px;min-width:0}.posts-sidebar-recent-title{font-size:13px;color:var(--text-primary, #fff);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.posts-sidebar-recent-time{font-size:12px;color:var(--text-muted, #666)}.posts-sidebar-recent-likes{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px}.posts-sidebar-recent-likes i{font-size:11px}.posts-placeholder{text-align:center;padding:60px 20px}.posts-placeholder i.fa-spinner{font-size:24px;color:#ff6723}.load-more-posts-btn{display:block;width:100%;padding:14px;margin:16px 0;background:#ff67231a;border:1px solid rgba(255,103,35,.3);border-radius:8px;color:#ff6723;font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.load-more-posts-btn:hover{background:#ff672326}[data-theme=dark] .load-more-posts-btn{background:#ff672326;border-color:#ff672366}[data-theme=dark] .load-more-posts-btn:hover{background:#ff672340}.tab-posts.active{color:#ff6723}.tab-school.active{color:#3b82f6}.school-tab-content{width:100%;padding:1rem}.play-badge{position:absolute;bottom:12px;right:12px;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;z-index:2;border:1px solid rgba(255,255,255,.2)}.play-badge i{color:var(--color-live-green);font-size:16px}.gallery-item-wrapper:hover .play-badge{background:#00e67633;border-color:var(--color-live-green);transform:scale(1.05);transition:all .2s ease}[data-theme=dark] .play-badge{background:#000000e6;border-color:#00e6764d}.profile-settings-page{min-height:100vh;background:#fff;padding:68px 20px 20px}[data-theme=dark] .profile-settings-page{background:#1a1a1a}.profile-settings-container{max-width:1000px;margin:0 auto}.profile-header{margin-bottom:24px}.profile-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:16px}[data-theme=dark] .profile-title{color:#fff}.pill-tabs{display:flex;gap:12px;padding:8px;background:#e8e9ea;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap}[data-theme=dark] .pill-tabs{background:#2a2a2a}.pill-tab{padding:10px 24px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#666!important;cursor:pointer;transition:all .2s ease;font-family:Work Sans,sans-serif}.pill-tab:hover{background:#f5f5f5;color:#1a1a1a!important}[data-theme=dark] .pill-tab{color:#a0a0a0!important}[data-theme=dark] .pill-tab:hover{background:#3a3a3a;color:#e5e5e5!important}.pill-tab.active{background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff!important;box-shadow:0 4px 12px #ff67234d}.profile-content{margin-top:32px}.content-section{background:#e8e9ea;border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}[data-theme=dark] .content-section{background:#2a2a2a}.profile-settings-page .section-header{margin-bottom:32px}.profile-settings-page .section-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:8px}[data-theme=dark] .profile-settings-page .section-title{color:#fff}.section-subtitle{font-size:14px;color:#888}[data-theme=dark] .section-subtitle{color:#a0a0a0}.profile-grid{display:grid;grid-template-columns:150px 1fr;gap:32px;margin-bottom:40px}@media(max-width:768px){.profile-grid{grid-template-columns:1fr;text-align:center}}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar{width:150px;height:150px;border-radius:12px;background:linear-gradient(135deg,#ff6723,#ff4500);display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff;font-weight:600;border:4px solid #e8e9ea;box-shadow:0 4px 12px #0000001a;-o-object-fit:cover;object-fit:cover}[data-theme=dark] .avatar{border-color:#2a2a2a}.btn-change{padding:8px 16px;background:transparent;border:2px solid #FF6723;color:#ff6723;border-radius:6px;font-weight:600;cursor:pointer;font-size:13px;font-family:Work Sans,sans-serif;transition:all .2s ease}.btn-change:hover{background:#ff67231a}.form-fields{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .form-label{color:#a0a0a0}.form-input{padding:12px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;color:#1a1a1a!important;font-family:Work Sans,sans-serif;transition:all .2s ease;width:100%;box-sizing:border-box}.form-input::-moz-placeholder{color:#999!important;opacity:1}.form-input::placeholder{color:#999!important;opacity:1}[data-theme=dark] .form-input{background:#1a1a1a;color:#e5e5e5!important}[data-theme=dark] .form-input::-moz-placeholder{color:#666!important}[data-theme=dark] .form-input::placeholder{color:#666!important}.form-input:focus{outline:none;border-color:#ff6723;background:#fff}[data-theme=dark] .form-input:focus{background:#2a2a2a}.form-input:disabled{background:#f5f5f5!important;cursor:not-allowed;opacity:1}.form-hint{font-size:12px;color:#888}[data-theme=dark] .form-hint{color:#a0a0a0}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex!important;align-items:center!important;gap:12px!important;font-size:15px!important;color:#1a1a1a!important;cursor:pointer!important;line-height:1!important;margin-bottom:0!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important}[data-theme=dark] .checkbox-label{color:#e5e5e5}.profile-settings-page .checkbox-label input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;cursor:pointer;accent-color:#FF6723;flex-shrink:0;margin:0!important;padding:0!important}.checkbox-label span{flex:1}.action-bar{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:32px;border-top:1px solid #e0e0e0}[data-theme=dark] .action-bar{border-top-color:#2a2a2a}.btn-secondary{padding:10px 24px;background:transparent;border:2px solid #e0e0e0;color:#666;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px;font-family:Work Sans,sans-serif;transition:all .2s ease}.btn-secondary:hover{border-color:#ff6723;color:#ff6723}[data-theme=dark] .btn-secondary{border-color:#3a3a3a;color:#a0a0a0}[data-theme=dark] .btn-secondary:hover{border-color:#ff6723;color:#ff6723}.btn-primary{padding:10px 32px;background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;font-family:Work Sans,sans-serif;cursor:pointer;box-shadow:0 2px 8px #ff67234d;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff672366}.favorites-section{min-height:200px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.favorite-artist-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease}[data-theme=dark] .favorite-artist-card{background:#1a1a1a;border-color:#3a3a3a}.favorite-artist-card:hover{border-color:#ff6723;box-shadow:0 4px 12px #ff672333;transform:translateY(-2px)}.favorite-artist-avatar{width:80px;height:80px;border-radius:12px;overflow:hidden;background:#f0f0f0;border:2px solid #e0e0e0;flex-shrink:0}[data-theme=dark] .favorite-artist-avatar{background:#2a2a2a;border-color:#3a3a3a}.favorite-artist-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.favorite-artist-info{text-align:center;width:100%}.favorite-artist-name{font-family:Work Sans,sans-serif;font-size:14px;font-weight:600;color:#2b2b2b;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .favorite-artist-name{color:#e5e5e5}.favorite-plan-icon-logo{height:14px;width:auto;display:inline-block;vertical-align:middle;filter:brightness(1.2)}.favorite-plan-icon{font-size:14px;color:#ff8c00;text-shadow:0 0 8px rgba(255,140,0,.8);display:inline-block;vertical-align:middle}.favorite-artist-stats{display:flex;justify-content:center;gap:12px}.favorite-stat{display:flex;align-items:center;gap:6px;font-family:Work Sans,sans-serif;font-size:13px;color:#666}[data-theme=dark] .favorite-stat{color:#a0a0a0}.favorite-stat i.fa-fire{color:#ff6723;font-size:14px}.profile-settings-page .loading-state,.profile-settings-page .empty-state{text-align:center;padding:60px 20px}.profile-settings-page .loading-state p,.profile-settings-page .empty-state p{font-size:16px;color:#666;margin:8px 0}[data-theme=dark] .profile-settings-page .loading-state p,[data-theme=dark] .profile-settings-page .empty-state p{color:#a0a0a0}.text-muted{color:#666;font-size:15px}[data-theme=dark] .text-muted{color:#a0a0a0}.empty-state a{color:#ff6723;text-decoration:none;font-weight:600}.empty-state a:hover{text-decoration:underline}.profile-settings-page:not([data-theme=dark]) .form-input,.profile-settings-page:not([data-theme=dark]) textarea.form-input,.profile-settings-page:not([data-theme=dark]) input.form-input{color:#1a1a1a!important}.profile-settings-page:not([data-theme=dark]) .form-input:not(:disabled),.profile-settings-page:not([data-theme=dark]) textarea.form-input:not(:disabled),.profile-settings-page:not([data-theme=dark]) input.form-input:not(:disabled){background:#fff!important}.profile-settings-page:not([data-theme=dark]) .form-input:disabled,.profile-settings-page:not([data-theme=dark]) textarea.form-input:disabled,.profile-settings-page:not([data-theme=dark]) input.form-input:disabled{background:#d0d0d0!important;color:#666!important}.profile-settings-page:not([data-theme=dark]) .section-title,.profile-settings-page:not([data-theme=dark]) .section-subtitle,.profile-settings-page:not([data-theme=dark]) .form-label,.profile-settings-page:not([data-theme=dark]) .form-hint,.profile-settings-page:not([data-theme=dark]) .checkbox-label,.profile-settings-page:not([data-theme=dark]) .checkbox-label span{color:#1a1a1a!important}[data-theme=dark] .profile-settings-page .section-title{color:#fff!important}[data-theme=dark] .profile-settings-page .section-subtitle,[data-theme=dark] .profile-settings-page .form-label,[data-theme=dark] .profile-settings-page .form-hint{color:#a0a0a0!important}[data-theme=dark] .profile-settings-page .checkbox-label,[data-theme=dark] .profile-settings-page .checkbox-label span{color:#e5e5e5!important}[data-theme=dark] .profile-settings-page .form-input:not(:disabled),[data-theme=dark] .profile-settings-page textarea.form-input:not(:disabled),[data-theme=dark] .profile-settings-page input.form-input:not(:disabled){background:#1a1a1a!important;color:#e5e5e5!important;border-color:#3a3a3a!important}[data-theme=dark] .profile-settings-page .form-input:disabled,[data-theme=dark] .profile-settings-page textarea.form-input:disabled,[data-theme=dark] .profile-settings-page input.form-input:disabled{background:#0f0f0f!important;color:#a0a0a0!important;border-color:#3a3a3a!important}@media(max-width:768px){.profile-settings-page{padding:88px 12px 12px}.content-section{padding:24px}.pill-tabs{padding:6px;gap:8px}.pill-tab{padding:8px 16px;font-size:14px}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}}.save-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.save-message.success{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.save-message.error{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}[data-theme=dark] .save-message.success{background:#22c55e1a;color:#4ade80}[data-theme=dark] .save-message.error{background:#ef44441a;color:#f87171}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{transform:none;box-shadow:0 2px 8px #ff67234d}.password-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f5f5f5;border-radius:8px;margin-top:8px}[data-theme=dark] .password-form{background:#1a1a1a}.password-form .form-group{margin-bottom:0}.password-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.checkbox-label.disabled{opacity:.5;cursor:not-allowed!important}.checkbox-label.disabled input{cursor:not-allowed}.checkbox-label.disabled span{color:#888!important}.profile-settings-page .suprartist-badge-svg{display:inline-block;vertical-align:middle;margin-left:4px;flex-shrink:0}.subscription-portal-card{display:flex;align-items:flex-start;gap:24px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px}[data-theme=dark] .subscription-portal-card{background:#1a1a1a;border-color:#3a3a3a}.portal-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#ff6723,#ff4500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.portal-icon i{font-size:24px;color:#fff}.portal-content{flex:1}.portal-content h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}[data-theme=dark] .portal-content h3{color:#fff}.portal-content p{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}[data-theme=dark] .portal-content p{color:#a0a0a0}.portal-content .btn-primary{display:inline-flex;align-items:center;gap:8px}.subscription-info-card{background:#ff67230d;border:1px solid rgba(255,103,35,.2);border-radius:12px;padding:20px}[data-theme=dark] .subscription-info-card{background:#ff672314;border-color:#ff672340}.subscription-info-card h4{font-size:14px;font-weight:600;color:#ff6723;margin:0 0 12px;display:flex;align-items:center;gap:8px}.subscription-info-card ul{margin:0;padding-left:20px}.subscription-info-card li{font-size:13px;color:#666;margin-bottom:6px;line-height:1.5}.subscription-info-card li:last-child{margin-bottom:0}[data-theme=dark] .subscription-info-card li{color:#a0a0a0}.subscriptions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#888;gap:16px}.subscriptions-loading i{font-size:32px;color:#ff6723}.subscriptions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.subscription-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}[data-theme=dark] .subscription-card{background:#2a2a2a;border-color:#3a3a3a}.subscription-artist{display:flex;align-items:center;gap:10px}.subscription-artist i{color:#ff6723;font-size:18px}.subscription-artist-link{font-size:18px;font-weight:600;color:#333;text-decoration:none;transition:color .2s}.subscription-artist-link:hover{color:#ff6723}[data-theme=dark] .subscription-artist-link{color:#fff}.subscription-details{display:flex;align-items:center;gap:12px}.subscription-tier{background:linear-gradient(135deg,#ff6723,#ff9500);color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.subscription-price{color:#666;font-size:14px}[data-theme=dark] .subscription-price{color:#aaa}.subscription-meta{display:flex;align-items:center;gap:16px;font-size:13px}.subscription-status{padding:2px 8px;border-radius:4px;font-weight:500}.subscription-status.status-active{background:#22c55e1a;color:#22c55e}.subscription-renewal{color:#888}.subscription-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;width:100%}[data-theme=dark] .subscription-actions{border-top-color:#3a3a3a}.subscription-card .btn-secondary{flex:1;padding:10px 16px;font-size:14px;font-weight:500;background:#fff;color:#1a1a1a;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}[data-theme=dark] .subscription-card .btn-secondary{background:#3a3a3a;color:#e5e5e5;border-color:#4a4a4a}.subscription-card .btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ff6723;color:#ff6723}[data-theme=dark] .subscription-card .btn-secondary:hover:not(:disabled){background:#4a4a4a;border-color:#ff6723}.subscription-card .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.subscription-card .btn-sm{padding:8px 14px;font-size:13px}.subscriptions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;margin-bottom:24px}[data-theme=dark] .subscriptions-empty{background:#1a1a1a;border-color:#3a3a3a}.subscriptions-empty i{font-size:48px;color:#ff6723;margin-bottom:16px}.subscriptions-empty h3{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}[data-theme=dark] .subscriptions-empty h3{color:#fff}.subscriptions-empty p{color:#666;margin-bottom:20px;max-width:300px}[data-theme=dark] .subscriptions-empty p{color:#aaa}.subscriptions-empty .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;width:auto}@media(max-width:768px){.subscription-portal-card{flex-direction:column;align-items:center;text-align:center}.portal-content .btn-primary{width:100%;justify-content:center}.subscription-card{padding:16px}.subscription-details{flex-wrap:wrap}.subscription-meta{flex-direction:column;align-items:flex-start;gap:8px}}.artist-settings-page{min-height:100vh;background:#fff;padding:68px 20px 20px}[data-theme=dark] .artist-settings-page{background:#1a1a1a}.artist-settings-container{max-width:1000px;margin:0 auto}.artist-header{margin-bottom:24px}.artist-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:16px}[data-theme=dark] .artist-title{color:#fff}.artist-settings-page .pill-tabs{display:flex;gap:12px;padding:8px;background:#e8e9ea;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap}[data-theme=dark] .artist-settings-page .pill-tabs{background:#2a2a2a}.artist-settings-page .pill-tab{padding:10px 24px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#666!important;cursor:pointer;transition:all .2s ease;font-family:Work Sans,sans-serif}.artist-settings-page .pill-tab:hover{background:#f5f5f5;color:#1a1a1a!important}[data-theme=dark] .artist-settings-page .pill-tab{color:#a0a0a0!important}[data-theme=dark] .artist-settings-page .pill-tab:hover{background:#3a3a3a;color:#e5e5e5!important}.artist-settings-page .pill-tab.active{background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff!important;box-shadow:0 4px 12px #ff67234d}.artist-content{margin-top:32px}.artist-settings-page .content-section{background:#e8e9ea;border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}[data-theme=dark] .artist-settings-page .content-section{background:#2a2a2a}.artist-settings-page .section-header{margin-bottom:32px}.artist-settings-page .section-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:8px}[data-theme=dark] .artist-settings-page .section-title{color:#fff}.artist-settings-page .section-subtitle{font-size:14px;color:#888}[data-theme=dark] .artist-settings-page .section-subtitle{color:#a0a0a0}.artist-settings-page .form-fields{display:flex;flex-direction:column;gap:24px}.artist-settings-page .text-muted{color:#666;font-size:15px}[data-theme=dark] .artist-settings-page .text-muted{color:#a0a0a0}.artist-settings-page .form-group{display:flex;flex-direction:column;gap:8px}.artist-settings-page .form-label{font-size:13px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .artist-settings-page .form-label{color:#a0a0a0}.artist-settings-page .form-hint{font-size:12px;color:#888}[data-theme=dark] .artist-settings-page .form-hint{color:#a0a0a0}.artist-settings-page .save-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.artist-settings-page .save-message.success{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.artist-settings-page .save-message.error{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}[data-theme=dark] .artist-settings-page .save-message.success{background:#22c55e1a;color:#4ade80}[data-theme=dark] .artist-settings-page .save-message.error{background:#ef44441a;color:#f87171}.card-art-upload-area{display:flex;gap:24px;align-items:flex-start}.card-art-preview-container{width:200px;height:200px;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50% / 20px 20px;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .card-art-preview-container{background:repeating-conic-gradient(#2a2a2a 0% 25%,#1a1a1a 0% 50%) 50% / 20px 20px;border-color:#444}.card-art-preview{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.card-art-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999}.card-art-placeholder i{font-size:32px}.card-art-placeholder span{font-size:12px}.card-art-actions{display:flex;flex-direction:column;gap:12px}.artist-settings-page .btn-primary{padding:10px 24px;background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;font-family:Work Sans,sans-serif;cursor:pointer;box-shadow:0 2px 8px #ff67234d;transition:all .2s ease;display:flex;align-items:center;gap:8px}.artist-settings-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff672366}.artist-settings-page .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.artist-settings-page .btn-secondary{padding:10px 24px;background:transparent;border:2px solid #e0e0e0;color:#666;border-radius:6px;font-weight:600;font-size:14px;font-family:Work Sans,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.artist-settings-page .btn-secondary:hover{border-color:#ff6723;color:#ff6723}[data-theme=dark] .artist-settings-page .btn-secondary{border-color:#3a3a3a;color:#a0a0a0}[data-theme=dark] .artist-settings-page .btn-secondary:hover{border-color:#ff6723;color:#ff6723}.stripe-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#666;font-size:15px}.stripe-loading i{color:#ff6723;font-size:20px}[data-theme=dark] .stripe-loading{color:#a0a0a0}.stripe-status-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px}[data-theme=dark] .stripe-status-card{background:#1a1a1a;border-color:#3a3a3a}.stripe-status-header{margin-bottom:20px}.stripe-status-indicator{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.stripe-status-indicator i{font-size:20px}.stripe-status-indicator.connected{color:#16a34a}.stripe-status-indicator.pending{color:#f59e0b}.stripe-status-indicator.disconnected{color:#666}[data-theme=dark] .stripe-status-indicator.disconnected{color:#a0a0a0}.stripe-actions{display:flex;gap:12px}.price-input-group{display:flex;align-items:center;gap:8px}.price-currency{font-size:18px;font-weight:600;color:#1a1a1a}[data-theme=dark] .price-currency{color:#e5e5e5}.price-input-group .price-input{width:120px;text-align:right;font-size:18px;font-weight:600}.price-input-group .price-input.invalid{border-color:#dc2626;background-color:#ef44440d}.price-countdown{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:#666;font-weight:500}.price-countdown i{color:#f59e0b}[data-theme=dark] .price-countdown{color:#a0a0a0}.stripe-info-card{background:#ff67230d;border:1px solid rgba(255,103,35,.2);border-radius:12px;padding:20px;margin-top:8px}[data-theme=dark] .stripe-info-card{background:#ff672314;border-color:#ff672340}.stripe-info-card h4{font-size:14px;font-weight:600;color:#ff6723;margin-bottom:12px;display:flex;align-items:center;gap:8px}.stripe-info-card ul{margin:0;padding-left:20px}.stripe-info-card li{font-size:13px;color:#666;margin-bottom:6px;line-height:1.5}.stripe-info-card li:last-child{margin-bottom:0}[data-theme=dark] .stripe-info-card li{color:#a0a0a0}.stripe-connect-prompt{display:flex;align-items:flex-start;gap:20px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px}[data-theme=dark] .stripe-connect-prompt{background:#1a1a1a;border-color:#3a3a3a}.stripe-connect-prompt .prompt-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#635bff,#7a73ff);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stripe-connect-prompt .prompt-icon i{font-size:22px;color:#fff}.stripe-connect-prompt .prompt-content h4{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}[data-theme=dark] .stripe-connect-prompt .prompt-content h4{color:#fff}.stripe-connect-prompt .prompt-content p{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}[data-theme=dark] .stripe-connect-prompt .prompt-content p{color:#a0a0a0}.stripe-connect-prompt .btn-primary{display:inline-flex;align-items:center;gap:8px}.tiers-coming-soon{background:#ff67230d;border:1px solid rgba(255,103,35,.2);border-radius:12px;padding:20px}[data-theme=dark] .tiers-coming-soon{background:#ff672314;border-color:#ff672340}.tiers-coming-soon h4{font-size:15px;font-weight:600;color:#ff6723;margin:0 0 10px;display:flex;align-items:center;gap:8px}.tiers-coming-soon>p{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}[data-theme=dark] .tiers-coming-soon>p{color:#a0a0a0}.tiers-coming-soon ul{margin:0;padding-left:20px}.tiers-coming-soon li{font-size:13px;color:#666;margin-bottom:6px;line-height:1.5}.tiers-coming-soon li:last-child{margin-bottom:0}[data-theme=dark] .tiers-coming-soon li{color:#a0a0a0}.tiers-container{display:flex;flex-direction:column;gap:20px}.tiers-list{display:flex;flex-direction:column;gap:16px}.tier-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .2s ease}[data-theme=dark] .tier-card{background:#1a1a1a;border-color:#3a3a3a}.tier-card.editing{border-color:#ff6723;box-shadow:0 4px 16px #ff672326}.tier-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}[data-theme=dark] .tier-card-header{background:#2a2a2a;border-bottom-color:#3a3a3a}.tier-number{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ff6723;display:flex;align-items:center;gap:8px}.tier-saved-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:4px;background:#22c55e;color:#fff}.tier-draft-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:4px;background:#f59e0b;color:#fff}.tier-card.saved{border-color:#22c55e}.tier-card.unsaved{border-color:#f59e0b;border-style:dashed}.tier-action-btn:disabled{opacity:.5;cursor:not-allowed}.tier-action-btn:disabled:hover{background:#fff;color:#666}[data-theme=dark] .tier-action-btn:disabled:hover{background:#1a1a1a;color:#a0a0a0}.tier-actions{display:flex;gap:8px}.tier-action-btn{width:32px;height:32px;border-radius:6px;border:none;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}[data-theme=dark] .tier-action-btn{background:#1a1a1a;color:#a0a0a0}.tier-action-btn:hover{background:#ff6723;color:#fff}.tier-action-btn.delete:hover{background:#dc2626}.tier-edit-form{padding:20px;display:flex;flex-direction:column;gap:16px}.tier-form-group{display:flex;flex-direction:column;gap:6px}.tier-form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}[data-theme=dark] .tier-form-group label{color:#a0a0a0}.tier-price-input{display:flex;align-items:center;gap:8px}.tier-price-input .form-input{width:100px;text-align:right;font-weight:600}.price-period{font-size:14px;color:#666}[data-theme=dark] .price-period{color:#a0a0a0}.benefits-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.benefit-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ff672314;border-radius:6px;font-size:14px;color:#1a1a1a}[data-theme=dark] .benefit-item{background:#ff67231f;color:#e5e5e5}.benefit-item i.fa-check{color:#16a34a;font-size:12px}.benefit-item span{flex:1}.benefit-remove{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.benefit-remove:hover{background:#dc2626;color:#fff}.add-benefit-row{display:flex;gap:8px}.add-benefit-row .form-input{flex:1}.add-benefit-btn{width:40px;padding:0;display:flex;align-items:center;justify-content:center}.add-benefit-btn:disabled{opacity:.5;cursor:not-allowed}.tier-preview{padding:20px}.tier-name{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px}[data-theme=dark] .tier-name{color:#fff}.tier-price-display{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.tier-price-amount{font-size:28px;font-weight:700;color:#ff6723}.tier-price-period{font-size:14px;color:#666}[data-theme=dark] .tier-price-period{color:#a0a0a0}.tier-description{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}[data-theme=dark] .tier-description{color:#a0a0a0}.tier-benefits-preview{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tier-benefits-preview li{display:flex;align-items:center;gap:10px;font-size:14px;color:#1a1a1a}[data-theme=dark] .tier-benefits-preview li{color:#e5e5e5}.tier-benefits-preview li i{color:#16a34a;font-size:12px}.add-tier-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:transparent;border:2px dashed #e0e0e0;border-radius:12px;color:#666;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Work Sans,sans-serif}[data-theme=dark] .add-tier-btn{border-color:#3a3a3a;color:#a0a0a0}.add-tier-btn:hover{border-color:#ff6723;color:#ff6723;background:#ff67230d}.add-tier-btn i{font-size:18px}.tier-count{font-size:12px;padding:4px 10px;background:#e0e0e0;border-radius:12px;color:#666}[data-theme=dark] .tier-count{background:#3a3a3a;color:#a0a0a0}.tiers-empty-state{text-align:center;padding:40px 20px;color:#666}[data-theme=dark] .tiers-empty-state{color:#a0a0a0}.tiers-empty-state i{font-size:48px;color:#e0e0e0;margin-bottom:16px}[data-theme=dark] .tiers-empty-state i{color:#3a3a3a}.tiers-empty-state h4{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}[data-theme=dark] .tiers-empty-state h4{color:#fff}.tiers-empty-state p{font-size:14px;max-width:400px;margin:0 auto;line-height:1.5}.tiers-info-card{background:#ff67230d;border:1px solid rgba(255,103,35,.2);border-radius:12px;padding:20px;margin-top:8px}[data-theme=dark] .tiers-info-card{background:#ff672314;border-color:#ff672340}.tiers-info-card h4{font-size:14px;font-weight:600;color:#ff6723;margin:0 0 12px;display:flex;align-items:center;gap:8px}.tiers-info-card ul{margin:0;padding-left:20px}.tiers-info-card li{font-size:13px;color:#666;margin-bottom:6px;line-height:1.5}.tiers-info-card li:last-child{margin-bottom:0}[data-theme=dark] .tiers-info-card li{color:#a0a0a0}.suprdrive-access-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px;background:#fff;border:2px solid #e0e0e0;border-radius:16px;gap:24px}[data-theme=dark] .suprdrive-access-card{background:#1a1a1a;border-color:#3a3a3a}.suprdrive-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#ff6723,#ff4500);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff67234d}.suprdrive-icon i{font-size:36px;color:#fff}.suprdrive-content{max-width:400px}.suprdrive-content h4{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}[data-theme=dark] .suprdrive-content h4{color:#fff}.suprdrive-content p{font-size:14px;color:#666;margin:0;line-height:1.6}[data-theme=dark] .suprdrive-content p{color:#a0a0a0}.suprdrive-enter-btn{padding:14px 32px;font-size:16px}.suprdrive-enter-btn i{transition:transform .2s ease}.suprdrive-enter-btn:hover i{transform:translate(4px)}.invite-container{display:flex;flex-direction:column;gap:24px}.invite-code-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px}[data-theme=dark] .invite-code-card{background:#1a1a1a;border-color:#3a3a3a}.invite-code-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.invite-code-header h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}[data-theme=dark] .invite-code-header h3{color:#fff}.invite-disabled-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:4px 10px;border-radius:4px;background:#fef3c7;color:#92400e;border:1px solid #fcd34d}[data-theme=dark] .invite-disabled-badge{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.invite-code-display{display:flex;align-items:center;gap:12px;background:#f5f5f5;border-radius:8px;padding:16px 20px;margin-bottom:20px}[data-theme=dark] .invite-code-display{background:#2a2a2a}.invite-code-value{font-size:28px;font-weight:700;font-family:Courier New,monospace;letter-spacing:4px;color:#ff6723;flex:1}.invite-copy-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:Work Sans,sans-serif}.invite-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff672366}.invite-no-code{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;background:#f5f5f5;border-radius:8px;margin-bottom:20px}[data-theme=dark] .invite-no-code{background:#2a2a2a}.invite-no-code i{font-size:36px;color:#ccc}[data-theme=dark] .invite-no-code i{color:#555}.invite-no-code p{font-size:14px;color:#666;margin:0}[data-theme=dark] .invite-no-code p{color:#a0a0a0}.invite-actions{display:flex;gap:12px}.invite-regenerate-note{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:#888}.invite-regenerate-note i{color:#ff6723}[data-theme=dark] .invite-regenerate-note{color:#a0a0a0}.invite-usage-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px}[data-theme=dark] .invite-usage-card{background:#1a1a1a;border-color:#3a3a3a}.invite-usage-card h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}[data-theme=dark] .invite-usage-card h3{color:#fff}.invite-progress-container{margin-bottom:12px}.invite-progress-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:8px}[data-theme=dark] .invite-progress-bar{background:#3a3a3a}.invite-progress-fill{height:100%;background:linear-gradient(135deg,#ff6723,#ff4500);border-radius:6px;transition:width .3s ease}.invite-progress-text{display:flex;justify-content:space-between;font-size:13px;color:#666}[data-theme=dark] .invite-progress-text{color:#a0a0a0}.invite-reset-note{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:#888}.invite-reset-note i{color:#ff6723}[data-theme=dark] .invite-reset-note{color:#a0a0a0}.invite-history-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px}[data-theme=dark] .invite-history-card{background:#1a1a1a;border-color:#3a3a3a}.invite-history-card h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}[data-theme=dark] .invite-history-card h3{color:#fff}.invite-history-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#666;font-size:14px}.invite-history-loading i{color:#ff6723}[data-theme=dark] .invite-history-loading{color:#a0a0a0}.invite-history-list{display:flex;flex-direction:column;gap:12px}.invite-history-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f5f5f5;border-radius:8px}[data-theme=dark] .invite-history-item{background:#2a2a2a}.invite-history-info{display:flex;align-items:center;gap:12px}.invite-history-info i{color:#16a34a;font-size:14px}.invite-history-name{font-size:14px;font-weight:500;color:#1a1a1a}[data-theme=dark] .invite-history-name{color:#e5e5e5}.invite-history-date{font-size:13px;color:#888}[data-theme=dark] .invite-history-date{color:#a0a0a0}.invite-history-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;text-align:center}.invite-history-empty i{font-size:36px;color:#ccc}[data-theme=dark] .invite-history-empty i{color:#555}.invite-history-empty p{font-size:14px;color:#666;margin:0}[data-theme=dark] .invite-history-empty p{color:#a0a0a0}.invite-history-hint{font-size:13px!important;color:#888!important}.invite-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}[data-theme=dark] .invite-stats{border-top-color:#3a3a3a}.invite-stats span{font-size:13px;color:#666}[data-theme=dark] .invite-stats span{color:#a0a0a0}.invite-stats strong{color:#ff6723}.invite-info-card{background:#ff67230d;border:1px solid rgba(255,103,35,.2);border-radius:12px;padding:20px}[data-theme=dark] .invite-info-card{background:#ff672314;border-color:#ff672340}.invite-info-card h4{font-size:14px;font-weight:600;color:#ff6723;margin:0 0 12px;display:flex;align-items:center;gap:8px}.invite-info-card ul{margin:0;padding-left:20px}.invite-info-card li{font-size:13px;color:#666;margin-bottom:6px;line-height:1.5}.invite-info-card li:last-child{margin-bottom:0}[data-theme=dark] .invite-info-card li{color:#a0a0a0}@media(max-width:768px){.artist-settings-page{padding:88px 12px 12px}.artist-settings-page .content-section{padding:24px}.artist-settings-page .pill-tabs{padding:6px;gap:8px}.artist-settings-page .pill-tab{padding:8px 16px;font-size:14px}.card-art-upload-area{flex-direction:column;align-items:center}.card-art-actions{width:100%}.artist-settings-page .btn-primary,.artist-settings-page .btn-secondary{width:100%;justify-content:center}.invite-code-display{flex-direction:column;align-items:stretch;text-align:center}.invite-code-value{font-size:22px;letter-spacing:2px}.invite-copy-btn{justify-content:center}.invite-progress-text{flex-direction:column;gap:4px}.invite-stats{flex-direction:column;gap:8px}}.toggle-switch-container{display:flex;align-items:center;gap:12px;margin-bottom:8px}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:14px;color:#666}[data-theme=dark] .toggle-label{color:#a0a0a0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.price-input-wrapper{display:flex;align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden}[data-theme=dark] .price-input-wrapper{background:#2a2a2a;border-color:#3a3a3a}.price-currency{padding:10px 12px;background:#e0e0e0;color:#666;font-weight:600}[data-theme=dark] .price-currency{background:#3a3a3a;color:#a0a0a0}.price-input-wrapper .price-input{border:none!important;background:transparent!important;flex:1}.sales-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:2px solid #e0e0e0;border-radius:8px;background:transparent;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=dark] .filter-btn{border-color:#3a3a3a;color:#a0a0a0}.filter-btn:hover{border-color:#ff6723;color:#ff6723}.filter-btn.active{background:#ff6723;border-color:#ff6723;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:#f5f5f5;border-radius:12px}[data-theme=dark] .empty-state{background:#1a1a1a}.empty-state i{font-size:48px;color:#ccc;margin-bottom:16px}[data-theme=dark] .empty-state i{color:#3a3a3a}.empty-state h3{margin:0 0 8px;font-size:18px;color:#333}[data-theme=dark] .empty-state h3{color:#fff}.empty-state p{margin:0;color:#666;max-width:300px}[data-theme=dark] .empty-state p{color:#a0a0a0}.sales-list{display:flex;flex-direction:column;gap:12px}.sale-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}[data-theme=dark] .sale-card{background:#1a1a1a;border-color:#3a3a3a}.sale-info{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sale-item-details{flex:1}.sale-type{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:6px}.sale-type i{font-size:10px}.sale-item-details h4{margin:0 0 4px;font-size:15px;color:#333}[data-theme=dark] .sale-item-details h4{color:#fff}.sale-buyer{margin:0;font-size:12px;color:#888}.sale-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sale-amount{font-size:18px;font-weight:700;color:#10b981}.sale-status{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:4px}.sale-status.status-completed,.sale-status.status-delivered{background:#10b9811a;color:#10b981}.sale-status.status-pending{background:#f59e0b1a;color:#f59e0b}.sale-actions{padding-top:12px;border-top:1px solid #e0e0e0}[data-theme=dark] .sale-actions{border-color:#3a3a3a}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}[data-theme=dark] .btn-secondary{background:#2a2a2a;border-color:#3a3a3a;color:#fff}.btn-secondary:hover:not(:disabled){border-color:#ff6723;color:#ff6723}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.form-row{grid-template-columns:1fr}.sale-info{flex-direction:column}.sale-meta{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}.domain-list{margin-top:16px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.domain-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff08;border-radius:6px;margin-bottom:8px;border:1px solid rgba(255,255,255,.05)}.domain-item:last-child{margin-bottom:0}.domain-item i{font-size:14px}.domain-item span{flex:1;font-size:14px;color:var(--text-primary);font-family:JetBrains Mono,monospace}.domain-remove-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.domain-remove-btn:hover{background:#ff00001a;border-color:#f44;color:#f44}.domain-remove-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .domain-list{background:#252525;border-color:#ffffff0d}[data-theme=dark] .domain-item{background:#ffffff0d;border-color:#ffffff14}.downloads-page{min-height:100vh;background:#fff;padding:100px 40px 50px}.downloads-hero{text-align:center;max-width:900px;margin:0 auto 50px}.downloads-title{font-family:Work Sans,sans-serif;font-size:3rem;font-weight:700;color:#2b2b2b;margin:0 0 15px;letter-spacing:.02em}.downloads-subtitle{font-family:Work Sans,sans-serif;font-size:1.1rem;color:#666;margin:0;line-height:1.6}.downloads-tabs{display:flex;justify-content:center;gap:15px;margin:0 auto 40px;max-width:800px}.download-tab{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:600;color:#666;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:15px 30px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.download-tab i{font-size:1.2rem}.download-tab:hover{border-color:#ff6723;color:#ff6723;transform:translateY(-2px)}.download-tab.active{background:linear-gradient(135deg,#ff6723,#ff4500);border-color:#ff6723;color:#fff;box-shadow:0 4px 12px #ff67234d}.downloads-content-wrapper{max-width:1000px;margin:0 auto}.download-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.download-header{text-align:center;margin-bottom:40px}.download-header h2{font-family:Work Sans,sans-serif;font-size:2.2rem;font-weight:700;color:#2b2b2b;margin:0 0 10px}.download-header p{font-family:Work Sans,sans-serif;font-size:1.05rem;color:#666;margin:0}.download-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}.download-info-column h3{font-family:Work Sans,sans-serif;font-size:1.1rem;font-weight:700;color:#2b2b2b;margin:0 0 15px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #FF6723;padding-bottom:8px;display:inline-block}.requirements-list,.install-steps{font-family:Work Sans,sans-serif;font-size:.95rem;color:#666;line-height:1.8;margin:0 0 30px;padding-left:20px}.requirements-list li,.install-steps li{margin-bottom:8px}.requirements-list{list-style:none;padding-left:0}.requirements-list li:before{content:"✓ ";color:#ff6723;font-weight:700;margin-right:8px}.install-steps{counter-reset:step-counter;list-style:none;padding-left:0}.install-steps li{counter-increment:step-counter;position:relative;padding-left:30px}.install-steps li:before{content:counter(step-counter) ".";position:absolute;left:0;color:#ff6723;font-weight:700}.install-guide-link{font-family:Work Sans,sans-serif;font-size:.9rem;color:#ff6723;font-weight:600;text-decoration:none;transition:color .2s ease}.install-guide-link:hover{color:#ff4500;text-decoration:underline}.download-action-column{display:flex;flex-direction:column;gap:20px}.desktop-app-thumbnails{display:flex;gap:8px;margin-bottom:12px}.desktop-thumbnail{width:calc(50% - 4px);height:auto;border-radius:4px;border:1px solid #e0e0e0;box-shadow:0 1px 4px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.desktop-thumbnail:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.version-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.version-info-row{font-family:Work Sans,sans-serif;font-size:.75rem;display:flex;justify-content:space-between;align-items:center;line-height:1.4}.version-info-row .label{color:#666;font-weight:500;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.version-info-row .value{color:#2b2b2b;font-weight:700}.download-button-large{font-family:Work Sans,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6723,#ff4500);border:none;border-radius:8px;padding:18px 36px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px #ff67234d;text-decoration:none;width:100%;box-sizing:border-box}.download-button-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff672366}.download-button-large:active{transform:translateY(0)}.download-button-large i{font-size:1.2rem}.download-button-disabled{background:linear-gradient(135deg,#999,#777);cursor:not-allowed;opacity:.6;box-shadow:none}.download-button-disabled:hover{transform:none;box-shadow:none}.download-button-steam{background:linear-gradient(135deg,#171a21,#2a475e);box-shadow:0 4px 12px #171a214d}.download-button-steam:hover{box-shadow:0 6px 20px #171a2166}.download-button-signup{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.download-button-signup:hover{box-shadow:0 6px 20px #6366f166}.download-button-artists{font-size:1rem;padding:16px 32px}.email-box{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:30px;text-align:center}.email-box h3{font-family:Work Sans,sans-serif;font-size:2rem;font-weight:700;color:#2b2b2b;margin:0 0 10px;letter-spacing:.02em}.email-box p{font-family:Work Sans,sans-serif;font-size:.95rem;color:#666;margin:0}.artist-notice{background:#e8f4ff;border:1px solid #4a90e2;border-radius:6px;padding:14px 16px;margin:15px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.artist-notice-text{font-family:Work Sans,sans-serif;font-size:.85rem;color:#2b2b2b;margin:0;line-height:1.6;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.artist-notice-text i{color:#4a90e2;font-size:1rem;flex-shrink:0}.artist-notice-text span{display:inline}.artist-notice-button{font-family:Work Sans,sans-serif;font-size:.8rem;font-weight:600;color:#ff6723;background:#fff;border:2px solid #FF6723;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.artist-notice-button i{font-size:.85rem}.artist-notice-button:hover{background:#ff6723;color:#fff;transform:translateY(-1px)}.terms-text{font-family:Work Sans,sans-serif;font-size:.75rem;color:#999;text-align:center;margin:0;line-height:1.5}.terms-text a{color:#ff6723;text-decoration:none}.terms-text a:hover{text-decoration:underline}.warning-box{background:#fff3e0;border:2px solid #FF6723;border-radius:8px;padding:15px;display:flex;gap:12px;align-items:flex-start}.warning-box i{color:#ff6723;font-size:1.2rem;flex-shrink:0;margin-top:2px}.warning-box strong{font-family:Work Sans,sans-serif;font-size:.85rem;color:#2b2b2b;display:block;margin-bottom:6px;letter-spacing:.05em}.warning-box p{font-family:Work Sans,sans-serif;font-size:.8rem;color:#666;margin:0;line-height:1.6}.downloads-footer{text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid #e0e0e0}.downloads-footer p{font-family:Work Sans,sans-serif;font-size:.95rem;color:#666;margin:0}.downloads-footer a{color:#ff6723;text-decoration:none;font-weight:600}.downloads-footer a:hover{text-decoration:underline}.features-page{min-height:100vh;background:#171717;padding-bottom:60px}[data-theme=light] .features-page{background:#f8f8f8}.features-hero{background:linear-gradient(180deg,#121212,#171717);padding:100px 40px 60px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .features-hero{background:linear-gradient(180deg,#fff,#f8f8f8);border-bottom-color:#e8e8e8}.hero-eyebrow{color:#888;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;display:block}[data-theme=light] .hero-eyebrow{color:#666}.features-hero h1{font-family:Work Sans,sans-serif;font-size:3.5rem;font-weight:700;margin:0 0 24px;line-height:1.1;color:#fff}[data-theme=light] .features-hero h1{color:#2b2b2b}.gradient-text{background:linear-gradient(135deg,#ff6723,#ff8f5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:Work Sans,sans-serif;font-size:1.2rem;color:#888;max-width:600px;margin:0 auto 48px;line-height:1.6}[data-theme=light] .hero-subtitle{color:#666}.split-choice{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto}.split-choice.triple{grid-template-columns:1fr 1fr 1fr;max-width:1000px}.choice-box{padding:40px 32px;border-radius:16px;text-align:center;transition:all .3s;cursor:pointer;position:relative}.coming-soon-tag{position:absolute;top:12px;right:12px;background:#3b82f6;color:#fff;font-family:Work Sans,sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.choice-box.artist{background:linear-gradient(135deg,#ff672326,#ff67230d);border:2px solid rgba(255,103,35,.3)}.choice-box.artist:hover,.choice-box.artist.selected{border-color:#ff6723;transform:translateY(-4px);box-shadow:0 12px 32px #ff672340}.choice-box.artist.selected{background:linear-gradient(135deg,#ff672340,#ff67231a)}.choice-box.watcher{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:2px solid rgba(76,175,80,.3)}.choice-box.watcher:hover,.choice-box.watcher.selected{border-color:#4caf50;transform:translateY(-4px);box-shadow:0 12px 32px #4caf5040}.choice-box.watcher.selected{background:linear-gradient(135deg,#4caf5040,#4caf501a)}.choice-box.institution{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:2px solid rgba(59,130,246,.3)}.choice-box.institution:hover,.choice-box.institution.selected{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 32px #3b82f640}.choice-box.institution.selected{background:linear-gradient(135deg,#3b82f640,#3b82f61a)}.choice-box.dimmed{opacity:.4;transform:scale(.98)}.choice-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.artist .choice-icon{background:#ff672333;color:#ff6723}.watcher .choice-icon{background:#4caf5033;color:#4caf50}.institution .choice-icon{background:#3b82f633;color:#3b82f6}.choice-box h3{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 8px;color:#fff}[data-theme=light] .choice-box h3{color:#2b2b2b}.choice-box p{font-family:Work Sans,sans-serif;color:#888;font-size:.9rem;margin:0 0 20px}.choice-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-family:Work Sans,sans-serif;font-weight:600;font-size:.95rem;transition:all .2s}.artist .choice-btn{background:#ff6723;color:#fff}.artist .choice-btn:hover{background:#ff8040}.watcher .choice-btn{background:#4caf50;color:#fff}.watcher .choice-btn:hover{background:#66bb6a}.institution .choice-btn{background:#3b82f6;color:#fff}.institution .choice-btn:hover{background:#60a5fa}.selection-indicator{text-align:center;padding:20px;margin-top:32px;animation:fadeIn .3s ease}.selection-indicator p{font-family:Work Sans,sans-serif;color:#888;font-size:.9rem;margin:0}.selection-indicator strong.artist{color:#ff6723}.selection-indicator strong.watcher{color:#4caf50}.switch-link{color:#ff6723;cursor:pointer;text-decoration:underline}.switch-link:hover{color:#ff8040}.features-section{padding:80px 40px;max-width:1200px;margin:0 auto;background:transparent}.features-page .section-header{text-align:center;margin-bottom:48px}.features-page .section-header h2{font-family:Work Sans,sans-serif;font-size:2rem;font-weight:700;margin:0 0 12px;color:#fff}[data-theme=light] .features-page .section-header h2{color:#2b2b2b}.features-page .section-header p{font-family:Work Sans,sans-serif;color:#888;font-size:1.05rem;margin:0}.features-page .section-intro{font-family:Work Sans,sans-serif;color:#aaa;font-size:1rem;line-height:1.6;text-align:center;max-width:800px;margin:24px auto 32px}[data-theme=light] .features-page .section-intro{color:#666}.section-dark{background:#0003;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);padding:80px 40px;max-width:none}.section-dark .section-header,.section-dark .revenue-highlight,.section-dark .subscription-highlight,.section-dark .benefits-grid{max-width:1200px;margin-left:auto;margin-right:auto}[data-theme=light] .section-dark{background:#00000006;border-color:#0000000f}.artist-content .section-dark{background:linear-gradient(180deg,#ff67230a,#0003)}.watcher-content .section-dark{background:linear-gradient(180deg,#4caf500a,#0003)}.institution-content .section-dark{background:linear-gradient(180deg,#3b82f60a,#0003)}[data-theme=light] .artist-content .section-dark{background:linear-gradient(180deg,#ff672314,#00000005)}[data-theme=light] .watcher-content .section-dark{background:linear-gradient(180deg,#4caf5014,#00000005)}[data-theme=light] .institution-content .section-dark{background:linear-gradient(180deg,#3b82f614,#00000005)}.how-column{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;max-width:600px;margin:0 auto}[data-theme=light] .how-column{background:#fff;border-color:#e0e0e0}.how-column.artist{border-color:#ff67234d}.how-column.watcher{border-color:#4caf504d}.how-header{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #333}[data-theme=light] .how-header{border-bottom-color:#e0e0e0}.artist .how-header{background:#ff67231a}.watcher .how-header{background:#4caf501a}.how-header-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.artist .how-header-icon{background:#ff672333;color:#ff6723}.watcher .how-header-icon{background:#4caf5033;color:#4caf50}.how-header h3{font-family:Work Sans,sans-serif;font-size:1.15rem;font-weight:600;margin:0;color:#fff}[data-theme=light] .how-header h3{color:#2b2b2b}.how-steps{padding:24px}.how-step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #333}[data-theme=light] .how-step{border-bottom-color:#e0e0e0}.how-step:last-child{border-bottom:none}.step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Work Sans,sans-serif;font-weight:700;font-size:.85rem;flex-shrink:0;color:#fff}.artist .step-num{background:#ff6723}.watcher .step-num{background:#4caf50}.step-content h4{font-family:Work Sans,sans-serif;font-size:.95rem;font-weight:600;margin:0 0 4px;color:#fff}[data-theme=light] .step-content h4{color:#2b2b2b}.step-content p{font-family:Work Sans,sans-serif;color:#888;font-size:.85rem;line-height:1.5;margin:0}.how-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto}.how-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px 32px;text-align:center;position:relative}[data-theme=light] .how-card{background:#fff;border-color:#e0e0e0}.how-number{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Work Sans,sans-serif;font-weight:700;font-size:.9rem;color:#fff}.how-cards.artist .how-number{background:#ff6723}.how-cards.watcher .how-number{background:#4caf50}.how-cards.institution .how-number{background:#3b82f6}.how-icon{margin-bottom:20px}.how-cards.artist .how-icon{color:#ff6723}.how-cards.watcher .how-icon{color:#4caf50}.how-cards.institution .how-icon{color:#3b82f6}.how-card h4{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 12px;color:#fff}[data-theme=light] .how-card h4{color:#2b2b2b}.how-card p{font-family:Work Sans,sans-serif;color:#888;font-size:.95rem;line-height:1.6;margin:0}.revenue-highlight{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:2px solid #4CAF50;border-radius:20px;padding:48px;text-align:center;margin-top:64px;margin-bottom:48px}.revenue-highlight h3{font-family:Work Sans,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 16px;color:#fff}[data-theme=light] .revenue-highlight h3{color:#2b2b2b}.revenue-highlight h3 span{color:#4caf50}.revenue-highlight>p{font-family:Work Sans,sans-serif;color:#888;font-size:1rem;max-width:600px;margin:0 auto 24px;line-height:1.6}.highlight-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.highlight-feature{display:flex;align-items:center;gap:8px;font-family:Work Sans,sans-serif;color:#ccc}[data-theme=light] .highlight-feature{color:#555}.revenue-highlight .highlight-feature svg{color:#ff6723}[data-theme=light] .revenue-highlight{background:linear-gradient(135deg,#4caf501f,#4caf500a);border-color:#4caf5080}.revenue-intro{font-family:Work Sans,sans-serif;color:#aaa;font-size:1rem;max-width:600px;margin:0 auto 32px;line-height:1.6}[data-theme=light] .revenue-intro{color:#666}.revenue-split-visual{max-width:600px;margin:0 auto 32px}.revenue-visual-title{font-family:Work Sans,sans-serif;font-size:1.1rem;font-weight:600;color:#4caf50;margin:0 0 12px;text-align:center}[data-theme=light] .revenue-visual-title{color:#2e7d32}.revenue-bar{display:flex;height:80px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d;margin-bottom:12px}.revenue-segment{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .3s ease}.revenue-segment:hover{transform:scale(1.02)}.revenue-segment.artist{flex:70;background:linear-gradient(135deg,#4caf50,#66bb6a)}.revenue-segment.artist-full{flex:100;background:linear-gradient(135deg,#4caf50,#66bb6a)}.revenue-segment.platform{flex:30;background:linear-gradient(135deg,#444,#666)}.revenue-percentage{font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:800;color:#fff}.revenue-label{font-family:Work Sans,sans-serif;font-size:.9rem;font-weight:600;color:#ffffffe6}.revenue-note{font-family:Work Sans,sans-serif;font-size:.85rem;color:#888;text-align:center;font-style:italic}[data-theme=light] .revenue-note{color:#666}.revenue-details{display:flex;flex-direction:column;gap:16px;max-width:700px;margin:0 auto;text-align:left}.revenue-detail-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#4caf5014;border:1px solid rgba(76,175,80,.2);border-radius:10px}[data-theme=light] .revenue-detail-item{background:#4caf5014;border-color:#4caf5040}.revenue-detail-item svg{color:#4caf50;flex-shrink:0;margin-top:2px}.revenue-disclaimer{font-family:Work Sans,sans-serif;font-size:.85rem;color:#888;text-align:center;font-style:italic;max-width:700px;margin:32px auto 0}[data-theme=light] .revenue-disclaimer{color:#666}.revenue-detail-item span{font-family:Work Sans,sans-serif;font-size:.95rem;line-height:1.6;color:#ccc}[data-theme=light] .revenue-detail-item span{color:#555}.revenue-detail-item strong{color:#fff}[data-theme=light] .revenue-detail-item strong{color:#2b2b2b}.revenue-split-visual.institutional{margin-top:32px}.institutional-flow{padding:40px 32px;margin-bottom:12px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:16px}[data-theme=light] .institutional-flow{background:#3b82f61a;border-color:#3b82f640}.flow-row{display:flex;justify-content:center;margin-bottom:32px}.flow-row.dual{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:700px;margin:0 auto}.flow-source{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#3b82f626;border:2px solid rgba(59,130,246,.4);border-radius:16px;max-width:280px}[data-theme=light] .flow-source{background:#3b82f61f;border-color:#3b82f680}.flow-source svg{color:#3b82f6;flex-shrink:0}.flow-source span{font-family:Work Sans,sans-serif;font-size:1.15rem;font-weight:700;text-align:center;color:#fff;line-height:1.4}[data-theme=light] .flow-source span{color:#2b2b2b}.flow-sublabel{font-family:Work Sans,sans-serif;font-size:.85rem;font-weight:400;text-align:center;color:#888;line-height:1.4;margin:0}[data-theme=light] .flow-sublabel{color:#666}.flow-divider{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding:0 40px}.flow-line{flex:1;height:2px;background:linear-gradient(to right,transparent,#3B82F6,transparent)}.flow-label{font-family:Work Sans,sans-serif;font-size:.9rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.flow-destination{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;border-radius:14px;border:2px solid}.flow-destination.platform{background:#6366f11a;border-color:#6366f166}[data-theme=light] .flow-destination.platform{background:#6366f114;border-color:#6366f180}.flow-destination.platform svg{color:#6366f1}.flow-destination.artist{background:#4caf501a;border-color:#4caf5066}[data-theme=light] .flow-destination.artist{background:#4caf5014;border-color:#4caf5080}.flow-destination.artist svg{color:#4caf50}.flow-destination span{font-family:Work Sans,sans-serif;font-size:1rem;font-weight:700;text-align:center;color:#fff;line-height:1.4}[data-theme=light] .flow-destination span{color:#2b2b2b}@media(max-width:768px){.institutional-flow{padding:32px 20px}.flow-row.dual{grid-template-columns:1fr;gap:20px}.flow-divider{flex-direction:column;gap:12px;padding:0 20px}.flow-line{width:2px;height:30px;background:linear-gradient(to bottom,transparent,#3B82F6,transparent)}.flow-source{max-width:100%}}.subscription-highlight{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:2px solid #4CAF50;border-radius:20px;padding:48px;text-align:center;margin-bottom:48px}.subscription-highlight h3{font-family:Work Sans,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 16px;color:#fff}[data-theme=light] .subscription-highlight h3{color:#2b2b2b}.subscription-highlight h3 span{color:#4caf50}.subscription-highlight>p{font-family:Work Sans,sans-serif;color:#888;font-size:1rem;max-width:600px;margin:0 auto 24px;line-height:1.6}.subscription-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.sub-feature{display:flex;align-items:center;gap:8px;font-family:Work Sans,sans-serif;color:#ccc}[data-theme=light] .sub-feature{color:#555}.sub-feature svg{color:#4caf50}[data-theme=light] .subscription-highlight{background:linear-gradient(135deg,#4caf501f,#4caf500a);border-color:#4caf5080}.institution-highlight{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:2px solid #3B82F6;border-radius:20px;padding:48px;text-align:center;margin-bottom:48px}.institution-highlight h3{font-family:Work Sans,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 16px;color:#fff}[data-theme=light] .institution-highlight h3{color:#2b2b2b}.institution-highlight h3 span{color:#3b82f6}.institution-highlight>p{font-family:Work Sans,sans-serif;color:#888;font-size:1rem;max-width:600px;margin:0 auto 24px;line-height:1.6}.institution-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.inst-feature{display:flex;align-items:center;gap:8px;font-family:Work Sans,sans-serif;color:#ccc}[data-theme=light] .inst-feature{color:#555}.inst-feature svg{color:#3b82f6}[data-theme=light] .institution-highlight{background:linear-gradient(135deg,#3b82f61f,#3b82f60a);border-color:#3b82f680}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px;transition:all .3s;position:relative}[data-theme=light] .benefit-card{background:#fff;border-color:#e0e0e0}.benefit-card:hover{border-color:#ff6723;transform:translateY(-4px)}.watcher-benefits .benefit-card:hover{border-color:#4caf50}.benefit-card.coming-soon .coming-soon-badge{position:absolute;top:12px;right:12px}.benefit-icon{width:48px;height:48px;background:#ff67231a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#ff6723}.watcher-benefits .benefit-icon{background:#4caf501a;color:#4caf50}.institution-benefits .benefit-card:hover{border-color:#3b82f6}.institution-benefits .benefit-icon{background:#3b82f61a;color:#3b82f6}.enterprise-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.enterprise-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px 16px;text-align:center;transition:all .3s}[data-theme=light] .enterprise-item{background:#fff;border-color:#e0e0e0}.enterprise-item:hover{border-color:#3b82f6;transform:translateY(-4px)}.enterprise-item svg{color:#3b82f6;margin-bottom:12px}.enterprise-item h4{font-family:Work Sans,sans-serif;font-size:.95rem;font-weight:600;margin:0 0 4px;color:#fff}[data-theme=light] .enterprise-item h4{color:#2b2b2b}.enterprise-item p{font-family:Work Sans,sans-serif;color:#666;font-size:.8rem;margin:0}.benefit-card h4{font-family:Work Sans,sans-serif;font-size:1.05rem;font-weight:600;margin:0 0 8px;color:#fff}[data-theme=light] .benefit-card h4{color:#2b2b2b}.benefit-card p{font-family:Work Sans,sans-serif;color:#888;font-size:.9rem;line-height:1.6;margin:0}.requirements-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;max-width:800px;margin:0 auto}[data-theme=light] .requirements-box{background:#fff;border-color:#e0e0e0}.requirements-box h3{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:10px;color:#fff}[data-theme=light] .requirements-box h3{color:#2b2b2b}.requirements-box h3 svg{color:#ff6723}.req-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.req-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a1a;border-radius:8px}[data-theme=light] .req-item{background:#f5f5f5}.req-item svg{color:#4caf50;flex-shrink:0}.req-item span{font-family:Work Sans,sans-serif;color:#ccc;font-size:.9rem}[data-theme=light] .req-item span{color:#555}.watch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.watch-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px 16px;text-align:center;transition:all .3s}[data-theme=light] .watch-item{background:#fff;border-color:#e0e0e0}.watch-item:hover{border-color:#4caf50;transform:translateY(-4px)}.watch-item svg{color:#4caf50;margin-bottom:12px}.watch-item h4{font-family:Work Sans,sans-serif;font-size:.95rem;font-weight:600;margin:0 0 4px;color:#fff}[data-theme=light] .watch-item h4{color:#2b2b2b}.watch-item p{font-family:Work Sans,sans-serif;color:#666;font-size:.8rem;margin:0}.cta-section{padding:80px 40px;text-align:center}.artist-cta{background:linear-gradient(180deg,transparent 0%,rgba(255,103,35,.08) 50%,transparent 100%)}.watcher-cta{background:linear-gradient(180deg,transparent 0%,rgba(76,175,80,.08) 50%,transparent 100%)}[data-theme=light] .artist-cta{background:linear-gradient(180deg,transparent 0%,rgba(255,103,35,.1) 50%,transparent 100%)}[data-theme=light] .watcher-cta{background:linear-gradient(180deg,transparent 0%,rgba(76,175,80,.1) 50%,transparent 100%)}.institution-cta{background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.08) 50%,transparent 100%)}[data-theme=light] .institution-cta{background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.1) 50%,transparent 100%)}.cta-section h2{font-family:Work Sans,sans-serif;font-size:2.25rem;font-weight:700;margin:0 0 12px;color:#fff}[data-theme=light] .cta-section h2{color:#2b2b2b}.cta-section>p{font-family:Work Sans,sans-serif;color:#888;margin:0 0 32px;font-size:1.1rem}.cta-buttons{display:flex;gap:16px;justify-content:center}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:10px;font-family:Work Sans,sans-serif;font-weight:600;font-size:1.05rem;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.cta-btn.primary{background:#ff6723;color:#fff}.cta-btn.primary:hover{background:#ff8040;transform:translateY(-2px)}.cta-btn.secondary{background:#4caf50;color:#fff}.cta-btn.secondary:hover{background:#66bb6a;transform:translateY(-2px)}.cta-btn.tertiary{background:#3b82f6;color:#fff}.cta-btn.tertiary:hover{background:#60a5fa;transform:translateY(-2px)}.cta-btn.outline{background:transparent;border:2px solid #444;color:#ccc}[data-theme=light] .cta-btn.outline{border-color:#ddd;color:#666}.cta-btn.outline:hover{border-color:#666;color:#fff}[data-theme=light] .cta-btn.outline:hover{border-color:#999;color:#333}.comparison-table{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden;max-width:900px;margin:0 auto}[data-theme=light] .comparison-table{background:#fff;border-color:#e0e0e0}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=light] .table-header{background:#f5f5f5;border-bottom-color:#e0e0e0}.table-header-cell{padding:24px 20px;text-align:center;font-family:Work Sans,sans-serif;font-weight:600;color:#fff}[data-theme=light] .table-header-cell{color:#2b2b2b}.table-header-cell:first-child{text-align:left;color:#888}.table-header-cell.highlight{background:#ff67231a;color:#ff6723}.watcher-content .table-header-cell.highlight{background:#4caf501a;color:#4caf50}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .table-row{border-bottom-color:#e0e0e0}.table-row:last-child{border-bottom:none}.table-cell{padding:20px;display:flex;align-items:center;justify-content:center;font-family:Work Sans,sans-serif}.table-cell:first-child{justify-content:flex-start;color:#ccc}[data-theme=light] .table-cell:first-child{color:#555}.table-cell.highlight{background:#ff67230d}.watcher-content .table-cell.highlight{background:#4caf500d}.check-icon{color:#4caf50;width:20px;height:20px}.cross-icon{color:#666;width:20px;height:20px}.partial{color:#ffc107;font-size:.85rem}.installation-explainer{display:flex;align-items:center;gap:40px;max-width:1000px;margin:0 auto;padding:48px 56px;background:linear-gradient(135deg,#ff672314,#ff672305);border:1px solid rgba(255,103,35,.2);border-radius:20px;position:relative;overflow:hidden}.installation-explainer:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#ff6723,#ff8f5a)}.installation-explainer.watcher{background:linear-gradient(135deg,#4caf5014,#4caf5005);border-color:#4caf5033}.installation-explainer.watcher:before{background:linear-gradient(180deg,#4caf50,#66bb6a)}.installation-explainer.institution{background:linear-gradient(135deg,#3b82f614,#3b82f605);border-color:#3b82f633}.installation-explainer.institution:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}[data-theme=light] .installation-explainer{background:linear-gradient(135deg,#ff672326,#ff67230a);border-color:#ff67234d}[data-theme=light] .installation-explainer.watcher{background:linear-gradient(135deg,#4caf5026,#4caf500a);border-color:#4caf504d}[data-theme=light] .installation-explainer.institution{background:linear-gradient(135deg,#3b82f626,#3b82f60a);border-color:#3b82f64d}.installation-icon{flex-shrink:0;width:88px;height:88px;background:#ff67231a;border-radius:18px;display:flex;align-items:center;justify-content:center}.installation-icon svg{color:#ff6723;width:48px;height:48px}.installation-explainer.watcher .installation-icon{background:#4caf501a}.installation-explainer.watcher .installation-icon svg{color:#4caf50}.installation-explainer.institution .installation-icon{background:#3b82f61a}.installation-explainer.institution .installation-icon svg{color:#3b82f6}.installation-content h3{font-family:Work Sans,sans-serif;font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 16px}[data-theme=light] .installation-content h3{color:#2b2b2b}.installation-content p{font-family:Work Sans,sans-serif;font-size:1.1rem;line-height:1.75;color:#aaa;margin:0}[data-theme=light] .installation-content p{color:#555}@media(max-width:768px){.installation-explainer{flex-direction:column;padding:32px 24px;gap:20px}.installation-icon{width:56px;height:56px}.installation-icon svg{width:32px;height:32px}.installation-content h3{font-size:1.2rem}.installation-content p{font-size:.95rem}}.display-showcase{max-width:900px;margin:0 auto;text-align:center}.display-showcase>p{font-family:Work Sans,sans-serif;font-size:1.1rem;line-height:1.75;color:#aaa;margin:0 0 40px}[data-theme=light] .display-showcase>p{color:#4a5568}.display-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.display-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:32px 24px;text-align:center}[data-theme=light] .display-item{background:#fff;border-color:#cbd5e0;box-shadow:0 2px 8px #0000000a}.display-item svg{width:40px;height:40px;color:#ff6723;margin-bottom:16px}.watcher-content .display-item svg{color:#4caf50}.display-item h4{font-family:Work Sans,sans-serif;font-size:1.1rem;font-weight:600;margin:0 0 8px;color:#fff}[data-theme=light] .display-item h4{color:#1a202c}.display-item p{font-family:Work Sans,sans-serif;font-size:.9rem;color:#888;margin:0}[data-theme=light] .display-item p{color:#718096}.art-permanence-section{padding:80px 40px}.permanence-comparison{display:flex;align-items:center;justify-content:center;gap:32px;max-width:900px;margin:0 auto 48px;padding:0 20px}.old-way-card,.new-way-card{flex:1;max-width:320px;padding:36px 28px;border-radius:20px;text-align:center;transition:all .3s ease}.old-way-card{background:linear-gradient(135deg,#f8717126,#ef444414);border:3px solid #f87171;box-shadow:0 8px 24px #f8717133;animation:fadePulse 3s ease-in-out infinite alternate}.new-way-card{background:linear-gradient(135deg,#66bb6a33,#4caf501a);border:3px solid #66BB6A;box-shadow:0 8px 30px #66bb6a66;animation:glowPulse 2s ease-in-out infinite}[data-theme=light] .old-way-card{background:linear-gradient(135deg,#f871711f,#ef44440f);border-color:#f87171}[data-theme=light] .new-way-card{background:linear-gradient(135deg,#66bb6a2e,#4caf5014);border-color:#66bb6a}@keyframes glowPulse{0%,to{box-shadow:0 8px 30px #66bb6a66;transform:scale(1)}50%{box-shadow:0 12px 50px #66bb6ab3;transform:scale(1.02)}}@keyframes fadePulse{0%,to{opacity:1}50%{opacity:.6}}.comparison-icon-large{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.old-way-card .comparison-icon-large{background:linear-gradient(135deg,#f871714d,#ef444426);color:#f87171}.new-way-card .comparison-icon-large{background:linear-gradient(135deg,#66bb6a4d,#4caf5026);color:#66bb6a}.permanence-comparison h3{font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 24px;color:#fff}[data-theme=light] .permanence-comparison h3{color:#2b2b2b}.permanence-comparison ul{list-style:none;padding:0;margin:0;text-align:left}.permanence-comparison li{font-family:Work Sans,sans-serif;font-size:1rem;line-height:1.8;color:#ccc;padding:12px 0 12px 32px;position:relative}[data-theme=light] .permanence-comparison li{color:#4a5568}.old-way-card li:before{content:"✗";position:absolute;left:0;color:#f87171;font-weight:700;font-size:1.3rem}.new-way-card li:before{content:"✓";position:absolute;left:0;color:#66bb6a;font-weight:700;font-size:1.3rem}.permanence-arrow{flex-shrink:0;color:#888}[data-theme=light] .permanence-arrow{color:#999}.permanence-cta{max-width:800px;margin:0 auto;text-align:center;padding:40px;background:linear-gradient(135deg,#66bb6a14,#4caf500a);border:2px solid rgba(102,187,106,.2);border-radius:16px}[data-theme=light] .permanence-cta{background:linear-gradient(135deg,#66bb6a1f,#4caf500f);border-color:#66bb6a4d}.permanence-cta p{font-family:Work Sans,sans-serif;font-size:1.15rem;line-height:1.8;color:#ccc;margin:0}[data-theme=light] .permanence-cta p{color:#2d3748}.permanence-cta strong{color:#fff}[data-theme=light] .permanence-cta strong{color:#2b2b2b}.permanence-displays{margin-top:20px;padding-top:20px;border-top:1px solid rgba(102,187,106,.2)}[data-theme=light] .permanence-displays{border-top-color:#66bb6a4d}@media(max-width:768px){.permanence-comparison{flex-direction:column;gap:24px}.permanence-arrow{transform:rotate(90deg)}.old-way-card,.new-way-card{padding:32px 24px}.comparison-icon-large{width:64px;height:64px}.comparison-icon-large svg{width:48px;height:48px}}.institutional-bridge-section{background:#0003;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);padding:80px 40px}[data-theme=light] .institutional-bridge-section{background:#00000006;border-color:#0000000f}.bridge-intro{max-width:700px;margin:0 auto 48px;text-align:center}.bridge-intro p{font-family:Work Sans,sans-serif;font-size:1.15rem;line-height:1.75;color:#aaa;margin:0}[data-theme=light] .bridge-intro p{color:#4a5568}.bridge-intro strong{color:#fff}[data-theme=light] .bridge-intro strong{color:#2b2b2b}.bridge-example{max-width:800px;margin:0 auto 56px;padding:48px;background:linear-gradient(135deg,#ff672314,#ff672305);border:2px solid rgba(255,103,35,.2);border-radius:20px;text-align:center}[data-theme=light] .bridge-example{background:linear-gradient(135deg,#ff67231f,#ff67230a);border-color:#ff67234d}.bridge-icon-large{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#ff672333,#ff67231a);display:flex;align-items:center;justify-content:center;color:#ff6723}.bridge-example h3{font-family:Work Sans,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 20px;color:#fff}[data-theme=light] .bridge-example h3{color:#2b2b2b}.bridge-example p{font-family:Work Sans,sans-serif;font-size:1.1rem;line-height:1.75;color:#ccc;margin:0}[data-theme=light] .bridge-example p{color:#4a5568}.bridge-example strong{color:#fff}[data-theme=light] .bridge-example strong{color:#2b2b2b}.bridge-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto 56px}.bridge-benefit{display:flex;align-items:flex-start;gap:16px;padding:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .3s}[data-theme=light] .bridge-benefit{background:#fff;border-color:#e0e0e0}.bridge-benefit:hover{border-color:#ff6723;transform:translateY(-4px);box-shadow:0 8px 24px #ff672333}.bridge-benefit svg{color:#4caf50;flex-shrink:0;margin-top:2px}.bridge-benefit strong{display:block;font-family:Work Sans,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:6px}[data-theme=light] .bridge-benefit strong{color:#2b2b2b}.bridge-benefit p{font-family:Work Sans,sans-serif;font-size:.95rem;line-height:1.6;color:#888;margin:0}[data-theme=light] .bridge-benefit p{color:#666}.bridge-scenarios{max-width:1000px;margin:0 auto}.bridge-scenarios h4{font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:600;text-align:center;color:#fff;margin:0 0 32px}[data-theme=light] .bridge-scenarios h4{color:#2b2b2b}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.scenario-card{padding:32px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;text-align:center;transition:all .3s}[data-theme=light] .scenario-card{background:#fff;border-color:#e0e0e0}.scenario-card:hover{border-color:#ff6723;transform:translateY(-4px);box-shadow:0 8px 24px #ff672333}.scenario-card svg{color:#ff6723;margin-bottom:16px}.scenario-card strong{display:block;font-family:Work Sans,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:8px}[data-theme=light] .scenario-card strong{color:#2b2b2b}.scenario-card p{font-family:Work Sans,sans-serif;font-size:.9rem;line-height:1.6;color:#888;margin:0}[data-theme=light] .scenario-card p{color:#666}@media(max-width:1024px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.bridge-benefits,.scenarios-grid{grid-template-columns:1fr}.bridge-example{padding:32px 24px}}.protection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto 40px}.protection-card{padding:32px 28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;text-align:center;transition:all .3s}[data-theme=light] .protection-card{background:#fff;border-color:#e0e0e0}.protection-card:hover{border-color:#ff6723;transform:translateY(-4px);box-shadow:0 8px 24px #ff672333}.protection-icon{width:64px;height:64px;margin:0 auto 20px;background:#ff67231a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff6723}.protection-card h3{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 16px}[data-theme=light] .protection-card h3{color:#2b2b2b}.protection-card p{font-family:Work Sans,sans-serif;font-size:.95rem;line-height:1.7;color:#aaa;margin:0}[data-theme=light] .protection-card p{color:#4a5568}.protection-footer{text-align:center;margin-top:24px}.security-link{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#ff6723;color:#fff;text-decoration:none;border-radius:8px;font-family:Work Sans,sans-serif;font-weight:600;font-size:1rem;transition:all .2s}.security-link:hover{background:#ff8040;transform:translateY(-2px)}.security-link svg{width:18px;height:18px}@media(max-width:768px){.protection-grid{grid-template-columns:1fr}}.homes-life-section{padding:80px 40px}.homes-intro{max-width:700px;margin:0 auto 48px;text-align:center}.homes-intro p{font-family:Work Sans,sans-serif;font-size:1.15rem;line-height:1.75;color:#aaa;margin:0}[data-theme=light] .homes-intro p{color:#4a5568}.homes-intro strong{color:#fff}[data-theme=light] .homes-intro strong{color:#2b2b2b}.homes-display-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto 56px}.display-location-card{padding:36px 28px;background:linear-gradient(135deg,#66bb6a14,#4caf5005);border:2px solid rgba(102,187,106,.2);border-radius:16px;text-align:center;transition:all .3s}[data-theme=light] .display-location-card{background:linear-gradient(135deg,#66bb6a1f,#4caf500a);border-color:#66bb6a4d}.display-location-card:hover{border-color:#66bb6a;transform:translateY(-4px);box-shadow:0 8px 24px #66bb6a4d}.location-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#66bb6a33,#4caf501a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#66bb6a}.display-location-card h3{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 12px}[data-theme=light] .display-location-card h3{color:#2b2b2b}.display-location-card p{font-family:Work Sans,sans-serif;font-size:.95rem;line-height:1.7;color:#aaa;margin:0}[data-theme=light] .display-location-card p{color:#4a5568}.homes-vs-social{display:flex;align-items:center;justify-content:center;gap:32px;max-width:900px;margin:0 auto}.vs-card{flex:1;padding:32px 28px;border-radius:16px;text-align:center}.vs-card.negative{background:linear-gradient(135deg,#f871711f,#ef44440f);border:2px solid #f87171}.vs-card.positive{background:linear-gradient(135deg,#66bb6a26,#4caf5014);border:2px solid #66BB6A}[data-theme=light] .vs-card.negative{background:linear-gradient(135deg,#f871711a,#ef44440d);border-color:#f87171}[data-theme=light] .vs-card.positive{background:linear-gradient(135deg,#66bb6a1f,#4caf500f);border-color:#66bb6a}.vs-card h4{font-family:Work Sans,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 12px}[data-theme=light] .vs-card h4{color:#2b2b2b}.vs-card p{font-family:Work Sans,sans-serif;font-size:1rem;line-height:1.6;color:#ccc;margin:0}[data-theme=light] .vs-card p{color:#4a5568}.vs-arrow{font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:700;color:#888;flex-shrink:0}@media(max-width:768px){.homes-display-grid{grid-template-columns:1fr}.homes-vs-social{flex-direction:column;gap:20px}.vs-arrow{transform:rotate(90deg)}}.coming-soon-section{position:relative;opacity:.85}.coming-soon-section .coming-soon-tag{position:absolute;top:20px;right:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-family:Work Sans,sans-serif;font-size:.75rem;font-weight:700;padding:8px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #6366f14d}[data-theme=light] .coming-soon-section .coming-soon-tag{box-shadow:0 4px 12px #6366f133}.coming-soon-badge{display:inline-block;font-family:Work Sans,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;line-height:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;margin-top:8px;white-space:nowrap}@media(max-width:768px){.display-grid{grid-template-columns:1fr;gap:16px}}.suprcanvas-intro{background:#0000004d;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:80px 40px}[data-theme=light] .suprcanvas-intro{background:#00000005;border-color:#00000014}.suprcanvas-header{text-align:center;margin-bottom:48px}.suprcanvas-title{font-family:Work Sans,sans-serif;font-size:3rem;font-weight:700;margin:0 0 8px;color:#fff}[data-theme=light] .suprcanvas-title{color:#2b2b2b}.suprcanvas-subtitle{font-family:Work Sans,sans-serif;font-size:1.5rem;color:#888;margin:0;font-weight:400}[data-theme=light] .suprcanvas-subtitle{color:#666}.suprcanvas-explanation{max-width:900px;margin:0 auto 60px;text-align:center}.suprcanvas-explanation p{font-family:Work Sans,sans-serif;font-size:1.15rem;line-height:1.75;color:#aaa;margin:0 0 20px}[data-theme=light] .suprcanvas-explanation p{color:#4a5568}.suprcanvas-explanation p:last-child{margin-bottom:0}.video-demo-section{max-width:1000px;margin:0 auto}.video-demo-section h3{font-family:Work Sans,sans-serif;font-size:1.75rem;font-weight:600;text-align:center;color:#fff;margin:0 0 12px}[data-theme=light] .video-demo-section h3{color:#2b2b2b}.video-intro{font-family:Work Sans,sans-serif;font-size:1.05rem;text-align:center;color:#888;max-width:800px;margin:0 auto 32px}[data-theme=light] .video-intro{color:#666}.video-container{position:relative;width:100%;margin:0 auto}.demo-video{width:100%;aspect-ratio:16 / 9;border-radius:16px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);background:#000;-o-object-fit:contain;object-fit:contain}[data-theme=light] .demo-video{box-shadow:0 8px 32px #00000026;border-color:#cbd5e0;background:#1a1a1a}.video-caption{font-family:Work Sans,sans-serif;text-align:center;color:#888;font-size:1rem;margin:20px 0 0;font-style:italic}[data-theme=light] .video-caption{color:#666}.desktop-app-link{color:#ff6723;text-decoration:none;font-weight:600;font-style:normal;transition:color .2s}.desktop-app-link:hover{color:#ff8040;text-decoration:underline}[data-theme=light] .desktop-app-link{color:#ff6723}[data-theme=light] .desktop-app-link:hover{color:#ff8040}.artist-content,.watcher-content,.institution-content{animation:fadeIn .4s ease}@media(max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}.watch-grid,.enterprise-grid{grid-template-columns:repeat(3,1fr)}.how-cards{grid-template-columns:repeat(3,1fr);gap:24px}.how-card{padding:36px 24px}}@media(max-width:768px){.suprcanvas-title{font-size:2.25rem}.suprcanvas-subtitle{font-size:1.15rem}.suprcanvas-explanation p{font-size:1rem}.video-demo-section h3{font-size:1.35rem}.video-intro{font-size:.95rem;margin-bottom:24px}.features-hero{padding:80px 24px 40px}.features-hero h1{font-size:2.5rem}.split-choice,.split-choice.triple{grid-template-columns:1fr;max-width:400px}.enterprise-grid{grid-template-columns:repeat(2,1fr)}.features-section,.section-dark{padding:60px 24px}.how-cards{grid-template-columns:1fr;max-width:400px;gap:40px}.how-card{padding:32px 24px}.how-card h4{font-size:1.1rem}.benefits-grid{grid-template-columns:1fr}.watch-grid{grid-template-columns:repeat(2,1fr)}.req-grid{grid-template-columns:1fr}.revenue-split{flex-direction:column;gap:16px}.revenue-divider{width:60px;height:2px}.revenue-label{text-align:center}.subscription-features,.institution-features{flex-direction:column;gap:12px}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px;justify-content:center}.comparison-table{overflow-x:auto}.table-header,.table-row{min-width:600px}.table-header-cell,.table-cell{padding:16px 12px;font-size:.85rem}}@media(max-width:480px){.features-hero h1{font-size:2rem}.watch-grid,.enterprise-grid{grid-template-columns:1fr}.choice-box{padding:32px 24px}}.feed-page{min-height:100vh;background:var(--bg-primary, #1a1a1a);padding:20px}.feed-page-content{max-width:1400px;margin:0 auto}.feed-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #333)}.feed-page-header-left{display:flex;align-items:center;gap:20px}.feed-page-header h1{font-family:Work Sans,sans-serif;font-size:24px;font-weight:700;color:var(--text-primary, #fff);margin:0}.feed-page-tabs{display:flex;gap:6px}.feed-page-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:20px;background:var(--card-bg, #222);color:var(--text-secondary, #888);border:1px solid var(--border-color, #333);cursor:pointer;font-family:Work Sans,sans-serif;font-size:13px;transition:all .2s ease}.feed-page-filter-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));border-color:var(--text-muted, #666);color:var(--text-primary, #fff)}.feed-page-tab{padding:8px 18px;border-radius:20px;cursor:pointer;color:var(--text-secondary, #888);font-family:Work Sans,sans-serif;font-weight:500;font-size:14px;transition:all .2s ease;background:transparent;border:1px solid transparent}.feed-page-tab:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.feed-page-tab.active{background:var(--accent-color, #FF6723);color:#fff}.feed-page-tab-description{margin-bottom:24px;padding:16px 20px;background:#222;border:1px solid #333;border-radius:12px}.feed-page-tab-description p{font-family:Work Sans,sans-serif;font-size:14px;font-weight:400;color:#888;margin:0;line-height:1.6}[data-theme=light] .feed-page-tab-description{background:#f8f9fa;border-color:#e5e7eb}[data-theme=light] .feed-page-tab-description p{color:#666}.feed-page-login-hint{color:#aaa}.feed-page-login-link{background:none;border:none;color:var(--accent-color, #FF6723);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;transition:color .2s ease}.feed-page-login-link:hover{color:#ff8a4d}[data-theme=light] .feed-page-login-hint{color:#666}.feed-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-secondary, #888)}.feed-page-loading i{font-size:32px;color:var(--accent-color, #FF6723)}.feed-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;text-align:center}.feed-page-error i{font-size:48px;color:var(--danger-color, #ef4444)}.feed-page-error span{color:var(--text-secondary, #888);font-size:16px}.feed-page-error button{background:var(--accent-color, #FF6723);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.feed-page-error button:hover{background:#ff8040}.feed-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.feed-page-empty-icon{width:80px;height:80px;background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feed-page-empty-icon i{font-size:32px;color:var(--text-secondary, #888)}.feed-page-empty h2{font-family:Work Sans,sans-serif;font-size:20px;font-weight:600;color:var(--text-primary, #fff);margin:0 0 8px}.feed-page-empty p{font-family:Work Sans,sans-serif;color:var(--text-secondary, #888);font-size:15px;margin:0 0 24px;max-width:320px}.feed-page-empty button{background:linear-gradient(135deg,var(--accent-color, #FF6723),#ff8f5a);color:#fff;border:none;padding:14px 28px;border-radius:24px;font-family:Work Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.feed-page-empty button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff672366}.feed-page-posts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.feed-page-posts{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.feed-page-posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.feed-page-posts{grid-template-columns:1fr}}.feed-page-load-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 20px;color:var(--text-secondary, #888);grid-column:1 / -1}.feed-page-load-more i{font-size:20px}.feed-page-end{text-align:center;padding:30px 20px;border-top:1px solid var(--border-color, #333);margin-top:16px;grid-column:1 / -1}.feed-page-end p{font-family:Work Sans,sans-serif;color:var(--text-muted, #666);font-size:14px;margin:0}.feed-page-edit-placeholder{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-bg, #222);border:1px solid var(--border-color, #333);border-radius:12px;padding:30px;text-align:center;z-index:1000}.feed-page-edit-placeholder p{font-family:Work Sans,sans-serif;color:var(--text-secondary, #888);margin:0 0 16px}.feed-page-edit-placeholder button{background:var(--accent-color, #FF6723);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-family:Work Sans,sans-serif;cursor:pointer}[data-theme=light] .feed-page{background:var(--bg-primary, #f5f5f5)}[data-theme=light] .feed-page-header h1,[data-theme=light] .feed-page-empty h2{color:var(--text-primary, #111827)}[data-theme=light] .feed-page-edit-placeholder{background:var(--card-bg, #ffffff)}@media(max-width:640px){.feed-page{padding:12px}.feed-page-content{max-width:100%}.feed-page-header{flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 16px;margin-bottom:16px}.feed-page-header-left{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.feed-page-header h1{font-size:20px}.feed-page-tabs{width:100%}.feed-page-tab{flex:1;text-align:center;padding:8px 12px;font-size:13px}.feed-page-filter-btn{width:100%;justify-content:center}}.about-page{min-height:100vh;background:#fff;padding:100px 40px 50px}.about-hero{text-align:center;max-width:900px;margin:0 auto 80px}.about-title{font-family:Work Sans,sans-serif;font-size:3.5rem;font-weight:700;color:#2b2b2b;margin:0 0 20px;letter-spacing:.02em}.about-tagline{font-family:Work Sans,sans-serif;font-size:1.3rem;color:#ff6723;margin:0 0 15px;font-weight:600}.about-description{font-family:Work Sans,sans-serif;font-size:1.1rem;color:#666;margin:0;line-height:1.8}.about-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px}.about-section{display:flex;flex-direction:column;gap:30px}.about-section-title{font-family:Work Sans,sans-serif;font-size:2rem;font-weight:700;color:#2b2b2b;margin:0;padding-bottom:15px;border-bottom:3px solid #FF6723;display:inline-block}.section-text{font-family:Work Sans,sans-serif;font-size:1.05rem;color:#666;line-height:1.8;margin:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:20px}.team-member{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.team-member:hover{border-color:#ff6723;transform:translateY(-4px);box-shadow:0 8px 24px #ff67231a}.member-name{font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:700;color:#2b2b2b;margin:0 0 8px}.member-role{font-family:Work Sans,sans-serif;font-size:.95rem;color:#ff6723;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 15px}.member-bio{font-family:Work Sans,sans-serif;font-size:.95rem;color:#666;line-height:1.7;margin:0}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-top:20px}.project-category{background:#f8f9fa;border-left:4px solid #FF6723;padding:30px;border-radius:8px}.category-title{font-family:Work Sans,sans-serif;font-size:1.3rem;font-weight:700;color:#2b2b2b;margin:0 0 20px;text-transform:uppercase;letter-spacing:.05em}.project-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.project-item{display:flex;flex-direction:column;gap:8px}.project-name{font-family:Work Sans,sans-serif;font-size:1.1rem;font-weight:700;color:#2b2b2b;margin:0}.project-description{font-family:Work Sans,sans-serif;font-size:.9rem;color:#666;line-height:1.6;margin:0}.tech-highlight{background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;padding:40px;border-radius:12px;margin-top:20px}.tech-highlight h3{font-family:Work Sans,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 15px;letter-spacing:.02em}.tech-highlight p{font-family:Work Sans,sans-serif;font-size:1.05rem;line-height:1.8;margin:0;opacity:.95}.supr-application-page-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px}.supr-application-form{max-width:600px;width:100%;margin:0;padding:20px;font-family:Work Sans,sans-serif}.supr-progress{width:100%;height:3px;background:#e0e0e0;border-radius:0;margin-bottom:40px;overflow:hidden}.supr-progress-bar{height:100%;background:linear-gradient(90deg,#ff6723,#ff4500);border-radius:0;transition:width .4s ease;width:0%}.supr-step{display:none;animation:fadeIn .5s ease}.supr-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.supr-question{font-size:26px;font-weight:400;margin-bottom:8px;color:#000;line-height:1.3}.supr-description{font-size:16px;color:#666;margin-bottom:32px;line-height:1.5;font-weight:300}.supr-input-group{margin-bottom:16px}.supr-input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #d0d0d0;border-radius:4px;transition:all .2s ease;font-family:inherit;box-sizing:border-box;background:#fafafa}.supr-input:focus{outline:none;border-color:#ff6723;background:#fff;box-shadow:0 0 0 3px #ff67231a}.supr-input.error{border-color:#d32f2f;background:#fff5f5}.supr-input-error{color:#d32f2f;font-size:13px;margin-top:4px;display:none}.supr-input-error.show{display:block}.supr-textarea{min-height:100px;resize:vertical}.supr-options{display:flex;flex-direction:column;gap:12px}.supr-option{position:relative;cursor:pointer;padding:14px 16px;border:2px solid transparent;border-radius:4px;transition:all .2s ease;background:#f5f5f5}.supr-option:hover{background:#ebebeb}.supr-option input[type=radio],.supr-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.supr-option input:checked+.supr-option-label{color:#000;font-weight:500}.supr-option.selected{background:#ff672314;border-color:#ff6723;box-shadow:0 0 12px #ff672340}.supr-option.selected:before{color:#000}.supr-option-label{display:flex;align-items:center;font-size:16px;color:#000;transition:all .2s ease}.supr-option-icon{font-size:20px;margin-right:10px}.supr-option-desc{font-size:14px;color:#666;margin-top:4px;margin-left:0}.supr-checkbox-group{display:grid;gap:12px}.supr-checkbox-item{position:relative;cursor:pointer;padding:14px 16px 14px 40px;border:2px solid transparent;border-radius:4px;transition:all .2s ease;background:#f5f5f5;display:block}.supr-checkbox-item:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid #999;border-radius:2px;background:#fff}.supr-checkbox-item:hover{background:#ebebeb}.supr-checkbox-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.supr-checkbox-item.checked{background:#ff672314;border-color:#ff6723;box-shadow:0 0 12px #ff672340}.supr-checkbox-item.checked:before{background:linear-gradient(135deg,#ff6723,#ff4500);border-color:#ff6723}.supr-checkbox-item.checked:after{content:"✓";position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#fff;font-size:12px;font-weight:700}.supr-checkbox-item span{font-size:16px;color:#000}.supr-buttons{display:flex;gap:12px;margin-top:40px}.supr-btn{padding:16px 32px;font-size:16px;font-weight:400;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit}.supr-btn-primary{background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;flex:1;box-shadow:0 4px 16px #ff67234d}.supr-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff672366}.supr-btn-secondary{background:transparent;color:#4a4a4a;padding:16px 24px;border:1px solid #d0d0d0}.supr-btn-secondary:hover{background:#f5f5f5}.supr-btn:disabled{opacity:.4;cursor:not-allowed}.supr-message{display:none;padding:16px;border-radius:12px;margin-bottom:16px;font-size:14px}.supr-message.show{display:block}.supr-message.error{background:transparent;color:#d32f2f;border:none;padding:12px 0;font-size:14px}.supr-message.error:before{content:"⚠";margin-right:8px;font-size:16px}.supr-message.success{background:#efe;color:#3c3;border:2px solid #cfc}.supr-message.info{background:linear-gradient(135deg,#ff672314,#ff45000d);color:#1a1a1a;border:2px solid #FF6723;border-radius:12px}.supr-message.info h3{color:#ff6723;font-weight:700;margin:0 0 12px}.supr-message.info strong{color:#ff6723}.supr-message.info p{margin:8px 0;line-height:1.6}.supr-message.warning{background:#fff3cd;color:#856404;border:2px solid #ffeaa7}.supr-success{display:none;text-align:center;padding:40px 20px}.supr-success.show{display:block}.supr-success-icon{font-size:60px;margin-bottom:16px}.supr-success h2{font-size:26px;color:#1a1a1a;margin-bottom:10px}.supr-success p{font-size:16px;color:#666;margin-bottom:20px}.supr-success>div:first-child{background:linear-gradient(135deg,#ff67231a,#ff45000d)!important;border:2px solid #FF6723!important;border-radius:12px!important;padding:25px!important;margin-bottom:24px!important}.supr-success>div:first-child h2{color:#ff6723!important;font-weight:700!important}.supr-success>div:first-child p{color:#1a1a1a!important}.supr-loading{display:none;text-align:center;padding:30px}.supr-loading.show{display:block}.supr-spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:991px){.supr-application-form{max-width:100%}}@media(max-width:768px){.supr-question{font-size:22px}.supr-buttons{flex-direction:column-reverse}.supr-btn{width:100%}}.supr-other-input{display:none;margin-top:10px}.supr-other-input.show{display:block}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;justify-content:center;align-items:center}.modal-overlay.show{display:flex}.modal-content{background:#fff;border-radius:12px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center}.modal-icon{font-size:64px;margin-bottom:16px}.modal-title{font-size:24px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.modal-message{font-size:16px;color:#666;margin-bottom:24px;line-height:1.6}.modal-btn{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;transition:all .2s ease;box-shadow:0 4px 16px #ff67234d}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff672366}.supr-invite-code-section{background:linear-gradient(135deg,#ff67230d,#ff450005);border:2px solid rgba(255,103,35,.2);border-radius:12px;padding:20px!important;margin-top:32px}.supr-invite-input-wrapper{position:relative}.supr-invite-input{padding-right:40px!important}.supr-invite-input:focus{border-color:#ff6723!important}.supr-invite-status{margin-top:8px;font-size:13px;display:flex;align-items:center;gap:8px;min-height:20px}.supr-invite-status.validating{color:#888}.supr-invite-status.valid{color:#16a34a}.supr-invite-status.invalid{color:#dc2626}.supr-invite-status i{font-size:14px}[data-theme=dark] .supr-invite-code-section{background:linear-gradient(135deg,#ff67231a,#ff45000d);border-color:#ff67234d}[data-theme=dark] .supr-invite-code-section label{color:#fff!important}[data-theme=dark] .supr-invite-code-section p{color:#e5e5e5!important}[data-theme=dark] .supr-invite-code-section span{color:#888!important}[data-theme=dark] .supr-invite-code-section div[style*="background:#d0d0d0"]{background:#444!important}[data-theme=dark] .supr-invite-code-section p{color:#a0a0a0!important}[data-theme=dark] .supr-invite-status.validating{color:#a0a0a0}[data-theme=dark] .supr-invite-status.valid{color:#4ade80}[data-theme=dark] .supr-invite-status.invalid{color:#f87171}[data-theme=dark] .supr-application-form{color:#e5e5e5}[data-theme=dark] .supr-progress{background:#2a2a2a}[data-theme=dark] .supr-progress-bar{background:linear-gradient(90deg,#ff6723,#ff4500)}[data-theme=dark] .supr-question{color:#fff}[data-theme=dark] .supr-description{color:#a0a0a0}[data-theme=dark] .supr-input{background:#1a1a1a;border-color:#3a3a3a;color:#fff}[data-theme=dark] .supr-input:focus{background:#ff67230d;border-color:#ff6723;box-shadow:0 0 0 3px #ff672326}[data-theme=dark] .supr-input option{background:#1a1a1a;color:#fff}[data-theme=dark] .supr-input.error{border-color:#ef4444;background:#2a1a1a}[data-theme=dark] .supr-input-error{color:#ef4444}[data-theme=dark] .supr-option{background:#1a1a1a;border-color:transparent}[data-theme=dark] .supr-option:hover{background:#242424}[data-theme=dark] .supr-option.selected{background:#ff672326;border-color:#ff6723;box-shadow:0 0 16px #ff672366}[data-theme=dark] .supr-option input:checked+.supr-option-label{color:#fff}[data-theme=dark] .supr-option-label{color:#fff}[data-theme=dark] .supr-option-desc{color:#a0a0a0}[data-theme=dark] .supr-checkbox-item{background:#1a1a1a;border-color:transparent}[data-theme=dark] .supr-checkbox-item:hover{background:#242424}[data-theme=dark] .supr-checkbox-item.checked{background:#ff672326;border-color:#ff6723;box-shadow:0 0 16px #ff672366}[data-theme=dark] .supr-checkbox-item:before{background:#1a1a1a;border-color:#666}[data-theme=dark] .supr-checkbox-item.checked:before{background:linear-gradient(135deg,#ff6723,#ff4500);border-color:#ff6723}[data-theme=dark] .supr-checkbox-item.checked:after{color:#fff}[data-theme=dark] .supr-checkbox-item span{color:#fff}[data-theme=dark] .supr-btn-primary{background:linear-gradient(135deg,#ff6723,#ff4500);color:#fff;box-shadow:0 4px 16px #ff672366}[data-theme=dark] .supr-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff672399}[data-theme=dark] .supr-btn-secondary{background:transparent;color:#e5e5e5;border-color:#3a3a3a}[data-theme=dark] .supr-btn-secondary:hover{background:#1a1a1a}[data-theme=dark] .supr-message.error{color:#ef4444}[data-theme=dark] .supr-message.success{background:#1a3a2a;color:#4ade80;border-color:#22c55e}[data-theme=dark] .supr-message.info{background:linear-gradient(135deg,#ff672326,#ff45001a);color:#e5e5e5;border:2px solid #FF6723;box-shadow:0 0 20px #ff672340}[data-theme=dark] .supr-message.info h3,[data-theme=dark] .supr-message.info strong{color:#ff6723}[data-theme=dark] .supr-message.info p{color:#e5e5e5}[data-theme=dark] .supr-message.warning{background:#3a2a1a;color:#fbbf24;border-color:#f59e0b}[data-theme=dark] .supr-success h2{color:#fff}[data-theme=dark] .supr-success p{color:#a0a0a0}[data-theme=dark] .supr-success>div:first-child{background:linear-gradient(135deg,#ff672333,#ff45001a)!important;border:2px solid #FF6723!important;box-shadow:0 0 20px #ff67234d!important}[data-theme=dark] .supr-success>div:first-child h2{color:#ff6723!important}[data-theme=dark] .supr-success>div:first-child p{color:#e5e5e5!important}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-content{background:#1a1a1a}[data-theme=dark] .modal-title{color:#fff}[data-theme=dark] .modal-message{color:#a0a0a0}[data-theme=dark] .modal-btn{background:linear-gradient(135deg,#ff6723,#ff4500);box-shadow:0 4px 16px #ff672366}[data-theme=dark] .modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff672399}[data-theme=dark] .supr-application-form label,[data-theme=dark] .supr-application-form p,[data-theme=dark] .supr-application-form h2,[data-theme=dark] .supr-application-form h3,[data-theme=dark] .supr-application-form h4,[data-theme=dark] .supr-application-form ol,[data-theme=dark] .supr-application-form li,[data-theme=dark] .supr-application-form summary,[data-theme=dark] .supr-application-form span{color:inherit!important}[data-theme=dark] .supr-application-form .supr-message.warning a,[data-theme=dark] .supr-application-form a{color:#60a5fa!important}[data-theme=dark] .supr-application-form .supr-question span[style*="color:#d32f2f"]{color:#ef4444!important}[data-theme=dark] .supr-application-form .supr-success h2,[data-theme=dark] .supr-application-form .supr-success h3,[data-theme=dark] .supr-application-form .supr-message.info h3{color:#fff!important}[data-theme=dark] .supr-application-form .supr-success p,[data-theme=dark] .supr-application-form .supr-message.info p,[data-theme=dark] .supr-application-form .supr-message.info ol,[data-theme=dark] .supr-application-form .supr-message.info li{color:#a0a0a0!important}[data-theme=dark] .supr-application-form .supr-message.info strong,[data-theme=dark] .supr-application-form [style*="color:#10b981"],[data-theme=dark] .supr-application-form [style*="color:#065f46"],[data-theme=dark] .supr-application-form [style*="color:#7c3aed"]{color:#ff6723!important}[data-theme=dark] .supr-application-form label[style*="color:#1a1a1a"]{color:#fff!important}[data-theme=dark] .supr-application-form p[style*="color:#666"]{color:#a0a0a0!important}.supr-application-form div[style*="background:#d1fae5"]{background:linear-gradient(135deg,#ff67231a,#ff45000d)!important;border:2px solid #FF6723!important;border-left:4px solid #FF6723!important}.supr-application-form div[style*="background:#d1fae5"] h3,.supr-application-form [style*="color:#10b981"]{color:#ff6723!important}.supr-application-form [style*="color:#065f46"]{color:#1a1a1a!important}.supr-application-form [style*="color:#7c3aed"]{color:#ff6723!important}.supr-application-form button[style*="background:#10b981"]{background:linear-gradient(135deg,#ff6723,#ff4500)!important;box-shadow:0 4px 16px #ff67234d!important}.supr-application-form button[style*="background:#10b981"]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff672366!important}.supr-application-form div[style*="background:#fde68a"]{background:linear-gradient(135deg,#ff67231a,#ff45000d)!important;border:2px solid #FF6723!important;border-left:4px solid #FF6723!important}.supr-application-form div[style*="background:#fde68a"] h3{color:#ff6723!important}.supr-application-form [style*="color:#d97706"],.supr-application-form [style*="color:#78350f"]{color:#1a1a1a!important}[data-theme=dark] .supr-application-form div[style*="background:#d1fae5"],[data-theme=dark] .supr-application-form div[style*="background:#fde68a"]{background:linear-gradient(135deg,#ff672333,#ff45001a)!important;border:2px solid #FF6723!important;border-left:4px solid #FF6723!important;box-shadow:0 0 20px #ff67234d!important}[data-theme=dark] .supr-application-form div[style*="background:#d1fae5"] h3,[data-theme=dark] .supr-application-form div[style*="background:#fde68a"] h3{color:#ff6723!important}[data-theme=dark] .supr-application-form [style*="color:#065f46"],[data-theme=dark] .supr-application-form [style*="color:#d97706"],[data-theme=dark] .supr-application-form [style*="color:#78350f"]{color:#e5e5e5!important}.supr-application-form details[style*="background:#f9fafb"]{background:#ff67230d!important;border:2px solid rgba(255,103,35,.2)!important}.supr-application-form details summary{color:#1a1a1a!important}[data-theme=dark] .supr-application-form details[style*="background:#f9fafb"]{background:#ff67231a!important;border:2px solid rgba(255,103,35,.3)!important}[data-theme=dark] .supr-application-form details summary{color:#e5e5e5!important}[data-theme=dark] .supr-application-form details h4{color:#ff6723!important}[data-theme=dark] .supr-application-form details ol,[data-theme=dark] .supr-application-form details li{color:#a0a0a0!important}.terms-page{min-height:100vh;background:#fff;padding:100px 40px 60px;margin-left:0}.terms-container{max-width:900px;margin:0 auto;font-family:Work Sans,sans-serif;color:#2b2b2b;line-height:1.8}.terms-container h1{font-size:2.5rem;font-weight:700;color:#2b2b2b;margin:40px 0 20px;letter-spacing:.02em}.terms-container h2{font-size:1.8rem;font-weight:700;color:#2b2b2b;margin:30px 0 15px;letter-spacing:.01em}.terms-container h3{font-size:1.3rem;font-weight:600;color:#ff6723;margin:25px 0 12px}.terms-container h4{font-size:1.1rem;font-weight:600;color:#666;margin:20px 0 10px}.terms-container p{font-size:1rem;color:#666;margin:8px 0;line-height:1.5}.last-updated{font-size:.9rem;color:#999;font-style:italic;margin:10px 0 30px}.terms-section{margin-bottom:40px}.terms-container ul,.terms-container ol{margin:10px 0;padding-left:20px;list-style-type:disc}.terms-container ol{list-style-type:decimal}.terms-container ul li,.terms-container ol li{font-size:1rem;color:#666;margin:4px 0;line-height:1.5;display:list-item}.terms-container ul ul,.terms-container ol ul{margin:6px 0;padding-left:20px;list-style-type:disc}.terms-container strong{color:#2b2b2b;font-weight:600}.end-notice{text-align:center;font-weight:700;color:#999;margin-top:40px;padding-top:20px;border-top:1px solid #e0e0e0}.purchase-success-page{min-height:100vh;background:var(--color-background, #0f0f1a);display:flex;align-items:center;justify-content:center;padding:2rem}.purchase-success-container{width:100%;max-width:500px}.purchase-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary, #888);text-align:center}.purchase-spinner{width:48px;height:48px;border:3px solid var(--color-border, #333);border-top-color:var(--color-primary, #10b981);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.purchase-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:var(--color-surface, #1a1a2e);border-radius:16px}.purchase-error i{font-size:3rem;color:#ef4444;margin-bottom:1rem}.purchase-error h2{margin:0 0 .5rem;color:var(--color-text, #fff)}.purchase-error p{margin:0 0 1.5rem;color:var(--color-text-secondary, #888)}.purchase-success-card{background:var(--color-surface, #1a1a2e);border-radius:16px;padding:2rem;text-align:center}.purchase-success-icon{margin-bottom:1.5rem}.purchase-success-icon i{font-size:4rem;color:#10b981}.purchase-success-card h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--color-text, #fff)}.purchase-success-subtitle{margin:0 0 2rem;color:var(--color-text-secondary, #888)}.purchase-details{background:var(--color-background, #0f0f1a);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:left}.purchase-item-info{display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border, #333)}.purchase-item-thumbnail{width:80px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:8px;background:var(--color-surface-alt, #252540)}.purchase-item-text h3{margin:0 0 .25rem;font-size:1rem;color:var(--color-text, #fff)}.purchase-item-type{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;color:var(--color-text-secondary, #888)}.purchase-meta{display:flex;justify-content:space-between;gap:1rem}.purchase-meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;color:var(--color-text-secondary, #888);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:1rem;font-weight:600;color:var(--color-text, #fff)}.meta-value.status-completed,.meta-value.status-delivered{color:#10b981}.meta-value.status-pending{color:#f59e0b}.download-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;margin-top:1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.download-btn:disabled{opacity:.7;cursor:not-allowed}.commission-notice{display:flex;gap:.75rem;padding:1rem;margin-top:1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px}.commission-notice i{color:#3b82f6;flex-shrink:0;margin-top:2px}.commission-notice p{margin:0;font-size:.875rem;color:var(--color-text-secondary, #888);line-height:1.5}.purchase-warning{display:flex;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;margin-bottom:1.5rem}.purchase-warning i{color:#f59e0b;flex-shrink:0}.purchase-warning p{margin:0;font-size:.875rem;color:var(--color-text-secondary, #888)}.purchase-success-actions{display:flex;gap:1rem}.purchase-link-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.purchase-link-btn.primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.purchase-link-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.purchase-link-btn.secondary{background:transparent;border:1px solid var(--color-border, #333);color:var(--color-text, #fff)}.purchase-link-btn.secondary:hover{border-color:var(--color-text-secondary, #888)}@media(max-width:480px){.purchase-success-page{padding:1rem}.purchase-success-card{padding:1.5rem}.purchase-success-actions{flex-direction:column}.purchase-meta{flex-direction:column;gap:.75rem}}.my-purchases-page{min-height:100vh;background:var(--color-background, #0f0f1a);padding:2rem}.my-purchases-container{max-width:900px;margin:0 auto}.purchases-header{margin-bottom:2rem}.purchases-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text, #fff)}.purchases-header p{margin:0;color:var(--color-text-secondary, #888)}.purchases-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--color-text-secondary, #888)}.purchases-spinner{width:40px;height:40px;border:3px solid var(--color-border, #333);border-top-color:var(--color-primary, #10b981);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.purchases-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-surface, #1a1a2e);border:1px solid var(--color-border, #333);border-radius:8px;color:var(--color-text-secondary, #888);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--color-text-secondary, #888);color:var(--color-text, #fff)}.filter-btn.active{background:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);color:#fff}.purchases-error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:1.5rem}.purchases-error-banner i:first-child{color:#ef4444}.purchases-error-banner p{flex:1;margin:0;color:#ef4444;font-size:.875rem}.purchases-error-banner button{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem}.purchases-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--color-surface, #1a1a2e);border-radius:12px;text-align:center}.purchases-empty i{font-size:3rem;color:var(--color-text-secondary, #888);opacity:.5;margin-bottom:1.5rem}.purchases-empty h3{margin:0 0 .5rem;color:var(--color-text, #fff)}.purchases-empty p{margin:0 0 1.5rem;color:var(--color-text-secondary, #888);max-width:350px}.browse-link-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-weight:600;text-decoration:none;transition:all .2s}.browse-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.purchases-list{display:flex;flex-direction:column;gap:1rem}.purchase-card{display:flex;gap:1.25rem;padding:1.25rem;background:var(--color-surface, #1a1a2e);border-radius:12px;border:1px solid var(--color-border, #333);transition:all .2s}.purchase-card:hover{border-color:var(--color-text-secondary, #888)}.purchase-card-image{position:relative;width:140px;height:90px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--color-background, #0f0f1a)}.purchase-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.purchase-card-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #888);font-size:1.5rem}.purchase-status-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.purchase-status-badge.status-completed,.purchase-status-badge.status-delivered{background:#10b981e6;color:#fff}.purchase-status-badge.status-pending{background:#f59e0be6;color:#fff}.purchase-status-badge.status-refunded{background:#ef4444e6;color:#fff}.purchase-card-content{flex:1;min-width:0}.purchase-card-type{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary, #888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.purchase-card-title{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-card-description{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-secondary, #888);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.purchase-card-meta{display:flex;gap:1rem}.purchase-card-meta span{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-secondary, #888)}.purchase-card-meta i{font-size:.7rem}.purchase-card-actions{display:flex;align-items:center;flex-shrink:0}.purchase-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.purchase-action-btn.download{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.purchase-action-btn.download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.purchase-action-btn:disabled{opacity:.7;cursor:not-allowed}.commission-status{font-size:.875rem}.commission-status span{display:flex;align-items:center;gap:.5rem}.commission-status .status-pending{color:#f59e0b}.commission-status .status-delivered{color:#10b981}@media(max-width:768px){.my-purchases-page{padding:1rem}.purchase-card{flex-direction:column}.purchase-card-image{width:100%;height:160px}.purchase-card-actions{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border, #333)}.purchase-action-btn{width:100%;justify-content:center}.purchases-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.filter-btn{flex-shrink:0}}.school-browse-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#141414);display:flex;flex-direction:column}.school-hero{text-align:center;padding:4rem 2rem 3rem;background:linear-gradient(180deg,rgba(59,130,246,.1) 0%,transparent 100%)}.school-hero h1{margin:0 0 .75rem;font-size:2.5rem;font-weight:700;color:#fff}.school-hero p{margin:0;font-size:1.125rem;color:#fff9}.school-filters{max-width:1400px;margin:0 auto;padding:0 2rem 1.5rem}.school-filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.filter-search{flex:1;min-width:250px;max-width:400px;position:relative;display:flex;align-items:center}.filter-search svg{position:absolute;left:1rem;color:#fff6;pointer-events:none}.filter-search input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:.9375rem;transition:all .2s}.filter-search input:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.filter-search input::-moz-placeholder{color:#fff6}.filter-search input::placeholder{color:#fff6}.search-clear{position:absolute;right:.75rem;width:20px;height:20px;border-radius:50%;border:none;background:#ffffff1a;color:#fff9;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:#fff3;color:#fff}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25rem}.filter-select:focus{outline:none;border-color:#3b82f6}.filter-select option{background:#1a1a1a;color:#fff}.filter-checkbox{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;transition:all .2s}.filter-checkbox:hover{border-color:#fff3}.filter-checkbox input{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.filter-checkbox span{font-size:.875rem;color:#fffc;white-space:nowrap}.filter-results{font-size:.8125rem;color:#ffffff80}.school-error{max-width:1400px;margin:2rem auto;padding:2rem;text-align:center}.school-error p{color:#f87171;margin-bottom:1rem}.school-error button{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer}.school-error button:hover{background:#ffffff1a}.school-events-section{max-width:1400px;margin:0 auto 2rem;padding:0 2rem}.school-events-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.school-events-section .section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.school-events-section .event-count{font-size:.8rem;color:#ffffff80}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.school-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem 3rem}@media(max-width:768px){.school-hero{padding:2rem 1rem}.school-hero h1{font-size:1.75rem}.school-hero p{font-size:1rem}.school-filters{padding:0 1rem 1rem}.school-filters-row{flex-direction:column;align-items:stretch}.filter-search{max-width:none}.school-main{padding:0 1rem 2rem}.school-events-section{padding:0 1rem}.events-grid{grid-template-columns:1fr}}.artist-courses-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#141414);display:flex;flex-direction:column}.artist-courses-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff80}.artist-courses-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:#fff9}.artist-courses-error svg{color:#ffffff4d}.artist-courses-error h2{margin:0;font-size:1.5rem;color:#fff}.artist-courses-error p{margin:0;max-width:400px}.back-link{margin-top:1rem;padding:.75rem 1.5rem;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;font-weight:500;transition:all .2s}.back-link:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.artist-header-section{max-width:1400px;width:100%;margin:0 auto;padding:3rem 2rem 2rem}.artist-header-content{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.artist-avatar-link{flex-shrink:0}.artist-avatar-large{width:100px;height:100px;border-radius:50%;border:3px solid rgba(59,130,246,.5);-o-object-fit:cover;object-fit:cover;transition:all .2s}.artist-avatar-link:hover .artist-avatar-large{border-color:#3b82f6;transform:scale(1.05)}.artist-info{flex:1;min-width:0}.artist-info h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff}.artist-bio{margin:0 0 1rem;font-size:1rem;color:#fff9;line-height:1.5;max-width:600px}.artist-profile-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fffc;text-decoration:none;font-size:.875rem;transition:all .2s}.artist-profile-link:hover{border-color:#ffffff4d;background:#ffffff1a;color:#fff}.artist-stats{display:flex;gap:2rem;padding:1.25rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.artist-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.artist-stat .stat-value{font-size:1.5rem;font-weight:600;color:#fff}.artist-stat .stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.artist-courses-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem 3rem}@media(max-width:768px){.artist-header-section{padding:2rem 1rem 1.5rem}.artist-header-content{flex-direction:column;align-items:center;text-align:center}.artist-info h1{font-size:1.5rem}.artist-bio{text-align:center}.artist-stats{justify-content:center;gap:1.5rem}.artist-stat .stat-value{font-size:1.25rem}.artist-courses-main{padding:0 1rem 2rem}}.course-viewer-page{min-height:100vh;background:#0a0a0a;display:flex;flex-direction:column}.course-viewer-header{position:sticky;top:0;z-index:100;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.course-viewer-header-content{max-width:1600px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.course-viewer-header .school-logo{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:1rem}.course-viewer-header .school-logo svg{color:#3b82f6}.course-viewer-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffff80}.course-viewer-breadcrumb a{color:#ffffffb3;text-decoration:none;transition:color .2s}.course-viewer-breadcrumb a:hover{color:#3b82f6}.course-viewer-breadcrumb span:last-child{color:#fff;font-weight:500}.course-viewer-header-actions{margin-left:auto}.course-viewer-header .user-link{display:block}.course-viewer-header .user-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.1);transition:border-color .2s}.course-viewer-header .user-avatar:hover{border-color:#3b82f6}.course-viewer-header .login-btn{padding:.5rem 1rem;border-radius:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s}.course-viewer-header .login-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.course-viewer-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff80}.loading-spinner{width:32px;height:32px;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.course-viewer-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:#fff9}.course-viewer-error h2{margin:0;color:#fff;font-size:1.5rem}.course-viewer-error .back-link{margin-top:.5rem;padding:.75rem 1.5rem;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;font-weight:500;transition:all .2s}.course-viewer-error .back-link:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.course-viewer-layout{flex:1;display:flex;overflow:hidden}.course-viewer-sidebar{width:320px;flex-shrink:0;background:#ffffff05;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden}.sidebar-course-info{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-course-info h2{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#fff;line-height:1.4}.sidebar-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#ffffff80}.sidebar-progress{margin-top:1rem}.sidebar-lessons{flex:1;overflow-y:auto;padding:.5rem}.sidebar-lesson{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;border-radius:8px;background:transparent;color:#ffffffb3;cursor:pointer;text-align:left;transition:all .2s}.sidebar-lesson:hover:not(:disabled){background:#ffffff0d}.sidebar-lesson.active{background:#3b82f626;color:#fff}.sidebar-lesson.completed .lesson-number{background:#22c55e;color:#fff}.sidebar-lesson.locked{opacity:.5;cursor:not-allowed}.sidebar-lesson .lesson-number{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;font-size:.75rem;font-weight:600}.sidebar-lesson .lesson-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-lesson .lesson-title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-lesson .lesson-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff6}.sidebar-lesson .preview-badge{padding:.125rem .375rem;border-radius:4px;background:#3b82f633;color:#60a5fa;font-size:.65rem;font-weight:600;text-transform:uppercase}.sidebar-lesson .lock-icon{flex-shrink:0;color:#ffffff4d}.course-viewer-main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.lesson-video-container{width:100%;background:#000}.lesson-locked-overlay{aspect-ratio:16 / 9;max-height:60vh;background:linear-gradient(135deg,#1a1a2e,#0a0a0a);display:flex;align-items:center;justify-content:center}.locked-content{text-align:center;padding:2rem}.locked-content svg{color:#ffffff4d;margin-bottom:1rem}.locked-content h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.locked-content p{margin:0 0 1.5rem;color:#fff9;max-width:300px}.locked-content .subscribe-btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;font-weight:500;transition:all .2s}.locked-content .subscribe-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px)}.lesson-content{padding:2rem;max-width:900px}.lesson-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.lesson-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#fff;line-height:1.3}.lesson-xp{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;background:linear-gradient(135deg,#eab30833,#f59e0b33);color:#fbbf24;font-size:.8rem;font-weight:600;white-space:nowrap}.lesson-description{margin:0 0 1.5rem;color:#ffffffb3;line-height:1.6}.lesson-markdown{margin-bottom:2rem;color:#ffffffd9;line-height:1.7}.lesson-markdown pre{padding:1rem;border-radius:8px;background:#ffffff0d;overflow-x:auto;font-size:.875rem;white-space:pre-wrap;word-wrap:break-word}.lesson-resources{margin-bottom:2rem;padding:1.25rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.lesson-resources h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#fff}.resources-list{display:flex;flex-direction:column;gap:.5rem}.resource-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background:#ffffff0d;color:#fffc;text-decoration:none;transition:all .2s}.resource-item:hover{background:#ffffff14;color:#fff}.resource-item svg{flex-shrink:0;color:#3b82f6}.mark-complete-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:1rem}.mark-complete-btn:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px)}.mark-complete-btn:disabled{opacity:.6;cursor:not-allowed}.next-lesson-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.next-lesson-btn:hover{background:#ffffff1a;border-color:#ffffff40}.no-lesson-selected{flex:1;display:flex;align-items:center;justify-content:center;color:#fff6}.xp-notification{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#eab308f2,#f59e0bf2);color:#1a1a1a;font-weight:600;box-shadow:0 8px 32px #eab3084d;animation:slideInUp .3s ease-out;z-index:1000}.xp-notification svg{color:#1a1a1a}.xp-notification .xp-message{font-size:.875rem;font-weight:500;opacity:.8}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.course-viewer-layout{flex-direction:column}.course-viewer-sidebar{width:100%;max-height:none;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-lessons{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.sidebar-lesson{flex:0 0 auto;width:auto;padding:.5rem .75rem}.sidebar-lesson .lesson-info{flex-direction:row;align-items:center}.sidebar-lesson .lesson-meta{display:none}}@media(max-width:768px){.course-viewer-header-content{padding:.5rem 1rem}.course-viewer-breadcrumb{display:none}.lesson-content{padding:1.5rem 1rem}.lesson-header{flex-direction:column;gap:.75rem}.lesson-header h1{font-size:1.25rem}.xp-notification{bottom:1rem;right:1rem;left:1rem}}#root{width:100%;min-height:100vh}.app{min-height:100vh;width:100%;background:#fff}.main-content{position:fixed;top:1.875rem;bottom:1.875rem;overflow-x:hidden;overflow-y:auto;z-index:1;transition:left .3s ease,right .3s ease;scrollbar-width:none;-ms-overflow-style:none}.main-content:before{content:"";position:fixed;top:1.875rem;bottom:1.875rem;left:inherit;right:inherit;pointer-events:none;z-index:9999;box-shadow:inset 0 0 2px #0000004d,inset 0 0 6px #0003,inset 0 0 10px #00000026,inset 0 0 14px #00000020,inset 0 0 17px #0000001c,inset 0 0 20px #0000001a,inset 0 0 2px #0000004d,inset 0 0 6px #0003,inset 0 0 10px #00000026,inset 0 0 14px #00000020,inset 0 0 17px #0000001c,inset 0 0 20px #0000001a,inset 0 0 2px #0000004d,inset 0 0 6px #0003,inset 0 0 10px #00000026,inset 0 0 14px #00000020,inset 0 0 17px #0000001c,inset 0 0 20px #0000001a,inset 0 0 2px #0000004d,inset 0 0 6px #0003,inset 0 0 10px #00000026,inset 0 0 14px #00000020,inset 0 0 17px #0000001c,inset 0 0 20px #0000001a}.main-content.no-left-sidebar{left:0}.main-content.left-compact{left:1.875rem}.main-content.left-expanded{left:15rem}.main-content.no-right-sidebar{right:0}.main-content.right-compact{right:1.875rem}.main-content.right-expanded{right:23.44rem}.main-content::-webkit-scrollbar{display:none}.mobile-sidebar-overlay{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.school-app{min-height:100vh;background:#0a0a0a;color:#fff}.school-header{position:sticky;top:0;z-index:100;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.school-header-content{max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;gap:2rem}.school-logo{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:1.125rem}.school-logo svg{color:#3b82f6}.school-nav{display:flex;align-items:center;gap:.25rem}.school-app .nav-link{padding:.5rem 1rem;border-radius:6px;color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .2s}.school-app .nav-link:hover{color:#fff;background:#ffffff0d}.school-app .nav-link.active{color:#fff;background:#3b82f626}.school-header-actions{margin-left:auto;display:flex;align-items:center;gap:1rem}.school-app .user-link{display:block}.school-app .user-avatar{width:36px;height:36px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.1);transition:border-color .2s}.school-app .user-avatar:hover{border-color:#3b82f6}.school-app .login-btn{padding:.5rem 1.25rem;border-radius:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s}.school-app .login-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.school-footer{background:#ffffff05;border-top:1px solid rgba(255,255,255,.08);padding:2rem 0;margin-top:auto}.school-footer-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.school-app .footer-brand{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-weight:600}.school-app .footer-brand svg{color:#3b82f6}.school-app .footer-links{display:flex;align-items:center;gap:1.5rem}.school-app .footer-links a{color:#ffffff80;text-decoration:none;font-size:.875rem;transition:color .2s}.school-app .footer-links a:hover{color:#fff}.school-app .footer-copyright{color:#ffffff4d;font-size:.8rem}@media(max-width:768px){.school-app .school-header-content{padding:.75rem 1rem;gap:1rem}.school-app .school-nav{display:none}.school-app .school-footer-content{flex-direction:column;text-align:center;padding:0 1rem}.school-app .footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}}