:root{--color-bg: #EDE5D8;--color-bg-secondary: #F9F6F1;--color-bg-tertiary: #DFD6C4;--color-bg-sunken: #D2C7B3;--color-label: #231D16;--color-label-secondary: #534C43;--color-label-tertiary: #645C53;--color-label-quaternary: #837A70;--color-separator: #D7CDBA;--color-separator-opaque: #BEB39E;--color-tint: #1E6036;--color-success: #1E6036;--color-warning: #734501;--color-danger: #7D3A34;--color-on-tint: #FCFAF6;--text-large-title-size: 34px;--text-large-title-leading: 41px;--text-large-title-weight: 400;--text-title1-size: 28px;--text-title1-leading: 34px;--text-title1-weight: 400;--text-title2-size: 22px;--text-title2-leading: 28px;--text-title2-weight: 400;--text-title3-size: 20px;--text-title3-leading: 25px;--text-title3-weight: 400;--text-headline-size: 17px;--text-headline-leading: 22px;--text-headline-weight: 600;--text-body-size: 17px;--text-body-leading: 22px;--text-body-weight: 400;--text-callout-size: 16px;--text-callout-leading: 21px;--text-callout-weight: 400;--text-subhead-size: 15px;--text-subhead-leading: 20px;--text-subhead-weight: 400;--text-footnote-size: 13px;--text-footnote-leading: 18px;--text-footnote-weight: 400;--text-caption1-size: 12px;--text-caption1-leading: 16px;--text-caption1-weight: 400;--text-caption2-size: 11px;--text-caption2-leading: 13px;--text-caption2-weight: 400;--font-ui: -apple-system, system-ui, "Inter", "Segoe UI", Roboto, sans-serif;--font-serif: ui-serif, "Source Serif 4", "New York", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--tap-target-min: 44px}@media(prefers-color-scheme:dark){:root:not([data-appearance=light]){--color-bg: #16130E;--color-bg-secondary: #232019;--color-bg-tertiary: #312D25;--color-bg-sunken: #0A0805;--color-label: #F1ECE6;--color-label-secondary: #BBB5AE;--color-label-tertiary: #A49D95;--color-label-quaternary: #807971;--color-separator: #3A3630;--color-separator-opaque: #514D45;--color-tint: #99D3A8;--color-success: #99D3A8;--color-warning: #E8B987;--color-danger: #F5AEA5;--color-on-tint: #18130D}}:root[data-appearance=dark]{--color-bg: #16130E;--color-bg-secondary: #232019;--color-bg-tertiary: #312D25;--color-bg-sunken: #0A0805;--color-label: #F1ECE6;--color-label-secondary: #BBB5AE;--color-label-tertiary: #A49D95;--color-label-quaternary: #807971;--color-separator: #3A3630;--color-separator-opaque: #514D45;--color-tint: #99D3A8;--color-success: #99D3A8;--color-warning: #E8B987;--color-danger: #F5AEA5;--color-on-tint: #18130D}@media(prefers-contrast:more){:root:not([data-appearance=dark]){--color-bg: #F6F0E7;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #E9E1D2;--color-bg-sunken: #DCD2C1;--color-label: #080503;--color-label-secondary: #3F3830;--color-label-tertiary: #554D44;--color-label-quaternary: #746C62;--color-separator: #D4CBBA;--color-separator-opaque: #AEA390;--color-tint: #0C4D26;--color-success: #0C4D26;--color-warning: #5B3602;--color-danger: #672A25;--color-on-tint: #FFFFFF}:root[data-appearance=dark]{--color-bg: #090704;--color-bg-secondary: #191610;--color-bg-tertiary: #27241C;--color-bg-sunken: #010100;--color-label: #FFFFFF;--color-label-secondary: #CFCAC4;--color-label-tertiary: #BBB5AE;--color-label-quaternary: #958E86;--color-separator: #312D27;--color-separator-opaque: #544F46;--color-tint: #AEE1BB;--color-success: #AEE1BB;--color-warning: #F4CA9E;--color-danger: #FEC1BA;--color-on-tint: #0A0704}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-label);font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-leading);-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}:focus-visible{outline:2px solid var(--color-tint);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.day-layout{display:grid;gap:var(--space-lg);grid-template-columns:minmax(0,1fr);align-items:start}.card{display:flex;flex-direction:column;gap:var(--space-xs)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding-inline:var(--space-xs)}@media(min-width:900px){.day-layout{grid-template-columns:22rem minmax(0,1fr)}}.plan-row-done{text-decoration:line-through;text-decoration-thickness:1px}.week-spread{display:grid;gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}@media(min-width:600px){.week-spread{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.week-spread{grid-template-columns:repeat(4,minmax(0,1fr))}}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-xs)}.month-weekday{padding:var(--space-xs);text-align:center}.month-week{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;grid-auto-rows:min-content;gap:var(--space-xs)}.month-cell{grid-row:1;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:none;text-align:start;padding:var(--space-xs);min-height:5.5rem;display:flex;flex-direction:column;gap:var(--space-xs);overflow:hidden;cursor:pointer;font:inherit;color:inherit}.month-cell:hover,.month-cell-outside{background:var(--color-bg-tertiary)}.month-daynum{display:block}.month-dot{width:5px;height:5px;border-radius:50%;background:var(--color-tint);margin-top:var(--space-xs)}.month-cell-items{display:none}.month-span{grid-row:2;background:color-mix(in srgb,var(--color-tint) 18%,transparent);border-radius:999px;padding:0 var(--space-xs);margin:0 2px 2px;min-height:1.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.month-span[data-open-start]{border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}.month-span[data-open-end]{border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}@media(min-width:600px){.month-cell{min-height:7rem}.month-dot{display:none}.month-cell-items{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.month-cell-items>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.feed{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.feed-row{display:contents}.feed-date{padding-top:var(--space-xs)}@media(min-width:700px){.feed{grid-template-columns:10rem minmax(0,1fr);column-gap:var(--space-md)}.feed-date{border-inline-end:1px solid var(--color-separator-opaque);padding-inline-end:var(--space-sm);text-align:end}}.shell{min-height:100%;display:grid;grid-template-areas:"main" "bar";grid-template-rows:1fr auto}.shell-main{grid-area:main;min-width:0;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md) var(--space-lg) var(--space-xl)}.head{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.head-today{margin-inline-start:auto;flex:none}.trail{display:flex;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none}.trail::-webkit-scrollbar{display:none}.trail-link{white-space:nowrap}.trail-flat{display:inline-flex;align-items:center;padding:0 var(--space-sm)}.trail-link+.trail-link:before{content:"›";margin-inline-end:var(--space-sm);color:var(--color-label-tertiary)}.bar{grid-area:bar;display:flex;padding:var(--space-xs) var(--space-sm);padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom))}.side{display:none}@media(min-width:900px){.shell{grid-template-areas:"side main";grid-template-columns:17rem minmax(0,1fr);grid-template-rows:1fr}.bar,.trail{display:none}.side{display:flex;flex-direction:column;gap:var(--space-lg);height:100%;padding:var(--space-lg) var(--space-md)}.side-mark{padding-inline-start:var(--space-md)}.side-group{display:flex;flex-direction:column;gap:var(--space-xs)}.shell-main{padding:var(--space-lg) var(--space-xl) var(--space-xl)}}.plan-rolled{flex:none;color:var(--color-warning);font-size:var(--text-caption1-size);line-height:var(--text-caption1-leading);font-variant-numeric:tabular-nums}.mood{display:flex;gap:var(--space-sm)}mark{background:var(--color-bg-tertiary);color:var(--color-label);border-radius:3px;padding:0 1px}.year-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:2px}@media(min-width:900px){.shell-main{max-width:76rem}}