:root,[data-theme=light]{--color-bg: #f5f5f5;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-muted: #fafafa;--color-surface-sunken: #f0f0f0;--color-text: #0a0a0a;--color-text-muted: #6b6b6b;--color-text-subtle: #9a9a9a;--color-text-inverse: #ffffff;--color-weekend: #e9eaec;--color-grid-line: rgba(0, 0, 0, .08);--color-border: #dcdcdc;--color-border-soft: #e6e6e6;--color-border-strong: #c9c9c9;--color-border-faint: #efefef;--color-primary: #000000;--color-primary-hover: #1c1c1c;--color-primary-active: #000000;--color-accent: #000000;--color-success: #1a7f4b;--color-success-strong: #14633a;--color-success-bg: #eaf4ee;--color-warning: #b86e00;--color-warning-bg: #fbf1dc;--color-now: #e5484d;--color-danger: #b42318;--color-danger-strong: #8a1810;--color-danger-bg: #fbe9e7;--color-info: #3a3a3a;--color-info-bg: #f0f0f0;--color-overlay: rgba(0, 0, 0, .5);--color-focus-ring: rgba(0, 0, 0, .22);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 6px 18px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);--shadow-modal: 0 24px 60px rgba(0, 0, 0, .2);color-scheme:light}[data-theme=dark]{--color-bg: #0d0d0f;--color-surface: #17171a;--color-surface-raised: #1e1e22;--color-surface-muted: #131316;--color-surface-sunken: #232328;--color-text: #f2f2f4;--color-text-muted: #a1a1ab;--color-text-subtle: #71717c;--color-text-inverse: #0d0d0f;--color-weekend: #202027;--color-grid-line: rgba(255, 255, 255, .09);--color-border: #2e2e35;--color-border-soft: #26262c;--color-border-strong: #3d3d46;--color-border-faint: #202026;--color-primary: #f2f2f4;--color-primary-hover: #ffffff;--color-primary-active: #e2e2e6;--color-accent: #f2f2f4;--color-success: #46c68a;--color-success-strong: #6fdba7;--color-success-bg: #14291f;--color-warning: #e0a34a;--color-warning-bg: #2a2013;--color-now: #ff6369;--color-danger: #ff6b5e;--color-danger-strong: #ff8f85;--color-danger-bg: #2c1614;--color-info: #c8c8d0;--color-info-bg: #232328;--color-overlay: rgba(0, 0, 0, .66);--color-focus-ring: rgba(255, 255, 255, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-modal: 0 24px 60px rgba(0, 0, 0, .7);color-scheme:dark}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--z-base: 0;--z-overlay: 50;--z-modal: 60;--z-tooltip: 70;--transition-fast: .15s ease;--transition-base: .22s ease;--border-width: 1px;--control-height-xs: 26px;--control-height-sm: 32px;--control-height-md: 40px;--control-height-lg: 48px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;height:var(--control-height-sm);padding:0 var(--space-3);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:active:not(:disabled){background:var(--color-primary-active)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--sm{height:var(--control-height-xs);padding:0 var(--space-2);font-size:var(--font-size-xs)}.btn--lg{height:var(--control-height-md);padding:0 var(--space-4);font-size:var(--font-size-base)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-text-subtle)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.btn--danger{background:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-strong)}.btn--full{width:100%}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);color:var(--color-text-inverse);animation:btn-spin .7s linear infinite}.btn--secondary.btn--loading:after,.btn--ghost.btn--loading:after{color:var(--color-text)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--icon{width:var(--control-height-sm);padding:0}.btn--icon.btn--sm{width:var(--control-height-xs)}.btn--icon.btn--lg{width:var(--control-height-md)}.input{display:block;width:100%;min-width:0;height:var(--control-height-md);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover:not(:disabled){border-color:var(--color-text-muted)}.input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.input:disabled{opacity:.6;cursor:not-allowed}.dropdown{position:relative}.dropdown--field{display:block}.dropdown--inline{display:inline-flex}.dropdown__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dropdown--field .dropdown__trigger{width:100%;height:var(--control-height-md);font-weight:var(--font-weight-regular)}.dropdown__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__list{position:fixed;z-index:var(--z-tooltip);margin:0;padding:var(--space-1);list-style:none;overflow-y:auto;transform-origin:top left;background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.dropdown__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;height:var(--control-height-sm);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-sm);text-align:left;white-space:nowrap;cursor:pointer}.dropdown__option--active{background:var(--color-surface-sunken)}.dropdown__option[aria-selected=true]{font-weight:var(--font-weight-medium)}.form-field{display:grid;gap:var(--space-2)}.form-field__label{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-field__hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.card{display:grid;gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.card__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-5);background:var(--color-bg)}.login-card{width:100%;max-width:400px;display:grid;gap:var(--space-5);padding:var(--space-7);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login-card__form{display:grid;gap:var(--space-4)}.login-card__code .input{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--font-size-lg);letter-spacing:.4em;text-align:center;text-indent:.4em}.login-card__actions{display:flex;justify-content:space-between;gap:var(--space-2)}.notification-stack{position:fixed;top:var(--space-5);left:50%;transform:translate(-50%);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-2);width:min(440px,calc(100vw - var(--space-7)));pointer-events:none}.notification{display:grid;grid-template-columns:20px 1fr auto;align-items:start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);pointer-events:auto}.notification__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted)}.notification__message{color:var(--color-text);margin:2px 0}.notification--info .notification__icon{color:var(--color-info)}.notification--success .notification__icon{color:var(--color-success)}.notification--warning .notification__icon{color:var(--color-warning)}.notification--error .notification__icon{color:var(--color-danger)}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--color-overlay);overflow-y:auto}.modal__panel{width:100%;max-width:460px;margin:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5)}.modal__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.modal__body{display:grid;gap:var(--space-4);padding:0 var(--space-5) var(--space-5)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:0 var(--space-5) var(--space-5)}.task-form{display:grid;gap:var(--space-4)}.task-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.task-form__actions{display:flex;align-items:center;gap:var(--space-2)}.task-form__spacer{flex:1}.confirm__message{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.confirm__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;flex-shrink:0;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.5;white-space:nowrap}.tag--doing{background:var(--color-primary);color:var(--color-text-inverse)}.tag--done{background:var(--color-success-bg);color:var(--color-success-strong)}.tag--cancelled{color:var(--color-text-subtle);text-decoration:line-through}.date-field{position:relative}.date-field__trigger{display:block;width:100%;height:var(--control-height-md);padding:0 var(--space-7) 0 var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.date-field__trigger:hover{border-color:var(--color-text-muted)}.date-field__trigger:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.date-field__trigger--empty{color:var(--color-text-subtle)}.date-field__clear{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:1;cursor:pointer}.date-field__clear:hover{background:var(--color-surface-sunken);color:var(--color-text)}.date-field__popover{position:fixed;z-index:var(--z-tooltip);width:268px;padding:var(--space-3);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform-origin:top left}.date-field__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.date-field__month{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.date-field__weekdays,.date-field__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-field__weekdays span{padding-bottom:var(--space-1);color:var(--color-text-subtle);font-size:var(--font-size-xs);text-align:center}.date-field__day{display:flex;align-items:center;justify-content:center;height:32px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}.date-field__day:hover{background:var(--color-surface-sunken)}.date-field__day--outside{color:var(--color-text-subtle)}.date-field__day--today{font-weight:var(--font-weight-semibold);text-decoration:underline;text-underline-offset:3px}.date-field__day--selected,.date-field__day--selected:hover{background:var(--color-primary);color:var(--color-text-inverse)}.date-field__footer{display:flex;justify-content:center;margin-top:var(--space-2)}.date-field__shortcut{padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-family:var(--font-family-sans);font-size:var(--font-size-xs);cursor:pointer}.date-field__shortcut:hover{background:var(--color-surface-sunken);color:var(--color-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pending__message{font-size:var(--font-size-md);text-align:center}.pending__email{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.sync-button{display:inline-flex}.sync-button--busy svg{animation:sync-spin 1s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sync-button--busy svg{animation:none}}.input--multiline{height:auto;padding:var(--space-2) var(--space-3);line-height:var(--line-height-relaxed);resize:vertical}:root{color:var(--color-text);background:var(--color-bg);font-family:var(--font-family-sans);--header-height: 60px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}h1,h2,h3,h4,p{margin:0}.app{min-height:100vh}.app__main{width:min(1600px,100%);margin:0 auto;padding:calc(var(--header-height) + var(--space-6)) var(--space-6) var(--space-8)}.app-header{position:fixed;inset:0 0 auto;z-index:var(--z-overlay);height:var(--header-height);background:var(--color-surface);box-shadow:0 1px 0 var(--color-border-soft)}.app-header__inner{width:min(1600px,100%);height:100%;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.app-header__toolbar{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.app-header__title{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__week{flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.app-header__controls{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.nav-menu{position:relative;flex-shrink:0}.nav-menu__panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-tooltip);min-width:244px;padding:var(--space-2);transform-origin:top right;background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.nav-menu__identity{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.nav-menu__identity-text{display:grid;gap:2px;min-width:0}.nav-menu__identity-text strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.nav-menu__identity-text span{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu__divider{height:var(--border-width);margin:var(--space-1) var(--space-2);background:var(--color-border-faint)}.nav-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.nav-menu__item:hover:not(:disabled){background:var(--color-surface-muted)}.nav-menu__item:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.nav-menu__item:disabled{color:var(--color-text-subtle);cursor:not-allowed}.nav-menu__item--active{background:var(--color-surface-sunken);font-weight:var(--font-weight-medium)}.nav-menu__item--danger{color:var(--color-danger)}.nav-menu__item--danger:hover:not(:disabled){background:var(--color-danger-bg)}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.avatar--image{object-fit:cover}.avatar-menu{position:relative}.avatar-menu__trigger{display:grid;place-items:center;padding:2px;border:none;border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:box-shadow var(--transition-fast)}.avatar-menu__trigger:hover,.avatar-menu__trigger[aria-expanded=true]{box-shadow:0 0 0 2px var(--color-border-strong)}.avatar-menu__trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.popover{position:absolute;top:calc(100% + var(--space-3));right:0;z-index:var(--z-tooltip);min-width:248px;padding:var(--space-2);transform-origin:top right;background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.popover__identity{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.popover__identity-text{display:grid;gap:2px;min-width:0}.popover__identity-text strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.popover__identity-text span,.popover__identity-text small{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover__identity-text small{color:var(--color-text-subtle)}.popover__divider{height:var(--border-width);margin:var(--space-1) var(--space-2);background:var(--color-border-faint)}.popover__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.popover__item:hover:not(:disabled){background:var(--color-surface-muted)}.popover__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.popover__item:disabled{color:var(--color-text-subtle);cursor:not-allowed}.popover__item--danger{color:var(--color-danger)}.popover__item--danger:hover:not(:disabled){background:var(--color-danger-bg)}.calendar{display:grid}.calendar__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:start}.calendar__aside{position:sticky;top:calc(var(--header-height) + var(--space-6));display:flex;align-items:flex-start;gap:var(--space-2)}.day-panel{overflow:hidden}.day-panel__inner{width:320px;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.day-panel__view{display:grid;gap:var(--space-3)}.day-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-height-md)}.day-panel__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.day-panel__empty{padding:var(--space-5) 0;color:var(--color-text-subtle);font-size:var(--font-size-sm);text-align:center}.day-panel__list{display:grid;gap:var(--space-2)}.panel-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:baseline;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-family:var(--font-family-sans);text-align:left;cursor:pointer}.panel-item:hover{border-color:var(--color-border-strong);background:var(--color-border-faint)}.panel-item:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.panel-item__time{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.panel-item__title{overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.panel-item__text{display:grid;gap:1px;min-width:0}.panel-item__source{overflow:hidden;color:var(--color-text-subtle);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.detail{display:grid;gap:var(--space-2)}.detail__row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-2);font-size:var(--font-size-sm)}.detail__row dt{color:var(--color-text-subtle)}.detail__source{display:block;color:var(--color-text-muted);font-size:var(--font-size-xs)}.detail__notes{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);white-space:pre-wrap;max-height:220px;overflow-y:auto;overflow-wrap:anywhere}.tasks{display:grid;gap:var(--space-4)}.tasks__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.tasks__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.015em}.tasks__empty{padding:var(--space-8) 0;color:var(--color-text-subtle);font-size:var(--font-size-sm);text-align:center}.tasks__list{display:grid;gap:var(--space-2)}.task{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-family-sans);text-align:left;cursor:pointer}.task:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.task--done .task__title,.task--cancelled .task__title{color:var(--color-text-subtle);text-decoration:line-through}.task__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.task__meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.task__provider{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-sunken)}.view-switch{position:relative;display:inline-flex;align-items:center;height:var(--control-height-sm);padding:2px;border-radius:var(--radius-md);background:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border)}.view-switch__option{position:relative;padding:0 var(--space-4);height:100%;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.view-switch__option:hover,.view-switch__option[aria-pressed=true]{color:var(--color-text)}.view-switch__option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.view-switch__indicator{position:absolute;inset:0;border-radius:calc(var(--radius-md) - 2px);background:var(--color-surface);box-shadow:var(--shadow-sm)}.view-switch__label{position:relative}.view-switch__option--menu{display:inline-flex;padding:0}.view-switch__option--menu .dropdown{position:relative;z-index:1}.view-switch__option--menu .dropdown__trigger{height:100%;padding:0 var(--space-3);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.view-switch__option--menu:hover .dropdown__trigger,.view-switch__option--active .dropdown__trigger{color:var(--color-text)}.view-switch__option--menu .dropdown__trigger:hover:not(:disabled){background:transparent}.grid{display:grid;gap:var(--space-2);--time-gutter: 46px;--time-hour-height: 56px}.grid__head,.grid__body{display:grid;grid-template-columns:var(--time-gutter) repeat(var(--time-columns),minmax(0,1fr));gap:2px}.grid__gutter-head{display:grid;place-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.grid__day-head{display:grid;justify-items:center;gap:2px;padding:var(--space-2) 0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.grid__day-head:hover{background:var(--color-surface);color:var(--color-text)}.grid__day-head:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.grid__day-name{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.grid__day-number{display:grid;place-items:center;min-width:26px;height:26px;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text)}.grid__day-head--today .grid__day-number{background:var(--color-primary);color:var(--color-text-inverse)}.grid__day-head--selected{background:var(--color-surface);color:var(--color-text)}.grid__gutter{position:relative;height:calc(var(--time-hour-height) * var(--time-hours))}.grid__hour{position:absolute;right:var(--space-2);transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.grid__column{position:relative;height:calc(var(--time-hour-height) * var(--time-hours));border-radius:var(--radius-md);background-color:var(--color-surface);background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--time-hour-height) - 1px),var(--color-grid-line) calc(var(--time-hour-height) - 1px) var(--time-hour-height));overflow:hidden}.grid__column--weekend{background-color:var(--color-weekend)}.grid__column--today{box-shadow:inset 0 0 0 1px var(--color-border)}.grid__item{position:absolute;left:3px;right:3px;display:grid;align-content:start;gap:1px;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-size:var(--font-size-xs);line-height:var(--line-height-normal);overflow:hidden;font-family:var(--font-family-sans);text-align:left;cursor:pointer}.grid__item:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.grid__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.grid__item--compact{display:flex;align-items:baseline;gap:var(--space-1);padding:1px var(--space-2);line-height:var(--line-height-tight)}.grid__item--compact .grid__item-time{flex-shrink:0}.grid__item--title-only{padding:0 var(--space-2);align-items:center}.grid__item--selected{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary)}.grid__item--editable{cursor:grab;-webkit-user-select:none;user-select:none}.grid__item--dragging{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary);cursor:grabbing;opacity:.92;z-index:2}.grid__column--target{box-shadow:inset 0 0 0 1px var(--color-primary)}.grid__handle{position:absolute;left:0;right:0;height:7px;cursor:ns-resize;touch-action:none}.grid__handle--start{top:0}.grid__handle--end{bottom:0}.grid__handle:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;transform:translate(-50%,-50%);border-radius:var(--radius-full);background:var(--color-text-subtle);opacity:0;transition:opacity var(--transition-fast)}.grid__item:hover .grid__handle:after,.grid__item--dragging .grid__handle:after{opacity:1}.grid__now{position:absolute;left:0;right:0;height:2px;background:var(--color-now);pointer-events:none;z-index:1}.grid__now:before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-now)}.grid__item-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.grid__item-title{font-weight:var(--font-weight-medium);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month{display:grid;gap:2px}.month__head,.month__week{display:grid;grid-template-columns:repeat(var(--month-columns),minmax(0,1fr));gap:2px}.month--with-week-numbers .month__head,.month--with-week-numbers .month__week{grid-template-columns:36px repeat(calc(var(--month-columns) - 1),minmax(0,1fr))}.month__weekday{padding:0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em}.month__weeknum-head{display:block}.month__weeknum{display:grid;place-items:start center;padding-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.month__day{position:relative;display:grid;grid-template-rows:auto 1fr;gap:var(--space-2);min-height:104px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.month__day-hit{position:absolute;inset:0;z-index:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.month__day-hit:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.month__day-number,.month__day-items{position:relative;z-index:1;pointer-events:none}.month__item{pointer-events:auto}.month__day:hover{box-shadow:0 0 0 1px var(--color-border-strong)}.month__day--selected:hover{box-shadow:0 0 0 2px var(--color-primary)}.month__day--outside{background:color-mix(in srgb,var(--color-surface) 45%,transparent);color:var(--color-text-subtle)}.month__day--weekend{background:var(--color-weekend)}.month__day--weekend.month__day--outside{background:color-mix(in srgb,var(--color-weekend) 45%,transparent)}.month__day--outside .month__day-number{color:var(--color-text-subtle)}.month__day--today .month__day-number{justify-self:start;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse)}.month__day--selected{box-shadow:0 0 0 2px var(--color-primary)}.month__day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.month__day-items{display:grid;gap:3px;align-content:start;min-width:0}.month__item{display:block;width:100%;padding:1px var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-xs);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.month__item:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.month__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.month__item--selected{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary)}.month__overflow{padding:0 var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.settings{display:grid;gap:var(--space-4)}.settings__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings__page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.015em}.settings__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.settings__row{display:grid;gap:var(--space-2)}.settings__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.settings__toggles{display:grid}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0}.toggle-row--sm{gap:var(--space-3);padding:var(--space-1) 0}.toggle-row__label{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer}.toggle-row__text{display:grid;gap:2px;min-width:0}.toggle-row__title{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-row--sm .toggle-row__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.toggle-row__tag{flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.toggle-row__description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:var(--line-height-relaxed);white-space:normal}.toggle-row--sm .toggle__track{width:32px;height:18px}.toggle-row--sm .toggle__thumb{width:14px;height:14px}.toggle-row--sm .toggle[aria-checked=true] .toggle__thumb{transform:translate(14px)}.toggle{flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer}.toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:var(--radius-full)}.toggle__track{display:block;width:38px;height:22px;padding:2px;border-radius:var(--radius-full);background:var(--color-border-strong);transition:background var(--transition-fast)}.toggle__thumb{display:block;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle[aria-checked=true] .toggle__track{background:var(--color-accent)}.toggle[aria-checked=true] .toggle__thumb{transform:translate(16px)}@media(max-width:900px){.app__main{padding:calc(var(--header-height) + var(--space-4)) var(--space-4) var(--space-7)}.calendar__toolbar{align-items:flex-start;flex-direction:column}.grid{--time-gutter: 40px;--time-hour-height: 46px}.month__day{min-height:76px}}.connections{display:grid;gap:var(--space-5);justify-items:stretch}.connections>.btn{justify-self:start}.connection{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-faint);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.connection__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.connection__identity{display:grid;gap:2px;min-width:0}.connection__identity strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.connection__identity span{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection__actions{display:flex;gap:var(--space-2)}.connection__stamp{margin-top:calc(var(--space-2) * -1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.connection__empty{display:grid;justify-items:start;gap:var(--space-3)}.connection__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.connection__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger-strong);font-size:var(--font-size-sm)}.connection__section{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);background:var(--color-surface)}.connection__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.connection__count{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-weight:var(--font-weight-regular)}.source-list{display:grid;max-height:268px;overflow-y:auto}.source-list .toggle-row+.toggle-row{box-shadow:0 -1px 0 var(--color-border-faint)}.source-list__dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-full)}.connection__target{display:grid;gap:var(--space-2);max-width:360px;padding-top:var(--space-2)}.connection__target-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.connection__period{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2) var(--space-3);max-width:360px;padding-top:var(--space-1)}.connection__section--standalone{background:var(--color-surface-sunken)}.integrations{display:grid;gap:var(--space-4)}.integrations__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.integrations__page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.integrations__intro{max-width:64ch;margin-top:calc(var(--space-3) * -1);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.integrations__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);align-items:start}.app-card{display:grid;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.app-card__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.app-card__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1}.app-card__identity{display:grid;gap:2px;min-width:0}.app-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.app-card__tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.app-card__badge{flex-shrink:0;padding:2px var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap}.app-card__badge--ok{border-color:var(--color-success-bg);background:var(--color-success-bg);color:var(--color-success-strong)}.app-card__badge--error{border-color:var(--color-danger-bg);background:var(--color-danger-bg);color:var(--color-danger-strong)}.app-card__badge--idle,.app-card__badge--muted{border-color:var(--color-border);background:var(--color-surface-sunken);color:var(--color-text-muted)}.app-card__capabilities{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.app-card__unavailable{display:grid;gap:var(--space-2);justify-items:start}.app-card__unavailable code{padding:1px 4px;border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.app-card__unavailable code+code{margin-left:var(--space-1)}.app-card__link{font-size:var(--font-size-sm);color:var(--color-accent)}.app-card__connections{display:grid;gap:var(--space-3);justify-items:stretch}.app-card__connections>.btn,.app-card>.btn{justify-self:start}