:root{--color-bg:#f8f9fc;--color-surface:#fff;--color-surface-hover:#f0f2f8;--color-border:#e2e5f0;--color-text:#1a1d2e;--color-text-secondary:#5a6078;--color-text-muted:#9298b0;--color-accent:#ff5a78;--color-accent-hover:#ff7a92;--color-accent-light:#fff0f3;--color-blue:#4a9fff;--color-blue-light:#eef6ff;--color-green:#22c997;--color-green-light:#e8faf4;--color-purple:#8b7cf7;--color-purple-light:#f3f1ff;--color-orange:#ff9f43;--color-orange-light:#fff5eb;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 2px 8px #1a1d2e0f;--shadow-md:0 4px 16px #1a1d2e1a;--shadow-lg:0 8px 32px #1a1d2e1f;--transition:.2s ease;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0}#root{width:100%}.calendar-grid{background:var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);table-layout:fixed;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;width:100%;display:grid;overflow:hidden}.weekday-header{background:var(--color-surface);text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:14px 12px;font-size:.8rem;font-weight:700}.weekday-header.sun{color:var(--color-accent)}.weekday-header.sat{color:var(--color-blue)}.calendar-day{background:var(--color-surface);min-height:120px;transition:background var(--transition);min-width:0;padding:10px;position:relative;overflow:hidden}.calendar-day:hover{background:var(--color-surface-hover)}.calendar-day.other-month{background:var(--color-bg)}.calendar-day.other-month .day-number{color:var(--color-text-muted);opacity:.5}.calendar-day.today{background:var(--color-accent-light)}.day-number{color:var(--color-text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:600}.day-number.today-number{background:linear-gradient(135deg, var(--color-accent), var(--color-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.calendar-day.sun .day-number{color:var(--color-accent)}.calendar-day.sat .day-number{color:var(--color-blue)}.day-events{flex-direction:column;gap:4px;min-width:0;display:flex;overflow:hidden}.event-chip{background:var(--color-accent-light);color:var(--color-accent);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:all var(--transition);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;overflow:hidden}.event-chip:hover{background:var(--color-accent);color:#fff;transform:translateY(-1px)}.event-chip.type-spot{background:var(--color-accent-light);color:var(--color-accent)}.event-chip.type-spot:hover{background:var(--color-accent);color:#fff}.event-chip.type-regular{background:var(--color-blue-light);color:var(--color-blue)}.event-chip.type-regular:hover{background:var(--color-blue);color:#fff}.more-events{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);padding:4px;font-size:.75rem;font-weight:600}.more-events:hover{color:var(--color-accent)}.day-popover{background:var(--color-surface);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);z-index:100;border:1px solid var(--color-border);position:absolute;top:100%;left:0;right:0;overflow:hidden}.popover-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-text);justify-content:space-between;align-items:center;padding:10px 12px;font-size:.85rem;font-weight:700;display:flex}.popover-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.popover-close:hover{color:var(--color-accent)}.popover-events{flex-direction:column;gap:6px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.popover-event{cursor:pointer;transition:all var(--transition);border-radius:6px;padding:8px 10px;font-size:.8rem;font-weight:600}.popover-event.type-spot{background:var(--color-accent-light);color:var(--color-accent)}.popover-event.type-spot:hover{background:var(--color-accent);color:#fff}.popover-event.type-regular{background:var(--color-blue-light);color:var(--color-blue)}.popover-event.type-regular:hover{background:var(--color-blue);color:#fff}@media (width<=768px){.calendar-day{min-height:80px;padding:6px}.day-number{font-size:.8rem}.day-number.today-number{width:24px;height:24px}.event-chip{padding:3px 6px;font-size:.65rem}.weekday-header{padding:10px 4px;font-size:.7rem}.day-popover{min-width:160px}}.list-view{display:block}.no-events{color:var(--color-text-secondary);text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);padding:48px 24px;font-size:1rem}.list-month-section{margin-bottom:32px}.list-month-header{color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--color-accent-light);margin-bottom:16px;padding:0 0 12px 4px;font-size:.8rem;font-weight:700}.list-day-group{margin-bottom:20px}.list-day-header{color:var(--color-text-muted);align-items:center;gap:10px;margin-bottom:12px;padding-left:4px;font-size:.85rem;display:flex}.list-day-header .date{color:var(--color-text);font-size:.95rem;font-weight:700}.list-event-card{background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:1px solid var(--color-border);margin-bottom:12px;padding:20px 24px;position:relative;overflow:hidden}.list-event-card:before{content:"";background:linear-gradient(180deg, var(--color-accent), var(--color-purple));width:4px;position:absolute;top:0;bottom:0;left:0}.list-event-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.list-event-card.type-regular:before{background:linear-gradient(180deg, var(--color-blue), var(--color-purple))}.list-event-content{align-items:flex-start;gap:16px;display:flex}.list-event-icon{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:48px;height:48px}.list-event-body{flex:1;min-width:0}.list-event-title{color:var(--color-text);letter-spacing:-.01em;margin-bottom:8px;font-size:1.05rem;font-weight:700}.list-event-summary{color:var(--color-text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.6}.list-event-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:12px;font-size:.85rem;display:flex}.list-event-meta span{align-items:center;gap:6px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#1a1d2e80;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-lg);animation:.3s modalSlide;overflow-y:auto}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--color-border);padding:24px}.modal-header.has-back{flex-direction:column;gap:12px;display:flex}.modal-header:not(.has-back) .modal-header-row,.modal-header.has-back .modal-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-back{color:var(--color-blue);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.9rem;font-weight:600;display:inline-flex}.modal-back:hover{color:var(--color-accent)}.modal-title{color:var(--color-text);letter-spacing:-.02em;font-size:1.3rem;font-weight:700;line-height:1.4}.modal-close{background:var(--color-surface-hover);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);border:none;padding:8px;font-size:1.25rem;line-height:1}.modal-close:hover{color:var(--color-text);background:var(--color-border)}.modal-body{padding:24px}.modal-field{margin-bottom:20px}.modal-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:700}.modal-value{color:var(--color-text);font-size:.95rem;line-height:1.6}.modal-user{border-radius:var(--radius-md);transition:background var(--transition);background:var(--color-surface-hover);margin:-4px -14px;padding:12px 14px;text-decoration:none;display:block}.modal-user-content{align-items:flex-start;gap:14px;display:flex}.modal-user:hover{background:var(--color-border)}.modal-user-icon{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:48px;height:48px}.modal-user-info{flex:1;min-width:0}.modal-user-name{color:var(--color-text);font-size:.95rem;font-weight:700}.modal-user:hover .modal-user-name{color:var(--color-blue)}.modal-user-handle{color:var(--color-text-muted);font-size:.85rem}.modal-user-bio{color:var(--color-text-secondary);word-break:break-word;white-space:normal;margin-top:10px;font-size:.85rem;line-height:1.6;display:block}.modal-user-location{color:var(--color-text-muted);margin-top:6px;font-size:.8rem;display:block}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-tag{background:var(--color-purple-light);color:var(--color-purple);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600}.modal-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:24px;display:flex}.modal-link{background:linear-gradient(135deg, var(--color-accent), var(--color-purple));color:#fff;border-radius:var(--radius-sm);transition:all var(--transition);justify-content:center;align-items:center;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #ff5a784d}.modal-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff5a7866}.modal-share-btn{background:var(--color-green);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:12px 24px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #22c9974d}.modal-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #22c99766}.modal-copy-btn{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:12px 24px;font-size:.9rem;font-weight:600}.modal-copy-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-muted)}.type-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-block}.type-badge.spot{background:var(--color-accent-light);color:var(--color-accent)}.type-badge.regular{background:var(--color-blue-light);color:var(--color-blue)}.city-filter{position:relative}.city-filter-btn{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;min-width:160px;transition:all var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:600;display:flex}.city-filter-btn:hover{border-color:var(--color-text-muted);background:var(--color-surface)}.city-filter-arrow{color:var(--color-text-muted);transition:transform var(--transition);font-size:.65rem}.city-filter.open .city-filter-arrow{transform:rotate(180deg)}.city-filter-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:100;min-width:220px;max-height:320px;box-shadow:var(--shadow-lg);margin-top:8px;animation:.15s dropdownSlide;position:absolute;top:100%;left:0;overflow-y:auto}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.city-filter-option{cursor:pointer;transition:background var(--transition);color:var(--color-text-secondary);align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.city-filter-option:hover{background:var(--color-surface-hover);color:var(--color-text)}.city-filter-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;border-radius:4px}.city-filter-divider{background:var(--color-border);height:1px;margin:4px 0}.type-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.type-chip{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600}.type-chip:hover{border-color:var(--color-text-muted);color:var(--color-text)}.type-chip.active{color:#fff;border-color:#0000}.type-chip:not(.spot):not(.regular).active{background:linear-gradient(135deg, var(--color-accent), var(--color-purple));box-shadow:0 2px 8px #ff5a784d}.type-chip.spot:not(.active):hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.type-chip.regular:not(.active):hover{border-color:var(--color-blue);color:var(--color-blue);background:var(--color-blue-light)}.type-chip.spot.active{background:var(--color-accent);box-shadow:0 2px 8px #ff5a784d}.type-chip.regular.active{background:var(--color-blue);box-shadow:0 2px 8px #4a9fff4d}.tag-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-chip{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600}.tag-chip:hover{border-color:var(--color-purple);color:var(--color-purple);background:var(--color-purple-light)}.tag-chip.active{background:linear-gradient(135deg, var(--color-purple), var(--color-accent));color:#fff;border-color:#0000;box-shadow:0 2px 8px #8b7cf74d}.tag-expand-btn{border:2px dashed var(--color-border);color:var(--color-text-muted);background:0 0}.tag-expand-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.profile-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#1a1d2e80;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.profile-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-lg);animation:.3s modalSlide;overflow-y:auto}.profile-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.profile-modal-user{align-items:center;gap:14px;display:flex}.profile-modal-icon{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:56px;height:56px}.profile-modal-info{flex:1;min-width:0}.profile-modal-name{color:var(--color-text);font-size:1.1rem;font-weight:700}.profile-modal-handle{color:var(--color-text-muted);font-size:.85rem}.profile-modal-close{background:var(--color-surface-hover);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);border:none;padding:8px;font-size:1.25rem;line-height:1}.profile-modal-close:hover{color:var(--color-text);background:var(--color-border)}.profile-modal-body{padding:24px}.profile-modal-bio{color:var(--color-text-secondary);margin-bottom:12px;font-size:.9rem;line-height:1.6}.profile-modal-location{color:var(--color-text-muted);margin-bottom:16px;font-size:.85rem}.profile-modal-location:before{content:"📍 "}.profile-modal-stats{gap:12px;margin-bottom:24px;display:flex}.profile-modal-stats .stat{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.profile-modal-stats .stat.spot{background:var(--color-accent-light);color:var(--color-accent)}.profile-modal-stats .stat.regular{background:var(--color-blue-light);color:var(--color-blue)}.profile-modal-stats .stat-label{text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.profile-modal-stats .stat-value{font-weight:700}.profile-modal-events{border-top:1px solid var(--color-border);padding-top:20px}.events-section-title{color:var(--color-text);margin-bottom:16px;font-size:.9rem;font-weight:700}.no-events{color:var(--color-text-muted);font-size:.9rem}.events-list{flex-direction:column;gap:12px;max-height:300px;display:flex;overflow-y:auto}.event-item{background:var(--color-surface-hover);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:1px solid #0000;padding:14px}.event-item:hover{background:var(--color-border);border-color:var(--color-text-muted)}.event-item-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.event-type-badge{text-transform:uppercase;border-radius:12px;padding:3px 8px;font-size:.7rem;font-weight:700}.event-type-badge.spot{background:var(--color-accent-light);color:var(--color-accent)}.event-type-badge.regular{background:var(--color-blue-light);color:var(--color-blue)}.event-date{color:var(--color-text-muted);font-size:.8rem}.event-title{color:var(--color-text);margin-bottom:4px;font-size:.9rem;font-weight:600}.event-place{color:var(--color-text-secondary);font-size:.8rem}.profile-modal-actions{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.profile-twitter-link{background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-sm);transition:all var(--transition);justify-content:center;align-items:center;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.profile-twitter-link:hover{opacity:.85;transform:translateY(-2px)}.profile-list{padding:24px}.profile-list-header{margin-bottom:24px}.profile-list-header h2{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.profile-list-subtitle{color:var(--color-text-muted);margin-top:8px;font-size:.9rem}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.profile-card{background:var(--color-surface);border-radius:var(--radius-lg);transition:all var(--transition);border:1px solid var(--color-border);cursor:pointer;padding:20px;text-decoration:none;display:block}.profile-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-text-muted);transform:translateY(-2px)}.profile-card-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.profile-card-icon{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:56px;height:56px}.profile-card-info{flex:1;min-width:0}.profile-card-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.profile-card:hover .profile-card-name{color:var(--color-blue)}.profile-card-handle{color:var(--color-text-muted);font-size:.85rem}.profile-card-bio{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.profile-card-location{color:var(--color-text-muted);margin-bottom:12px;font-size:.8rem}.profile-card-location:before{content:"📍 "}.profile-card-stats{border-top:1px solid var(--color-border);gap:12px;padding-top:12px;display:flex}.profile-card-stats .stat{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.profile-card-stats .stat.spot{background:var(--color-accent-light);color:var(--color-accent)}.profile-card-stats .stat.regular{background:var(--color-blue-light);color:var(--color-blue)}.profile-card-stats .stat-label{text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.profile-card-stats .stat-value{font-weight:700}*{box-sizing:border-box;margin:0;padding:0}.app{max-width:1100px;min-height:100vh;margin:0 auto;padding:32px 24px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}h1{color:var(--color-text);letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-accent), var(--color-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.nav-controls{align-items:center;gap:8px;display:flex}.nav-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);padding:10px 18px;font-size:.9rem;font-weight:600}.nav-btn:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.current-month{text-align:center;min-width:140px;color:var(--color-text);font-size:1.1rem;font-weight:700}.view-toggle{background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);gap:4px;padding:4px;display:flex}.view-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600}.view-btn.active{background:linear-gradient(135deg, var(--color-accent), var(--color-purple));color:#fff;box-shadow:0 2px 8px #ff5a784d}.view-btn:hover:not(.active){color:var(--color-text);background:var(--color-surface-hover)}.filters-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.filters-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:40px;padding-top:10px;font-size:.8rem;font-weight:700}@media (width<=768px){.app{padding:20px 16px}.header{flex-direction:column;align-items:flex-start;gap:16px}h1{font-size:1.5rem}.filter-label{min-width:auto;margin-bottom:8px;padding-top:0}.filters-row{flex-direction:column;align-items:flex-start;gap:8px}.filters-section{padding:16px}}