.note-date-toggle{display:block;border:0;padding:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left}
.note-date-toggle:hover{color:var(--accent)}
.editing .note-heading{align-items:center;flex-wrap:wrap}
.editor-wrap{border:0;border-radius:0;background:transparent;overflow:visible}
.editor{padding:0;min-height:1.95em;caret-color:var(--accent)}
.editor:focus-visible{outline:none}
.toolbar{position:relative;padding:0;border:0;background:transparent;gap:2px;flex-shrink:0}
.toolbar button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;color:var(--muted);line-height:1}
.toolbar svg{display:block;width:18px;height:18px;flex:none;stroke-width:1.8}
.toolbar button:hover,.toolbar button[aria-pressed=true]{background:var(--side);color:var(--ink)}
.editing:has(.editor:focus-visible) .toolbar::before{content:'';position:absolute;left:-8px;top:8px;bottom:8px;width:2px;background:var(--accent)}
.editor-footer{justify-content:flex-end;align-items:center;padding-top:8px}
.editor-footer .finish-edit{font-size:11px;flex-shrink:0}
.date-picker{position:fixed;z-index:60;padding:12px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 12px 40px #34332f1a;color:var(--ink);font:13px/1.5 var(--sans);letter-spacing:normal}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}
.date-picker button{border:0;background:transparent;color:var(--ink);border-radius:6px;min-height:40px;padding:4px;font:inherit;line-height:1.4;cursor:pointer}
.date-picker button:hover{background:var(--side)}
.date-picker button:disabled{opacity:.3;cursor:default}
.calendar-heading>button{width:40px;flex-shrink:0;font-size:26px;font-family:var(--serif)}
.calendar-period{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.calendar-month{font:20px var(--serif);text-transform:capitalize}
.calendar-year{width:64px;padding:6px 3px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:15px;text-align:center;appearance:textfield;-moz-appearance:textfield}
.calendar-year::-webkit-inner-spin-button,.calendar-year::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.calendar-year:hover,.calendar-year:focus{border-color:var(--line)}
.calendar-weekdays,.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.calendar-weekdays{color:var(--muted);font-size:10px;line-height:28px}
.calendar-grid button{width:100%;font-variant-numeric:tabular-nums}
.calendar-grid button:focus-visible{position:relative;z-index:1;outline-offset:-2px}
.calendar-grid [aria-selected=true]:focus-visible{outline-color:var(--ink)}
.calendar-grid .outside-month{color:#b3ada2}
.calendar-grid [aria-current=date]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.calendar-grid [aria-selected=true],.calendar-grid [aria-selected=true]:hover{background:var(--accent);color:#fff}
.calendar-grid [aria-selected=true][aria-current=date]{text-decoration-color:currentColor}
.calendar-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:8px;padding-top:7px}
.calendar-footer button{padding:4px 12px;color:var(--muted)}
.calendar-footer .calendar-today{color:var(--accent)}
.calendar-error{font:12px/1.5 var(--sans);color:#ad3c29;margin:8px 3px 0}
@media(max-width:760px){.editor{padding:0;min-height:1.85em}.editing .note-heading{gap:10px}.calendar-year{font-size:16px}}
@media(hover:none),(pointer:coarse){.toolbar button{width:40px;min-width:40px;height:40px;padding:0}.note-date-toggle{min-height:40px}.editor-footer button{min-height:40px}}