.calendar-tool-toggle{width:var(--sotido-recipe-mode-panel-tool-toggle-width);display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:0;cursor:pointer;position:relative;color:var(--sotido-theme-text-primary);-webkit-tap-highlight-color:transparent}.calendar-tool-toggle .calendar-tool-icon,.calendar-tool-toggle .cal-tool-icon{width:var(--sotido-recipe-mode-panel-icon-size);height:var(--sotido-recipe-mode-panel-icon-size);display:inline-flex;align-items:center;justify-content:center}.calendar-tool-toggle .panelicon{width:var(--sotido-recipe-mode-panel-icon-size);height:var(--sotido-recipe-mode-panel-icon-size);display:block;color:var(--sotido-theme-text-primary)}.calendar-tool-toggle.disabled{opacity:.35;cursor:default;pointer-events:none}.calendar-tool-toggle .calendar-tool-caption,.calendar-tool-toggle .cal-tool-label{overflow:visible;text-overflow:ellipsis;white-space:nowrap;line-height:1}.calendar-tool-toggle .calendar-tool-icon,.calendar-tool-toggle .calendar-tool-caption,.calendar-tool-toggle .cal-tool-label{pointer-events:auto}.mode-panel{grid-row:5;position:fixed;left:calc(env(safe-area-inset-left,0px) + (100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))/2);right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + var(--sotido-recipe-mode-panel-shell-bottom-offset));width:min(var(--sotido-recipe-mode-panel-shell-max-width),calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - var(--sotido-recipe-mode-panel-shell-inset) * 2));max-width:var(--sotido-recipe-mode-panel-shell-max-width);box-sizing:border-box;transform:translate(-50%);z-index:var(--sotido-layer-navigation);pointer-events:auto;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--sotido-recipe-mode-panel-shell-gap);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;padding:var(--sotido-recipe-mode-panel-shell-vertical-padding) var(--sotido-recipe-mode-panel-shell-padding);border-radius:var(--sotido-recipe-mode-panel-shell-radius);border:0;background:var(--sotido-recipe-backdrop-chrome-surface);-webkit-backdrop-filter:blur(var(--sotido-recipe-backdrop-chrome-blur-radius));backdrop-filter:blur(var(--sotido-recipe-backdrop-chrome-blur-radius));box-shadow:var(--sotido-shadow-surface);min-height:0}html[data-app-surface-bundle=calendar-surface] body:not(.discover-mode):not(.feed-mode) .mode-panel,body.calendar-mode-list:not(.discover-mode):not(.feed-mode) .mode-panel,body.calendar-mode-grid:not(.discover-mode):not(.feed-mode) .mode-panel,body.feed-mode .mode-panel,body.events-viewer-route .mode-panel,body.discover-mode .mode-panel,body.workflow-screen-open .mode-panel{grid-row:auto;position:relative;left:auto;right:auto;bottom:auto;transform:none;justify-self:center;width:min(var(--sotido-recipe-mode-panel-shell-max-width),calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - var(--sotido-recipe-mode-panel-shell-inset) * 2));max-width:var(--sotido-recipe-mode-panel-shell-max-width)}.mode-panel::-webkit-scrollbar{display:none}body:not(.i18n-ready) .calendar-view-toggle-btn{visibility:hidden}.mode-panel .mode-panel-modes{display:flex}.mode-panel .calendar-tool-toggle.is-filter-active .calendar-tool-icon,.mode-panel .calendar-tool-toggle.is-filter-active .cal-tool-icon,.mode-panel .calendar-tool-toggle.is-filter-active .panelicon{color:var(--sotido-theme-text-primary)}.calendar-publicfeed-toggle.is-on svg.panelicon,.calendar-myutc-toggle.is-on svg.panelicon,.calendar-topbar-toggle.is-mine svg.panelicon{color:var(--sotido-theme-text-primary)}.calendar-filter-badge,.calendar-tool-badge{position:absolute;top:var(--sotido-recipe-mode-panel-tool-badge-offset);right:var(--sotido-recipe-mode-panel-tool-badge-offset);width:var(--sotido-recipe-mode-panel-tool-badge-size);height:var(--sotido-recipe-mode-panel-tool-badge-size);border-radius:var(--sotido-recipe-mode-panel-tool-badge-radius);background:var(--sotido-recipe-mode-panel-destructive-accent);color:var(--sotido-recipe-mode-panel-text-on-accent);font-size:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;pointer-events:none}.calendar-filter-badge{font-size:0}.calendar-tool-badge{font-size:var(--sotido-type-label);font-weight:var(--sotido-font-weight-bold)}.mode-panel .mode-panel-entry-btn{position:relative;flex:0 0 var(--sotido-recipe-mode-panel-entry-width);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sotido-recipe-mode-panel-entry-gap);cursor:pointer;padding:0;border:0;border-radius:var(--sotido-recipe-mode-panel-entry-radius);background:transparent;font:inherit;transition:transform var(--sotido-motion-standard) ease;color:var(--sotido-theme-text-muted);width:var(--sotido-recipe-mode-panel-entry-width);min-width:var(--sotido-recipe-mode-panel-entry-width);height:var(--sotido-recipe-mode-panel-entry-height)}.mode-panel .mode-panel-entry-btn .mode-icon,.mode-panel .mode-panel-entry-btn .calendar-tool-icon,.mode-panel .mode-panel-entry-btn .cal-tool-icon{width:var(--sotido-recipe-mode-panel-icon-size);height:var(--sotido-recipe-mode-panel-icon-size);flex:0 0 var(--sotido-recipe-mode-panel-icon-size)}.mode-panel .mode-panel-entry-btn .panelicon{width:100%;height:100%;display:block;color:var(--sotido-theme-text-muted);transition:color var(--sotido-motion-standard) ease}.mode-panel .mode-panel-state-icon .mode-panel-icon-layer{transition:opacity var(--sotido-motion-standard) ease}.mode-panel .mode-panel-state-icon .mode-panel-icon-layer--inactive{opacity:1}.mode-panel .mode-panel-state-icon .mode-panel-icon-layer--active{opacity:0}.mode-panel .mode-panel-entry-btn:is(.mode-active,[aria-pressed=true]) .mode-panel-state-icon{color:var(--sotido-theme-text-primary)}.mode-panel .mode-panel-entry-btn:is(.mode-active,[aria-pressed=true]) .mode-panel-icon-layer--inactive{opacity:0}.mode-panel .mode-panel-entry-btn:is(.mode-active,[aria-pressed=true]) .mode-panel-icon-layer--active{opacity:1}@media(hover:hover)and (pointer:fine){.mode-panel .mode-panel-entry-btn:hover .mode-panel-state-icon{color:var(--sotido-theme-text-primary)}.mode-panel .mode-panel-entry-btn:hover .mode-panel-icon-layer--inactive{opacity:0}.mode-panel .mode-panel-entry-btn:hover .mode-panel-icon-layer--active{opacity:1}}.ui-shell-hidden{display:none!important}.ui-display-block{display:block!important}.ui-display-flex{display:flex!important}.ui-display-inline-flex{display:inline-flex!important}.top-right-actions{position:fixed;top:calc(var(--sotido-header-bottom, 0px ) + 8px);right:10px;z-index:var(--sotido-layer-overlay);display:flex;align-items:center;gap:8px;overflow:visible;transition:top var(--sotido-motion-standard) ease;will-change:top}.top-right-actions:empty{display:none}body.demo-mode .top-right-actions{top:calc(var(--sotido-root-demo-safe-top, var(--sotido-header-bottom, 0px )) + 8px)}.calendar-filter-panel{position:relative;right:auto;bottom:auto;display:flex;align-items:center;justify-content:center;padding:0;border-radius:var(--sotido-recipe-mode-panel-filter-panel-radius);border:none;background:transparent;box-shadow:none;overflow:hidden;min-width:var(--sotido-recipe-mode-panel-filter-panel-min-width);max-width:min(92vw,var(--sotido-recipe-mode-panel-filter-panel-max-width));pointer-events:none}.calendar-filter-panel.is-expanded{padding:0;pointer-events:auto}.calendar-filter-menu{display:flex;align-items:center;gap:0;padding-left:0;padding-right:0;max-width:0;opacity:0;transform:translate(var(--sotido-recipe-mode-panel-filter-menu-translate-x));transition:max-width var(--sotido-motion-deliberate) ease,opacity var(--sotido-motion-standard) ease,transform var(--sotido-motion-deliberate) ease;pointer-events:none}.calendar-filter-panel.is-expanded .calendar-filter-menu{max-width:var(--sotido-recipe-mode-panel-filter-menu-expanded-max-width);opacity:1;transform:translate(0);padding:0 var(--sotido-recipe-mode-panel-filter-menu-horizontal-padding);pointer-events:auto}.calendar-utc-panel{display:none}.calendar-utc-panel.is-on{display:flex}.calendar-utc-help{width:var(--sotido-recipe-mode-panel-utc-help-size);height:var(--sotido-recipe-mode-panel-utc-help-size);min-width:var(--sotido-recipe-mode-panel-utc-help-min-width);border-radius:var(--sotido-recipe-mode-panel-tool-badge-radius);color:var(--sotido-theme-text-primary);border:1.5px solid;font-size:var(--sotido-type-label);display:inline-flex;align-items:center;justify-content:center;opacity:.8}.calendar-utc-label{font-size:var(--sotido-type-caption);white-space:nowrap;text-overflow:ellipsis}.mode-panel .mode-panel-create.is-disabled{opacity:.5;pointer-events:none}.mode-panel .mode-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sotido-recipe-mode-panel-icon-size);height:var(--sotido-recipe-mode-panel-icon-size);flex:0 0 var(--sotido-recipe-mode-panel-icon-size)}.mode-panel .mode-icon img{width:100%;height:100%;display:block}.mode-panel .mode-panel-entry-btn .mode-label,.mode-panel .mode-panel-entry-btn .calendar-tool-caption{color:var(--sotido-theme-text-muted);font-weight:var(--sotido-font-weight-medium);transition:color var(--sotido-motion-standard) ease,opacity var(--sotido-motion-standard) ease}.mode-panel .mode-panel-entry-btn:focus-visible{outline:2px solid var(--sotido-theme-border);outline-offset:-2px}.mode-panel .mode-panel-entry-btn:active{transform:translateY(1px) scale(.985)}.mode-panel #modePanelCreate.has-suspended-compose .mode-icon:after{content:"";position:absolute;right:0;top:0;width:var(--sotido-recipe-mode-panel-resume-dot-size);height:var(--sotido-recipe-mode-panel-resume-dot-size);border-radius:50%;background:var(--sotido-recipe-mode-panel-active);box-shadow:0 0 0 var(--sotido-recipe-mode-panel-badge-ring-width) var(--sotido-theme-surface)}.mode-panel #modePanelSettings.has-profile-completion-attention .mode-icon:after{content:"";position:absolute;right:-1px;top:-1px;width:var(--sotido-recipe-mode-panel-attention-dot-size);height:var(--sotido-recipe-mode-panel-attention-dot-size);border-radius:50%;background:var(--sotido-recipe-mode-panel-destructive-accent);box-shadow:0 0 0 var(--sotido-recipe-mode-panel-badge-ring-width) var(--sotido-theme-surface)}body.event-compose-screen-open .mode-panel,body.calendar-settings-screen-open .mode-panel,body.workflow-screen-open .mode-panel{z-index:var(--sotido-layer-navigation)}.mode-panel .mode-avatar{width:var(--sotido-recipe-mode-panel-icon-size);height:var(--sotido-recipe-mode-panel-icon-size);border-radius:var(--sotido-recipe-mode-panel-avatar-radius);display:flex;overflow:visible;align-items:center;justify-content:center;position:relative}.mode-panel .mode-avatar img{border-radius:var(--sotido-recipe-mode-panel-avatar-radius);width:100%;height:100%}.mode-panel #modePanelSettings:is(.mode-active,[aria-pressed=true]) .mode-avatar:not(.is-guest-icon){box-shadow:0 0 0 var(--sotido-recipe-mode-panel-badge-ring-width) var(--sotido-theme-border)}.mode-panel .mode-avatar .mode-account-glyph{display:none}.mode-panel .mode-avatar.is-guest-icon .mode-account-glyph{display:block}.mode-panel .mode-avatar.is-guest-icon .mode-avatar-initial,.mode-panel .mode-avatar.has-photo .mode-avatar-initial{display:none}.mode-panel .mode-avatar-initial{color:var(--sotido-theme-text-on-accent);font-size:var(--sotido-type-body-compact);font-weight:var(--sotido-font-weight-bold)}@media(hover:hover)and (pointer:fine){.mode-panel #modePanelSettings:hover .mode-avatar:not(.is-guest-icon){box-shadow:0 0 0 var(--sotido-recipe-mode-panel-badge-ring-width) var(--sotido-theme-border)}}.mode-panel .mode-label,.mode-panel .calendar-tool-caption,.mode-panel .cal-tool-label{font-size:var(--sotido-recipe-mode-panel-label-size);line-height:1;white-space:nowrap}@media(max-width:760px){.mode-panel{min-height:0;gap:var(--sotido-recipe-mode-panel-shell-gap)}}