:root{color-scheme:light;font-family:Google Sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#3c4043}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff}button{font:inherit}.calendar-app{min-height:100vh;background:#fff}.calendar-topbar{position:relative;z-index:200;display:grid;grid-template-columns:minmax(190px,260px) 1fr auto;align-items:center;gap:18px;min-height:64px;padding:8px 16px;border-bottom:1px solid #dadce0;background:#fff}.brand-group,.calendar-navigation,.topbar-actions{display:flex;align-items:center}.brand-group{gap:12px}.calendar-logo{display:grid;width:38px;height:38px;place-items:center;border:1px solid #dadce0;border-top:7px solid #4285f4;border-radius:7px;color:#1a73e8;font-size:.92rem;font-weight:700;line-height:1}h1,h2,p{margin:0}h1{color:#3c4043;font-size:1.38rem;font-weight:400;letter-spacing:0}.calendar-navigation{gap:8px}.calendar-navigation strong{margin-left:8px;color:#3c4043;font-size:1.28rem;font-weight:400;white-space:nowrap}.today-button,.view-pill,.source-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid #dadce0;border-radius:18px;background:#fff;color:#3c4043;font-size:.88rem;font-weight:500;white-space:nowrap}.source-pill{color:#5f6368}.source-pill.google{border-color:#cce5d6;color:#137333}.view-pill{background:#f8fafd}.topbar-actions{gap:8px}.icon-button{display:inline-grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:transparent;color:#5f6368;cursor:pointer}.icon-button:hover{background:#f1f3f4}.calendar-frame{height:calc(100vh - 64px);overflow:auto;background:#fff}.mobile-calendar-frame,.mobile-view-label{display:none}.calendar-header-grid,.all-day-grid,.time-grid{display:grid;grid-template-columns:64px repeat(7,minmax(132px,1fr))}.calendar-header-grid{position:sticky;z-index:120;top:0;min-width:988px;border-bottom:1px solid #dadce0;background:#fff}.timezone-cell{display:flex;align-items:end;justify-content:center;min-height:84px;padding-bottom:9px;border-right:1px solid #dadce0;color:#70757a;font-size:.68rem}.date-header{display:grid;justify-items:center;align-content:center;min-height:84px;border-right:1px solid #edf0f2;color:#5f6368}.date-header span{font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.date-header strong{display:grid;width:46px;height:46px;margin-top:5px;place-items:center;border-radius:50%;color:#3c4043;font-size:1.62rem;font-weight:400;line-height:1}.date-header.today strong{background:#1a73e8;color:#fff}.all-day-grid{position:sticky;z-index:110;top:84px;min-width:988px;border-bottom:1px solid #dadce0;background:#fff}.all-day-label{display:flex;align-items:center;justify-content:center;min-height:30px;border-right:1px solid #dadce0;color:#70757a;font-size:.72rem}.all-day-cell{display:flex;min-height:30px;gap:4px;align-items:center;overflow:hidden;padding:3px 4px;border-right:1px solid #edf0f2}.all-day-event{max-width:100%;min-height:20px;overflow:hidden;border:0;border-radius:4px;background:var(--event-color);color:#fff;cursor:pointer;font-size:.72rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.calendar-scroll{overflow:visible}.time-grid{min-width:988px;min-height:calc(var(--hour-height) * 24);background:#fff}.time-rail{position:sticky;left:0;z-index:80;border-right:1px solid #dadce0;background:#fff}.time-label{position:relative;height:var(--hour-height);padding-right:8px;color:#70757a;font-size:.68rem;text-align:right}.time-label:before{content:"";position:absolute;top:0;right:0;width:8px;border-top:1px solid #dadce0}.time-day{position:relative;min-height:calc(var(--hour-height) * 24);border-right:1px solid #edf0f2;background:#fff}.time-day.today{background:linear-gradient(180deg,#1a73e809,#1a73e804)}.hour-line{height:var(--hour-height);border-top:1px solid #edf0f2}.timed-event{position:absolute;z-index:1;display:block;overflow:hidden;padding:4px 6px;border:0;border-radius:4px;background:var(--event-color);color:#fff;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px #ffffff38}.timed-event.selected{z-index:60!important;outline:2px solid #ffffff;box-shadow:0 0 0 2px var(--event-color),0 2px 8px #3c404333}.timed-event span{display:block;overflow:hidden;font-size:.78rem;font-weight:700;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.timed-event small{display:block;overflow:hidden;margin-top:2px;font-size:.68rem;font-weight:500;line-height:1.15;opacity:.92;text-overflow:ellipsis;white-space:nowrap}.now-line{position:absolute;z-index:70;left:0;right:0;height:0;border-top:2px solid #ea4335;pointer-events:none}.now-line span{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#ea4335}.event-popover{position:fixed;z-index:300;right:28px;bottom:28px;width:min(360px,calc(100vw - 32px));overflow:hidden;border:1px solid #dadce0;border-radius:8px;background:#fff;box-shadow:0 8px 24px #3c404347}.event-popover-color{height:8px}.popover-close{position:absolute;top:14px;right:14px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:transparent;color:#5f6368;cursor:pointer}.popover-close:hover{background:#f1f3f4}.event-popover h2{padding:22px 56px 14px 24px;color:#202124;font-size:1.28rem;font-weight:400;line-height:1.25;letter-spacing:0}.event-time-row,.event-description,.generated{margin:0 24px 14px;color:#3c4043;font-size:.88rem;line-height:1.45}.event-time-row{display:flex;gap:12px;align-items:center}.event-time-row svg{flex:0 0 auto;color:#5f6368}.event-description{padding-left:28px;color:#5f6368}.generated{padding-top:6px;padding-bottom:18px;color:#70757a;font-size:.76rem}.shell-state{display:grid;min-height:100vh;place-items:center;align-content:center;gap:12px;color:#697280}.shell-state h1{font-size:1.4rem}@media(max-width:940px){.calendar-topbar{grid-template-columns:1fr auto}.calendar-navigation{grid-column:1 / -1;order:3}}@media(max-width:640px){.calendar-topbar{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 10px}.brand-group{gap:0}.brand-group h1,.source-pill{display:none}.calendar-navigation strong{font-size:1.04rem}.desktop-view-label{display:none}.mobile-view-label{display:inline}.desktop-calendar-frame{display:none}.mobile-calendar-frame{display:block;height:calc(100vh - 108px);overflow:hidden;background:#fff}.mobile-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;height:48px;padding:4px 6px;border-bottom:1px solid #dadce0;background:#fff}.mobile-day-chip{display:grid;min-width:0;place-items:center;gap:1px;border:0;border-radius:8px;background:transparent;color:#5f6368;cursor:pointer;line-height:1}.mobile-day-chip.active{background:#e8f0fe;color:#1a73e8}.mobile-day-chip span{font-size:.64rem;font-weight:600}.mobile-day-chip strong{font-size:.94rem;font-weight:500}.mobile-calendar-scroll{height:calc(100vh - 156px);overflow:auto}.mobile-calendar-header-grid,.mobile-all-day-grid,.mobile-time-grid{display:grid;grid-template-columns:48px repeat(3,minmax(0,1fr));width:100%;min-width:0}.mobile-calendar-header-grid{position:sticky;z-index:120;top:0;border-bottom:1px solid #dadce0;background:#fff}.mobile-calendar-header-grid .timezone-cell{min-height:56px;padding-bottom:7px;font-size:.58rem}.mobile-calendar-header-grid .date-header{min-height:56px}.mobile-calendar-header-grid .date-header span{font-size:.62rem}.mobile-calendar-header-grid .date-header strong{width:34px;height:34px;margin-top:3px;font-size:1.18rem}.mobile-all-day-grid{position:sticky;z-index:110;top:56px;border-bottom:1px solid #dadce0;background:#fff}.mobile-all-day-grid .all-day-label{min-height:28px;font-size:.62rem}.mobile-all-day-grid .all-day-cell{min-width:0;min-height:28px;padding:2px}.mobile-time-grid{min-height:calc(var(--hour-height) * 24);background:#fff}.mobile-time-grid .time-rail{left:0}.mobile-time-grid .time-label{padding-right:5px;font-size:.58rem}.mobile-time-grid .time-label:before{width:5px}.mobile-time-grid .time-day{min-width:0}.mobile-time-grid .timed-event{padding:3px 4px;border-radius:4px}.mobile-time-grid .timed-event span{font-size:.66rem;line-height:1.12;white-space:normal}.mobile-time-grid .timed-event small{font-size:.58rem;line-height:1.1;white-space:normal}.event-popover{right:8px;bottom:8px;width:calc(100vw - 16px);max-height:calc(100vh - 24px);overflow:auto}}