:root{color-scheme:light dark;--scale: 1;--bg: #ffffff;--sidebar: #f7f6f3;--card: #ffffff;--card-hover: #fbfbfa;--input-bg: #ffffff;--inset: #f7f6f3;--text: #37352f;--text-2: #787774;--text-3: #9b9a97;--line: rgba(55, 53, 47, .09);--line-strong: rgba(55, 53, 47, .16);--hover: rgba(55, 53, 47, .06);--active: rgba(55, 53, 47, .1);--accent: #2383e2;--accent-text: #ffffff;--accent-soft: rgba(35, 131, 226, .12);--highlight: #fbf3db;--highlight-text: #9f6b00;--danger: #eb5757;--danger-soft: rgba(235, 87, 87, .1);--ok: #0f7b6c;--ok-soft: rgba(15, 123, 108, .1);--shadow-sm: 0 1px 2px rgba(15, 15, 15, .05);--shadow-md: 0 4px 14px rgba(15, 15, 15, .1), 0 1px 3px rgba(15, 15, 15, .08);--radius: .4rem;--radius-lg: .6rem;--overlay: rgba(15, 15, 15, .42)}@media (prefers-color-scheme: dark){:root{--bg: #191919;--sidebar: #202020;--card: #252525;--card-hover: #2a2a2a;--input-bg: #1f1f1f;--inset: #202020;--text: #ebebea;--text-2: #9b9a97;--text-3: #6f6e69;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--hover: rgba(255, 255, 255, .055);--active: rgba(255, 255, 255, .09);--accent: #529cca;--accent-soft: rgba(82, 156, 202, .18);--highlight: rgba(199, 146, 0, .18);--highlight-text: #e0b04f;--danger: #ff7b7b;--danger-soft: rgba(255, 123, 123, .14);--ok: #4dd0b8;--ok-soft: rgba(77, 208, 184, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--overlay: rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html{font-size:calc(16px * var(--scale));-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:.9375rem/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{height:100%}.icon-btn{background:transparent;border-color:transparent;box-shadow:none;min-width:1.875rem;min-height:1.875rem;padding:.2rem .35rem;font-size:1rem;line-height:1;border-radius:.3rem;color:var(--text-2)}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn.tiny{min-width:1.5rem;min-height:1.5rem;font-size:1.1rem;padding:0 .3rem}h1{margin:0;font-size:2rem;line-height:1.2;font-weight:700;letter-spacing:-.02em}h2{margin:0 0 .75rem;font-size:1.25rem;font-weight:700}h3{margin:.25rem 0 .4rem;font-size:1rem;font-weight:600;text-align:left}.muted{color:var(--text-2);margin:0 0 1rem}.small{font-size:.8125rem}.center-text{text-align:center}.err{color:var(--danger);margin:.4rem 0;font-size:.875rem}.ok{color:var(--ok);margin:.5rem 0;font-size:.875rem}section{text-align:left}hr{border:none;border-top:1px solid var(--line);margin:1rem 0}button{font:inherit;font-size:.875rem;color:var(--text);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.4rem .75rem;min-height:2.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background-color .12s ease,border-color .12s ease,color .12s ease}button:hover:not(:disabled){background:var(--hover)}button:active:not(:disabled){background:var(--active)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.06)}button.big{width:100%;min-height:2.75rem;font-size:1rem}button.danger{border-color:var(--danger);color:var(--danger);width:100%}button.danger-outline{color:var(--danger)}button.danger-outline:hover:not(:disabled){background:var(--danger-soft)}button.icon{background:transparent;border-color:transparent;box-shadow:none;min-height:1.875rem;min-width:1.875rem;padding:.2rem .35rem;font-size:.9375rem;border-radius:.3rem}button.icon:hover:not(:disabled){background:var(--hover)}button.small-btn{min-height:1.875rem;padding:.25rem .6rem;font-size:.8125rem}button.linklike{background:none;border:none;box-shadow:none;color:var(--text-2);text-decoration:underline;min-height:0;padding:.25rem;font-size:.8125rem}button.linklike:hover:not(:disabled){background:none;color:var(--text)}button.linklike.done{display:block;margin:.75rem auto 0}button.active-tab,.segmented button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}input,textarea,select{width:100%;background:var(--input-bg);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.5rem .7rem;font:inherit;font-size:.9375rem;box-shadow:var(--shadow-sm)}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[type=checkbox]{width:auto;box-shadow:none}@media (pointer: coarse){input,textarea,select{font-size:16px}button{min-height:2.5rem}button.icon{min-height:2.375rem;min-width:2.375rem}button.small-btn{min-height:2.25rem}}.field{display:block;text-align:left;margin-bottom:.75rem}.field span{display:block;font-size:.8125rem;color:var(--text-2);margin-bottom:.3rem}.shell{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.sidebar{width:15.5rem;flex-shrink:0;display:flex;flex-direction:column;gap:.25rem;background:var(--sidebar);border-right:1px solid var(--line);padding:calc(.75rem + env(safe-area-inset-top)) .6rem calc(.75rem + env(safe-area-inset-bottom));overflow-y:auto;min-height:0}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:.25rem .4rem .6rem}.workspace{display:flex;align-items:center;gap:.5rem;min-width:0}.workspace-logo{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.3rem;background:var(--card);box-shadow:var(--shadow-sm);font-size:.9rem}.workspace-name{font-weight:700;font-size:.95rem}.sidebar-close{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:1px}.nav-item{width:100%;justify-content:flex-start;background:transparent;border:none;box-shadow:none;color:var(--text);padding:.35rem .5rem;min-height:1.875rem;font-size:.9rem;font-weight:500;border-radius:.3rem;text-align:left}.nav-item:hover:not(:disabled){background:var(--hover)}.nav-item.active{background:var(--active);font-weight:600}.nav-icon{width:1.25rem;text-align:center;flex-shrink:0}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:.72rem;color:var(--text-2);background:var(--hover);border-radius:999px;padding:.05rem .45rem;margin-left:.25rem}.nav-count.due{background:var(--danger-soft);color:var(--danger);font-weight:700}.sidebar-group{margin-top:.9rem;display:flex;flex-direction:column;gap:1px}.sidebar-group-head{display:flex;align-items:center;justify-content:space-between;padding:.2rem .5rem .2rem .6rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}.sidebar-new-section{padding:.15rem .3rem .35rem}.sidebar-new-section input{font-size:.875rem;padding:.35rem .5rem}.sidebar-hint{font-size:.8rem;color:var(--text-3);padding:.3rem .6rem;margin:0}.sidebar-foot{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:1px}.scrim{display:none}.main{flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:.75rem;min-height:3rem;padding:calc(.4rem + env(safe-area-inset-top)) clamp(.75rem,2.5vw,2rem) .4rem;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.menu-btn{display:none;font-size:1.1rem}.breadcrumb{display:flex;align-items:center;gap:.3rem;min-width:0;font-size:.875rem}.crumb{background:none;border:none;box-shadow:none;padding:.2rem .35rem;min-height:0;color:var(--text-2);font-size:.875rem;white-space:nowrap}.crumb:hover:not(:disabled){color:var(--text);background:var(--hover)}.crumb.current{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem}.crumb-sep{color:var(--text-3)}.topbar-search{flex:1;max-width:34rem;margin-left:auto;position:relative;min-width:6rem}.topbar-search input{padding-left:2rem;background:var(--hover);border-color:transparent;box-shadow:none;height:2.125rem;font-size:.875rem}.topbar-search input:focus{background:var(--card);border-color:var(--accent)}.search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-size:.8rem;pointer-events:none;opacity:.6}.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text-2);white-space:nowrap;min-height:1.75rem;box-shadow:none}.pill-dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.pill.synced{color:var(--ok)}.pill.syncing{color:var(--highlight-text)}.pill.error,.pill.offline{color:var(--danger)}.page{flex:1;width:100%;padding:1.75rem clamp(1rem,3.2vw,3rem) calc(5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.25rem}.page-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.page-icon{width:3.25rem;height:3.25rem;display:inline-flex;align-items:center;justify-content:center;font-size:2.1rem;line-height:1;flex-shrink:0}.page-title-block{flex:1;min-width:12rem}.page-sub{margin:.2rem 0 0;color:var(--text-2);font-size:.9rem}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap}.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}.block-title{margin:0;font-size:1.05rem;font-weight:650;color:var(--text);letter-spacing:-.01em}.section{display:flex;flex-direction:column;gap:.6rem}.section.due .block-title{color:var(--danger)}.section-title{margin:0;font-size:1.05rem;font-weight:650}.banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;background:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:var(--radius-lg);padding:.6rem .85rem;font-size:.875rem}.creator-shell{display:flex;flex-direction:column;gap:.6rem;scroll-margin-top:4rem}.creator-switcher{display:inline-flex;align-self:flex-start;gap:.25rem;padding:.2rem;background:var(--hover);border-radius:.5rem}.creator-mode-btn{background:transparent;border:none;box-shadow:none;color:var(--text-2);font-weight:600;font-size:.875rem;padding:.35rem .8rem;min-height:1.875rem;border-radius:.35rem}.creator-mode-btn:hover:not(:disabled){color:var(--text);background:var(--card)}.creator-mode-btn.active{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.composer{display:flex;flex-direction:column;gap:.6rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}.composer input[aria-label="Note title"],.composer input[aria-label="Reminder title"]{font-size:1.15rem;font-weight:650;border-color:transparent;background:transparent;box-shadow:none;padding:.3rem 0;border-radius:0;border-bottom:1px solid transparent}.composer input[aria-label="Note title"]:focus,.composer input[aria-label="Reminder title"]:focus{border-bottom-color:var(--accent);box-shadow:none}.composer textarea{background:transparent;border-color:transparent;box-shadow:none;padding:.3rem 0;border-radius:0}.composer textarea:focus{box-shadow:none;border-color:transparent}.composer-header-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.composer-badge{font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;background:var(--hover);color:var(--text-2);border:1px solid transparent}.section-select{width:auto;min-width:11rem;padding:.3rem .5rem;font-size:.8125rem}.composer-row{display:flex;gap:.5rem}.composer-row input{flex:1}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding-top:.6rem;border-top:1px solid var(--line)}.composer-tools,.reminder-tabs-bar{display:flex;gap:.4rem;flex-wrap:wrap}.reminder-tabs-bar button{font-size:.8125rem;min-height:1.875rem;padding:.2rem .6rem}.reminder-tab-panel{background:var(--inset);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.location-tab-panel{display:flex;flex-direction:column;gap:.5rem}.location-presets{display:flex;gap:.35rem;flex-wrap:wrap}.preset-pill{min-height:1.75rem;padding:.15rem .6rem;font-size:.8125rem;border-radius:999px;background:var(--card)}.preset-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.color-picker-row{display:flex;gap:.4rem;flex-wrap:wrap}.color-swatch-btn{min-height:2rem;padding:.2rem .6rem;font-size:.8125rem;border-radius:999px;background:var(--card)}.color-swatch-btn.selected{font-weight:650}.color-dot{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;flex-shrink:0}.color-dot.all-dot{background:conic-gradient(#eb5757,#f2a33a,#0f7b6c,#2383e2,#9065b0,#d15796,#eb5757)}.reminder-picker{display:flex;flex-direction:column;gap:.5rem}.reminder-picker-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.reminder-picker-row select{width:auto;min-width:11rem;flex:0 0 auto}.reminder-picker-row input[type=datetime-local]{width:auto;flex:1 1 12rem}.repeat-field{display:inline-flex;align-items:center;gap:.5rem;margin:0;flex-wrap:wrap}.repeat-label{font-size:.8125rem;color:var(--text-2);white-space:nowrap}.repeat-field select{width:auto;min-width:12rem;flex:0 0 auto}.segmented{display:inline-flex;gap:.2rem;padding:.2rem;background:var(--hover);border-radius:.5rem;margin-top:.4rem}.segmented button{background:transparent;border:none;box-shadow:none;min-height:1.875rem;padding:.25rem .75rem;border-radius:.35rem}.segmented button.active{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm);border:none}.sections-panel{display:flex;flex-direction:column;gap:.75rem}.section-create-form{display:flex;gap:.5rem;max-width:40rem}.section-create-form input{flex:1}.sections-empty{margin:.25rem 0}.section-folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.6rem}.section-folder-card{display:flex;align-items:flex-start;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:.5rem .4rem .5rem .5rem;gap:.25rem;box-shadow:var(--shadow-sm);transition:background-color .12s ease,border-color .12s ease}.section-folder-card:hover{background:var(--card-hover);border-color:var(--line-strong)}.section-folder-link{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:none;border:none;box-shadow:none;padding:.35rem .4rem;min-height:0;white-space:normal;gap:.15rem}.section-folder-link:hover:not(:disabled){background:none}.section-folder-icon{font-size:1.35rem;line-height:1.2;margin-bottom:.2rem}.section-folder-title{font-weight:650;font-size:.95rem;color:var(--text);overflow-wrap:anywhere}.section-folder-counts{font-size:.8125rem;color:var(--text-2)}.section-folder-actions{display:flex;gap:.1rem}.inline-rename{display:flex;gap:.4rem;align-items:center;width:100%;flex-wrap:wrap}.inline-rename input{flex:1;min-width:8rem}.calendar-card{display:flex;flex-direction:column;gap:.9rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.1rem;box-shadow:var(--shadow-sm)}.calendar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.calendar-heading{margin:0;font-size:1.05rem;font-weight:650}.calendar-sub{margin:.2rem 0 0}.calendar-nav{display:flex;align-items:center;gap:.35rem}.calendar-month-label{font-weight:650;min-width:8.5rem;text-align:center;font-size:.95rem}.color-filter-bar{display:flex;gap:.4rem;flex-wrap:wrap;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.color-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:1.875rem;padding:.15rem .6rem;border-radius:999px;font-size:.8125rem;background:var(--card)}.color-chip.active{border-color:var(--accent);font-weight:650;background:var(--accent-soft)}.chip-count{font-size:.7rem;color:var(--text-2);background:var(--hover);padding:0 .35rem;border-radius:999px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}.calendar-weekday{text-align:left;font-size:.72rem;font-weight:600;color:var(--text-2);padding:.2rem .4rem;text-transform:uppercase;letter-spacing:.04em}.calendar-cell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:6.75rem;padding:.4rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);text-align:left;box-shadow:none;color:var(--text)}.calendar-cell:hover:not(:disabled){background:var(--card-hover);border-color:var(--line-strong)}.calendar-cell.outside-month{opacity:.4;background:transparent}.calendar-cell.is-today{border-color:var(--accent)}.calendar-cell.is-today .calendar-day-num{background:var(--accent);color:var(--accent-text);border-radius:999px;padding:0 .42rem}.calendar-cell.is-selected{background:var(--accent-soft);border-color:var(--accent)}.calendar-day-num{font-size:.8125rem;font-weight:600;align-self:flex-start;margin-bottom:.25rem}.calendar-cell-items{display:flex;flex-direction:column;gap:.15rem;width:100%}.calendar-pill{display:flex;align-items:center;gap:.3rem;font-size:.7rem;padding:.1rem .3rem;border-radius:.25rem;overflow:hidden;white-space:nowrap}.calendar-pill-dot{width:.4rem;height:.4rem;border-radius:50%;flex-shrink:0}.calendar-pill-text{overflow:hidden;text-overflow:ellipsis}.calendar-more{font-size:.7rem;color:var(--text-2);padding-left:.2rem}.calendar-details{border-top:1px solid var(--line);padding-top:.9rem}.calendar-details-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem}.calendar-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.calendar-empty{margin:.8rem 0 .2rem}.notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.75rem;align-items:start}.note{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:.85rem .95rem;position:relative;box-shadow:var(--shadow-sm);transition:background-color .12s ease,border-color .12s ease;min-width:0}.note:hover{background:var(--card-hover);border-color:var(--line-strong)}.note.is-due{border-color:var(--danger)}.note.is-due .meta{color:var(--danger)}.note.empty{grid-column:1 / -1;color:var(--text-2);text-align:center;padding:2.5rem 1rem;box-shadow:none;border-style:dashed;background:transparent}.note.editing{grid-column:1 / -1;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-md);background:var(--card)}.note .meta{color:var(--text-2);font-size:.8rem;margin-top:.4rem}.note .actions{position:absolute;top:.45rem;right:.45rem;display:flex;gap:.1rem;opacity:.85}.note:hover .actions{opacity:1}.large-note-card .actions{position:static;opacity:1}.reminder-card-header{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.35rem;padding-right:4.5rem;min-height:1.4rem}.color-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;padding:.05rem .5rem;border-radius:999px;border:1px solid transparent}.location-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;background:var(--hover);padding:.05rem .5rem;border-radius:999px;color:var(--text-2)}.section-tag-btn{display:inline-flex;align-items:center;gap:.25rem;min-height:1.4rem;padding:.05rem .5rem;font-size:.75rem;border-radius:999px;background:var(--hover);color:var(--text-2);border:none;box-shadow:none}.section-tag-btn:hover:not(:disabled){color:var(--text);background:var(--active)}.item-title{font-weight:600;font-size:.95rem;padding-right:4.5rem;overflow-wrap:anywhere;line-height:1.35}.reminder-body{font-size:.875rem;color:var(--text-2);margin-top:.25rem;white-space:pre-wrap;overflow-wrap:anywhere;padding-right:2rem}.large-note-card{padding:1rem 1.05rem}.large-note-card.is-pinned{background:var(--highlight);border-color:transparent}.large-note-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.large-note-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.note-type-pill{font-size:.72rem;font-weight:600;padding:.05rem .5rem;border-radius:999px;background:var(--hover);color:var(--text-2)}.pin-badge{font-size:.72rem;font-weight:600;padding:.05rem .5rem;border-radius:999px;background:var(--highlight);color:var(--highlight-text)}.large-note-title{font-size:1.1rem;margin:.2rem 0 .4rem;cursor:pointer;overflow-wrap:anywhere;line-height:1.3}.large-note-title:hover{text-decoration:underline;text-underline-offset:3px}.large-note-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.55;color:var(--text);opacity:.9;margin-bottom:.6rem;max-height:16rem;overflow-y:auto}.note-checklist,.checklist-list{list-style:none;padding:0;margin:.4rem 0 .6rem;display:flex;flex-direction:column;gap:.35rem}.note-checklist-item label,.checklist-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.note-checklist-item input[type=checkbox],.checklist-row input[type=checkbox]{width:1rem;height:1rem;padding:0;margin:0;accent-color:var(--accent);flex-shrink:0}.note-checklist-item.done span{text-decoration:line-through;color:var(--text-3)}.image-preview-grid,.note-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.4rem;margin:.4rem 0}.image-thumb-wrap,.note-image-btn{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);aspect-ratio:4 / 3;background:var(--hover);padding:0;box-shadow:none}.image-thumb-wrap img,.note-image-btn img{width:100%;height:100%;object-fit:cover;display:block}.remove-img-btn{position:absolute;top:.25rem;right:.25rem;min-height:1.4rem;width:1.4rem;padding:0;border-radius:50%;background:#000000b3;border:none;color:#fff;font-size:.85rem;line-height:1}.quick-task-form{display:flex;gap:.4rem;margin:.4rem 0}.quick-task-form input{flex:1;font-size:.875rem;padding:.35rem .6rem}.large-note-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem;border-top:1px solid var(--line);padding-top:.6rem;margin-top:.5rem}.note-interact-bar{display:flex;gap:.3rem;flex-wrap:wrap}.interact-btn{min-height:1.75rem;padding:.15rem .5rem;font-size:.78rem;border-radius:.3rem;background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2)}.interact-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.row{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40;animation:fade-in .12s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:1.75rem;width:min(26rem,100%);text-align:center;box-shadow:var(--shadow-md)}.modal{text-align:left;max-height:min(90vh,100%);overflow-y:auto;width:min(42rem,100%);padding:1.5rem;animation:pop-in .14s ease-out}@keyframes pop-in{0%{transform:scale(.98);opacity:0}to{transform:none;opacity:1}}.modal h2{margin-bottom:.6rem}.modal section+section{margin-top:0}.modal section{margin-bottom:.25rem}.note-detail-modal{width:min(44rem,100%)}.note-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--line);padding-bottom:.75rem;margin-bottom:.9rem}.note-detail-header h2{font-size:1.35rem;margin:.3rem 0 .2rem;overflow-wrap:anywhere}.note-detail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.note-detail-images h3,.note-detail-checklist h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:1rem 0 .4rem}.lightbox-box{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:.75rem;max-width:94vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:.6rem}.lightbox-box img{max-width:88vw;max-height:80vh;object-fit:contain;border-radius:var(--radius)}.keybox{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;letter-spacing:.12em;background:var(--inset);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:.9rem;margin:.75rem 0;text-align:center;-webkit-user-select:all;user-select:all}.center{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--sidebar)}.logo{font-size:2.75rem}.center h1{margin:.4rem 0 .1rem}.center .muted{margin-bottom:1.1rem}.center .field{text-align:left}.center .card{text-align:center}@media (max-width: 768px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(18rem,84vw);z-index:50;transform:translate(-102%);transition:transform .2s ease;box-shadow:var(--shadow-md);padding-top:calc(.75rem + env(safe-area-inset-top))}.shell.nav-open .sidebar{transform:none}.sidebar-close{display:inline-flex}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:45;animation:fade-in .15s ease-out}.menu-btn{display:inline-flex}.topbar{gap:.5rem}.breadcrumb{display:none}.topbar-search{max-width:none}.crumb.current{max-width:8rem}.page{padding:1.1rem .9rem calc(4.5rem + env(safe-area-inset-bottom));gap:1rem}.page-icon{width:2.5rem;height:2.5rem;font-size:1.65rem}h1,.page-title{font-size:1.5rem}.creator-mode-btn{flex:1}.creator-switcher{align-self:stretch}.composer{padding:.85rem}.composer input[aria-label="Note title"],.composer input[aria-label="Reminder title"]{font-size:1.05rem}.section-select{min-width:0;max-width:100%}.section-create-form{flex-direction:column}.calendar-card{padding:.8rem}.calendar-cell{min-height:3.6rem;padding:.25rem}.calendar-pill-text{display:none}.calendar-pill{justify-content:center;padding:.15rem}.calendar-month-label{min-width:0;font-size:.875rem}.calendar-weekday{text-align:center;padding:.2rem 0;font-size:.65rem;letter-spacing:0}.calendar-nav{flex-wrap:wrap}.notes{grid-template-columns:1fr}.note .actions{opacity:1}.reminder-card-header,.item-title,.reminder-body{padding-right:0}.note .actions{position:static;justify-content:flex-end;margin-top:.3rem}.reminder-card-header,.large-note-top{flex-wrap:wrap}.modal{padding:1rem}.composer-footer{flex-direction:column-reverse;align-items:stretch}.composer-footer>button{width:100%}.large-note-footer{flex-direction:column;align-items:stretch}.note-interact-bar{justify-content:flex-start}}@media (min-width: 769px) and (max-width: 1100px){.sidebar{width:13.5rem}}@media (min-width: 1500px){.calendar-cell{min-height:8rem}}