.header{position:fixed;top:0;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000;background:#fff;border-bottom:1px solid #e0e0e0}.header-left{display:flex;align-items:center;gap:16px}.header-menu-button{background:none;border:none;font-size:24px;cursor:pointer;padding:8px}.header-logo{background:none;border:none;font-size:20px;font-weight:700;cursor:pointer;padding:8px;color:#000;text-decoration:none}.header-logo:hover{opacity:.7}.header-right{display:flex;align-items:center;gap:12px}.header-price-button{padding:8px 16px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:4px;font-size:14px;font-weight:500}.header-price-button:hover{background:#f5f5f5}.header-login-button{padding:8px 16px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:4px}.header-profile-button{background:none;border:none;cursor:pointer;padding:4px}.profile-image-placeholder{width:40px;height:40px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:20px}.hero-section{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:100px 20px 40px}.hero-section.content-with-editor{width:75%;margin-right:25%}.hero-content{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center}.hero-search-form{display:flex;justify-content:center;margin-bottom:16px;gap:12px;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.hero-search-input{flex:1;max-width:600px;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.hero-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px}.hero-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:0;background:transparent}.hero-filters .filter-group{min-width:90px}.hero-filters .filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.hero-filters .filter-select option:first-child{color:#999;font-weight:500}.hero-filters .filter-select:hover{border-color:#007bff}.hero-filters .filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.hero-filters .size-separator{color:#999;font-weight:500}.mood-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1000px}.mood-tile{aspect-ratio:1;position:relative}.mood-tile-placeholder{width:100%;height:100%;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.load-more-container{display:flex;justify-content:center;margin-top:32px;padding:20px 0}.load-more-button{padding:12px 32px;background:#fff;border:1px solid #007bff;color:#007bff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.load-more-button:hover{background:#007bff;color:#fff}@media (max-width: 768px){.hero-section.content-with-editor{width:100%;margin-right:0}.hero-filters{flex-direction:column;gap:12px}.hero-filters .filter-group{width:100%;min-width:auto}.mood-categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero-search-form{flex-direction:column}.hero-search-input{max-width:100%}}.search-results{padding-top:100px;min-height:100vh}.search-results-header{display:flex;flex-direction:column;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e0e0e0;gap:12px}.search-results-header-content{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:12px}.search-results-search-form{display:flex;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto}.search-results-search-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.search-results-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background .2s}.search-results-search-button:hover{background:#fff}.search-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;padding:0;background:transparent;margin:0 auto}.filter-group{min-width:90px}.filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.filter-select option:first-child{color:#999;font-weight:500}.filter-select:hover{border-color:#007bff}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.size-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.size-separator{color:#999;font-weight:500}.search-results.content-with-editor{width:75%;margin-right:25%}.search-results-blurred{position:relative;padding:20px}.blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.blur-message{text-align:center;padding:24px 32px;background:#fffffffa;border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:16px;font-weight:500;color:#333;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blur-message p{margin:0}.login-link{color:#007bff;text-decoration:underline;transition:color .2s}.login-link:hover{color:#0056b3}.blurred-content{filter:blur(6px);pointer-events:none;opacity:.8;position:relative;z-index:1}.search-results-explanation{padding:20px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;width:100%;margin:0}.explanation-content{text-align:center;max-width:1000px;margin:0 auto}.explanation-content p{margin:0;color:#666;font-size:14px;line-height:1.6}.search-result-item{padding:20px;margin:16px 0;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px}.search-results-logged-in{display:flex;height:calc(100vh - 200px);gap:20px;padding:20px}.search-results-left{flex:1;display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.left-content-header{padding:16px;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.left-content-scrollable{flex:1;overflow-y:auto;padding:20px}.video-content-item{margin-bottom:24px;position:relative}.video-placeholder{width:100%;aspect-ratio:16 / 9;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center}.search-results-right{flex:1;display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.right-content-scrollable{flex:1;overflow-y:auto;padding:20px}.curated-content-section,.recommended-artists-section{margin-bottom:32px}.curated-content-section h3,.recommended-artists-section h3{margin-bottom:16px}.curated-item,.artist-item{padding:16px;margin:12px 0;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;position:relative}.draggable-item:hover{background:#e8e8e8;border-color:#007bff}.favorite-heart{position:absolute;top:8px;right:8px;background:transparent;border:none;cursor:pointer;font-size:24px;color:#999;transition:all .2s ease;z-index:10;padding:0;line-height:1}.favorite-heart{color:#999}.favorite-heart.favorited{color:red!important}.favorite-heart.favorited:hover{color:red!important;transform:scale(1.15)}.favorite-heart:hover:not(.favorited){color:#ff6b6b;transform:scale(1.1)}.favorite-heart[style*="color: rgb(255, 0, 0)"],.favorite-heart[style*="color:#ff0000"]{color:red!important}.favorite-heart[style*="color: rgb(255, 0, 0)"]:hover,.favorite-heart[style*="color:#ff0000"]:hover{color:red!important;transform:scale(1.15)}@media (max-width: 768px){.search-results-search-form{flex-direction:column}.search-results-search-input{max-width:100%}.search-filters{flex-direction:column;gap:12px}.filter-group{width:100%;min-width:auto}.search-results-logged-in{flex-direction:column;height:auto}.search-results-left,.search-results-right{height:400px}.search-results.content-with-editor{width:100%;margin-right:0}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.left-sidebar{position:fixed;top:0;left:0;height:100vh;width:300px;background:#fff;transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.left-sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.sidebar-close-button{background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px}.sidebar-nav{padding:20px 0}.sidebar-section{border-bottom:1px solid #e0e0e0}.sidebar-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border:none;text-align:left;cursor:pointer;font-size:16px}.sidebar-section-content{padding:0 20px 16px}.sidebar-section-content ul{list-style:none}.sidebar-section-content li{margin:8px 0}.sidebar-section-content button{background:none;border:none;cursor:pointer;text-align:left;width:100%;padding:8px 0;position:relative}.category-list{list-style:none;padding:0;margin:0}.category-item{margin:4px 0}.category-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;transition:background .2s;border-radius:4px}.category-button:hover{background:#f5f5f5}.category-arrow{font-size:10px;color:#999;margin-left:8px}.subcategory-list{list-style:none;margin:4px 0 0;padding:0 0 0 24px}.subcategory-item{margin:2px 0;position:relative}.subcategory-button{display:block;width:100%;padding:8px 40px 8px 12px;background:none;border:none;cursor:pointer;text-align:left;font-size:13px;color:#666;transition:background .2s,color .2s;border-radius:4px}.subcategory-button:hover{background:#f0f0f0;color:#333}.subcategory-item .favorite-heart{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:18px}.sidebar-section-content li{position:relative}.sidebar-section-content li .favorite-heart{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:18px}.draggable-item{cursor:grab;-webkit-user-select:none;user-select:none}.draggable-item:active{cursor:grabbing}.mini-app-details{margin-top:8px;padding:8px;background:#f5f5f5;border-radius:4px}.right-editor{position:fixed;top:60px;right:0;width:25%;height:calc(100vh - 60px);background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;z-index:100;box-shadow:-2px 0 8px #0000001a}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.editor-close-button{background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px}.editor-content{flex:1;overflow-y:auto;padding:20px}.editor-section{margin-bottom:32px;padding:16px;border:1px solid #e0e0e0;border-radius:8px;min-height:150px;transition:border-color .2s,background-color .2s}.editor-section.drop-zone{border-style:dashed}.editor-section.drop-zone:hover{border-color:#007bff;background-color:#f0f7ff}.editor-section.drag-over{border-color:#007bff;background-color:#e7f3ff;border-style:solid;border-width:2px}.editor-section-title{margin-bottom:16px;font-size:18px}.editor-section-items{min-height:100px}.editor-empty-message{padding:20px;text-align:center;color:#999;font-size:14px;border:2px dashed #e0e0e0;border-radius:4px;background:#fafafa}.editor-item{padding:12px;margin:8px 0;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:move}.editor-item:hover{background:#e8e8e8}.added-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin:8px 0;background:#e8f4fd;border:1px solid #007bff;border-radius:4px;cursor:default}.added-item:hover{background:#d0e9fc}.remove-item-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:18px;padding:4px 8px;line-height:1;opacity:.7;transition:opacity .2s}.remove-item-button:hover{opacity:1}.favorites-section{border-style:dashed}.favorites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-folder-button{padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s}.add-folder-button:hover{background:#0056b3}.new-folder-input{margin-bottom:16px;padding:12px;background:#f9f9f9;border-radius:4px}.new-folder-input input{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;margin-bottom:8px}.folder-input-buttons{display:flex;gap:8px;justify-content:flex-end}.folder-input-buttons button{padding:4px 12px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:12px}.folder-input-buttons button:first-child{background:#007bff;color:#fff;border-color:#007bff}.folder-input-buttons button:first-child:hover{background:#0056b3}.favorites-items-area{margin-bottom:16px;padding:12px;border:2px dashed #e0e0e0;border-radius:6px;background:#fafafa;min-height:60px;transition:border-color .2s,background-color .2s}.favorites-items-area.drag-over{border-color:#007bff;background-color:#e7f3ff;border-width:2px;border-style:solid}.favorites-items-list{display:flex;flex-direction:column;gap:8px}.favorite-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;cursor:move;transition:background .2s}.favorite-item:hover{background:#f0f0f0}.drag-handle-favorite{cursor:grab;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}.drag-handle-favorite:active{cursor:grabbing}.favorite-item-icon{font-size:14px}.favorite-item span:not(.favorite-item-icon):not(.drag-handle-favorite){flex:1}.favorites-empty-message{padding:20px;text-align:center;color:#999;font-size:12px}.favorites-folders{display:flex;flex-direction:column;gap:12px;margin-top:16px}.favorite-folder{border:1px solid #e0e0e0;border-radius:6px;padding:12px;background:#fafafa;transition:border-color .2s,background-color .2s;cursor:grab;-webkit-user-select:none;user-select:none}.favorite-folder:active{cursor:grabbing}.favorite-folder.drag-over{border-color:#007bff;background-color:#e7f3ff;border-width:2px}.favorite-folder .folder-header button,.favorite-folder .folder-header .folder-name,.favorite-folder .folder-header button:hover,.favorite-folder .folder-header .folder-name:hover{cursor:pointer}.folder-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.folder-icon{font-size:16px}.drag-handle-folder{display:inline-block;padding:4px;margin-right:4px;-webkit-user-select:none;user-select:none}.drag-handle-folder:active{cursor:grabbing}.folder-name{flex:1;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.folder-name:hover{background:#f0f0f0}.folder-actions{display:flex;gap:4px}.folder-edit-button,.folder-delete-button{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;opacity:.6;transition:opacity .2s}.folder-edit-button:hover,.folder-delete-button:hover{opacity:1}.folder-edit-input{display:flex;align-items:center;gap:4px;flex:1}.folder-edit-input input{flex:1;padding:4px 8px;border:1px solid #007bff;border-radius:4px;font-size:14px}.folder-edit-input button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.folder-items{min-height:40px}.folder-item{display:flex;align-items:center;gap:8px;padding:8px;margin:4px 0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.folder-item-icon{font-size:14px}.folder-item span:not(.folder-item-icon){flex:1}.folder-empty-message{padding:12px;text-align:center;color:#999;font-size:12px;border:1px dashed #e0e0e0;border-radius:4px;background:#fafafa}.editor-footer{padding:20px;border-top:1px solid #e0e0e0;position:relative}.account-menu-button{width:100%;padding:12px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.account-menu-dropdown{position:absolute;bottom:70px;left:20px;right:20px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 8px #0000001a;z-index:10}.account-menu-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;border-bottom:1px solid #e0e0e0}.account-menu-item:last-child{border-bottom:none}.account-menu-item:hover{background:#f5f5f5}.section-header-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-group-button{padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s}.add-group-button:hover{background:#0056b3}.new-group-input{margin-bottom:16px;padding:12px;background:#f9f9f9;border-radius:4px}.new-group-input input{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;margin-bottom:8px}.group-input-buttons{display:flex;gap:8px;justify-content:flex-end}.group-input-buttons button{padding:4px 12px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:12px}.group-input-buttons button:first-child{background:#007bff;color:#fff;border-color:#007bff}.group-input-buttons button:first-child:hover{background:#0056b3}.space-groups,.display-items,.playlist-groups{display:flex;flex-direction:column;gap:12px}.playlist-group{border:1px solid #e0e0e0;border-radius:6px;padding:12px;background:#fafafa;transition:border-color .2s,background-color .2s}.playlist-group.drag-over{border-color:#007bff;background-color:#e7f3ff;border-width:2px}.playlist-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.playlist-group-items{min-height:40px}.playlist-item{display:flex;align-items:center;justify-content:space-between;padding:8px;margin:4px 0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.playlist-item span{flex:1}.drag-handle-playlist,.drag-handle-display{cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle-playlist:active,.drag-handle-display:active{cursor:grabbing}.space-group-displays{min-height:40px}.space-display-item{display:flex;align-items:center;gap:8px;padding:8px;margin:4px 0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;cursor:move}.space-display-item:hover{background:#f0f0f0}.space-display-item span:not(.drag-handle){flex:1}.display-group-playlists{min-height:40px}.display-playlist-item{display:flex;align-items:center;justify-content:space-between;padding:8px;margin:4px 0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.display-playlist-item span{flex:1}.display-group{cursor:grab}.display-group:active{cursor:grabbing}.playlist-group{cursor:grab}.playlist-group:active{cursor:grabbing}.space-group,.display-group{border:1px solid #e0e0e0;border-radius:6px;padding:12px;background:#fafafa;transition:border-color .2s,background-color .2s}.space-group.drag-over,.display-group.drag-over{border-color:#007bff;background-color:#e7f3ff;border-width:2px}.space-group-header,.display-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.group-name,.display-name{font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s;flex:1}.group-name:hover{background:#f0f0f0}.group-actions,.display-actions{display:flex;gap:8px;align-items:center}.group-edit-button,.group-delete-button{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;opacity:.6;transition:opacity .2s}.group-edit-button:hover,.group-delete-button:hover{opacity:1}.group-edit-input{display:flex;align-items:center;gap:4px;flex:1}.group-edit-input input{flex:1;padding:4px 8px;border:1px solid #007bff;border-radius:4px;font-size:14px}.group-edit-input button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.space-group-controls{display:flex;gap:16px;margin-bottom:12px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-control{display:flex;align-items:center;gap:8px}.toggle-control label{font-size:12px;color:#666;white-space:nowrap}.toggle-button{padding:4px 12px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;min-width:50px}.toggle-button.enabled{background:#28a745;color:#fff;border-color:#28a745}.toggle-button.disabled{background:#dc3545;color:#fff;border-color:#dc3545}.toggle-button:hover{opacity:.8}.space-group-displays,.display-group-playlists{min-height:40px}.space-media-item,.display-media-item{display:flex;align-items:center;gap:8px;padding:8px;margin:4px 0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.space-media-item{cursor:move}.space-media-item:hover{background:#f0f0f0}.drag-handle{cursor:grab;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.space-media-item span:not(.drag-handle),.display-media-item span{flex:1}.group-empty-message{padding:12px;text-align:center;color:#999;font-size:12px;border:1px dashed #e0e0e0;border-radius:4px;background:#fafafa}@media (max-width: 768px){.right-editor{width:100%;height:50vh;bottom:0;top:auto;border-left:none;border-top:1px solid #e0e0e0}.space-group-controls{flex-direction:column;gap:8px}.playlist-groups,.space-groups,.display-items{gap:8px}}.pricing-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:100px 20px 40px;background:#f9f9f9;transition:filter .3s ease}.pricing-page.blurred{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.pricing-container{width:100%;max-width:1200px}.pricing-title{text-align:center;font-size:36px;margin-bottom:12px}.pricing-subtitle{text-align:center;font-size:18px;color:#666;margin-bottom:48px}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:48px}.pricing-plan{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:32px 24px;position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.pricing-plan:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.pricing-plan.popular{border-color:#007bff;box-shadow:0 4px 12px #007bff33}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#007bff;color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700}.plan-name{font-size:24px;margin-bottom:16px;text-align:center}.plan-price{text-align:center;margin-bottom:32px}.price-amount{font-size:48px;font-weight:700;color:#007bff}.price-period{font-size:18px;color:#666;margin-left:4px}.plan-features{list-style:none;flex:1;margin-bottom:32px}.plan-features li{border-bottom:1px solid #f0f0f0;position:relative;padding:12px 0 12px 24px}.plan-features li:before{content:"✓";position:absolute;left:0;color:#007bff;font-weight:700}.plan-features li:last-child{border-bottom:none}.plan-select-button{width:100%;padding:16px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.plan-select-button:hover,.pricing-plan.popular .plan-select-button{background:#0056b3}.pricing-plan.popular .plan-select-button:hover{background:#004085}.pricing-back-button{display:block;margin:0 auto;padding:12px 32px;background:#fff;border:1px solid #ccc;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s}.pricing-back-button:hover{background:#f5f5f5}@media (max-width: 768px){.pricing-plans{grid-template-columns:1fr}.pricing-title{font-size:28px}.price-amount{font-size:36px}}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center}.login-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;z-index:2001;width:90%;max-width:400px;padding:0;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.login-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:4px 8px;line-height:1;z-index:10}.login-modal-close:hover{color:#333}.login-modal-content{padding:40px 32px}.login-modal-content h2{margin:0 0 24px;font-size:24px;font-weight:600;text-align:center}.google-login-button{width:100%;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;transition:all .2s}.google-login-button:hover{background:#f5f5f5;border-color:#ccc}.google-icon{width:20px;height:20px;background:#4285f4;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.login-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#999;font-size:14px}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.login-divider span{padding:0 16px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.error-message{color:#dc3545;font-size:13px;text-align:center;padding:8px;background:#fff5f5;border-radius:4px}.login-submit-button{width:100%;padding:12px 16px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;margin-top:8px}.login-submit-button:hover{background:#0056b3}.login-switch{margin-top:24px;text-align:center}.switch-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;text-decoration:underline;padding:8px}.switch-button:hover{color:#0056b3}@media (max-width: 768px){.login-modal{width:95%;max-width:none}.login-modal-content{padding:32px 24px}}.category-detail{padding-top:100px;min-height:100vh}.category-detail.content-with-editor{width:75%;margin-right:25%}.category-detail-header{position:sticky;top:60px;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.category-detail-header-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.category-search-form{display:flex;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto}.category-search-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.category-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background .2s}.category-search-button:hover{background:#f5f5f5}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;padding:0;background:transparent;margin:0 auto}.category-filters .filter-group{min-width:90px}.category-filters .filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.category-filters .filter-select option:first-child{color:#999;font-weight:500}.category-filters .filter-select:hover{border-color:#007bff}.category-filters .filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.category-detail-content{padding:40px 20px;max-width:1200px;margin:0 auto}.category-title-section{display:flex;align-items:center;gap:16px;margin-bottom:32px}.category-title{font-size:28px;font-weight:600;margin:0}.category-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.category-image-tile{aspect-ratio:1;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.category-image-tile:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.category-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.category-image-placeholder{width:100%;height:100%;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;text-align:center;padding:16px}@media (max-width: 768px){.category-detail.content-with-editor{width:100%;margin-right:0}.category-filters{flex-direction:column;gap:12px}.category-filters .filter-group{width:100%;min-width:auto}.category-search-form{flex-direction:column}.category-search-input{max-width:100%}.category-images-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-title{font-size:22px}}.about-page{padding-top:100px;min-height:100vh}.about-page.content-with-editor{width:75%;margin-right:25%}.about-header{position:sticky;top:60px;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.about-header-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.about-search-form{display:flex;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto}.about-search-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.about-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background .2s}.about-search-button:hover{background:#f5f5f5}.about-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;padding:0;background:transparent;margin:0 auto}.about-filters .filter-group{min-width:90px}.about-filters .filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.about-filters .filter-select option:first-child{color:#999;font-weight:500}.about-filters .filter-select:hover{border-color:#007bff}.about-filters .filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.about-content{padding:40px 20px;max-width:1000px;margin:0 auto}.about-title-section{display:flex;align-items:center;gap:16px;margin-bottom:40px}.back-button{padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.back-button:hover{background:#f5f5f5;border-color:#007bff}.about-title{font-size:32px;font-weight:600;margin:0}.about-text-content{line-height:1.8}.about-section{margin-bottom:48px}.about-section h2{font-size:24px;font-weight:600;margin-bottom:16px;color:#333}.about-section p{font-size:16px;color:#666;margin-bottom:16px}.about-section ul{list-style:none;padding:0}.about-section li{font-size:16px;color:#666;margin-bottom:12px;padding-left:24px;position:relative}.about-section li:before{content:"•";position:absolute;left:8px;color:#007bff;font-weight:700}@media (max-width: 768px){.about-page.content-with-editor{width:100%;margin-right:0}.about-filters{flex-direction:column;gap:12px}.about-filters .filter-group{width:100%;min-width:auto}.about-search-form{flex-direction:column}.about-search-input{max-width:100%}.about-title{font-size:24px}}.card-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center}.card-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:2001;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.card-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;line-height:1;transition:color .2s}.card-modal-close:hover{color:#000}.card-modal-content{padding:40px}.card-modal-content h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#333;text-align:center}.selected-plan-info{background:#f5f5f5;padding:16px;border-radius:8px;margin-bottom:24px;text-align:center}.selected-plan-info p{margin:4px 0;color:#666;font-size:14px}.selected-plan-info strong{color:#333;font-size:16px}.plan-price-info{font-size:18px;font-weight:600;color:#007bff;margin-top:8px}.card-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input,.form-group select{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.expiry-inputs{display:flex;align-items:center;gap:8px}.expiry-inputs select{flex:1}.expiry-inputs span{font-size:18px;color:#666}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;font-size:14px;text-align:center}.card-submit-button{padding:16px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.card-submit-button:hover{background:#0056b3}.card-submit-button:active{transform:scale(.98)}@media (max-width: 768px){.card-modal{width:95%;max-width:none}.card-modal-content{padding:24px}.form-row{grid-template-columns:1fr}}.spaces-page{padding-top:100px;min-height:100vh}.spaces-page.content-with-editor{width:75%;margin-right:25%}.spaces-search-section{position:sticky;top:60px;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.spaces-search-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.spaces-search-form{display:flex;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto}.spaces-search-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.spaces-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background .2s}.spaces-search-button:hover{background:#f5f5f5}.spaces-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;padding:0;background:transparent;margin:0 auto}.spaces-filters .filter-group{min-width:90px}.spaces-filters .filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.spaces-header{padding:20px;display:flex;align-items:center;gap:16px}.spaces-content{padding:20px}.spaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.space-grid-item{aspect-ratio:4 / 3}.space-placeholder{width:100%;height:100%;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999}.moods-page{padding-top:100px;min-height:100vh}.moods-page.content-with-editor{width:75%;margin-right:25%}.moods-search-section{position:sticky;top:60px;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.moods-search-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.moods-search-form{display:flex;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto}.moods-search-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.moods-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background .2s}.moods-search-button:hover{background:#f5f5f5}.moods-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;padding:0;background:transparent;margin:0 auto}.moods-filters .filter-group{min-width:90px}.moods-filters .filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.moods-header{padding:20px;display:flex;align-items:center;gap:16px}.moods-content{padding:20px}.moods-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.mood-card{aspect-ratio:1}.mood-placeholder{width:100%;height:100%;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999}.times-page{padding-top:100px;min-height:100vh}.times-page.content-with-editor{width:75%;margin-right:25%}.times-search-section{position:sticky;top:60px;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.times-search-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.times-search-form{display:flex;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto}.times-search-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.times-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background .2s}.times-search-button:hover{background:#f5f5f5}.times-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;padding:0;background:transparent;margin:0 auto}.times-filters .filter-group{min-width:90px}.times-filters .filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.times-header{padding:20px;display:flex;align-items:center;gap:16px}.times-content{display:flex;gap:20px;padding:20px;height:calc(100vh - 200px)}.times-clock-section{flex:0 0 300px;display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#f9f9f9;overflow-y:auto}.clock-display{text-align:center}.clock-time{font-size:48px;font-weight:700;color:#333;margin-bottom:16px}.clock-date{font-size:18px;color:#666}.times-media-section{flex:1;overflow-y:auto}.times-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.time-media-item{aspect-ratio:4 / 3}.time-placeholder{width:100%;height:100%;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999}@media (max-width: 768px){.times-content{flex-direction:column;height:auto}.times-clock-section{flex:0 0 auto}.clock-time{font-size:36px}}.events-page{padding-top:100px;min-height:100vh}.events-page.content-with-editor{width:75%;margin-right:25%}.events-search-section{position:sticky;top:60px;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.events-search-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.events-search-form{display:flex;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto}.events-search-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.events-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background .2s}.events-search-button:hover{background:#f5f5f5}.events-search-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;padding:0;background:transparent;margin:0 auto}.events-search-filters .filter-group{min-width:90px}.events-search-filters .filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.events-header{padding:20px;display:flex;align-items:center;gap:16px}.events-content{padding:20px}.events-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-tag{padding:8px 16px;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;cursor:pointer;transition:background .2s}.filter-tag:hover{background:#e0e0e0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.event-item{aspect-ratio:16 / 9}.event-placeholder{width:100%;height:100%;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999}.templates-page{padding-top:100px;min-height:100vh}.templates-header{padding:20px;display:flex;align-items:center;gap:16px}.templates-content{padding:20px}.templates-editor{display:flex;flex-direction:column;gap:20px;border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff}.editor-toolbar{display:flex;gap:8px;padding:12px;background:#f9f9f9;border-radius:6px}.toolbar-button{padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px}.toolbar-button:hover{background:#f0f0f0}.editor-canvas{flex:1;min-height:500px;border:2px dashed #e0e0e0;border-radius:8px;padding:20px;background:#fafafa}.canvas-area{position:relative;width:100%;min-height:400px}.editable-text-block{padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:16px;min-height:50px;cursor:text}.background-media{padding:40px;background:#f0f0f0;border:1px dashed #e0e0e0;border-radius:4px;text-align:center;color:#999}.editor-properties{padding:16px;background:#f9f9f9;border-radius:6px}.editor-properties h3{margin:0 0 16px;font-size:16px}.property-item{margin-bottom:12px}.property-item label{display:block;margin-bottom:4px;font-size:14px;color:#666}.property-item input{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:4px}.artist-page{padding-top:100px;min-height:100vh}.artist-page.content-with-editor{width:75%;margin-right:25%}.draggable-item{cursor:grab;-webkit-user-select:none;user-select:none;transition:opacity .2s,transform .2s}.draggable-item:active{cursor:grabbing;transform:scale(.98)}.draggable-item:hover{opacity:.9}.artist-search-section{position:sticky;top:60px;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.artist-search-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.artist-search-form{display:flex;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto}.artist-search-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:8px;font-size:16px}.artist-search-button{padding:16px 32px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background .2s}.artist-search-button:hover{background:#f5f5f5}.artist-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:1000px;padding:0;background:transparent;margin:0 auto}.artist-filters .filter-group{min-width:90px}.artist-filters .filter-select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;transition:border-color .2s;height:28px;color:#333}.artist-header{padding:20px;display:flex;align-items:center;gap:16px}.back-button{padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px}.artist-content{padding:20px}.artist-profile{display:flex;gap:24px;padding:24px;background:#f9f9f9;border-radius:8px;margin-bottom:32px}.artist-avatar{flex:0 0 120px}.avatar-placeholder{width:120px;height:120px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999}.artist-info{flex:1}.artist-info h2{margin:0 0 12px;font-size:24px}.artist-bio{color:#666;line-height:1.6}.artist-gallery{margin-top:32px}.artist-gallery h3{margin-bottom:20px;font-size:20px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gallery-item{aspect-ratio:1}.gallery-placeholder{width:100%;height:100%;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999}.load-more-container{display:flex;justify-content:center;margin-top:32px;padding:20px}.load-more-button{padding:12px 32px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.load-more-button:hover{background:#0056b3}@media (max-width: 768px){.artist-profile{flex-direction:column;align-items:center;text-align:center}}.app{width:100%;min-height:100vh;position:relative}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}