.desktop{-webkit-user-select:none;user-select:none;background-image:var(--wallpaper);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--landing-surface);height:100%;min-height:0;position:relative;overflow:hidden}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.desktop.wp-bigsur{background-image:var(--wallpaper-bigsur)}.desktop.wp-sonoma{background-image:var(--wallpaper-sonoma)}.desktop.wp-sequoia{background-image:var(--wallpaper-sequoia)}.menubar{z-index:30;width:100%;height:var(--mb-height);background-color:var(--mb-surface);-webkit-backdrop-filter:blur(var(--mb-blur));backdrop-filter:blur(var(--mb-blur));justify-content:space-between;align-items:center;animation:.4s ease-out menubar-in;display:flex;position:absolute;inset:0 0 auto}@keyframes menubar-in{0%{margin-bottom:var(--mb-in-drop);opacity:-.3;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(var(--mb-blur));backdrop-filter:blur(var(--mb-blur));padding-bottom:0}}.menubar-left{padding-left:var(--mb-pad-x);justify-content:flex-start;align-items:center;display:flex}.menubar-left li{list-style:none}.menubar-item+.menubar-item{margin-left:var(--mb-item-gap)}.menubar-item{color:var(--mb-text);font-weight:var(--mb-font-w);letter-spacing:var(--mb-tracking);font-size:var(--mb-font);cursor:default;white-space:nowrap}.menubar-logo{box-sizing:content-box;height:var(--mb-logo);width:var(--mb-logo-w);padding-top:var(--mb-logo-top);color:var(--mb-text);display:block}.menubar-right{height:var(--mb-height);margin-right:var(--mb-pad-x);justify-content:flex-end;align-items:center;display:flex}.menubar-glyph{color:var(--mb-text);margin-right:var(--mb-glyph-gap);width:var(--mb-glyph);height:var(--mb-glyph);flex:none;display:block}.menubar-glyph--wide{width:var(--mb-glyph-wide)}.menubar-status{margin-right:var(--mb-glyph-gap);cursor:pointer;color:var(--mb-text);background:0 0;border:none;align-items:center;padding:0;display:flex}.menubar-status .menubar-glyph{margin-right:0}.menubar-clock{color:var(--mb-text);font-weight:var(--mb-clock-w);letter-spacing:var(--mb-tracking);font-size:var(--mb-font);white-space:nowrap}.dock-container{z-index:20;width:100%;height:var(--dock-container-h);pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:auto 0 0}.dock{padding-left:var(--dock-tray-pad-x);padding-right:var(--dock-tray-pad-x);height:var(--dock-tray-h);border-radius:var(--dock-corner);background-color:var(--dock-surface);-webkit-backdrop-filter:blur(var(--dock-blur));backdrop-filter:blur(var(--dock-blur));z-index:4;pointer-events:auto;justify-content:center;align-items:center;transition:all .2s ease-out;display:flex}.dock-tiles{z-index:4;justify-content:center;align-items:center;transition:all .2s ease-out;display:flex}.dock-tile{box-sizing:content-box;height:var(--dock-icon);background:0 0;border:none;flex:none;width:auto;padding:0;line-height:0;transition:all .2s ease-out}.dock-icon{pointer-events:none;width:auto;height:100%;display:block}.dock-tile.principal{height:var(--dock-icon-hover);padding-bottom:var(--dock-icon-hover-drop);cursor:pointer}.dock-tile.secundary{height:var(--dock-icon-near);padding-bottom:var(--dock-icon-near-drop)}.dock-tile:active{animation:.2s ease-out dock-press}@keyframes dock-press{0%{height:var(--dock-icon-hover)}50%{height:var(--dock-press-peak)}to{height:var(--dock-icon-hover)}}.dock-tile.sim{opacity:0;transition:opacity .4s linear}.dock-tile.dragging{z-index:30;pointer-events:none;position:fixed}.apps-container{width:var(--apps-w);height:var(--apps-h);z-index:2;pointer-events:none;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0}.drag-app{z-index:2;pointer-events:auto;cursor:default;margin:0;position:absolute}.settings-window{width:var(--set-w);border-radius:var(--set-radius);background:var(--set-body);box-shadow:var(--set-shadow);color:var(--set-ink);flex-direction:column;display:none;overflow:hidden}.settings-window.open{animation:.2s ease-out open-settings;display:flex}@keyframes open-settings{0%{opacity:0;transform:scale(var(--set-open-scale))}to{opacity:1;transform:scale(1)}}.settings-titlebar{height:var(--set-titlebar-h);padding-left:var(--set-light-inset);background-image:linear-gradient(180deg, var(--set-titlebar-from), var(--set-titlebar-to));border-bottom:var(--set-hairline-w) solid var(--set-hairline);cursor:default;flex:none;align-items:center;display:flex;position:relative}.settings-lights{align-items:center;gap:var(--set-light-gap);display:flex}.settings-light{width:var(--set-light);height:var(--set-light);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.settings-light--close{background:var(--set-light-close);cursor:pointer}.settings-light-glyph{width:var(--set-light);height:var(--set-light);color:var(--set-light-glyph);opacity:0;transition:opacity var(--set-light-fade) linear}.settings-lights:hover .settings-light-glyph{opacity:1}.settings-light--min{background:var(--set-light-min)}.settings-light--max{background:var(--set-light-max)}.settings-title{font-size:var(--set-title-font);font-weight:var(--set-title-w);color:var(--set-ink);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-body{padding:var(--set-pad)}.settings-heading{font-size:var(--set-heading-font);font-weight:var(--set-heading-w);color:var(--set-ink);margin-bottom:var(--set-pad)}.settings-grid{gap:var(--set-grid-gap);display:flex}.settings-wallpaper{align-items:center;gap:var(--set-select-gap);cursor:pointer;color:var(--set-ink-2);font-size:var(--set-label-font);background:0 0;border:none;flex-direction:column;padding:0;display:flex}.settings-wallpaper img{width:var(--set-thumb-w);height:var(--set-thumb-h);object-fit:cover;border-radius:var(--set-thumb-radius);box-shadow:0 0 0 var(--set-select-ring) transparent;-webkit-user-drag:none;display:block}.settings-wallpaper[aria-checked=true] img{box-shadow:0 0 0 var(--set-select-ring) var(--set-select)}.settings-wallpaper[aria-checked=true]{color:var(--set-ink);font-weight:var(--set-heading-w)}.hint{z-index:25;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border:var(--rule) solid var(--landing-glass-border);border-radius:var(--radius-capsule);background:var(--surface-overlay);-webkit-backdrop-filter:blur(var(--blur-pane));backdrop-filter:blur(var(--blur-pane));font-size:var(--font-body);color:var(--text-1);opacity:0;animation:hint-in .5s var(--ease) 1.2s forwards;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;font-family:inherit;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hint-line{align-items:center;gap:var(--space-sm);display:flex}.hint-line--alt{font-size:var(--font-caption);color:var(--text-3);gap:var(--space-xs)}.hint:hover{background:var(--fill-hover);color:var(--text-1)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%, calc(-50% + var(--space-sm)))}to{opacity:1;transform:translate(-50%,-50%)}}.hint .keycap{font-size:var(--font-caption)}.small-screen-panel{display:none}@media (max-width:900px){.menubar,.dock-container,.apps-container,.hint,.overlay{display:none!important}.desktop{height:auto;min-height:0;padding:var(--space-xxl) var(--space-lg)}.desktop,.desktop.wp-bigsur,.desktop.wp-sonoma,.desktop.wp-sequoia{background-image:none}.small-screen-panel{text-align:center;align-items:center;gap:var(--space-lg);max-width:var(--capture-min-width);padding:var(--space-xl) var(--space-lg);border-radius:var(--pane-radius);background:var(--surface);-webkit-backdrop-filter:blur(var(--blur-pane)) saturate(var(--saturate-pane));backdrop-filter:blur(var(--blur-pane)) saturate(var(--saturate-pane));box-shadow:var(--shadow-pane);flex-direction:column;margin:0 auto;display:flex}.small-screen-icon{width:var(--dock-icon);height:var(--dock-icon);display:block}.small-screen-panel h2{font-size:var(--font-title);font-weight:var(--font-title-w);color:var(--text-1)}.small-screen-panel p{font-size:var(--font-body);color:var(--text-2);line-height:1.55}}
.overlay{z-index:40;display:none;position:absolute;inset:0}.overlay.open{display:block}.backdrop{background:var(--material-tint);-webkit-backdrop-filter:blur(var(--blur-backdrop)) saturate(var(--saturate-pane));backdrop-filter:blur(var(--blur-backdrop)) saturate(var(--saturate-pane));animation:backdrop-in .15s var(--ease);position:absolute;inset:0}.backdrop:before,.backdrop:after{content:"";position:absolute;inset:0}.backdrop:before{background:rgb(0 0 0/var(--backdrop-dim))}.backdrop:after{background:var(--surface)}@keyframes backdrop-in{0%{opacity:0}}.overlay-layout{align-items:stretch;gap:var(--pane-spacing);height:100%;padding:calc(var(--mb-height) + var(--content-padding)) var(--content-padding);animation:panes-in .18s var(--spring);display:flex;position:relative}@keyframes panes-in{0%{opacity:0;transform:translateY(var(--space-sm))}}.calendar-column{flex:0 0 var(--panel-width);min-width:0;display:flex}.task-column{flex:0 0 var(--task-panel-width);min-width:0;display:flex}.capture-column{min-width:var(--capture-min-width);max-width:var(--capture-max-width);flex-direction:column;flex:auto;display:flex}.pane{background:var(--fill-raised);border:var(--hairline) solid var(--border);border-radius:var(--pane-radius);overflow:hidden}.pane--bare{background:0 0;border-color:#0000}.task-column .pane,.calendar-column .pane{flex-direction:column;flex:auto;min-height:0;display:flex}.capture-stack{flex:none;position:relative}.capture-card{position:relative}.input-row{align-items:flex-start;gap:var(--input-gap);padding:var(--input-pad-y) var(--input-pad-x);display:flex}.mode-badge{align-items:center;gap:var(--badge-gap);font-size:var(--font-capture-badge);font-weight:var(--font-capture-badge-w);padding:var(--badge-pad-y) var(--badge-pad-x);border-radius:var(--badge-radius);background:var(--fill-chip);color:var(--text-2);animation:badge-in .18s var(--spring);flex-shrink:0;display:inline-flex}@keyframes badge-in{0%{opacity:0;transform:scale(.8)}}.mode-badge svg{width:var(--badge-glyph);height:var(--badge-glyph)}.mode-badge.remind{background:var(--accent-subtle);color:var(--accent)}.mode-badge.cal{background:var(--event-subtle);color:var(--event)}.main-input{resize:none;min-width:0;font:inherit;font-size:var(--input-font);line-height:calc(var(--input-line) / var(--input-font));height:var(--input-line);max-height:var(--input-max);color:var(--text-1);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:auto;overflow-y:auto}.main-input::placeholder{color:var(--text-3)}.input-kbd{align-items:center;gap:var(--keycap-hint-gap);flex-shrink:0;display:flex}.kbd-label{font-size:var(--font-micro);color:var(--text-3)}.divider{height:var(--hairline);background:var(--border);margin:0 var(--divider-inset-x)}.preview{align-items:center;gap:var(--preview-gap);padding:var(--preview-pad-top) var(--preview-pad-x) var(--preview-pad-bottom);animation:fade-in .15s var(--ease);flex-wrap:wrap;display:flex}@keyframes fade-in{0%{opacity:0}}.preview-verb{font-size:var(--font-caption);color:var(--text-3)}.preview-chip{align-items:center;gap:var(--chip-gap);font-size:var(--font-capture-chip);font-weight:var(--font-capture-chip-w);padding:var(--chip-pad-y) var(--chip-pad-x);border-radius:var(--chip-radius);background:var(--fill-chip);color:var(--text-1);animation:badge-in .15s var(--spring);display:inline-flex}.preview-chip svg{width:var(--chip-glyph);height:var(--chip-glyph)}.preview-chip.remind{background:var(--accent-subtle);color:var(--accent)}.preview-chip.cal{background:var(--event-subtle);color:var(--event)}.preview-chip.warn{background:var(--warning-subtle);color:var(--warning);font-weight:var(--font-body-w)}.preview-chip.tag{font-weight:var(--font-body-w)}.preview-tag-dot{width:var(--tagpicker-dot);height:var(--tagpicker-dot);border-radius:50%;flex-shrink:0}.preview-enter{align-items:center;gap:var(--keycap-hint-gap);margin-left:auto;display:flex}.cmd-menu{padding:var(--menu-padding);animation:fade-in .12s var(--ease)}.cmd-item{align-items:center;gap:var(--menu-row-gap);padding:var(--menu-row-pad-y) var(--menu-row-pad-x);border-radius:var(--menu-row-radius);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:none;display:flex}.cmd-item.active{background:var(--fill-hover)}.cmd-icon{width:var(--menu-icon-box);height:var(--menu-icon-box);border-radius:var(--menu-icon-radius);background:var(--fill-chip);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cmd-icon svg{width:var(--menu-icon-glyph);height:var(--menu-icon-glyph);color:var(--text-2)}.cmd-item[data-mode=remind] .cmd-icon{background:var(--accent-subtle)}.cmd-item[data-mode=remind] .cmd-icon svg{color:var(--accent)}.cmd-item[data-mode=cal] .cmd-icon{background:var(--event-subtle)}.cmd-item[data-mode=cal] .cmd-icon svg{color:var(--event)}.cmd-text{flex:auto;min-width:0}.cmd-name{font-size:var(--font-capture-menu-name);font-weight:var(--font-capture-menu-name-w);color:var(--text-1);display:block}.cmd-name span{color:var(--text-3);font-weight:var(--font-body-w)}.cmd-desc{font-size:var(--font-caption);color:var(--text-3);margin-top:var(--menu-desc-gap);display:block}.cmd-empty{padding:var(--menu-row-pad-y) var(--menu-row-pad-x);font-size:var(--font-caption);color:var(--text-3);text-align:center}.toast{top:calc(-1 * var(--toast-rise));align-items:center;gap:var(--toast-gap);font-size:var(--font-caption);color:var(--text-1);background:var(--toast-surface);border:var(--hairline) solid var(--border);padding:var(--toast-pad-y) var(--toast-pad-x);border-radius:var(--toast-radius);pointer-events:none;opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast.show{opacity:1;transform:translateX(-50%) translateY(calc(-1 * var(--toast-travel)))}.toast svg{width:var(--toast-glyph);height:var(--toast-glyph);color:var(--event)}
#calendarPane{padding:var(--panel-pad-top) var(--panel-pad-x) var(--panel-pad-bottom);flex-direction:column;display:flex;position:relative}:where(#calendarPane) button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}.calendar-header{flex:none;justify-content:flex-end;display:flex}.calendar-date{align-items:center;gap:var(--space-xs);padding:var(--strip-month-pad-y) var(--strip-month-pad-x);border-radius:var(--radius-sm);min-width:0;display:inline-flex}.calendar-date:hover{background:var(--fill-hover)}.calendar-date-text{font-size:var(--font-callout);font-weight:var(--font-strip-day-w);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendar-date-chevron{font-size:var(--strip-month-chevron);color:var(--text-3);line-height:1}.calendar-header .month-popover{top:100%;left:var(--panel-pad-x);right:var(--panel-pad-x)}.day-rail{scrollbar-width:none;cursor:pointer;flex:auto;min-height:0;position:relative;overflow-y:auto}.day-rail::-webkit-scrollbar{display:none}.rail-canvas{width:100%;height:var(--rail-total-height);position:relative}.rail-free{top:0;bottom:0;right:calc(var(--rail-centre-inset) - var(--rail-free-width) / 2);width:var(--rail-free-width);border-radius:var(--radius-capsule);background:var(--border);position:absolute}.rail-tick{top:var(--y);right:calc(var(--rail-centre-inset) - var(--rail-tick-width) / 2);width:var(--rail-tick-width);height:var(--rail-tick-height);background:var(--border);position:absolute}.rail-hour{top:var(--y);right:calc(var(--rail-centre-inset) - var(--rail-tick-width) / 2 - var(--rail-hour-label-width));width:var(--rail-hour-label-width);color:var(--text-3);flex-direction:column;display:flex;position:absolute}.rail-hour-number{font-size:var(--font-caption);font-variant-numeric:tabular-nums}.rail-hour-meridiem{font-size:var(--font-micro)}.rail-segment{top:var(--y);right:calc(var(--rail-centre-inset) - var(--rail-width) / 2);width:var(--rail-width);height:var(--rail-segment-height);border-radius:var(--radius-capsule);background:var(--rail-segment-colour);position:absolute}.rail-row{top:var(--y);right:var(--rail-label-inset);justify-content:flex-end;align-items:baseline;gap:var(--rail-time-title-gap);height:var(--rail-row-height);font-size:var(--font-caption);display:flex;position:absolute;left:0}.rail-row-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--event-title);font-weight:var(--event-title-weight);overflow:hidden}.rail-row-title.struck{text-decoration:line-through}.rail-row-time{color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.rail-now{top:var(--y);pointer-events:none;position:absolute;left:0;right:0}.rail-now-dot{right:calc(var(--rail-centre-inset) - var(--rail-now-dot) / 2);width:var(--rail-now-dot);height:var(--rail-now-dot);background:var(--now);border-radius:50%;position:absolute}.rail-now-time{right:var(--rail-label-inset);height:var(--rail-row-height);font-size:var(--font-caption);font-weight:var(--font-heading-w);font-variant-numeric:tabular-nums;color:var(--text-1);position:absolute}.panel-scrim{z-index:2;position:absolute;inset:0}.expanded-panel{z-index:3;top:calc(var(--mb-height) + var(--content-padding));right:var(--content-padding);bottom:calc(var(--mb-height) + var(--content-padding));width:clamp(var(--expanded-panel-min-width), calc(100% * var(--expanded-panel-width-fraction)), var(--expanded-panel-max-width));background:var(--surface-overlay);border:var(--hairline) solid var(--border);border-radius:var(--pane-radius);-webkit-backdrop-filter:blur(var(--blur-pane)) saturate(var(--saturate-pane));backdrop-filter:blur(var(--blur-pane)) saturate(var(--saturate-pane));box-shadow:var(--shadow-pane);animation:fade-in .15s var(--ease);flex-direction:column;display:flex;position:absolute;overflow:hidden}.panel-bar{align-items:center;gap:var(--panel-bar-item-gap);height:var(--panel-bar-height);padding-left:var(--panel-bar-pad-leading);padding-right:var(--panel-bar-pad-trailing);border-bottom:var(--hairline) solid var(--border);flex:none;display:flex}.panel-bar-title{font-size:var(--font-heading);font-weight:var(--font-heading-w);color:var(--text-1)}.panel-bar-range{min-width:0;font-size:var(--font-field-input);font-variant-numeric:tabular-nums;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.panel-close{padding:var(--card-footer-button-pad);cursor:pointer;border-radius:var(--radius-sm);color:var(--text-3);background:0 0;border:none;flex:none;display:inline-flex}.panel-close:hover{background:var(--fill-hover);color:var(--text-1)}.panel-close svg{width:var(--card-footer-glyph);height:var(--card-footer-glyph)}.panel-next{padding:var(--panel-next-pad-y) var(--panel-next-pad-trailing) var(--panel-next-pad-y) var(--panel-next-pad-leading);background:var(--surface-sunken);flex-direction:column;flex:none;display:flex;position:relative}.panel-next:before{content:"";width:var(--panel-next-rule-width);background:var(--now);position:absolute;top:0;bottom:0;left:0}.panel-next-eyebrow{font-size:var(--font-panel-eyebrow);font-weight:var(--font-panel-eyebrow-w);font-family:var(--font-mono);letter-spacing:var(--panel-next-eyebrow-tracking);color:var(--now)}.panel-next-title{font-size:var(--font-heading);font-weight:var(--font-heading-w);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel-next-meta{align-items:center;gap:var(--panel-next-meta-gap);font-size:var(--font-micro);color:var(--text-2);white-space:nowrap;display:flex}.panel-next-empty{font-size:var(--font-field-input);color:var(--text-2)}.panel-sep{width:var(--panel-next-sep-dot);height:var(--panel-next-sep-dot);background:var(--text-3);border-radius:50%}.panel-day-headers{padding:var(--panel-dayheader-pad-top) var(--panel-board-pad-x) 0;flex:none;display:flex}.panel-gutter-spacer{flex:0 0 var(--timeline-gutter-width)}.panel-day-header{min-width:0;padding:0 var(--panel-dayheader-pad-x) var(--panel-dayheader-pad-bottom);border-left:var(--hairline) solid var(--border);flex-direction:column;flex:1 1 0;display:flex}.panel-day-header:first-of-type{border-left:none}.panel-day-title{align-items:baseline;gap:var(--panel-dayheader-title-gap);min-width:0;display:flex}.panel-day-word{font-size:var(--font-section-title);font-weight:var(--font-strip-day-w);color:var(--text-2);white-space:nowrap}.panel-day-header.today .panel-day-word{font-weight:var(--font-section-title-w);color:var(--text-1)}.panel-day-date{font-size:var(--font-micro);font-variant-numeric:tabular-nums;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel-load-bar{height:var(--panel-dayheader-load-bar-height);margin-top:var(--panel-dayheader-load-bar-pad-top);border-radius:var(--radius-capsule);background:var(--fill-hover);position:relative}.panel-load-segment{top:0;bottom:0;left:var(--load-left);width:max(var(--panel-dayheader-load-bar-min-segment), var(--load-width));border-radius:var(--radius-capsule);background:var(--border);position:absolute}.panel-day-header.today .panel-load-segment{background:var(--border-strong)}.panel-day-meta{margin-top:var(--panel-dayheader-meta-pad-top);font-size:var(--font-panel-meta);font-variant-numeric:tabular-nums;color:var(--text-3)}.panel-board{min-height:0;padding:0 var(--panel-board-pad-x) var(--panel-board-pad-bottom);flex:auto;overflow-y:auto}.panel-board-canvas{height:var(--board-height);position:relative}.panel-hour-rule{top:var(--y);left:var(--timeline-gutter-width);height:var(--panel-board-hour-rule-height);background:var(--border);position:absolute;right:0}.panel-column,.panel-column-rule{--panel-column-width:calc((100% - var(--timeline-gutter-width)) / var(--panel-day-count))}.panel-column-rule{top:0;bottom:0;left:calc(var(--timeline-gutter-width) + var(--column) * var(--panel-column-width));width:var(--panel-board-hour-rule-height);background:var(--border);position:absolute}.panel-hour-label{top:var(--y);width:var(--timeline-gutter-width);padding-right:var(--panel-board-hour-label-gap);text-align:right;font-size:var(--font-panel-hour);font-weight:var(--font-panel-hour-w);font-variant-numeric:tabular-nums;color:var(--text-3);white-space:nowrap;position:absolute;left:0;transform:translateY(-50%)}.panel-hour-label.strong{font-weight:var(--font-section-title-w);color:var(--text-2)}.panel-hour-label.hidden{opacity:0}.panel-column{top:0;bottom:0;left:calc(var(--timeline-gutter-width) + var(--column) * var(--panel-column-width));width:var(--panel-column-width);position:absolute}.event-block{top:var(--event-top);height:var(--event-height);left:calc(var(--event-slot-index) * var(--event-slot) * 100%);width:calc(var(--event-slot) * 100% - var(--panel-board-column-inset-trailing));margin-left:var(--panel-board-column-inset-leading);padding:var(--panel-event-pad-top) var(--panel-event-pad-x) 0 var(--panel-event-pad-leading);border-radius:var(--radius-sm);background:var(--event-fill);box-shadow:inset 0 0 0 var(--hairline) var(--event-stroke);flex-direction:column;display:flex;position:absolute;overflow:hidden}.event-block:before{content:"";width:var(--panel-event-spine-width);background:var(--event-spine);position:absolute;top:0;bottom:0;left:0}.event-block.dashed:before{background:repeating-linear-gradient(to bottom, var(--event-spine) 0, var(--event-spine) var(--panel-event-spine-dash), transparent var(--panel-event-spine-dash), transparent calc(var(--panel-event-spine-dash) + var(--panel-event-spine-gap)))}.event-block.compact{align-items:center;gap:var(--panel-event-title-gap);flex-direction:row;padding-top:0}.event-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--font-field-input);font-weight:var(--event-title-weight);color:var(--event-title);overflow:hidden}.event-title.struck{text-decoration:line-through}.event-meta{align-items:center;gap:var(--panel-event-title-gap);margin-top:var(--panel-event-meta-pad-top);min-width:0;font-size:var(--font-panel-meta);color:var(--text-2);white-space:nowrap;display:flex;overflow:hidden}.event-block.compact .event-meta{flex:none;margin-top:0;margin-left:auto}.event-block.compact .event-location,.event-block.compact .event-sep{display:none}.event-times{font-variant-numeric:tabular-nums}.event-sep{width:var(--panel-next-sep-dot);height:var(--panel-next-sep-dot);background:var(--text-3);border-radius:50%;flex:none}.event-location{text-overflow:ellipsis;min-width:0;overflow:hidden}.panel-now{top:var(--y);pointer-events:none;--panel-column-width:calc((100% - var(--timeline-gutter-width)) / var(--panel-day-count));position:absolute;left:0;right:0}.panel-now-rule{left:var(--timeline-gutter-width);width:var(--panel-column-width);height:var(--panel-now-rule-height);background:var(--now);position:absolute}.panel-now-dot{left:calc(var(--timeline-gutter-width) - var(--panel-now-dot) / 2);top:calc(var(--panel-now-dot) / -2);width:var(--panel-now-dot);height:var(--panel-now-dot);background:var(--now);border-radius:50%;position:absolute}.panel-now-time{width:var(--timeline-gutter-width);padding-right:var(--panel-board-hour-label-gap);text-align:right;font-size:var(--font-panel-hour);font-weight:var(--font-section-title-w);font-variant-numeric:tabular-nums;color:var(--now);white-space:nowrap;position:absolute;left:0;transform:translateY(-50%)}.panel-footer{height:var(--panel-footer-height);padding:0 var(--panel-footer-pad-x);border-top:var(--hairline) solid var(--border);flex:none;align-items:center;display:flex}#calendarPane.faded{opacity:0;pointer-events:none;transition:opacity .15s var(--ease)}
#taskPane{padding:var(--panel-pad-top) var(--panel-pad-x) var(--panel-pad-bottom);position:relative}:where(#taskPane) button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}.strip-header{padding:0 var(--strip-header-pad-x) var(--strip-header-pad-bottom);align-items:center;display:flex}.strip-month{align-items:center;gap:var(--strip-month-gap);padding:var(--strip-month-pad-y) var(--strip-month-pad-x);border-radius:var(--radius-sm);min-width:0;margin-right:auto;display:flex}.strip-month:hover{background:var(--fill-hover)}.strip-month-text{font-size:var(--font-heading);font-weight:var(--font-heading-w);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.strip-month-chevron{font-size:var(--strip-month-chevron);color:var(--text-3);line-height:1}.strip-today{margin-right:var(--strip-today-trailing-gap);padding:var(--strip-today-pad-y) var(--strip-today-pad-x);font-size:var(--font-control);font-weight:var(--font-control-w);color:var(--text-2);border:var(--hairline) solid var(--border);border-radius:var(--radius-sm);transition:color .12s var(--ease), border-color .12s var(--ease);flex:none}.strip-today:hover{color:var(--text-1);border-color:var(--border-strong)}.strip-today[aria-hidden=true]{visibility:hidden}.strip-nav-pair{align-items:center;gap:var(--strip-nav-gap);display:flex}.strip-nav{width:var(--hit-target);height:var(--hit-target);font-size:var(--strip-nav-glyph);color:var(--text-2);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.strip-nav:hover{background:var(--fill-hover);color:var(--text-1)}.strip-cells{gap:var(--strip-cells-gap);padding:0 var(--strip-cells-pad-x) var(--strip-cells-pad-bottom);display:flex}.strip-cell{align-items:center;gap:var(--strip-cell-gap);min-width:0;padding:var(--strip-cell-pad-top) 0 var(--strip-cell-pad-bottom);border-radius:var(--strip-cell-radius);transition:background-color .12s var(--ease);flex-direction:column;flex:1 1 0;display:flex}.strip-cell:hover{background:var(--fill-hover)}.strip-cell.selected,.strip-cell.selected:hover{background:var(--accent-subtle)}.strip-weekday{font-size:var(--font-strip-weekday);font-weight:var(--font-strip-weekday-w);letter-spacing:var(--strip-weekday-kerning);color:var(--text-3)}.strip-day{font-size:var(--font-strip-day);font-weight:var(--font-strip-day-w);font-variant-numeric:tabular-nums;color:var(--text-2)}.strip-cell.past .strip-day{color:var(--text-3)}.strip-cell.selected .strip-day{color:var(--text-1);font-weight:var(--font-heading-w)}.strip-cell.today .strip-day{color:var(--accent);font-weight:var(--font-heading-w)}.day-dots{justify-content:center;align-items:center;gap:var(--strip-dots-gap);display:flex}.day-dots.strip{height:var(--strip-dots-height)}.day-dots.monthGrid{height:var(--month-dots-height)}.day-dot{width:var(--strip-dot);height:var(--strip-dot);border-radius:50%}.day-dot.neutral{background:var(--text-3)}.day-dot.bright{background:var(--text-2)}.day-dot.warning{background:var(--warning)}.strip-divider{height:var(--hairline);background:var(--border);margin:0 var(--strip-divider-pad-x) var(--strip-divider-pad-bottom)}.popover-scrim{z-index:1;position:absolute;inset:0}.popover-scrim.viewport{position:fixed}.month-popover{top:var(--month-popover-top);left:var(--panel-pad-x);right:var(--panel-pad-x);z-index:2;padding:var(--space-md);background:var(--surface-overlay);border:var(--hairline) solid var(--border);border-radius:var(--month-popover-radius);-webkit-backdrop-filter:blur(var(--blur-pane)) saturate(var(--saturate-pane));backdrop-filter:blur(var(--blur-pane)) saturate(var(--saturate-pane));box-shadow:var(--shadow-pane);animation:fade-in .15s var(--ease);position:absolute}.month-popover-head{padding:0 var(--month-header-pad-x) var(--month-header-pad-bottom);align-items:center;display:flex}.month-popover-title{font-size:var(--font-heading);font-weight:var(--font-heading-w);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;margin-right:auto;overflow:hidden}.month-grid{gap:var(--month-grid-gap);grid-template-columns:repeat(7,1fr);display:grid}.month-weekday{text-align:center;padding:var(--month-weekday-pad-y) 0;font-size:var(--font-strip-weekday);font-weight:var(--font-strip-weekday-w);color:var(--text-3)}.month-cell{justify-content:center;align-items:center;gap:var(--month-cell-gap);height:var(--month-cell-height);border-radius:var(--month-cell-radius);transition:background-color .12s var(--ease);flex-direction:column;display:flex}.month-cell:hover{background:var(--fill-hover)}.month-cell.selected,.month-cell.selected:hover{background:var(--accent-subtle)}.month-cell-number{font-size:var(--font-caption);font-variant-numeric:tabular-nums;color:var(--text-2)}.month-cell.selected .month-cell-number{color:var(--text-1);font-weight:var(--font-heading-w)}.month-cell.other-month .month-cell-number{color:var(--text-3);font-weight:var(--font-caption-w)}.month-cell.today .month-cell-number{color:var(--accent);font-weight:var(--font-heading-w)}.month-cell.focused{box-shadow:inset 0 0 0 var(--focus-ring-width) var(--accent)}.task-list{min-height:var(--section-content-min-height);gap:var(--section-spacing);flex-direction:column;flex:auto;align-items:stretch;display:flex;overflow-y:auto}.empty-day{padding:var(--section-empty-pad-top) var(--section-empty-pad-x) var(--section-empty-pad-bottom);font-size:var(--font-caption);color:var(--text-3);text-align:center}.section-head{align-items:center;gap:var(--section-head-gap);padding:0 var(--section-head-pad-x) var(--section-head-pad-bottom);display:flex}.section-title{font-size:var(--font-section-title);font-weight:var(--font-section-title-w);color:var(--text-2)}.section-title.overdue{color:var(--warning)}.section-count{font-size:var(--font-micro);color:var(--text-3);margin-right:auto}.section-action{padding:var(--section-action-pad-y) var(--section-action-pad-x);border-radius:var(--section-action-radius);font-size:var(--font-control);font-weight:var(--font-control-w);color:var(--text-2)}.section-action:hover{background:var(--fill-hover);color:var(--text-1)}.task-row{align-items:flex-start;gap:var(--row-gap);padding:var(--row-pad-y) var(--row-pad-x);min-height:var(--row-min-height);border-radius:var(--row-radius);cursor:pointer;transition:background-color .12s var(--ease);display:flex}.task-row:hover{background:var(--fill-hover)}.task-item.selected .task-row{background:var(--fill-chip)}.task-item.done{opacity:var(--row-done-opacity)}.row-checkbox{width:var(--row-checkbox);height:var(--row-checkbox);margin-top:var(--row-checkbox-top-inset);border:var(--row-checkbox-border) solid var(--border-strong);border-radius:var(--row-checkbox-radius);flex:none;position:relative}.task-item.overdue .row-checkbox{border-color:var(--warning);opacity:var(--row-overdue-checkbox-opacity)}.row-checkbox[aria-checked=true]{background:var(--accent);border-color:var(--accent);opacity:1}.row-checkbox[aria-checked=true]:after{content:"";background:var(--on-accent);clip-path:polygon(16% 47%,28% 35%,43% 50%,72% 21%,84% 33%,43% 74%);position:absolute;inset:0}.row-title-block{flex:auto;min-width:0}.row-title{-webkit-line-clamp:var(--row-title-line-limit);line-clamp:var(--row-title-line-limit);font-size:var(--font-callout);font-weight:var(--font-callout-w);line-height:calc((var(--font-callout) + var(--row-title-line-spacing)) / var(--font-callout));color:var(--text-1);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-item.done .row-title{text-decoration:line-through}.row-meta{align-items:center;gap:var(--row-meta-gap);padding-top:var(--row-meta-top-inset);font-size:var(--font-micro);white-space:nowrap;display:flex;overflow:hidden}.row-pill{align-items:center;gap:var(--row-pill-gap);padding:var(--row-pill-pad-y) var(--row-pill-pad-x);border-radius:var(--row-pill-radius);background:var(--fill-chip);color:var(--text-2);flex:none;display:inline-flex}.row-pill.urgent{background:var(--warning-subtle);color:var(--warning)}.row-pill svg{width:var(--row-pill-glyph);height:var(--row-pill-glyph)}.row-meta-glyph{width:var(--row-pill-glyph);height:var(--row-pill-glyph);color:var(--text-3);flex:none}.row-tag{text-overflow:ellipsis;min-width:0;overflow:hidden}.row-tag-more{color:var(--text-3);flex:none}.row-stale{color:var(--warning);opacity:var(--row-stale-opacity);flex:none}.row-trailing{align-items:center;gap:var(--space-sm);padding-top:var(--row-trailing-top-inset);flex:none;display:flex}.row-bell{width:var(--row-bell);height:var(--row-bell);color:var(--text-2)}.row-action{align-items:center;gap:var(--row-hover-action-gap);font-size:var(--font-control);font-weight:var(--font-control-w);color:var(--text-3);opacity:0;transition:opacity .12s var(--ease);display:inline-flex}.task-row:hover .row-action{opacity:1}.row-action svg{width:var(--row-hover-action-glyph);height:var(--row-hover-action-glyph)}.row-action.today:hover{color:var(--accent)}.row-action.delete:hover{color:var(--danger)}.task-item.expanded{background:var(--fill-raised);border:var(--hairline) solid var(--border);border-radius:var(--radius-md)}.task-item.expanded .task-row{padding:var(--card-header-pad-top) var(--card-header-pad-x) 0;cursor:default}.task-item.expanded .task-row:hover{background:0 0}.row-title-field{resize:none;width:100%;color:var(--text-1);font:inherit;font-size:var(--card-title-font);font-weight:var(--font-callout-w);line-height:calc(var(--card-title-line) / var(--card-title-font));field-sizing:content;min-height:var(--card-title-line);max-height:var(--card-title-max);background:0 0;border:none;outline:none;padding:0;display:block}.task-card{align-items:flex-start;gap:var(--card-body-gap);padding:var(--card-body-pad-top) var(--card-body-pad-trailing) var(--card-body-pad-bottom) var(--card-content-leading-inset);flex-direction:column;display:flex}.card-tokens{align-items:center;gap:var(--card-token-gap);flex-wrap:wrap;display:flex}.card-token{align-items:center;gap:var(--card-token-inner-gap);padding:var(--card-token-pad-y) var(--card-token-pad-x);border-radius:var(--radius-sm);background:var(--fill-chip);color:var(--text-1);font-size:var(--font-field-input);display:inline-flex}.card-token:hover{background:var(--fill-chip-hover)}.card-token.accent,.card-token.accent:hover{background:var(--accent-subtle);color:var(--accent)}.card-token.tag,.card-token.tag:hover{background:color-mix(in srgb, var(--tag-hue) var(--tag-chip-fill-mix), transparent);color:var(--tag-hue)}.card-token.focused,.card-add-chip.focused,.card-footer-button.focused{box-shadow:inset 0 0 0 var(--focus-ring-width) var(--accent)}.card-token-label{align-items:center;gap:var(--card-token-inner-gap);color:inherit;font:inherit;display:inline-flex}.card-token-glyph{width:var(--card-token-glyph);height:var(--card-token-glyph);display:inline-flex}.card-token-glyph svg{width:100%;height:100%}.card-token-clear{width:var(--card-token-clear-glyph);height:var(--card-token-clear-glyph);color:inherit;opacity:var(--card-token-clear-resting-opacity);display:inline-flex}.card-token-clear:hover{opacity:1}.card-token-clear svg{width:100%;height:100%}.card-editor{min-width:var(--card-editor-min-width);padding:var(--card-editor-pad-y) var(--card-editor-pad-x);border:none;border-bottom:var(--field-underline-width) solid var(--field-underline);color:var(--text-1);font:inherit;font-size:var(--font-field-input);background:0 0;outline:none}.card-editor::placeholder{color:var(--text-3)}.card-editor.problem{border-bottom-color:var(--danger)}.card-editor-problem{color:var(--danger);font-size:var(--font-chip)}.card-notes{resize:none;width:100%;color:var(--text-2);font:inherit;font-size:var(--font-caption);line-height:calc((var(--font-caption) + var(--card-notes-line-spacing)) / var(--font-caption));field-sizing:content;min-height:var(--card-notes-min-height);max-height:var(--card-notes-max-height);cursor:default;background:0 0;border:none;outline:none;padding:0}.card-add-row{align-items:center;gap:var(--card-add-row-gap);width:100%;display:flex}.card-footer-spacer{flex:auto}.card-add-chip{padding:var(--card-add-chip-pad-y) var(--card-add-chip-pad-x);border-radius:var(--radius-sm);color:var(--text-3);font-size:var(--font-control);font-weight:var(--font-control-w)}.card-add-chip:hover{background:var(--fill-hover);color:var(--text-2)}.card-footer-button{padding:var(--card-footer-button-pad);border-radius:var(--radius-sm);color:var(--text-3);display:inline-flex}.card-footer-button:hover{background:var(--fill-hover);color:var(--text-1)}.card-footer-button.trash:hover{color:var(--danger)}.card-footer-button.trash svg{width:var(--card-footer-glyph);height:var(--card-footer-glyph)}.card-footer-button.collapse svg{width:var(--card-footer-chevron-glyph);height:var(--card-footer-chevron-glyph)}.tag-chip-anchor{display:inline-flex;position:relative}.tag-picker{z-index:2;width:var(--tagpicker-width);gap:var(--tagpicker-gap);padding:var(--tagpicker-padding);background:var(--surface-overlay);border:var(--hairline) solid var(--border);border-radius:var(--tagpicker-radius);-webkit-backdrop-filter:blur(var(--blur-pane)) saturate(var(--saturate-pane));backdrop-filter:blur(var(--blur-pane)) saturate(var(--saturate-pane));box-shadow:var(--shadow-pane);flex-direction:column;display:flex;position:absolute;top:100%;left:0}.tag-picker.above{top:auto;bottom:100%}.tag-row{align-items:center;gap:var(--tagpicker-row-gap);padding:var(--tagpicker-row-pad-y) var(--tagpicker-row-pad-x);border-radius:var(--tagpicker-row-radius);color:var(--text-2);font-size:var(--font-control);display:flex}.tag-row:hover{background:var(--fill-hover);color:var(--text-1)}.tag-row.on{color:var(--text-1)}.tag-row-dot{width:var(--tagpicker-dot);height:var(--tagpicker-dot);border-radius:50%;flex:none}.tag-row-name{text-overflow:ellipsis;text-align:left;flex:auto;min-width:0;overflow:hidden}.tag-row-tick{width:var(--tagpicker-tick);height:var(--tagpicker-tick);color:var(--accent);flex:none}.key-legend{align-items:center;gap:var(--legend-gap);min-height:var(--legend-min-height);padding:0 var(--legend-pad-x);flex:none;display:flex}.legend-hint{align-items:center;gap:var(--legend-hint-gap);display:inline-flex}.legend-keycap{padding:var(--legend-keycap-pad-y) var(--legend-keycap-pad-x);border-radius:var(--legend-keycap-radius)}.row-title-field.focused,.card-notes.focused{box-shadow:inset 0 0 0 var(--focus-ring-width) var(--accent);border-radius:var(--radius-sm)}
