.mobile-calendar-app{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--background-main)}.mobile-calendar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-top-navigation{background:var(--background-main);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:50}.mobile-nav-content{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);flex-wrap:nowrap}.nav-tabs{display:flex;gap:var(--space-1);background:var(--background-secondary);border-radius:24px;padding:4px;flex:1;min-width:0;max-width:calc(100% - 60px)}.nav-tab{flex:1;padding:var(--space-2) var(--space-2);border:none;background:transparent;color:var(--foreground-secondary);font-weight:500;font-size:.875rem;border-radius:20px;transition:all .2s ease;cursor:pointer;position:relative;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.nav-tab.active{background:var(--background-main);color:var(--foreground-primary);box-shadow:var(--shadow-sm)}.add-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--accent-primary);color:white;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.add-button:hover{background:var(--accent-primary-dark);transform:scale(1.05)}.add-button:active{transform:scale(.95)}.discovery-feed{overflow-x:hidden;padding:0 var(--space-4) var(--space-6);gap:var(--space-6)}.discovery-feed,.mobile-today-view{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.mobile-today-view{background:var(--background-main)}.compact-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-4) var(--space-2);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-4)}.app-title{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.compact-header .date-info{font-size:.875rem;color:var(--foreground-secondary);font-weight:500}.today-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--background-main);border-bottom:1px solid var(--border-subtle)}.today-nav-tabs{display:flex;gap:var(--space-1);background:var(--background-secondary);border-radius:24px;padding:4px}.today-nav-tabs .nav-tab{padding:var(--space-2) var(--space-6);border:none;background:transparent;color:var(--foreground-secondary);font-weight:500;font-size:.875rem;border-radius:20px;transition:all .2s ease;cursor:pointer}.today-nav-tabs .nav-tab.active{background:var(--background-main);color:var(--foreground-primary);box-shadow:var(--shadow-sm)}.today-add-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--accent-primary);color:white;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.today-date-section{padding:var(--space-6) var(--space-4) var(--space-4);text-align:left}.weekday-title{font-size:1.125rem;color:var(--foreground-secondary);margin-bottom:var(--space-2);font-weight:500}.main-date-display{display:flex;align-items:baseline;gap:var(--space-3)}.date-number{font-size:4rem;font-weight:300;color:var(--foreground-primary);line-height:.9;letter-spacing:-.02em}.date-info{display:flex;flex-direction:column}.month-year{font-size:1.5rem;font-weight:600;color:var(--foreground-primary);text-transform:uppercase;letter-spacing:.5px}.timezone-section{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.timezone-card{background:var(--background-secondary);border:1px solid var(--border-default);border-radius:12px;padding:var(--space-4);display:flex;justify-content:space-between;align-items:center}.timezone-time{font-size:1.25rem;font-weight:600;color:var(--foreground-primary)}.timezone-location{font-size:.875rem;color:var(--foreground-secondary);font-weight:500}.today-reminders-section,.today-tasks-section{margin:var(--space-4) var(--space-4) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:1.125rem;font-weight:600;color:var(--foreground-primary)}.action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--background-tertiary);color:var(--foreground-secondary);border-radius:50%;cursor:pointer;transition:all .2s ease}.action-button:hover{background:var(--background-elevated);color:var(--foreground-primary)}.event-feed,.tasks-list{display:flex;flex-direction:column;gap:var(--space-3)}.event-feed{padding:0 var(--space-4)}.no-events-feed{text-align:center;padding:var(--space-12) var(--space-4);color:var(--foreground-tertiary)}.no-events-feed .no-events-text{font-size:1.125rem;font-weight:500;margin:var(--space-3) 0;color:var(--foreground-secondary)}.today-task-card{border:1px solid var(--border-default);border-radius:16px;padding:var(--space-4);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.today-task-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(.95)}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.task-title-section{flex:1}.task-title{font-size:1rem;font-weight:600;color:inherit;margin-bottom:var(--space-2);line-height:1.3}.task-participants{display:flex;align-items:center;gap:var(--space-1)}.participant-avatar{width:24px;height:24px;border-radius:0;overflow:hidden;background:transparent;border:none;display:flex;align-items:center;justify-content:center;position:relative}.participant-avatar:not(:first-child){margin-left:-8px}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.attendee-count{background:var(--accent-primary-light);color:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;padding:2px 6px;border-radius:12px;font-size:.75rem;font-weight:600}.attendee-count .count-text{line-height:1}.task-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.task-tag{border-radius:12px;border:1px solid transparent}.task-tag,.task-tag-more{padding:2px var(--space-2);font-size:.75rem;font-weight:500;white-space:nowrap}.task-tag-more{background:var(--background-tertiary);border-radius:12px;color:inherit}.task-time-section{display:flex;gap:var(--space-4);margin-bottom:var(--space-2)}.task-end-time,.task-start-time{display:flex;flex-direction:column;gap:2px}.task-start-date{display:flex;align-items:center;gap:var(--space-1)}.time-label{font-size:.75rem;color:inherit;opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.time-value{font-size:.875rem;color:inherit;font-weight:600}.task-location{gap:var(--space-1);font-size:.75rem;color:inherit;opacity:.8}.no-tasks,.task-location{display:flex;align-items:center}.no-tasks{flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center;color:var(--foreground-tertiary)}.no-tasks-text{font-size:1.125rem;font-weight:500;margin:var(--space-3) 0 var(--space-1);color:var(--foreground-secondary)}.no-tasks-subtext{font-size:.875rem;opacity:.7}.reminders-list{flex-direction:column}.reminder-item,.reminders-list{display:flex;gap:var(--space-2)}.reminder-item{align-items:center;padding:var(--space-3);background:var(--background-secondary);border:1px solid var(--border-default);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.reminder-item:hover{background:var(--background-tertiary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.reminder-item span{flex:1;color:var(--foreground-primary);font-weight:500}.reminder-time{font-size:.75rem;font-weight:500}.no-reminders,.reminder-time{color:var(--foreground-tertiary)}.no-reminders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center}.no-reminders-text{font-size:1rem;font-weight:500;margin:var(--space-2) 0 var(--space-1);color:var(--foreground-secondary)}.no-reminders-subtext{font-size:.875rem;opacity:.7}.mobile-multi-day-calendar{flex:1;flex-direction:column;overflow:hidden}.calendar-header,.mobile-multi-day-calendar{display:flex;background:var(--background-main)}.calendar-header{align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.calendar-nav-tabs{display:flex;gap:var(--space-1);background:var(--background-secondary);border-radius:24px;padding:4px}.calendar-add-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--accent-primary);color:white;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.month-navigation{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--background-secondary);border-bottom:1px solid var(--border-default)}.month-nav-button{font-size:.875rem;font-weight:500;color:var(--foreground-secondary);background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:6px;transition:all .2s ease}.month-nav-button:hover{background:var(--background-tertiary);color:var(--foreground-primary)}.current-month-section{display:flex;align-items:center;gap:var(--space-2)}.nav-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--background-main);color:var(--foreground-secondary);border-radius:50%;cursor:pointer;transition:all .2s ease}.nav-arrow:hover{background:var(--background-tertiary);color:var(--foreground-primary)}.current-month{font-size:1.125rem;font-weight:700;color:var(--foreground-primary);text-transform:uppercase;letter-spacing:1px;min-width:50px;text-align:center}.days-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.day-card{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s ease}.day-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.day-card-blue,.day-card-coral,.day-card-green,.day-card-orange,.day-card-purple,.day-card-teal,.day-card-yellow{background:var(--background-secondary);color:var(--foreground-primary);border:1px solid var(--border-default)}.day-card-header{padding:var(--space-4) var(--space-4) var(--space-2)}.day-info{display:flex;align-items:center;justify-content:space-between}.weekday{font-size:.875rem;font-weight:500;opacity:.9;text-transform:capitalize}.date-display{display:flex;align-items:baseline;gap:var(--space-2)}.day-number{font-size:2rem;font-weight:700;line-height:1}.month-name{font-size:.875rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.day-card-content{background:var(--background-tertiary);padding:var(--space-2) 0}.time-slot-row{display:flex;align-items:center;padding:var(--space-2) var(--space-4);min-height:44px;border-bottom:1px solid var(--border-subtle)}.time-slot-row:last-child{border-bottom:none}.time-slot-label{width:60px;flex-shrink:0}.hour-text{font-size:.75rem;font-weight:500;opacity:.8}.time-slot-content{flex:1;display:flex;gap:var(--space-2);align-items:center;margin-left:var(--space-3)}.time-slot-event{background:var(--background-secondary);border:1px solid var(--border-default);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:2px}.time-slot-event:hover{background:var(--background-elevated);transform:scale(1.02);box-shadow:var(--shadow-sm)}.time-slot-event .event-title{font-weight:600}.time-slot-event .event-location{font-size:.625rem;opacity:.8}.add-event-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--border-default);background:var(--background-elevated);color:var(--foreground-primary);border-radius:50%;cursor:pointer;transition:all .2s ease}.add-event-button:hover{background:var(--background-tertiary);border-color:var(--border-strong);transform:scale(1.1)}.no-events-message{text-align:center;padding:var(--space-4) var(--space-2);color:var(--foreground-tertiary);display:flex;flex-direction:column;gap:var(--space-1)}.no-events-text{font-size:.875rem;font-weight:500}.no-events-subtext{font-size:.75rem;opacity:.7}.calendar-view-header{text-align:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-4)}.view-title{font-size:1.25rem;font-weight:600;color:var(--foreground-primary);margin:0 0 var(--space-1) 0}.view-description{font-size:.875rem;color:var(--foreground-secondary);margin:0}.week-date-picker{padding:var(--space-4);background:var(--background-main);border-radius:12px;margin-bottom:var(--space-4)}.week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-2)}.day-header{text-align:center;font-size:.875rem;font-weight:500;color:var(--foreground-secondary);padding:var(--space-1)}.week-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.date-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-1);border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.date-button:hover{background:var(--background-secondary)}.date-button.today{color:var(--accent-primary);font-weight:600}.date-button.selected{background:var(--accent-primary);color:white}.date-button.selected:hover{background:var(--accent-secondary)}.date-number{font-size:1rem;font-weight:500;line-height:1}.event-indicators{display:flex;align-items:center;gap:2px;margin-top:2px}.event-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-primary)}.event-count{font-size:.625rem;color:var(--foreground-tertiary);margin-left:2px}.selected-day-events{flex:1;display:flex;flex-direction:column}.selected-day-title{font-size:1.125rem;font-weight:600;color:var(--foreground-primary);margin:0 0 var(--space-3) 0;padding:0 var(--space-4)}.day-events-list{flex:1;padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.day-event-item{padding:var(--space-3);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-3)}.day-event-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.event-time{font-size:.875rem;font-weight:600;color:var(--foreground-secondary);min-width:60px}.event-details{flex:1}.event-title{font-weight:600;color:var(--foreground-primary);margin-bottom:2px}.event-location{font-size:.875rem;color:var(--foreground-tertiary)}.no-events-today{text-align:center;padding:var(--space-8) var(--space-4)}.no-events-text{color:var(--foreground-secondary);font-size:1rem}@media (max-width:414px){.date-number{font-size:3rem}.month-year{font-size:1.25rem}.today-task-card{padding:var(--space-3)}.task-title{font-size:.875rem}.day-card-header{padding:var(--space-3) var(--space-3) var(--space-2)}.day-number{font-size:1.5rem}.nav-tabs{max-width:280px}.nav-tab{padding:var(--space-1) var(--space-2);font-size:.75rem}}@media (max-width:360px){.nav-tabs{max-width:240px}.nav-tab{padding:var(--space-1);font-size:.7rem}}@media (prefers-reduced-motion:reduce){.add-button,.add-event-button,.day-card,.nav-tab,.time-slot-event,.today-task-card{transition:none}.day-card:hover,.today-task-card:hover{transform:none}}.add-button:focus,.add-event-button:focus,.day-card:focus,.nav-tab:focus,.time-slot-event:focus,.today-task-card:focus{outline:2px solid var(--accent-primary);outline-offset:2px}