:root{--bg-main: #070709;--bg-panel: rgba(18, 18, 24, .75);--bg-panel-solid: #121218;--bg-card: rgba(30, 30, 40, .5);--accent-purple: #8b5cf6;--accent-purple-glow: rgba(139, 92, 246, .4);--accent-cyan: #06b6d4;--accent-cyan-glow: rgba(6, 182, 212, .3);--accent-pink: #ec4899;--accent-pink-glow: rgba(236, 72, 153, .4);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-glow: rgba(255, 255, 255, .08);--border-glow-active: rgba(139, 92, 246, .6);--shadow-neon: 0 0 15px var(--accent-purple-glow);--shadow-cyan: 0 0 15px var(--accent-cyan-glow);--shadow-pink: 0 0 15px var(--accent-pink-glow);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-header: "Outfit", sans-serif;--nav-height: 70px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);overflow:hidden;height:100vh;height:100dvh;width:100vw;position:fixed}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;max-width:500px;margin:0 auto;background-color:var(--bg-main);position:relative;box-shadow:0 0 50px #000c}.app-header{padding:16px 20px;background:linear-gradient(180deg,#0c0c10f2,#070709b3);border-bottom:1px solid var(--border-glow);display:flex;justify-content:space-between;align-items:center;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{font-family:var(--font-header);font-size:1.3rem;font-weight:800;background:linear-gradient(90deg,#fff 0%,var(--accent-cyan) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.app-header .group-badge{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);color:var(--accent-cyan);padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.app-body-layout{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.sidebar-column,.main-column{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;padding:16px;padding-bottom:calc(var(--nav-height) + 20px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sidebar-column.mobile-hide,.main-column.mobile-hide,.profile-section.mobile-hide,.explore-section.mobile-hide{display:none!important}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);border-radius:16px}.glass-card{background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glow);border-radius:14px;padding:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:active,.glass-card.active{border-color:var(--accent-purple);box-shadow:var(--shadow-neon);transform:scale(.98)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:var(--nav-height);background:#0c0c10eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glow);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);width:70px;height:50px;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans);font-weight:500;font-size:.7rem;gap:4px}.nav-item svg{width:22px;height:22px;transition:transform .2s ease}.nav-item.active{color:var(--accent-purple)}.nav-item.active svg{transform:translateY(-2px);filter:drop-shadow(0 0 5px var(--accent-purple-glow))}.day-selector{display:flex;gap:8px;margin-bottom:16px}.day-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:10px 4px;border-radius:10px;font-family:var(--font-header);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.day-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff;box-shadow:var(--shadow-neon)}.calendar-view{position:relative}.timeline{position:relative;margin-top:10px;padding-left:55px;min-height:600px}.time-marker-col{position:absolute;left:0;top:0;bottom:0;width:45px;border-right:1px solid rgba(255,255,255,.05)}.time-label{position:absolute;right:8px;font-size:.65rem;color:var(--text-muted);font-family:var(--font-header);font-weight:600;transform:translateY(-50%)}.timeline-grid-row{position:absolute;left:0;right:0;border-bottom:1px dashed rgba(255,255,255,.03)}.calendar-events-container{position:relative;width:100%;height:100%}.calendar-event-card{position:absolute;right:auto;left:calc(var(--lane-index) * (100% / var(--lanes-count)));width:calc(98% / var(--lanes-count));border-radius:8px;border-left:4px solid var(--accent-purple);padding:8px;font-size:.75rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),left .2s ease,width .2s ease,filter .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 4px 10px #0000004d;animation:card-scale-in .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes card-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.calendar-event-card:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.2);box-shadow:0 6px 15px #0006}.calendar-event-card:active{transform:translateY(0) scale(.97)}.calendar-event-card.festival{background:#8b5cf626;border-left-color:var(--accent-purple)}.calendar-event-card.afters{background:#06b6d426;border-left-color:var(--accent-cyan)}.calendar-event-card.custom{background:#ec489926;border-left-color:var(--accent-pink)}.calendar-event-card:active{transform:scale(.97)}.calendar-event-title{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event-meta{color:var(--text-secondary);font-size:.65rem;display:flex;justify-content:space-between;align-items:center}.explore-search-bar{display:flex;gap:8px;margin-bottom:12px}.explore-search-bar input{flex:1;background:#ffffff0d;border:1px solid var(--border-glow);color:#fff;padding:10px 14px;border-radius:10px;font-size:.9rem;outline:none;transition:all .2s ease}.explore-search-bar input:focus{border-color:var(--accent-cyan);background:#ffffff14}.filter-pills{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{white-space:nowrap;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-pill.active{background:#06b6d426;border-color:var(--accent-cyan);color:var(--accent-cyan)}.explore-day-group{margin-bottom:24px}.explore-day-header{font-family:var(--font-header);font-size:.88rem;font-weight:900;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 4px 6px;margin-top:20px;margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.explore-section-header{display:flex;align-items:center;gap:8px;margin:20px 0 10px 4px;font-family:var(--font-header);font-size:.72rem;font-weight:800;letter-spacing:.08em}.explore-section-header.festival{color:var(--accent-purple);text-shadow:0 0 10px rgba(139,92,246,.25)}.explore-section-header.afters{color:var(--accent-cyan);text-shadow:0 0 10px rgba(6,182,212,.25)}.event-row-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.event-row{display:flex;align-items:center;justify-content:space-between;padding:14px;margin-bottom:10px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.event-row:hover{background:#ffffff0a;border-color:#ffffff14}.event-row-info{flex:1;min-width:0;cursor:pointer}.event-row-title{font-weight:700;font-size:.95rem;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-row-sub{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.75rem}.badge-tag{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.badge-tag.festival{background:#8b5cf61a;color:var(--accent-purple);border:1px solid rgba(139,92,246,.2)}.badge-tag.afters{background:#06b6d41a;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.2)}.event-row-actions{display:flex;align-items:center;gap:12px;margin-left:12px}.icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:6px}.icon-btn:hover{color:var(--text-primary)}.icon-btn.active.heart{color:var(--accent-pink);filter:drop-shadow(0 0 4px var(--accent-pink-glow))}.icon-btn.active.heart svg,.btn-secondary.active svg{animation:heart-pop .35s cubic-bezier(.175,.885,.32,1.275) both}@keyframes heart-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.icon-btn.active.add{color:var(--accent-purple);filter:drop-shadow(0 0 4px var(--accent-purple-glow))}.icon-btn.active.add svg{animation:add-pop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes add-pop{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(90deg)}to{transform:scale(1) rotate(180deg)}}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end}.modal-drawer{width:100%;background:var(--bg-panel-solid);border-top:1px solid var(--border-glow);border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;padding-bottom:calc(env(safe-area-inset-bottom) + 24px);animation:slide-up .25s cubic-bezier(.4,0,.2,1);max-height:80%;overflow-y:auto}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-cover-image-container{position:relative;width:calc(100% + 48px);height:180px;margin:-24px -24px 8px;overflow:hidden;border-top-left-radius:inherit;border-top-right-radius:inherit}.drawer-cover-image{width:100%;height:100%;object-fit:cover}.drawer-cover-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,var(--bg-panel-solid) 0%,transparent 100%)}.drawer-close-floating{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.drawer-close-floating:hover{background:#fff3;transform:scale(1.05)}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.drawer-close{background:#ffffff0d;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.drawer-title{font-family:var(--font-header);font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:4px;padding-right:12px}.drawer-details-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.9rem}.detail-item svg{color:var(--accent-cyan);width:20px;height:20px;flex-shrink:0}.detail-item a{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:3px}.distance-badge{background:#ec489914;border:1px solid rgba(236,72,153,.2);color:var(--accent-pink);padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:6px;display:inline-flex;align-items:center}.drawer-description{color:var(--text-secondary);font-size:.85rem;line-height:1.5;background:#ffffff05;padding:12px;border-radius:10px;margin-bottom:20px}.drawer-hearts-section{margin-bottom:20px}.drawer-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px}.hearts-avatars{display:flex;flex-wrap:wrap;gap:8px}.heart-user-pill{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--border-glow);padding:4px 8px;border-radius:20px;font-size:.75rem;color:var(--text-secondary)}.drawer-actions{display:flex;gap:12px}.btn-primary{flex:1;background:var(--accent-purple);border:none;color:#fff;padding:12px;border-radius:12px;font-weight:600;font-family:var(--font-header);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:active{transform:scale(.98)}.btn-secondary{flex:1;background:#ffffff0d;border:1px solid var(--border-glow);color:var(--text-primary);padding:12px;border-radius:12px;font-weight:600;font-family:var(--font-header);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary.active{background:#ec48991a;border-color:var(--accent-pink);color:var(--accent-pink)}.profile-view{display:flex;flex-direction:column;gap:20px}.avatar-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.avatar-item{width:100%;aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#ffffff08;border:1px solid var(--border-glow);cursor:pointer;transition:all .2s ease}.avatar-item.active{border-color:var(--accent-cyan);box-shadow:var(--shadow-cyan);background:#06b6d41a;transform:scale(1.05)}.profile-input-group{display:flex;flex-direction:column;gap:8px}.profile-input-group label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-input-group input{background:#ffffff0d;border:1px solid var(--border-glow);color:#fff;padding:12px 16px;border-radius:12px;font-size:1rem;outline:none;transition:all .2s ease}.profile-input-group input:focus{border-color:var(--accent-purple);box-shadow:var(--shadow-neon)}.avatar-preview{width:80px;height:80px;border-radius:50%;background:#ffffff0d;border:2px solid var(--accent-purple);box-shadow:var(--shadow-neon);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 10px}.custom-event-form{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px;background:#ffffff05;border:1px solid var(--border-glow);border-radius:12px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-event-form input,.custom-event-form select,.custom-event-form textarea{background:#ffffff0d;border:1px solid var(--border-glow);color:#fff;padding:10px;border-radius:8px;font-size:.9rem;outline:none;font-family:var(--font-sans)}.custom-event-form input:focus,.custom-event-form select:focus,.custom-event-form textarea:focus{border-color:var(--accent-cyan)}.members-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.member-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px}.member-avatar{font-size:1.25rem}.member-name{font-weight:500;font-size:.9rem;color:var(--text-primary)}.member-you{font-size:.7rem;background:#06b6d41a;color:var(--accent-cyan);padding:2px 6px;border-radius:4px;margin-left:auto;font-weight:600}.header-profile-btn{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-glow);padding:6px;border-radius:50%;width:32px;height:32px;justify-content:center;color:var(--text-primary);font-family:var(--font-header);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;outline:none}.header-profile-btn:hover{background:#ffffff1a;border-color:var(--accent-purple);box-shadow:var(--shadow-neon)}.profile-btn-avatar{font-size:1.1rem}.profile-btn-name{display:none}.mobile-only{display:block}.mobile-profile-container{width:100%}@media (min-width: 769px){body{position:static;overflow:hidden;height:100vh;width:100vw;background:radial-gradient(circle at 10% 20%,rgba(139,92,246,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.08) 0%,transparent 40%),#070709;display:flex;align-items:center;justify-content:center}.app-container{max-width:1560px;width:95vw;margin:0;height:90vh;border-radius:24px;border:1px solid var(--border-glow);box-shadow:0 30px 80px #000000d9;background:#0c0c10d9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);overflow:hidden}.bottom-nav{display:none!important}.header-profile-btn{padding:6px 12px!important;border-radius:12px!important;width:auto!important;height:auto!important}.profile-btn-name{display:inline!important;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event-card{left:calc(var(--lane-index) * 230px)!important;width:220px!important;max-width:220px!important}.mobile-only{display:none!important}.app-body-layout{display:grid;grid-template-columns:400px 1fr;gap:20px;flex:1;overflow:hidden;padding:0 24px 24px}.sidebar-column.mobile-hide,.main-column.mobile-hide,.profile-section.mobile-hide,.explore-section.mobile-hide{display:flex!important}.sidebar-column{height:100%;width:100%;overflow-y:auto;padding:0 6px 0 0;gap:20px;display:flex;flex-direction:column}.main-column{height:100%;width:100%;overflow:hidden;padding:0;display:flex;flex-direction:column}.calendar-view{height:100%;display:flex;flex-direction:column}.calendar-view .day-selector{margin-bottom:12px}.calendar-view .glass-panel{height:0!important;flex:1!important}.modal-overlay{justify-content:center;align-items:center}.modal-drawer{width:480px;border:1px solid var(--border-glow);border-radius:20px;animation:zoom-in .2s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 50px #000000b3;max-height:90%}@keyframes zoom-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}}.header-mode-toggle{display:flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:6px 12px;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-mode-toggle:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--text-primary)}.header-mode-toggle.sync{color:var(--accent-cyan);background:#06b6d40f;border-color:#06b6d433}.header-mode-toggle.sync:hover{background:#06b6d41a;border-color:#06b6d459;box-shadow:0 0 10px #06b6d426}.header-mode-toggle.local{color:var(--accent-pink);background:#ec48990f;border-color:#ec489933}.header-mode-toggle.local:hover{background:#ec48991a;border-color:#ec489959;box-shadow:0 0 10px #ec489926}.header-mode-toggle .mode-toggle-icon{font-size:.95rem}@media (max-width: 580px){.header-mode-toggle .mode-toggle-label{display:none}.header-mode-toggle{padding:6px 8px;border-radius:10px}}