.jm-icon{display:inline-block;flex:none;inline-size:16px;block-size:16px;overflow:hidden;color:inherit;fill:none}.jm-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--size-control);padding-inline:var(--space-3);color:var(--jm-button-text);background:var(--jm-button-background);border:none;border-radius:var(--radius-control);corner-shape:var(--corner-shape-default)}.jm-button--primary{--jm-button-background: var(--control-primary-background);--jm-button-background-hover: var(--control-primary-background-hover);--jm-button-text: var(--control-primary-text);--jm-button-text-hover: var(--control-primary-text-hover)}.jm-button--secondary{--jm-button-background: var(--control-secondary-background);--jm-button-background-hover: var(--control-secondary-background-hover);--jm-button-text: var(--control-secondary-text);--jm-button-text-hover: var(--control-secondary-text-hover)}.jm-button--ghost{--jm-button-background: var(--control-ghost-background);--jm-button-background-hover: var(--control-ghost-background-hover);--jm-button-text: var(--control-ghost-text);--jm-button-text-hover: var(--control-ghost-text-hover)}.jm-button:not(:disabled):is(:hover,:focus-visible){color:var(--jm-button-text-hover);background:var(--jm-button-background-hover)}.jm-button:disabled{opacity:.55;cursor:not-allowed}.jm-passkey-gate{display:grid;min-block-size:100dvb;padding:var(--space-4);place-items:center}.jm-passkey-gate__panel{display:flex;flex-direction:column;gap:var(--space-4);inline-size:min(100%,420px);padding:var(--space-6);background:var(--color-bg-surface);border-radius:var(--radius-control)}.jm-passkey-gate__brand{font-weight:var(--font-weight-bold)}.jm-passkey-gate__field{display:flex;flex-direction:column;gap:var(--space-2)}.jm-passkey-gate__field input{min-block-size:var(--size-control);padding-inline:var(--space-3);color:var(--color-text-default);background:var(--color-bg-default);border:1px solid currentcolor;border-radius:var(--radius-control)}.jm-passkey-gate__error{color:var(--color-text-danger, #a22222)}:root{color-scheme:light;--font-default: "IBM Plex Sans", "Segoe UI", arial, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", consolas, monospace;--color-bg-default: light-dark(#fafafa, #fafafa);--color-bg-surface: light-dark(#fff, #fff);--color-bg-selection: light-dark(#f5f5f5, #f5f5f5);--color-text-default: light-dark(#333, #333);--color-text-secondary: light-dark(rgb(51 51 51 / 52%), rgb(51 51 51 / 52%));--font-weight-normal: 400;--font-weight-bold: 700;--blur-m: 12px;--radius-checkbox: 4px;--radius-control: 8px;--radius-card: 24px;--corner-shape-default: superellipse(1.5);--size-control: 32px;--size-checkbox: 16px;--size-header: 50px;--control-primary-background: light-dark(transparent, transparent);--control-primary-background-hover: light-dark(transparent, transparent);--control-primary-text: light-dark(var(--color-text-default), var(--color-text-default));--control-primary-text-hover: light-dark(var(--color-text-default), var(--color-text-default));--control-secondary-background: light-dark(#f5f5f5, #f5f5f5);--control-secondary-background-hover: light-dark(transparent, transparent);--control-secondary-text: light-dark(var(--color-text-default), var(--color-text-default));--control-secondary-text-hover: light-dark(var(--color-text-default), var(--color-text-default));--control-ghost-background: light-dark(transparent, transparent);--control-ghost-background-hover: light-dark(transparent, transparent);--control-ghost-text: light-dark(var(--color-text-default), var(--color-text-default));--control-ghost-text-hover: light-dark(var(--color-text-default), var(--color-text-default));--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{color:inherit}body{margin-inline:auto}.app-startup-error,.app-sync-error{display:flex;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-4);color:var(--color-text-default);background:var(--color-bg-surface)}.app-startup-error{min-block-size:100vh;flex-direction:column}.app-sync-error{position:sticky;z-index:3;inset-block-start:0}.app-sync-error p{margin:0}html{background:var(--color-bg-default)}body{inline-size:min(640px,calc(100% - var(--space-8)));color:var(--color-text-default);font:var(--font-weight-normal) 16px/1.4 var(--font-default)}#main-content{min-block-size:0;overflow:auto;padding-top:var(--space-5)}h1,h2,h3{font-family:var(--font-default);font-weight:var(--font-weight-bold)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);z-index:2;padding:var(--space-3) var(--space-4);color:var(--color-bg-surface);background:var(--color-text-default);border-radius:var(--radius-control);transform:translateY(calc(-100% - var(--space-4)))}.skip-link:focus{transform:translateY(0)}.calendar{--calendar-accent: #1967d2;--calendar-border: #dadce0;--calendar-muted: #70757a;overflow:clip}.calendar__status{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.calendar__header{display:flex;gap:var(--space-3);align-items:center;padding-block-end:var(--space-5)}.calendar__header>h1{flex-grow:1}.calendar__status-select{inline-size:100%;block-size:var(--size-control)}.calendar__status-select select,.calendar__status-select select::picker(select){appearance:base-select}.calendar__status-select select{inline-size:100%;min-inline-size:0;block-size:100%;padding:0;color:var(--control-secondary-text);font:inherit;background:var(--control-secondary-background);border:0;border-radius:var(--radius-control);corner-shape:var(--corner-shape-default);cursor:pointer}.calendar__status-select select>button,.calendar__status-select selectedcontent,.calendar__status-select option{display:flex;align-items:center;gap:var(--space-2)}.calendar__status-select select>button{inline-size:100%;block-size:100%;padding-inline:var(--space-3);color:inherit;font:inherit;background:transparent;border:0}.calendar__status-select selectedcontent{flex:1}.calendar__status-select selectedcontent .calendar__status-check,.calendar__status-select select::picker-icon{display:none}.calendar__status-select select::picker(select){margin-block-start:var(--space-2);padding:var(--space-2);background:var(--color-bg-surface);border:0;border-radius:var(--radius-control);box-shadow:0 8px 24px #00000024}.calendar__status-select option{min-block-size:var(--size-control);padding-inline:var(--space-3);border-radius:calc(var(--radius-control) - var(--space-1));cursor:pointer}.calendar__status-select option::checkmark{display:none}.calendar__status-check{margin-inline-start:auto}.calendar__status-select option:is(:hover,:focus,:checked){background:var(--color-bg-selection)}.calendar-board{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.calendar-board__days{min-inline-size:0;overflow:clip}.week-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));inline-size:100%;transform:translate(0)}.week-grid--next,.week-grid--previous{grid-template-columns:repeat(6,minmax(0,1fr));inline-size:200%}.week-grid--previous{transform:translate(-50%)}.week-grid--moving{transition:transform .34s cubic-bezier(.2,0,0,1)}.week-grid--next.week-grid--moving{transform:translate(-50%)}.week-grid--previous.week-grid--moving{transform:translate(0)}.week-day{display:flex;flex-direction:column;gap:var(--space-3);min-inline-size:0;padding-block-end:var(--space-4);border-inline-end:1px solid var(--calendar-border)}.week-day__heading{padding:clamp(18px,4vh,40px) 6px;border-block-end:1px solid var(--calendar-border)}.week-day__weekday{color:var(--calendar-muted);font-size:clamp(10px,1.1vw,13px);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.week-day__date{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:clamp(42px,5vw,56px);block-size:clamp(42px,5vw,56px);border-radius:50%}.week-day__date strong{font-size:clamp(18px,2.2vw,26px);font-weight:400;line-height:1}.week-day__date small{margin-block-start:3px;font-size:clamp(8px,.9vw,11px);line-height:1;text-transform:uppercase}.week-day--today .week-day__weekday{color:var(--calendar-accent);font-weight:700}.week-day--today .week-day__date{color:#fff;background:var(--calendar-accent)}.week-day--drop-target,.backlog--drop-target{background:var(--color-bg-selection)}.backlog{display:flex;flex-direction:column;gap:var(--space-3);min-inline-size:0;padding-block-end:var(--space-4)}.backlog__heading{min-block-size:calc(clamp(42px,5vw,56px) + clamp(36px,8vh,80px));padding:clamp(18px,4vh,40px) var(--space-2);border-block-end:1px solid var(--calendar-border)}.backlog__heading h2{margin-block-start:var(--space-2);font-size:1rem}.backlog__add{margin-block-start:var(--space-3)}.backlog__empty{margin:var(--space-2);color:var(--calendar-muted);font-size:.75rem}@media(max-width:640px){.week-day__heading{padding-inline:var(--space-1)}}@media(prefers-reduced-motion:reduce){.week-grid--moving{transition:none}}
