:root{--color-base: #1a2740;--color-surface: #22304d;--color-elevated: #2b3a5b;--color-hairline: #3a4a6a;--color-text: #e9edf6;--color-dim: #9aa9c4;--color-inert: #8e9ab7;--color-accent: #7aa2d8;--color-done: #94b5a4;--type-title-size: 22px;--type-title-line: 28px;--type-title-weight: 600;--type-title-tracking: -.005em;--type-primary-todo-size: 19px;--type-primary-todo-line: 25px;--type-primary-todo-weight: 600;--type-primary-todo-tracking: normal;--type-body-size: 17px;--type-body-line: 25.5px;--type-body-weight: 400;--type-body-tracking: normal;--type-body-weight-strong: 500;--type-label-size: 15px;--type-label-line: 20px;--type-label-weight: 500;--type-label-tracking: normal;--type-small-size: 13px;--type-small-line: 18px;--type-small-weight: 400;--type-small-tracking: normal;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--radius-card: 16px;--radius-control: 12px;--radius-chip: 999px;--radius-record-cell: 8px;--radius-todo: 16px;--height-button-primary: 52px;--height-button-secondary: 48px;--height-option-row: 52px;--height-likert-row: 48px;--height-chip: 44px;--height-record-cell-drawn: 40px;--height-record-cell-touch: 48px;--height-record-cell-strip: 34px;--height-todo-primary: 72px;--height-todo-standard: 64px;--height-todo-quiet: 60px;--border-width-card: 1px;--border-width-button-primary: 1px;--border-width-button-secondary: 1px;--border-width-option-row: 1px;--border-width-likert-row: 1px;--border-width-chip: 1px;--border-width-todo-primary: 1.5px;--border-width-todo-standard: 1px;--border-width-todo-quiet: 1px;--border-width-record-cell-min: 2px;--border-width-record-cell-max: 2.6px;--touch-floor: 44px;--design-viewport: 360px;--grid-done-fill: var(--color-done);--grid-done-glyph-color: var(--color-base);--grid-came-up-didnt-happen-stroke: #8d9bba;--grid-came-up-didnt-happen-stroke-width: 2px;--grid-moment-didnt-come-up-stroke: #68789e;--grid-moment-didnt-come-up-stroke-width: 2px;--grid-not-added-open-fill: var(--color-accent);--grid-not-added-open-fill-opacity: .14;--grid-not-added-open-stroke: var(--color-accent);--grid-not-added-open-stroke-width: 2.6px;--grid-not-added-closed-stroke: #8d9bba;--grid-not-added-closed-stroke-width: 2px;--grid-dash-pattern: 7 5}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/source-sans-3-latin-BqRLTx4X.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/source-sans-3-latin-ext-C8iNium2.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark}html,body,#root{height:100%}body{margin:0;background:var(--color-base);color:var(--color-text);font-family:"Source Sans 3",system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}*,*:before,*:after{box-sizing:inherit}body,p,h1,h2,h3,span,label,button,input,textarea{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.shell{min-height:100vh;display:flex;flex-direction:column}.screen-placeholder{padding:var(--space-16);min-height:var(--height-todo-standard)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-row{display:flex;align-items:center;gap:var(--space-12);min-height:var(--height-option-row);padding:var(--space-12) var(--space-16);border-radius:var(--radius-control);border:var(--border-width-option-row) solid var(--color-hairline);background:var(--color-elevated);color:var(--color-text);font-size:var(--type-body-size);line-height:var(--type-body-line);cursor:pointer}.option-row.is-selected{border-color:var(--color-accent)}.option-row.is-disabled{cursor:default;color:var(--color-inert)}.option-row input[type=radio]{width:var(--space-24);height:var(--space-24);flex-shrink:0;accent-color:var(--color-accent)}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--height-chip);padding:0 var(--space-16);border-radius:var(--radius-chip);border:var(--border-width-chip) solid var(--color-hairline);background:var(--color-elevated);color:var(--color-text);font-size:var(--type-label-size);font-family:inherit;cursor:pointer}.chip.is-selected{border-color:var(--color-accent)}.chip.is-disabled{border-width:0;color:var(--color-inert);cursor:default;opacity:.6}.likert-scale{display:flex;flex-direction:column;gap:var(--space-8)}.likert-row{display:flex;align-items:center;gap:var(--space-12);min-height:var(--height-likert-row);padding:var(--space-8) var(--space-16);border-radius:var(--radius-control);border:var(--border-width-likert-row) solid var(--color-hairline);background:var(--color-elevated);color:var(--color-text);cursor:pointer}.likert-row.is-selected{border-color:var(--color-accent)}.likert-row input[type=radio]{width:var(--space-24);height:var(--space-24);flex-shrink:0;accent-color:var(--color-accent)}.likert-row__number{font-variant-numeric:tabular-nums;font-weight:var(--type-body-weight-strong);min-width:var(--space-24)}.likert-row__anchor{color:var(--color-dim);font-size:var(--type-small-size)}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-floor);padding:0 var(--space-24);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight-strong);cursor:pointer}.button-primary{min-height:var(--height-button-primary);border:var(--border-width-button-primary) solid var(--color-accent)}.button-secondary{min-height:var(--height-button-secondary);border:var(--border-width-button-secondary) solid var(--color-hairline)}.button-primary:disabled,.button-secondary:disabled{border-color:var(--color-hairline);color:var(--color-inert);cursor:default}