.navbar{z-index:50;height:var(--layout-navbar-height);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--color-border);background:#fbf8f3d9;position:sticky;top:0}.navbar__inner{max-width:var(--layout-max-width);height:100%;padding:0 var(--space-5);align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-text);font-weight:500;display:inline-flex}.navbar__brand:hover{color:var(--color-text);text-decoration:none}.navbar__brand-mark{color:var(--color-accent);font-size:var(--font-size-xl)}.navbar__brand-text{letter-spacing:-.01em}.navbar__nav{gap:var(--space-2);margin-left:var(--space-4);display:flex}.navbar__link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);font-weight:500}.navbar__link:hover{color:var(--color-text);background:var(--color-surface-sunken);text-decoration:none}.navbar__link--active{color:var(--color-text);background:var(--color-surface-sunken)}.navbar__cta{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-inverse);background:var(--color-accent);border-radius:var(--radius-md);transition:background var(--transition-fast);margin-left:auto;font-weight:500}.navbar__cta:hover{background:var(--color-accent-hover);color:var(--color-text-inverse);text-decoration:none}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__main{width:100%;max-width:var(--layout-max-width);padding:var(--space-6) var(--space-5) var(--space-8);flex:1;margin:0 auto}.layout__footer{text-align:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--font-size-xs)}.layout__footer a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}.layout__footer a:hover{color:var(--color-accent-hover);text-decoration:underline}.ui-badge{padding:2px var(--space-2);font-size:var(--font-size-xs);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;font-weight:500;display:inline-flex}.ui-badge--neutral{color:var(--color-text-muted);background:var(--color-surface-sunken);border-color:var(--color-border)}.ui-badge--unread{color:var(--color-status-unread);background:#b8860b1a;border-color:#b8860b4d}.ui-badge--progress{color:var(--color-status-progress);background:#2c5f7c1a;border-color:#2c5f7c4d}.ui-badge--read{color:var(--color-status-read);background:#4a7c591a;border-color:#4a7c594d}.ui-badge--accent{color:var(--color-accent);background:var(--color-accent-soft);border-color:#8a332433}.tag-pill{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:all var(--transition-fast);cursor:default;font-weight:500;display:inline-flex}.tag-pill--md{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}.tag-pill--interactive{cursor:pointer}.tag-pill--interactive:hover{border-color:var(--color-border-strong);color:var(--color-text)}.tag-pill--active{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.tag-pill__label:before{content:"#";opacity:.5;margin-right:1px}.tag-pill__remove{width:14px;height:14px;color:var(--color-text-muted);border-radius:var(--radius-pill);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.tag-pill__remove:hover{background:var(--color-text);color:var(--color-text-inverse)}button.tag-pill{font-family:inherit}.content-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.content-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-1px)}.content-card{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.content-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.content-card__type{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:500;display:inline-flex}.content-card__type-glyph{color:var(--color-accent);font-size:var(--font-size-sm)}.content-card__title-link{color:var(--color-text)}.content-card__title-link:hover{color:var(--color-text);text-decoration:none}.content-card__title-link:hover .content-card__title{color:var(--color-accent)}.content-card__title{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:500;line-height:var(--line-snug);transition:color var(--transition-fast);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-card__description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-card__tags{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.content-card__more-tags{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.content-card__footer{align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:auto;display:flex}.content-card__priority-dots{color:var(--color-accent);letter-spacing:1px;font-size:8px}.content-card__duration{margin-left:auto}.content-card__age{color:var(--color-text-subtle)}.dashboard{gap:var(--space-6);flex-direction:column;display:flex}.dashboard__hero{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5)}.dashboard__eyebrow{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-2)}.dashboard__title{font-family:var(--font-display);font-size:var(--font-size-3xl);letter-spacing:-.02em;max-width:720px;font-weight:400;line-height:1.1}.dashboard__stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.dashboard__stats{grid-template-columns:repeat(4,1fr)}}.dashboard__stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--space-1);padding:var(--space-4);flex-direction:column;display:flex}.dashboard__stat-value{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-text);font-weight:500;line-height:1}.dashboard__stat-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.dashboard__next-up-card{max-width:480px}.dashboard__columns{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.dashboard__columns{grid-template-columns:repeat(3,1fr)}}.dashboard__column{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.dashboard__section-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.dashboard__section-title{font-family:var(--font-display);font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:500}.dashboard__section-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.dashboard__section-link{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:500}.dashboard__list{gap:var(--space-2);flex-direction:column;display:flex}.dashboard__list-item{padding:var(--space-2) 0;border-bottom:1px dashed var(--color-border);flex-direction:column;gap:2px;display:flex}.dashboard__list-item:last-child{border-bottom:none}.dashboard__list-title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:500}.dashboard__list-title:hover{color:var(--color-accent);text-decoration:none}.dashboard__list-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dashboard__empty{padding:var(--space-3) 0;color:var(--color-text-subtle);font-size:var(--font-size-sm);font-style:italic}.dashboard__recent{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.dashboard__recent{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard__recent{grid-template-columns:repeat(3,1fr)}}.content-list{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.content-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.content-list{grid-template-columns:repeat(3,1fr)}}.content-list__loading,.content-list__empty{padding:var(--space-7) var(--space-5);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}.content-list__empty-text{margin-bottom:var(--space-3);font-size:var(--font-size-md)}.content-list__empty-cta{color:var(--color-accent);font-weight:500;display:inline-block}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;font-weight:500;display:inline-flex}.ui-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);min-height:28px}.ui-button--md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);min-height:36px}.ui-button--lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-md);min-height:44px}.ui-button--full{width:100%}.ui-button--primary{background:var(--color-accent);color:var(--color-text-inverse);border:1px solid var(--color-accent)}.ui-button--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ui-button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.ui-button--secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.ui-button--ghost{color:var(--color-text);background:0 0;border:1px solid #0000}.ui-button--ghost:hover:not(:disabled){background:var(--color-surface-sunken)}.ui-button--danger{color:var(--color-danger);border:1px solid var(--color-danger);background:0 0}.ui-button--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-text-inverse)}.ui-field{gap:var(--space-1);flex-direction:column;display:flex}.ui-field__label{font-size:var(--font-size-sm);color:var(--color-text);letter-spacing:.01em;font-weight:500}.ui-field__error{font-size:var(--font-size-xs);color:var(--color-danger)}.ui-field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ui-input,.ui-textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.ui-input:focus-visible,.ui-textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-text-subtle)}.ui-input:hover:not(:disabled):not(:focus),.ui-textarea:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.ui-input:focus,.ui-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.ui-input:disabled,.ui-textarea:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted);cursor:not-allowed}.ui-input--error,.ui-textarea--error{border-color:var(--color-danger)}.ui-input--error:focus,.ui-textarea--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #b94a4826}.ui-textarea{resize:vertical;min-height:96px;line-height:var(--line-snug)}.ui-select-wrapper{position:relative}.ui-select{width:100%;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);appearance:none;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.ui-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ui-select:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.ui-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.ui-select__chevron{right:var(--space-3);color:var(--color-text-muted);pointer-events:none;font-size:var(--font-size-sm);position:absolute;top:50%;transform:translateY(-50%)}.filter-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-5);flex-direction:column;display:flex}.filter-bar__main{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.filter-bar__main{grid-template-columns:2fr 1fr 1fr}}.filter-bar__search{width:100%}.filter-bar__group-label{margin-bottom:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:500;display:block}.filter-bar__pills{gap:var(--space-1);flex-wrap:wrap;display:flex}.filter-bar__pill{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.filter-bar__pill:hover{color:var(--color-text);border-color:var(--color-border-strong)}.filter-bar__pill--active{color:var(--color-text-inverse);background:var(--color-text);border-color:var(--color-text)}.filter-bar__pill--active:hover{color:var(--color-text-inverse)}.filter-bar__priority-controls{gap:var(--space-3);display:flex}.filter-bar__priority-label{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);display:inline-flex}.filter-bar__priority-label select{padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.filter-bar__tag-list{gap:var(--space-1);flex-wrap:wrap;display:flex}.filter-bar__reset{padding-top:var(--space-2);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.library-page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.library-page__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:500}.library-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.library-page__add{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-inverse);background:var(--color-accent);border-radius:var(--radius-md);transition:background var(--transition-fast);white-space:nowrap;font-weight:500}.library-page__add:hover{background:var(--color-accent-hover);color:var(--color-text-inverse);text-decoration:none}.library-page__error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#b94a4814}.content-form{gap:var(--space-4);flex-direction:column;max-width:640px;display:flex}.content-form__row{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.content-form__row--two{grid-template-columns:1fr 1fr}}.content-form__tag-input-wrapper{align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:40px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-wrap:wrap;display:flex}.content-form__tag-input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.content-form__tag-input{min-width:120px;padding:4px var(--space-1);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.content-form__tag-input::placeholder{color:var(--color-text-subtle)}.content-form__actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:var(--space-2);display:flex}.form-page{gap:var(--space-5);flex-direction:column;max-width:640px;display:flex}.form-page__header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.form-page__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:500}.form-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.content-detail{gap:var(--space-5);flex-direction:column;display:flex}.content-detail__back{font-size:var(--font-size-sm);color:var(--color-text-muted);align-self:flex-start}.content-detail__back:hover{color:var(--color-text);text-decoration:none}.content-detail__header{gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.content-detail__type-row{align-items:center;gap:var(--space-2);display:flex}.content-detail__type{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-weight:500}.content-detail__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:500;line-height:var(--line-tight);letter-spacing:-.01em}.content-detail__subtitle{color:var(--color-text-muted)}.content-detail__description{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-snug);max-width:70ch}.content-detail__meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.content-detail__meta-divider{color:var(--color-text-subtle)}.content-detail__link{color:var(--color-accent);font-weight:500}.content-detail__tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.content-detail__layout{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=1024px){.content-detail__layout{grid-template-columns:minmax(0,1fr) 280px}}.content-detail__section,.content-detail__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.content-detail__section-title{font-family:var(--font-display);font-size:var(--font-size-lg);margin-bottom:var(--space-3);font-weight:500}.content-detail__panel-title{font-family:var(--font-body);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:600}.content-detail__panel-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-subtle);font-style:italic}.content-detail__sidebar{gap:var(--space-3);flex-direction:column;display:flex}.content-detail__notes-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.content-detail__status-row{gap:var(--space-1);flex-direction:column;display:flex}.content-detail__status-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);text-align:left;color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.content-detail__status-btn:hover{color:var(--color-text);border-color:var(--color-border-strong)}.content-detail__status-btn--active{color:var(--color-text-inverse);background:var(--color-text);border-color:var(--color-text)}.content-detail__status-btn--active:hover{color:var(--color-text-inverse)}.content-detail__priority-row{gap:var(--space-1);grid-template-columns:repeat(5,1fr);display:grid}.content-detail__priority-btn{padding:var(--space-2) 0;font-family:var(--font-display);font-size:var(--font-size-md);color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.content-detail__priority-btn:hover{color:var(--color-text);border-color:var(--color-border-strong)}.content-detail__priority-btn--active{color:var(--color-text-inverse);background:var(--color-accent);border-color:var(--color-accent)}.content-detail__priority-btn--active:hover{color:var(--color-text-inverse)}.content-detail__schedule-current{margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text)}.content-detail__schedule-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.content-detail__schedule-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.content-detail__actions{gap:var(--space-2);flex-direction:column;display:flex}.content-detail__action-link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);font-weight:500}.content-detail__action-link:hover{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text);text-decoration:none}.cal-root{gap:var(--space-3);flex-direction:column;display:flex}.cal-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.cal-toolbar__left,.cal-toolbar__right{align-items:center;gap:var(--space-1);display:flex}.cal-toolbar__heading{text-align:center;font-family:var(--font-display);font-size:var(--font-size-lg);letter-spacing:-.01em;color:var(--color-text);flex:1;font-weight:500}.cal-toolbar__today{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);font-weight:500}.cal-toolbar__today:hover{border-color:var(--color-border-strong)}.cal-toolbar__today:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cal-toolbar__arrow{width:32px;height:32px;font-size:var(--font-size-xl);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;line-height:1;display:inline-flex}.cal-toolbar__arrow:hover{background:var(--color-surface-sunken);color:var(--color-text)}.cal-toolbar__arrow:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cal-toolbar__view{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:500}.cal-toolbar__view:hover{color:var(--color-text);background:var(--color-surface-sunken)}.cal-toolbar__view--active{color:var(--color-text);background:var(--color-surface-sunken);border-color:var(--color-border)}.cal-toolbar__view:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cal-body{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.cal-month__head{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(7,1fr);display:grid}.cal-month__day-name{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);text-align:center;background:var(--color-surface-sunken);font-weight:600}.cal-month__grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-month__cell{padding:var(--space-2);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer;gap:var(--space-1);transition:background var(--transition-fast);flex-direction:column;display:flex;position:relative}.cal-month__cell:nth-child(7n){border-right:none}.cal-month__cell:hover{background:var(--color-surface-sunken)}.cal-month__cell--outside{background:#f3efe780}.cal-month__cell--outside .cal-month__num{color:var(--color-text-subtle)}.cal-month__cell--today{background:var(--color-accent-soft)}.cal-month__num{width:24px;height:24px;font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;font-weight:500;display:inline-flex}.cal-month__num--today{background:var(--color-accent);color:var(--color-text-inverse);font-weight:600}.cal-month__events{flex-direction:column;gap:2px;display:flex}.cal-month__overflow{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:1px var(--space-1)}.cal-month__overflow:hover{color:var(--color-accent)}.cal-chip{width:100%;padding:2px var(--space-1);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-left:2px solid var(--chip-color,var(--color-accent));border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast);align-items:center;gap:5px;display:flex;overflow:hidden}.cal-chip:hover{background:var(--color-surface-sunken)}.cal-chip__dot{background:var(--chip-color,var(--color-accent));border-radius:50%;flex-shrink:0;width:6px;height:6px}.cal-chip__title{white-space:nowrap;text-overflow:ellipsis;line-height:var(--line-tight);flex:1;overflow:hidden}.cal-grid{flex-direction:column;display:flex}.cal-grid__header{border-bottom:2px solid var(--color-border);background:var(--color-surface);z-index:10;display:flex;position:sticky;top:0}.cal-grid__gutter-head{border-right:1px solid var(--color-border);background:var(--color-surface-sunken);flex-shrink:0;width:52px}.cal-grid__col-head{padding:var(--space-2) 0;border-right:1px solid var(--color-border);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.cal-grid__col-head:last-child{border-right:none}.cal-grid__col-head--today{background:var(--color-accent-soft)}.cal-grid__col-dow{font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.cal-grid__col-num{width:28px;height:28px;font-family:var(--font-display);font-size:var(--font-size-md);color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.cal-grid__col-num--today{background:var(--color-accent);color:var(--color-text-inverse)}.cal-grid__scroll{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;max-height:68vh;display:flex;overflow-y:auto}.cal-grid__scroll::-webkit-scrollbar{width:6px}.cal-grid__scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}.cal-grid__gutter{border-right:1px solid var(--color-border);background:var(--color-surface-sunken);flex-shrink:0;width:52px}.cal-grid__hour-label{padding:4px var(--space-1) 0;justify-content:flex-end;align-items:flex-start;display:flex}.cal-grid__hour-label span{letter-spacing:.02em;color:var(--color-text-subtle);white-space:nowrap;font-size:10px;font-weight:500}.cal-grid__col{border-right:1px solid var(--color-border);cursor:crosshair;-webkit-user-select:none;user-select:none;flex:1;position:relative}.cal-grid__col:last-child{border-right:none}.cal-grid__col--today{background:color-mix(in srgb, var(--color-accent-soft) 35%, transparent)}.cal-grid__line{background:var(--color-border);pointer-events:none;height:1px;position:absolute;left:0;right:0}.cal-grid__line--half{background:color-mix(in srgb, var(--color-border) 45%, transparent)}.cal-grid__col--selecting{cursor:ns-resize}.cal-grid__selection{background:color-mix(in srgb, var(--color-accent) 15%, transparent);border:1.5px solid var(--color-accent);border-radius:var(--radius-sm);pointer-events:none;z-index:6;align-items:flex-start;padding:3px 6px;display:flex;position:absolute;left:0;right:0}.cal-grid__selection-label{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm);pointer-events:none;padding:1px 4px;font-size:10px;font-weight:600;line-height:1.4}.cal-grid__hover-slot{background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-top:1.5px dashed var(--color-accent);pointer-events:none;z-index:4;align-items:flex-start;padding:2px 0 0 6px;transition:top 60ms linear;display:flex;position:absolute;left:0;right:0}.cal-grid__hover-time{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:1px 4px;font-size:10px;font-weight:600;line-height:1.4}.cal-grid__now{pointer-events:none;z-index:5;align-items:center;display:flex;position:absolute;left:0;right:0}.cal-grid__now:after{content:"";background:var(--color-accent);opacity:.75;flex:1;height:1.5px}.cal-grid__now-dot{background:var(--color-accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--color-accent-soft);border-radius:50%;flex-shrink:0;margin-left:-4px}.cal-time-event{z-index:2;padding:var(--space-1);font-family:var(--font-body);text-align:left;background:color-mix(in srgb, var(--ev-color) 10%, var(--color-surface));border:1px solid color-mix(in srgb, var(--ev-color) 35%, transparent);border-left:3px solid var(--ev-color);border-radius:var(--radius-sm);cursor:pointer;transition:box-shadow var(--transition-fast), filter var(--transition-fast);position:absolute;overflow:hidden}.cal-time-event:hover{box-shadow:var(--shadow-md);filter:brightness(.96);z-index:3}.cal-time-event:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cal-time-event__title{color:var(--color-text);-webkit-line-clamp:2;font-size:11px;font-weight:600;line-height:var(--line-snug);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cal-time-event__time{color:var(--color-text-muted);margin-top:2px;font-size:10px;display:block}.sched-modal__backdrop{z-index:199;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c1b1a73;animation:.18s sched-fade;position:fixed;inset:0}.sched-modal{z-index:200;width:min(560px, 100vw - var(--space-6));max-height:calc(100vh - var(--space-8));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) sched-slide;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.sched-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.sched-modal__header-text{flex-direction:column;gap:2px;display:flex}.sched-modal__eyebrow{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-accent);font-weight:600}.sched-modal__title{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--color-text);font-weight:500}.sched-modal__close{width:30px;height:30px;color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex}.sched-modal__close:hover{background:var(--color-text);color:var(--color-text-inverse);border-color:var(--color-text)}.sched-modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sched-modal__time-section{gap:var(--space-2);padding:var(--space-3) var(--space-5);flex-direction:column;flex-shrink:0;display:flex}.sched-modal__time-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.sched-modal__time-field{gap:var(--space-1);flex-direction:column;display:flex}.sched-modal__duration{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sched-modal__duration strong{color:var(--color-text);font-weight:600}.sched-modal__label{font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.sched-modal__divider{align-items:center;gap:var(--space-3);padding:0 var(--space-5);flex-shrink:0;display:flex}.sched-modal__divider span{font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;font-weight:600}.sched-modal__divider:before,.sched-modal__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.sched-modal__search-wrap{padding:var(--space-2) var(--space-5);flex-shrink:0}.sched-modal__list-wrap{padding:0 var(--space-5) var(--space-4);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;flex:1;overflow-y:auto}.sched-modal__list-wrap::-webkit-scrollbar{width:6px}.sched-modal__list-wrap::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}.sched-modal__empty{padding:var(--space-5) 0;color:var(--color-text-muted);text-align:center;font-style:italic}.sched-modal__list{gap:var(--space-2);padding-top:var(--space-1);flex-direction:column;display:flex}.sched-modal__item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.sched-modal__item:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.sched-modal__item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sched-modal__item-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sched-modal__item-type{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);font-weight:600}.sched-modal__item-priority{font-size:var(--font-size-xs);color:var(--color-status-unread);letter-spacing:1px}.sched-modal__item-title{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sched-modal__item-meta-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sched-modal__item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sched-modal__item-badge{font-size:var(--font-size-xs);color:var(--color-status-progress);background:color-mix(in srgb, var(--color-status-progress) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-status-progress) 30%, transparent);border-radius:var(--radius-pill);padding:1px 6px;font-weight:500}.sched-modal__item--rescheduling{border-color:color-mix(in srgb, var(--color-status-progress) 35%, var(--color-border))}.sched-modal__schedule-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-inverse);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;font-weight:500}.sched-modal__schedule-btn:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.sched-modal__schedule-btn:disabled{opacity:.4;cursor:not-allowed}.sched-modal__schedule-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cal-hint{font-size:var(--font-size-xs);color:var(--color-text-subtle);text-align:center;padding:var(--space-1) 0}.cal-hint kbd{min-width:20px;font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);box-shadow:0 1px 0 var(--color-border-strong);border-radius:4px;justify-content:center;align-items:center;padding:1px 4px;font-size:10px;display:inline-flex}@keyframes sched-fade{0%{opacity:0}to{opacity:1}}@keyframes sched-slide{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.calendar-page{gap:var(--space-5);flex-direction:column;display:flex}.calendar-page__header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.calendar-page__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:500}.calendar-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1);max-width:60ch}:root{--color-bg:#fbf8f3;--color-surface:#fff;--color-surface-sunken:#f3efe7;--color-surface-raised:#fff;--color-text:#1c1b1a;--color-text-muted:#6b6660;--color-text-subtle:#9b958e;--color-text-inverse:#fbf8f3;--color-border:#e6e0d4;--color-border-strong:#c8c0b1;--color-accent:#8a3324;--color-accent-hover:#6e2818;--color-accent-soft:#f4e6e2;--color-status-unread:#b8860b;--color-status-progress:#2c5f7c;--color-status-read:#4a7c59;--color-danger:#b94a48;--color-success:#4a7c59;--color-warning:#c97b1e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-sm:0 1px 2px #1c1b1a0f;--shadow-md:0 4px 12px #1c1b1a14;--shadow-lg:0 12px 32px #1c1b1a1f;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:26px;--font-size-2xl:34px;--font-size-3xl:44px;--line-tight:1.15;--line-snug:1.35;--line-normal:1.55;--line-loose:1.75;--layout-max-width:1200px;--layout-sidebar-width:240px;--layout-navbar-height:64px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.32s cubic-bezier(.2, .8, .2, 1);--z-dropdown:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}#root{isolation:isolate;min-height:100vh}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-normal);color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:500;line-height:var(--line-tight);color:var(--color-text)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover);text-underline-offset:2px;text-decoration:underline}p{line-height:var(--line-normal)}::selection{background:var(--color-accent-soft);color:var(--color-text)}