:root{--bg-primary: #F2F2F7;--bg-content: #FFFFFF;--bg-secondary: #F0F3F2;--bg-muted: #E6E9E8;--bg-overlay: rgba(0, 0, 0, .3);--text-primary: #1C1C1C;--text-secondary: #8E8E93;--text-on-accent: #FFFFFF;--color-accent: #3BA87A;--color-accent-hover: #2E8E67;--color-success: #4CAF50;--color-danger: #E53935;--color-warning-bg: #FFF7E0;--color-warning-text: #E65100;--border-primary: #E0E4E3;--border-secondary: #D5DBD9;--shadow-primary: rgba(0, 0, 0, .08);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 16px;--text-lg: 20px;--text-xl: 28px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px}body.dark-theme{--bg-primary: #181a1b;--bg-content: #222526;--bg-secondary: #2b2e30;--bg-muted: #383b3d;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #e6e6e6;--text-secondary: #a0a0a0;--text-on-accent: white;--color-accent: #3399ff;--color-success: #3ddc84;--color-danger: #ff4d4d;--color-danger-text: #e57373;--color-warning-bg: #4a3c1a;--color-warning-text: #ffcc66;--border-primary: #2e3233;--border-secondary: #3c4041;--shadow-primary: rgba(0, 0, 0, .3)}html,body{overscroll-behavior-y:contain;width:100%;height:100%;-webkit-overflow-scrolling:touch}body{margin:0;font-family:var(--font-main);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);min-height:100dvh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--weight-bold);line-height:1.2}.hidden{display:none!important}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes hint-wiggle{0%,to{transform:rotateY(0)}25%{transform:rotateY(10deg)}75%{transform:rotateY(-10deg)}}@keyframes hint-flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes skeleton-pulse{to{left:150%}}#app-container{inset:0;width:100%;max-width:800px;margin:0 auto;background-color:var(--bg-secondary);height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}#app-header{padding:calc(20px + env(safe-area-inset-top)) var(--spacing-lg) var(--spacing-sm);background-color:var(--bg-secondary);color:var(--text-primary);z-index:0;display:flex;justify-content:space-between;align-items:center;position:relative;min-height:40px}#header-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-extrabold);text-align:left}.header-main-content{display:flex;justify-content:space-between;align-items:center;width:100%;transition:opacity .2s}.header-main-content.hidden{display:none}.header-search-bar{display:none;align-items:center;width:100%;gap:var(--spacing-sm);background-color:var(--bg-content);padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);box-shadow:0 2px 8px var(--shadow-primary);animation:fade-in .2s ease-out}.header-search-bar.active{display:flex}#header-search-input{border:none;background:transparent;outline:none;flex-grow:1;font-size:var(--text-base);color:var(--text-primary)}.category-view-header,.detail-view-header{display:flex;justify-content:space-between;align-items:center;text-align:left}.category-view-header .header-back-btn,.detail-view-header .header-back-btn,.category-view-header{background:none;border:none;color:var(--text-primary);font-size:var(--text-lg);cursor:pointer;padding:0 var(--spacing-sm)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}#header-view-toggle-btn{display:none}.header-action-btn{background:none;border:none;background-color:var(--bg-muted);color:var(--text-secondary);cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);transition:background-color .2s,color .2s;padding:0}.header-action-btn:hover{background-color:var(--bg-content);color:var(--color-accent)}.header-user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.detail-view-header #header-title{flex-grow:1;text-align:center;margin:0 var(--spacing-sm);font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-view-header>div{width:30px}#app-content{flex-grow:1;overflow-y:auto;padding:0 var(--spacing-lg) calc(80px + env(safe-area-inset-bottom)) var(--spacing-lg);position:relative;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}.content-section{display:none}.content-section.active{display:block}#bottom-nav{display:flex;justify-content:space-around;padding:var(--spacing-sm) 0 calc(var(--spacing-sm) + env(safe-area-inset-bottom));border-top:1px solid var(--border-primary);background-color:var(--bg-content);position:fixed;bottom:0;width:100%;max-width:800px;box-shadow:0 -2px 5px var(--shadow-primary);z-index:2}.nav-button{background:none;border:none;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:var(--spacing-xs);transition:color .2s}.nav-button.active{color:var(--color-accent)}.nav-button:hover{color:var(--color-accent);box-shadow:0 0 5px #007bff33;border-radius:var(--radius-sm)}.nav-button i{font-size:var(--text-xl)}.nav-button span{font-size:var(--text-xs);margin-top:3px}.timeline-container{-webkit-overflow-scrolling:touch;touch-action:pan-y;height:100%;padding-top:var(--spacing-xs)}@media(min-width:600px)and (max-width:899px){#app-container{max-width:100%;margin:0 auto}#bottom-nav{max-width:100%;box-shadow:none}#home-events-list,.events-list-tab{display:grid;grid-template-columns:1fr}}@media(min-width:900px){#app-container{max-width:950px}#bottom-nav{max-width:950px;box-shadow:none;background-color:var(--bg-secondary)}#home-events-list,.events-list-tab{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}.btn{display:inline-block;font-weight:var(--weight-semibold);border-radius:var(--radius-sm);padding:var(--spacing-sm) 14px;font-size:var(--text-base);cursor:pointer;text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-price{background-color:var(--color-success);color:var(--text-on-accent);border:1px solid var(--color-success)}.btn-price:hover{background-color:#3ca64e}.btn-wait{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-text)}.btn-danger{background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.btn-muted{background-color:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-secondary)}.submit-btn{width:100%;padding:var(--spacing-md);background-color:var(--color-accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;margin-top:var(--spacing-sm);font-size:var(--text-base);transition:background-color .2s}.category-block{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.3);background:#ffffff26;border-radius:var(--radius-md);box-shadow:0 4px 6px var(--shadow-primary);color:var(--text-on-accent)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.category-header h3{margin:0;font-size:var(--text-lg)}.category-actions{display:flex;gap:var(--spacing-sm)}.add-event-btn,.view-all-btn{background:#fff3;border:1px solid rgba(255,255,255,.5);color:var(--text-on-accent);padding:5px var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:background-color .2s}.add-event-btn:hover,.view-all-btn:hover{background-color:#ffffff4d}.more-events-hint{text-align:right;font-size:var(--text-xs);color:var(--border-primary);margin-top:var(--spacing-xs)}.no-events-placeholder{text-align:center;padding:var(--spacing-xl);background-color:#0000001a;border-radius:var(--radius-md);font-style:italic;color:#fffc}.category-view .events-list-full{padding:var(--spacing-lg) 0}.event-card{background-color:var(--bg-content);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden;display:grid;grid-template-columns:124px 1fr auto;align-items:start;padding:var(--spacing-md);gap:var(--spacing-md);box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.event-card-top{display:contents}.event-image-container{width:100%;height:135px;border-radius:var(--radius-sm);background-color:var(--bg-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);overflow:hidden;grid-column:1;grid-row:1 / span 2;transition:all .3s ease}.event-image-container img{width:100%;height:100%;object-fit:cover}.event-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;transition:all .3s ease}.event-title{margin:0;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .3s ease}.event-meta{font-size:var(--text-sm);color:var(--text-secondary);display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:color .3s ease}.event-card-bottom{grid-column:2;grid-row:2;display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xs);margin-top:auto;border-top:1px solid var(--border-primary);transition:all .3s ease}.ec-left,.ec-right{display:flex;align-items:center}.status-text{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.status-text.sold-out{color:var(--color-danger);text-transform:uppercase;font-weight:var(--weight-extrabold)}.status-text.urgent{color:#e65100}.status-text.active{color:var(--color-success)}.status-text.new,.status-text.done{color:var(--text-secondary);font-weight:var(--weight-medium)}.price-tag{font-weight:var(--weight-bold);color:var(--text-primary);background-color:var(--bg-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);opacity:.8}.booked-avatars-container{display:flex;align-items:center;padding-left:0;flex-direction:row-reverse;justify-content:flex-end}.mini-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-content);position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--bg-muted);color:var(--text-secondary);font-size:var(--text-xs);margin-left:-10px;flex-shrink:0;box-sizing:content-box}.mini-avatar:last-child{margin-left:0}.mini-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.mini-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.mini-avatar.is-me{border-color:var(--color-success)}.mini-avatar.is-me .avatar-placeholder{background-color:var(--color-success);color:#fff}.avatar-badge{position:absolute;top:-4px;right:-8px;background-color:var(--color-success);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);border:2px solid var(--bg-content);z-index:1;min-width:12px;text-align:center}.mini-avatar.more-count{background-color:var(--bg-secondary);color:var(--text-secondary);font-weight:var(--weight-semibold);z-index:0}.event-cancel-info{color:var(--color-danger);border:1px solid var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap}.status-waitlisted{color:var(--color-warning-text);font-weight:var(--weight-bold);font-size:var(--text-base);display:flex;align-items:center;gap:var(--spacing-xs)}.event-chevron{color:var(--text-secondary);font-size:var(--text-sm);grid-column:3;grid-row:1 / span 2;align-self:center}.event-card.default,.event-card.booked,.event-card.organizer,.event-card.past-event{background-color:var(--bg-content);opacity:1}.event-card.past-event{opacity:.65;cursor:default}.organizer-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.organizer-actions button{background:none;border:none;cursor:pointer;font-size:var(--text-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .2s}.edit-event-btn{color:var(--color-accent)}.delete-event-btn{color:var(--color-danger)}.edit-event-btn:hover,.duplicate-event-btn:hover,.delete-event-btn:hover{background-color:var(--bg-muted)}.organizer-actions-vertical{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;justify-content:center}.organizer-actions-vertical button{background-color:var(--bg-muted);border:none;cursor:pointer;font-size:var(--text-base);width:32px;height:32px;border-radius:50%;padding:0;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.organizer-actions-vertical button:hover{background-color:var(--bg-content);color:var(--color-accent);box-shadow:0 2px 8px var(--shadow-primary);transform:translateY(-2px)}.organizer-actions-vertical .delete-event-btn:hover{color:var(--color-danger)}.archive-event-btn{background-color:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:opacity .2s}.filter-options{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-content);border-bottom:1px solid var(--border-primary);color:var(--text-primary);display:flex;gap:var(--spacing-sm);align-items:center}.filter-options.hidden{display:none}.sort-btn{background:var(--bg-muted);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer}.sort-btn.active{background:var(--color-accent);color:var(--text-on-accent)}.view-toggle-btn,.filter-reset-btn{background-color:var(--bg-content);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);transition:all .2s ease;align-items:center;justify-content:center;box-sizing:border-box}.filter-reset-btn{display:flex}.view-toggle-btn:hover,.filter-reset-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--bg-muted)}.filter-reset-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.view-toggle-btn{display:none}.event-detail-overlay{position:absolute;width:100%;height:100%;background-color:var(--bg-overlay);z-index:2;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.event-detail-overlay.open{opacity:1;pointer-events:auto}.event-detail-sheet{position:absolute;bottom:0;left:0;right:0;background-color:var(--bg-content);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -5px 20px var(--shadow-primary);z-index:4;transform:translateY(100%);transition:transform .3s ease-in-out;padding:0;overflow:hidden;max-height:95%;height:95%;display:flex;flex-direction:column;margin:0 auto;max-width:800px;isolation:isolate}.event-detail-sheet.open{transform:translateY(0)}.detail-scrollable-content{flex-grow:1;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;position:relative;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.detail-header-overlay{position:absolute;top:0;left:0;width:100%;padding:var(--spacing-lg);box-sizing:border-box;display:flex;justify-content:space-between;z-index:10;pointer-events:none}.detail-header-overlay button{pointer-events:auto}.icon-btn-glass{width:40px;height:40px;border-radius:50%;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-lg);box-shadow:0 2px 8px #0000001a;transition:transform .2s}.icon-btn-glass:active{transform:scale(.95)}.detail-image-wrapper{width:100%;max-height:500px;flex-shrink:0;position:relative}.detail-header-image{width:100%;height:100%;object-fit:cover}.detail-header-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px}.detail-image-gradient{display:none}.detail-content-wrapper{background-color:var(--bg-content);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);margin-top:calc(var(--radius-lg) * -1);position:relative;padding:var(--spacing-lg);display:flex;flex-direction:column;z-index:1;border-radius:var(--radius-md);border:1px solid var(--border-primary);margin:-24px 16px}.detail-content-wrapper-2{padding:var(--spacing-lg);display:flex;flex-direction:column;z-index:2;margin:24px 0 16px;min-height:20px}.detail-drag-handle{width:40px;height:4px;background-color:var(--border-secondary);border-radius:2px;margin:0 auto var(--spacing-lg) auto}.detail-main-title{position:static;margin:0 0 var(--spacing-lg) 0;font-size:24px;font-weight:var(--weight-extrabold);line-height:1.2;color:var(--text-primary);text-shadow:none;z-index:auto}.detail-info-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.detail-info-row.location-toggle-btn{cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s;margin-left:-8px;margin-right:-8px;padding:8px}.detail-info-row.location-toggle-btn:active{background-color:var(--bg-muted)}.info-icon-box{width:40px;height:40px;border-radius:12px;background-color:var(--bg-secondary);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0}.info-content{flex-grow:1;min-width:0}.info-title{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.info-action{color:var(--text-secondary);font-size:var(--text-lg);padding:var(--spacing-xs)}.map-chevron{transition:transform .3s ease}.detail-map-container{transition:all .3s ease;margin-bottom:var(--spacing-md);display:block}.detail-map-container.hidden{display:none!important}.detail-section-divider{height:1px;background-color:var(--border-primary);margin:4px;flex-shrink:0;width:100%}.detail-sub-header{margin-top:var(--spacing-xs);font-size:var(--text-base);color:var(--text-secondary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.add-to-calendar-link{color:var(--color-accent);text-decoration:none;font-weight:var(--weight-medium);font-size:var(--text-b);cursor:pointer}.detail-calendar-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.detail-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:var(--spacing-sm) 0}.description-label{font-weight:var(--weight-bold);font-size:var(--text-base);margin-bottom:var(--spacing-xs);display:block}.detail-description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-description.expanded{-webkit-line-clamp:unset;display:block;max-height:none}.read-more-btn{background:none;border:none;color:var(--color-accent);padding:0;margin-top:var(--spacing-xs);cursor:pointer;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.detail-action-group{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-primary)}.detail-action-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-xs);background-color:var(--bg-muted);border-radius:var(--radius-sm);transition:background-color .2s,transform .2s}.detail-action-group .detail-action-item:last-child{border-bottom:none}.detail-action-item.actionable{cursor:pointer}.detail-action-item.actionable:active{background-color:var(--bg-muted)}.detail-action-item .text{flex-grow:1}.detail-action-item .icon{font-size:var(--text-lg);color:var(--color-accent);margin-right:var(--spacing-xs);width:24px;text-align:center}.detail-action-item.actionable:hover{transform:translateY(-2px)}.chevron{font-size:var(--text-base);color:var(--text-secondary);margin-right:var(--spacing-xs);transition:color .2s}.detail-action-item.actionable:hover .chevron{color:var(--text-secondary)}.detail-datetime-row,.detail-button,.detail-capacity-row{display:none}.map-card{width:100%;aspect-ratio:2 / 1;min-height:150px;background-color:#e5e3df;background-image:radial-gradient(#c0c0c0 1px,transparent 1px);background-size:10px 10px;border-radius:var(--radius-md);padding:0;display:flex;align-items:center;justify-content:center;gap:0;text-decoration:none;color:var(--text-primary);margin-bottom:0;transition:opacity .2s;cursor:pointer;position:relative}.map-card iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;pointer-events:none;border-radius:var(--radius-md)}.map-card:hover{opacity:.9}.map-icon-box{width:40px;height:40px;background-color:var(--bg-content);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0;font-size:var(--text-lg);box-shadow:0 2px 8px #00000026;z-index:1}.description-container{margin-bottom:0;padding-top:var(--spacing-xs)}.map-info-row{display:flex;justify-content:space-between;align-items:center;width:100%}.map-text-col{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.map-divider{height:1px;background-color:var(--border-primary);width:100%;opacity:.5}.map-address{font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.map-city{font-size:var(--text-sm);color:var(--text-secondary)}.map-date,.map-price{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-primary)}.map-time,.map-payment{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.map-icon-btn{background:none;border:none;color:var(--color-accent);font-size:var(--text-lg);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.map-buy-btn{background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color .2s}.map-action-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.map-buy-btn:hover{background-color:var(--color-accent-hover)}.segment-container{background-color:var(--bg-muted);border-radius:var(--radius-md);padding:var(--spacing-xs);display:flex;position:relative;height:auto;min-height:48px;box-sizing:border-box;width:100%}.segment-btn{flex:1;border:none;background:transparent;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-secondary);z-index:2;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs)}.segment-btn.active{background-color:var(--bg-content);color:var(--text-primary);box-shadow:0 1px 3px #0000001f,0 .5px 2px #00000014;color:var(--color-accent)}.segment-btn:not(.active):hover{color:var(--text-primary)}.detail-tab-content{display:none;height:400px}.detail-tab-content.active{display:block}#tab-chat{height:400px}.your-booking-section{padding:4px 0 var(--spacing-lg) 0}.your-booking-label{font-weight:var(--weight-bold);font-size:var(--text-base);margin-bottom:var(--spacing-sm);display:block}.booking-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:flex-start}.booking-control-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.booking-control-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-semibold);margin-left:2px}.items-selection-row{display:flex;gap:var(--spacing-sm)}.item-btn-circle{width:44px;height:44px;border-radius:50%;background-color:var(--bg-muted);border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);cursor:pointer;transition:all .2s}.item-btn-circle:hover{transform:translateY(-2px)}.item-btn-circle.active{border-color:var(--color-accent);background-color:#3ba87a1a}.item-btn-circle:disabled{opacity:.5;cursor:not-allowed;transform:none}.participants-section{padding-top:0}.participants-header{display:flex;justify-content:space-between;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--text-secondary);padding:0 var(--spacing-xs) var(--spacing-xs)}.participants-list{list-style:none;padding:0;margin:var(--spacing-lg) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.participants-list li{position:relative;display:flex;flex-direction:row;align-items:center;text-align:left;padding:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-content);gap:var(--spacing-xs);box-shadow:0 2px 5px #00000008;margin-bottom:0;transition:transform .2s,box-shadow .2s}.delete-participant-btn{background-color:#0000000d;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);padding:0;transition:all .2s;margin-left:var(--spacing-xs)}.delete-participant-btn:hover{background-color:var(--color-danger);color:#fff}.waitlist-separator{margin:var(--spacing-lg) var(--spacing-xs) var(--spacing-sm);border-bottom:1px dashed #ccc;text-align:center;color:var(--text-secondary);font-size:var(--text-xs)}.waitlist-separator span{background-color:var(--bg-content);padding:0 var(--spacing-md)}.participants-list li.current-user{background-color:var(--bg-muted);border:1px solid var(--color-accent)}.participants-list li .participant-items{font-size:var(--text-lg);color:var(--text-secondary);flex-shrink:0;margin-left:var(--spacing-xs)}.participant-number{display:none}.participant-name{color:var(--text-primary);font-weight:var(--weight-semibold);font-size:var(--text-base);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;min-width:0}.participant-avatar,.participant-avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-bottom:0;margin-right:var(--spacing-xs)}.participant-avatar-placeholder{background-color:var(--bg-muted);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.participant-paid-status{text-align:center}.payment-toggle-btn{background:none;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:2px var(--spacing-sm);width:auto;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;color:var(--text-secondary);transition:all .2s;margin-left:var(--spacing-xs);flex-shrink:0}.payment-toggle-btn.paid,.payment-toggle-btn.going{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.no-participants{text-align:center;color:var(--text-secondary);font-style:italic}.sticky-footer{background:var(--bg-content);border-top:1px solid var(--border-primary);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;z-index:10;transition:all .3s ease;margin-top:0;flex-shrink:0}.footer-info{display:flex;flex-direction:column}.footer-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-secondary);font-weight:var(--weight-semibold)}.footer-price{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.footer-btn{border:none;padding:14px var(--spacing-xl);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-semibold);color:#fff;cursor:pointer;min-width:140px;transition:opacity .2s}.footer-btn:hover{opacity:.9}.btn-black{background-color:#000;color:#fff}.btn-green{background-color:var(--color-success);color:#fff}.btn-tikkie{background-color:var(--color-accent);color:#fff}.btn-red{background-color:var(--color-danger);color:#fff}.btn-red-outline{background-color:transparent;color:var(--color-danger)}.footer-update-mode{width:100%;display:flex;gap:var(--spacing-sm)}.footer-update-mode button{flex:1}.modal-overlay{position:absolute;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);box-sizing:border-box}.modal-content{background-color:var(--bg-content);width:100%;max-width:380px;max-height:90vh;border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.modal-header{background-color:var(--color-accent);color:var(--text-on-accent);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:var(--text-lg)}.modal-header .close-btn{color:var(--text-on-accent);font-size:var(--text-xl);font-weight:var(--weight-bold);background:none;border:none;cursor:pointer}#event-form{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.form-scroll-content{padding:var(--spacing-lg);overflow-y:auto;flex-grow:1}.form-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary);flex-shrink:0}.form-group{margin-bottom:var(--spacing-sm)}#event-form label{display:block;font-weight:var(--weight-bold);margin-bottom:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-primary)}#event-form input[type=text],#event-form input[type=date],#event-form input[type=time],#event-form input[type=url],#event-form input[type=number],#event-form select,#event-form textarea{width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-xs);border:1px solid #ccc;border-radius:var(--radius-sm);box-sizing:border-box}input[type=checkbox]{accent-color:var(--color-accent);width:1.3em;height:1.3em;cursor:pointer}#event-form textarea{resize:vertical;min-height:80px}.form-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.form-row .form-group{flex:1 1 110px}.form-row .form-group input[type=time]{font-size:var(--text-sm)}.label_waitlist{line-height:34px}.emoji-palette{display:flex;flex-wrap:wrap;justify-content:space-around;gap:var(--spacing-xs)}.emoji-palette-btn{font-size:var(--text-xl)}.payment-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.payment-options label{display:flex;align-items:center;gap:var(--spacing-sm);margin-right:0;cursor:pointer;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);transition:all .2s}.payment-options label:has(input:checked){border-color:var(--color-accent);background-color:var(--bg-content);box-shadow:0 2px 5px var(--shadow-primary)}.events-tab-content{display:none}.events-tab-content.active{display:block}.empty-list-message{text-align:center;padding:30px 10px;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:var(--spacing-xl);margin-bottom:0}.empty-state-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl)}.empty-state-btn{margin-top:var(--spacing-lg);width:auto}.events-list-tab{padding:0}#toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.toast{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);color:var(--text-on-accent);font-size:var(--text-sm);box-shadow:0 4px 10px var(--shadow-primary);opacity:0;transform:translateY(-20px);animation:toast-in .5s forwards}.toast.success{background-color:var(--color-success)}.toast.error{background-color:var(--color-danger)}.toast.info{background-color:var(--color-accent)}.confirm-modal-overlay{position:absolute;z-index:1500;left:0;top:0;width:100%;height:100%;background-color:var(--bg-overlay);display:flex;justify-content:center;align-items:center}.confirm-modal-content{background-color:var(--bg-content);padding:var(--spacing-xl);border-radius:var(--radius-md);width:90%;max-width:320px;text-align:center;box-shadow:0 5px 15px var(--shadow-primary)}.confirm-modal-content h4{margin-top:0}.confirm-modal-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.confirm-modal-buttons button{flex:1;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:var(--weight-bold)}.confirm-modal-buttons .confirm-btn-ok{background-color:var(--color-danger);color:var(--text-on-accent)}.confirm-modal-buttons .confirm-btn-cancel{background-color:var(--border-primary);color:var(--text-primary)}.calendar-modal-overlay{position:absolute;z-index:1600;left:0;top:0;width:100%;height:100%;background-color:var(--bg-overlay);display:flex;justify-content:center;align-items:flex-end}.calendar-modal-content{background-color:var(--bg-content);width:100%;max-width:350px;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 -5px 15px var(--shadow-primary);animation:slide-up .3s ease-out}.calendar-modal-content h4{margin-top:0;text-align:center;font-size:var(--text-lg);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg)}.calendar-modal-content a{display:block;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);text-align:center;text-decoration:none;color:var(--text-primary);font-weight:var(--weight-medium)}.calendar-modal-content a:hover{transform:translateY(-2px)}.calendar-modal-overlay.closing .calendar-modal-content{animation:slide-down .3s ease-in forwards}.skeleton-loader{padding-top:0;transition:opacity .3s ease-out,max-height .3s ease-out;opacity:1;max-height:1000px;overflow:hidden}.skeleton-card{background-color:var(--bg-content);border-radius:var(--radius-md);height:160px;margin-bottom:var(--spacing-lg);position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000d}.skeleton-card:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent);animation:skeleton-pulse 1.5s infinite}.skeleton-loader.hidden{opacity:0;max-height:0}.image-upload{margin-bottom:var(--spacing-lg)}.preview{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);border:2px dashed var(--border-primary);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.preview:hover{border-color:var(--color-accent);background-color:var(--bg-muted)}.preview img{width:100%;height:100%;object-fit:cover}.preview.loading{opacity:.7;pointer-events:none}.fallback-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;font-size:70px}.fallback-icon .icon{width:40%;height:40%;stroke:#fff;stroke-width:1.8;fill:none}.fallback-icon.football{background:linear-gradient(135deg,#1db954,#0f766e)}.fallback-icon.running{background:linear-gradient(135deg,#fbbf24,#111827)}.fallback-icon.volleyball{background:linear-gradient(135deg,#3b82f6,#f97316)}.fallback-icon.padel{background:linear-gradient(135deg,#14b8a6,#0f766e)}.fallback-icon.concert{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.fallback-icon.party{background:linear-gradient(135deg,#ec4899,#9333ea)}.fallback-icon.other{background:linear-gradient(135deg,#64748b,#1f2937)}.fallback-palette{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 2px var(--spacing-lg) 2px}.fallback-option{width:48px;height:48px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;border:2px solid transparent;overflow:hidden;transition:transform .2s}.fallback-option:hover{transform:translateY(-2px)}.fallback-option.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--bg-content),0 0 0 4px var(--color-accent)}.load-more-container{grid-column:1 / -1;display:flex;justify-content:center;padding:var(--spacing-xl) 0}.infinite-scroll-trigger{height:20px;margin-bottom:var(--spacing-xl);display:flex;justify-content:center}.infinite-scroll-trigger i{color:var(--text-secondary)}.guest-stepper-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.guest-limit-info{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.slots-info.full{color:var(--color-danger)}#home-events-list.view-immersive{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}#home-events-list.view-immersive .event-card{display:flex;flex-direction:column;aspect-ratio:16 / 9;position:relative;overflow:hidden;border:none;padding:0;isolation:isolate;align-items:stretch;box-shadow:0 6px 10px #00000080;margin:0}#home-events-list.view-immersive .event-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:0}#home-events-list.view-immersive .event-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#0000001a 40%,#0003 60%,#000c);z-index:-1;pointer-events:none;transition:opacity .3s ease}#home-events-list.view-immersive .event-content{margin-bottom:0;padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg);z-index:1}#home-events-list.view-immersive .event-title{color:#fff;font-size:var(--text-lg);text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:0}#home-events-list.view-immersive .event-meta{color:#ffffffe6;flex-direction:row;gap:var(--spacing-sm)}#home-events-list.view-immersive .event-card-bottom{background:transparent;border-top:none;padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);color:#fff;z-index:1;width:100%;box-sizing:border-box;justify-content:space-between}#home-events-list.view-immersive .event-chevron{display:none}#home-events-list.view-immersive .price-tag{background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media(min-width:600px)and (max-width:899px){.event-card{max-width:100%;box-sizing:border-box;display:grid;grid-template-columns:170px 1fr auto;gap:var(--spacing-xl);padding:var(--spacing-xl);align-items:start}.event-card .event-card-top{display:contents}.event-card .event-image-container{width:100%;height:170px;font-size:3rem;grid-column:1;grid-row:1 / span 2}.event-card .event-content{grid-column:2;grid-row:1;gap:var(--spacing-xs)}.event-card .event-title{font-size:1.4em;margin-bottom:var(--spacing-xs)}.event-card .event-chevron{display:block;grid-column:3;grid-row:1 / span 2;align-self:center;font-size:var(--text-lg)}.event-card .event-card-bottom{grid-column:2;grid-row:2;border-top:1px solid var(--border-primary);padding-top:var(--spacing-sm);margin-top:auto;display:flex;justify-content:space-between}}@media(min-width:900px){.view-toggle-btn{display:flex;visibility:inherit}.event-detail-overlay{width:100%}.event-card{margin:0;justify-content:space-between}#home-events-list.view-immersive{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}#home-events-list.single-column-view,.events-list-tab.single-column-view{grid-template-columns:1fr}#home-events-list.single-column-view .event-card,.events-list-tab.single-column-view .event-card{max-width:100%;box-sizing:border-box;display:grid;grid-template-columns:256px 1fr auto;gap:30px;padding:25px;align-items:start}#home-events-list.single-column-view .event-card .event-card-top,.events-list-tab.single-column-view .event-card .event-card-top{display:contents}#home-events-list.single-column-view .event-card .event-image-container,.events-list-tab.single-column-view .event-card .event-image-container{width:100%;height:256px;font-size:5rem;grid-column:1;grid-row:1 / span 2}#home-events-list.single-column-view .event-card .event-content,.events-list-tab.single-column-view .event-card .event-content{grid-column:2;grid-row:1;gap:var(--spacing-sm)}#home-events-list.single-column-view .event-card .event-title,.events-list-tab.single-column-view .event-card .event-title{font-size:var(--text-xl);margin-bottom:var(--spacing-xs)}#home-events-list.single-column-view .event-card .event-meta,.events-list-tab.single-column-view .event-card .event-meta{font-size:var(--text-lg);gap:var(--spacing-xs)}#home-events-list.single-column-view .event-card .event-chevron,.events-list-tab.single-column-view .event-card .event-chevron{display:block;grid-column:3;grid-row:1 / span 2;align-self:center;font-size:var(--text-xl)}#home-events-list.single-column-view .event-card .event-card-bottom,.events-list-tab.single-column-view .event-card .event-card-bottom{grid-column:2;grid-row:2;border-top:1px solid var(--border-primary);border-left:none;padding-top:var(--spacing-xs);padding-left:0;margin-top:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:auto}#home-events-list.single-column-view .event-card .status-open,.events-list-tab.single-column-view .event-card .status-open{font-size:var(--text-lg)}#home-events-list.single-column-view .event-card .mini-avatar,.events-list-tab.single-column-view .event-card .mini-avatar{width:64px;height:64px;font-size:var(--text-xl);margin-left:-10px;border-width:3px}#home-events-list.single-column-view .event-card .mini-avatar:last-child,.events-list-tab.single-column-view .event-card .mini-avatar:last-child{margin-left:0}#home-events-list.single-column-view .event-card .avatar-badge,.events-list-tab.single-column-view .event-card .avatar-badge{font-size:var(--text-sm);padding:2px var(--spacing-sm);top:0;right:0}.skeleton-loader{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.skeleton-card{margin-bottom:0}.modal-content{max-width:100%}.event-detail-sheet{max-width:800px}.payment-section-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.payment-section-wrapper .payment-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-section-wrapper .payment-options label{margin-right:0}}.chat-container{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.chat-messages{flex-grow:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);height:400px}.message-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-sm);max-width:85%}.message-own{align-self:flex-end;flex-direction:row-reverse}.message-other{align-self:flex-start}.chat-avatar,.chat-avatar-placeholder{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 4px #0000001a;border:2px solid var(--bg-content)}.chat-avatar-placeholder{background-color:var(--bg-muted);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm)}.message-bubble{padding:var(--spacing-sm) 14px;border-radius:var(--radius-md);position:relative;word-wrap:break-word;box-shadow:0 1px 2px #0000000d;font-size:var(--text-base);line-height:1.4;min-width:60px}.message-own .message-bubble{background-color:var(--color-accent);color:var(--text-on-accent);border-bottom-right-radius:4px}.message-other .message-bubble{background-color:var(--bg-content);border:1px solid var(--border-primary);color:var(--text-primary);border-bottom-left-radius:4px}.message-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.message-author{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-accent)}.message-text{margin-bottom:var(--spacing-xs)}.message-bubble .message-text:last-child{margin-bottom:0}.message-time{font-size:var(--text-xs);text-align:right;opacity:.7}.message-own .message-time{color:#fffc}.chat-input-area{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--border-primary);align-items:center}#chat-input{flex-grow:1;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-content);color:var(--text-primary);font-size:var(--text-base);transition:all .2s;outline:none}#chat-input:focus{border-color:var(--color-accent);background-color:var(--bg-content);box-shadow:0 0 0 3px #3ba87a1a}#chat-send-btn{background-color:var(--color-accent);color:var(--text-on-accent);border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background-color .2s;box-shadow:0 2px 5px #00000026;font-size:var(--text-lg)}#chat-send-btn:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}#chat-send-btn:active{transform:scale(.95)}.layout-container{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.card{background:var(--bg-content);border-radius:var(--radius-md);box-shadow:0 1px 3px var(--shadow-primary);padding:var(--spacing-lg);border:1px solid var(--border-primary)}.section-title{font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:var(--spacing-lg);color:var(--text-primary);text-align:left}.main-content{flex-grow:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-card{display:flex;align-items:center;gap:var(--spacing-lg);position:relative;text-align:left}.profile-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-secondary)}.profile-info{flex-grow:1;min-width:0}.profile-info h2{font-size:var(--text-lg);margin:0;font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-avatar-placeholder{width:64px;height:64px;border-radius:50%;background-color:var(--bg-muted);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.profile-name-input{padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-base);text-align:left;box-sizing:border-box;background:none;border:1px solid #ccc;width:100%}#edit-name-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-muted);border:none;cursor:pointer;margin-left:auto;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:var(--radius-md)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:var(--bg-content);transition:.3s;border-radius:50%;box-shadow:0 1px 2px #0000001a}input:checked+.slider{background-color:var(--color-accent)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:var(--radius-md)}.slider.round:before{border-radius:50%}.profile-hint{padding:var(--spacing-sm);border-radius:5px;font-size:var(--text-sm)}.logout-btn{width:100%;padding:var(--spacing-md);background:transparent;border:none;color:var(--color-danger);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);opacity:.8;transition:.2s;border-radius:var(--radius-sm)}.logout-btn:hover{opacity:1;background:#ef44440d}.organizer-section{margin-top:0}.organizer-section .create-category-form form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.organizer-section .create-category-form input{flex-grow:1;padding:var(--spacing-sm);font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-secondary);transition:all .2s}.organizer-section .create-category-form input:focus{border-color:var(--color-accent);background-color:var(--bg-content);box-shadow:0 0 0 3px #3ba87a1a;outline:none}.submit-btn.small-btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base);margin-top:0;background-color:var(--color-accent);border-radius:var(--radius-sm);border:none}#new-category-form>.submit-btn{width:auto}.category-list{list-style:none;padding:0;margin:0}.category-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-primary)}.category-list li:last-child{border-bottom:none;padding-bottom:0}.delete-category-btn{background-color:var(--color-danger);color:var(--text-on-accent);border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:var(--weight-bold)}.profile-settings{display:flex;flex-direction:column;margin:0;padding:0}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-primary)}.settings-row:last-child{border-bottom:none;padding-bottom:0}.row-left{display:flex;align-items:center;gap:var(--spacing-md)}.row-icon{font-size:var(--text-lg);width:24px;text-align:center;color:var(--text-secondary)}.row-label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.language-switcher{background:var(--bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex}.language-switcher button{background:transparent;border:none;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary)}.language-switcher button.active{background-color:var(--bg-content);color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.notification-subscribe-btn{font-size:13px;font-weight:600;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent);text-decoration:none}.settings-link{text-decoration:none;color:var(--text-primary)}.settings-value{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.settings-value span{font-size:var(--text-sm);font-weight:var(--weight-medium)}.settings-value i{font-size:var(--text-lg)}.pwa-install-button{width:auto;margin:0;padding:var(--spacing-sm);font-size:var(--text-sm);display:flex;font-weight:var(--weight-semibold);align-items:center;background:#3ba87a26;color:var(--color-accent);border-radius:var(--radius-sm);border:none;cursor:pointer}.achievements-section{margin-top:0}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);justify-items:center}.achievement-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:90px}.achievement-card{width:90px;height:90px;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;cursor:pointer}.achievement-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-front img{width:100%;height:100%;object-fit:cover;border-radius:50%}.card-front.locked img{filter:grayscale(100%)}.card-back{background-color:var(--bg-content);color:var(--text-primary);transform:rotateY(180deg);font-size:var(--text-xs);text-align:center;padding:var(--spacing-sm);box-sizing:border-box;box-shadow:0 0 5px var(--shadow-primary)}.achievement-title{font-size:var(--text-xs);color:var(--text-primary);font-weight:var(--weight-medium);text-align:center}.achievement-title.locked{color:var(--text-secondary)}.hint-animation .card-inner{animation:hint-wiggle 2.5s ease-in-out}.hint-animation-first .card-inner{animation:hint-flip 2s ease-in-out}@media(min-width:900px){.layout-container{flex-direction:row;align-items:flex-start;gap:var(--spacing-2xl)}.sidebar{width:300px;flex-shrink:0;position:sticky;top:0}.profile-card{flex-direction:column;text-align:center;padding:var(--spacing-2xl)}.profile-avatar{width:100px;height:100px;margin-bottom:var(--spacing-sm)}.profile-info,.profile-name-input{text-align:center}#edit-name-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);margin:0}}