:root{--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-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);--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;--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);--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-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-base);font-weight:var(--font-weight-semibold);line-height:1;padding:0 var(--space-4);height:var(--control-height-md);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-sm);padding:0 var(--space-3);font-size:var(--font-size-sm)}.btn--lg{height:var(--control-height-lg);padding:0 var(--space-5);font-size:var(--font-size-md)}.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)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-md);height:var(--control-height-md);padding:0;border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.icon-btn:hover:not(:disabled){background:var(--color-surface-sunken)}.icon-btn:disabled{color:var(--color-text-subtle);cursor:not-allowed}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.icon-btn--sm{width:var(--control-height-sm);height:var(--control-height-sm)}.icon-btn--subtle{background:var(--color-surface);border-color:var(--color-border-strong)}.icon-btn--subtle:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-text-subtle)}.icon-btn--solid{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.icon-btn--solid:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.input,.select{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),.select:hover:not(:disabled){border-color:var(--color-text-muted)}.input:focus-visible,.select:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.input:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-7)}.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-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.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)}.action-form{display:grid;gap:var(--space-4)}.action-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.action-form__actions{display:flex;align-items:center;gap:var(--space-2)}.action-form__spacer{flex:1}.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:absolute;top:calc(100% + var(--space-1));left:0;z-index:var(--z-tooltip);width:268px;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform-origin:top left}.date-field__popover--right{left:auto;right:0;transform-origin:top right}.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}: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);border-bottom:var(--border-width) solid 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__trigger{display:grid;place-items:center;width:var(--control-height-md);height:var(--control-height-md);padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.nav-menu__trigger:hover,.nav-menu__trigger[aria-expanded=true]{background:var(--color-surface-muted)}.nav-menu__trigger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.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:center}.panel-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:56px;padding:0;border:var(--border-width) solid var(--color-border);border-right:0;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.panel-toggle[aria-expanded=false]{border-right:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.panel-toggle:hover{background:var(--color-surface-sunken);color:var(--color-text)}.panel-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.calendar__grid{min-width:0}.day-panel{overflow:hidden}.day-panel__inner{width:320px;padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.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:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:0;border-left:2px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-family:var(--font-family-sans);text-align:left;cursor:pointer}.panel-item:hover{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}.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__notes{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);white-space:pre-wrap}.actions{display:grid;gap:var(--space-4)}.actions__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.actions__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.015em}.actions__empty{padding:var(--space-8) 0;color:var(--color-text-subtle);font-size:var(--font-size-sm);text-align:center}.actions__list{display:grid;gap:var(--space-2)}.action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);font-family:var(--font-family-sans);text-align:left;cursor:pointer}.action:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.action--done .action__title,.action--cancelled .action__title{color:var(--color-text-subtle);text-decoration:line-through}.action__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.action__meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.action__provider{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-sunken)}.view-switch{position:relative;display:inline-flex;padding:3px;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:26px;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-selected=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}.grid{display:grid;gap:var(--space-2);--time-gutter: 52px;--time-hour-height: 56px}.grid__head,.grid__body{display:grid;grid-template-columns:var(--time-gutter) repeat(var(--time-columns),minmax(0,1fr));gap:var(--space-2)}.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{display:grid;grid-auto-rows:var(--time-hour-height)}.grid__hour{font-size:var(--font-size-xs);color:var(--color-text-subtle);font-variant-numeric:tabular-nums;transform:translateY(-.5em);text-align:right;padding-right:var(--space-2)}.grid__column{position:relative;display:grid;grid-auto-rows:var(--time-hour-height);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.grid__column--today{box-shadow:inset 0 0 0 1px var(--color-border)}.grid__slot{border-top:var(--border-width) solid var(--color-border-faint)}.grid__slot:first-child{border-top:none}.grid__item{position:absolute;left:3px;right:3px;display:grid;gap:1px;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);border-left:2px solid var(--color-primary);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:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.grid__item--selected{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary)}.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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month{display:grid;gap:var(--space-2)}.month__head,.month__week{display:grid;grid-template-columns:repeat(var(--month-columns),minmax(0,1fr));gap:var(--space-2)}.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--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:0;border-radius:var(--radius-sm);border-left:2px solid var(--color-primary);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{background:var(--color-border-faint)}.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__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer}.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}}