.editable-field[data-v-097c5145]{--font-size: 1.25rem;font-weight:500}.editable-field-form[data-v-097c5145]{display:inline-flex;align-items:center;gap:.5rem;width:100%}.editable-field[data-v-097c5145]{display:flex;align-items:flex-start;gap:.5rem;font-family:var(--font-family);font-size:var(--font-size);line-height:1.4;border:none;flex:1}.editable-field-value[data-v-097c5145]{white-space:pre-line;word-break:break-word}.editable-field-suffix[data-v-097c5145]{opacity:.4}textarea[data-v-097c5145]{color:var(--text-1);border:none;outline:none;padding:0;margin:0;font-family:inherit;font-size:var(--font-size);line-height:1.4;width:100%!important;background:transparent;caret-color:var(--interactive);font-weight:500;resize:none;field-sizing:content}.spacer[data-v-4ae03c6f]{height:1rem;user-select:none;-webkit-user-select:none}.spacer[data-v-c121bc04]{height:.5rem;user-select:none;-webkit-user-select:none}button[data-v-779ec48e]{background:var(--interactive);border:none;color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;cursor:pointer;font-family:var(--font-family)}.settings-panel{position:fixed;bottom:5rem;right:var(--gutter);z-index:1100;background:var(--bg-elevated);border:1px solid var(--border);border-radius:1rem;padding:.5rem .75rem .75rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000002e;min-width:280px;display:flex;flex-direction:column;gap:.65rem;max-height:calc(100dvh - 8rem);overflow-y:auto;overscroll-behavior:contain}.settings-panel[hidden]{display:none}.settings-panel--dragging{user-select:none;-webkit-user-select:none;cursor:grabbing!important}.settings-drag-handle{display:flex;align-items:center;justify-content:center;height:1rem;cursor:grab;margin:-.25rem -.75rem 0;border-radius:1rem 1rem 0 0;flex-shrink:0}.settings-drag-handle:hover .settings-drag-grip{opacity:.5}.settings-panel--dragging .settings-drag-handle{cursor:grabbing}.settings-drag-grip{display:block;width:2rem;height:3px;border-radius:2px;background:var(--border);opacity:.3;transition:opacity .15s}.settings-section{display:flex;flex-direction:column;gap:.3rem}.settings-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);padding:0 .25rem;-webkit-user-select:none;user-select:none}.settings-rows{background:var(--bg-subtle);border-radius:.6rem;overflow:hidden;display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);min-height:2.4rem}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--text-2);font-size:.9rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.settings-row-value{flex:1;text-align:right;color:var(--text-1);font-size:.9rem;font-weight:500}.settings-row-input{background:transparent;border:none;outline:none;font-family:var(--font-family);min-width:0;caret-color:var(--interactive)}.settings-row-input::placeholder{color:var(--text-3);font-weight:400}.settings-row input[type=checkbox],.settings-row input[type=radio]{margin:0 0 0 auto;accent-color:var(--interactive);width:1rem;height:1rem;flex-shrink:0;cursor:pointer}.settings-info{font-size:.75rem;color:var(--text-3);padding:.2rem .25rem 0;line-height:1.4;word-break:break-all}.filter-checkbox{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);min-height:2.4rem}.filter-checkbox:last-child{border-bottom:none}.filter-checkbox>span{color:var(--text-2);font-size:.9rem;flex:1;order:1;-webkit-user-select:none;user-select:none}.filter-checkbox>input[type=checkbox],.filter-checkbox>input[type=radio]{order:2;margin:0;accent-color:var(--interactive);width:1rem;height:1rem;flex-shrink:0;cursor:pointer}.settings-password-input{background:transparent;border:none;outline:none;font-family:var(--font-family);font-size:.9rem;color:var(--text-1);flex:1;min-width:0;text-align:right}::selection{background:var(--selection-bg);color:var(--text-1)}@media (prefers-color-scheme: dark){::selection{background:var(--selection-bg-dark)}}:root{--font-size: 18px;--font-family: "ui-rounded", system-ui;--half-gutter: 1rem;--interactive: #f00;--interactive-muted: rgba(255, 0, 0, .1);--interactive-ring: rgba(255, 0, 0, .2);--selection-bg: rgba(255, 0, 0, .2);--selection-bg-dark: rgba(255, 0, 0, .4);--text-1: #000;--text-2: #666;--text-3: #999;--bg: #fff;--bg-elevated: rgba(255, 255, 255, .8);--bg-subtle: #f0f0f0;--border: rgba(0, 0, 0, .1);--gutter: 4rem}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root{--interactive: color(display-p3 1 .05 0);--interactive-muted: color(display-p3 1 .22 .12 / .14);--interactive-ring: color(display-p3 1 .2 .1 / .38);--selection-bg: color(display-p3 1 .2 .12 / .3);--selection-bg-dark: color(display-p3 1 .24 .14 / .52)}}}@media (max-width: 500px){:root{--gutter: 1rem;--half-gutter: .5rem}}@media (min-width: 501px){:root{--font-size: 20px}}@media (prefers-color-scheme: dark){:root{--text-1: #aaa;--text-2: #888;--text-3: #555;--bg: #111;--bg-elevated: rgba(30, 30, 30, .85);--bg-subtle: #222;--border: rgba(255, 255, 255, .1)}}*{box-sizing:border-box;margin:0;touch-action:manipulation}h1{user-select:none;-webkit-user-select:none}body{background:var(--bg)}#app{padding:var(--gutter);padding-top:3rem;font-family:var(--font-family);font-size:var(--font-size);line-height:1;background:var(--bg);color:var(--text-1);min-height:100dvh;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;container-type:inline-size}@media (max-width: 500px){#app{user-select:none;-webkit-user-select:none}}.layout{flex:1;display:grid;grid-template-rows:1fr 1fr;gap:3rem}.layout-left,.layout-right{flex:1;min-width:0}@container (min-width: 700px){.layout{grid-template-columns:1fr 1fr;gap:3rem;align-items:flex-start}.layout-left{flex:0 0 auto;position:sticky;top:3rem}.layout-right{flex:1;min-width:0;padding-top:.25rem}.weekday-label{text-align:right!important}}.month-nav{display:flex;flex-direction:column}.month-nav-buttons{display:flex;align-items:center}.month-nav-buttons-inner{display:flex;align-items:center;gap:.25rem;margin-left:-.5rem}.nav-button{width:44px;height:44px;border:none;background:transparent;color:var(--interactive);cursor:pointer;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.nav-button:hover{background:var(--bg-subtle)}.nav-button:active{opacity:.6}.month-title{font-size:clamp(1.75rem,4.5cqi,2.5rem);font-weight:900;line-height:1.1;cursor:pointer;display:inline-block;padding-bottom:.15em}.month-title--past{background-image:repeating-linear-gradient(to right,var(--interactive) 0,var(--interactive) 6px,transparent 6px,transparent 10px);background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%}.months-scroller{display:flex;flex-direction:row;gap:1.5rem;width:100%;max-width:100%;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:.5rem;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;overscroll-behavior-x:contain}.months-scroller::-webkit-scrollbar{display:none}.month-panel{flex:0 0 100%;max-width:100%;height:auto;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}.month-slide-dots{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:.5rem;padding:.35rem .6rem;margin:.25rem auto .45rem;width:fit-content;max-width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.month-slide-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;margin:0;background:var(--border);cursor:pointer;flex-shrink:0;transition:transform .12s ease,background .12s ease;outline:none;-webkit-tap-highlight-color:transparent}.month-slide-dot.is-active{background:var(--interactive);transform:scale(1.2)}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-top:2rem;margin-bottom:.25rem}.weekday-label{text-align:center;font-size:clamp(.65rem,2cqi,.8rem);font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:.25rem 0}.calendar-grid{display:grid;width:100%;grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:clamp(2px,.6cqi,5px)}.day-cell{aspect-ratio:1.5;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(.22rem,1.2cqi,.4rem);border-radius:.6rem;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .1s}.day-cell:hover{background:var(--bg-subtle)}.day-cell--other-month .day-number{color:var(--text-3)}.day-cell--selected{background:var(--bg-subtle)}.day-cell--today .day-number{background:var(--interactive);color:#fff;border-radius:50%;width:1.8em;height:1.8em;display:flex;align-items:center;justify-content:center}.day-cell--selected.day-cell--today .day-number{box-shadow:0 0 0 3px var(--interactive-ring)}.day-number{font-size:clamp(.82rem,2.6cqi,1.1rem);font-weight:600;line-height:1}.day-dots{display:flex;gap:clamp(2px,.5cqi,3px);margin-top:clamp(.2rem,1cqi,.38rem);flex-wrap:wrap;justify-content:center;max-width:80%}.day-dot{width:clamp(3px,.9cqi,5px);height:clamp(3px,.9cqi,5px);border-radius:50%;flex-shrink:0}.day-dot--event{background:var(--interactive)}.day-dot--completed{background:var(--text-3)}.day-entries{display:none;list-style:none}.day-panel{flex:1}.day-panel-title{font-size:clamp(1rem,2.8cqi,1.25rem);font-weight:700;color:var(--text-2)}.empty-label{color:var(--text-3);font-size:clamp(.85rem,2.4cqi,1rem)}.event-list{list-style:none;padding:0;display:flex;flex-direction:column}.event-list-li,.event-list-item{list-style:none;padding:0;margin:0}.event-list-item--dragging .event-item{opacity:.35}html.is-dragging,html.is-dragging *{user-select:none!important;-webkit-user-select:none!important;touch-action:none!important}.event-drop-indicator{height:2px;background:var(--interactive);border-radius:2px;margin:1px 0}.event-item{display:flex;align-items:center;gap:clamp(.5rem,2cqi,1rem);padding:clamp(.45rem,1.5cqi,.65rem) clamp(.4rem,1.5cqi,1rem);border-radius:.5rem;outline:none;touch-action:pan-y;-webkit-user-drag:none}.event-item--selected{background:var(--bg-subtle)}.event-item--completed{color:var(--text-3);text-decoration:line-through}.event-item--completed .event-check{border-color:var(--text-3)}.event-item--divider{align-items:stretch;gap:0}.event-item--divider .event-check{display:none}.event-divider{border:none;margin:.5rem 0;height:1px;flex:1;min-width:0;background:var(--border);font-size:0;line-height:0;color:transparent;user-select:none;-webkit-user-select:none}.event-divider:focus-within{background:var(--interactive-muted)}.event-check{font-family:monospace;padding:0;background:transparent;color:var(--text-3);width:1.25rem;height:1.25rem;flex-shrink:0;border:2px solid var(--interactive);border-radius:4px;cursor:pointer;font-size:.75rem;line-height:1}.month-nav-buttons-fixed{display:flex;gap:.25rem;position:fixed;bottom:1.5rem;right:50%;transform:translate(50%);width:100%;align-items:center;justify-content:center;padding:0 var(--gutter);z-index:1000;user-select:none;-webkit-user-select:none}.settings-toggle{position:absolute;right:var(--gutter);font-family:monospace;font-size:var(--font-size);font-weight:700;color:var(--text-3)}.settings-toggle:hover{color:var(--text-1)}.timed-toggle{position:absolute;left:var(--gutter);color:var(--text-3)}.timed-toggle:hover{color:var(--text-1)}.timed-toggle--active,.timed-toggle--active:hover{color:var(--interactive)}.new-event-form{display:flex;gap:.5rem;padding:.5rem;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-1);font-size:var(--font-size);font-weight:700;position:fixed;bottom:calc(6rem + var(--keyboard-inset, 0px));left:50%;transform:translate(-50%);width:calc(100% - var(--gutter) * 2);max-width:500px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;box-shadow:0 4px 16px #00000014;align-items:flex-end;border-radius:1rem}.new-event-form:focus-within{border-color:var(--interactive);box-shadow:0 0 0 4px var(--interactive-ring)}.new-event-plus-wrap{position:relative;display:flex;align-items:center;flex:0 0 auto}.new-event-plus-btn{width:44px;height:44px;border:none;border-radius:.75rem;background:transparent;color:var(--interactive);display:flex;align-items:center;justify-content:center;cursor:pointer}.new-event-plus-btn:hover{background:var(--bg-subtle)}.new-event-form:focus-within .new-event-plus-btn{color:var(--interactive)}.new-event-plus-icon{width:32px;height:32px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.popover-menu{min-width:200px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 76%,transparent);-webkit-backdrop-filter:blur(8px) saturate(1.08);backdrop-filter:blur(8px) saturate(1.08);border-radius:.75rem;box-shadow:0 8px 28px #00000024;overflow:hidden;padding:.25rem 0}.new-event-plus-menu{display:flex;flex-direction:column;position:absolute;bottom:calc(100% + .5rem);left:0;z-index:1200}.popover-menu-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.6rem 1rem;border:none;background:transparent;color:var(--text-2);font-family:var(--font-family);font-size:.9rem;cursor:pointer}.popover-menu-item:hover{background:var(--bg-subtle);color:var(--text-1)}.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}.new-event-input{font-size:var(--font-size);padding:.5rem;width:100%;background:transparent;color:var(--text-1);border:none;outline:none;box-shadow:none;resize:none;font-family:var(--font-family);line-height:1.4;field-sizing:content}.new-event-input::placeholder{color:var(--text-3)}
