.skeleton{background:linear-gradient(90deg, var(--color-surface) 0%, var(--color-elevated) 50%, var(--color-surface) 100%);max-width:100%;animation:skeleton-shimmer var(--duration-spin) ease-in-out infinite;background-size:200% 100%;display:block}.skeleton--text{border-radius:var(--radius-sm);height:1em}.skeleton--block{border-radius:var(--radius-md);height:4.5rem}.skeleton--circle{border-radius:var(--radius-pill);width:2.5rem;height:2.5rem}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.page-skeleton{gap:var(--space-3);width:100%;padding:var(--space-5);flex-direction:column;display:flex}.page-skeleton__title{margin-bottom:var(--space-2)}.move-dialog>.dialog__actions{padding-top:var(--space-2);background:var(--color-elevated);position:sticky;bottom:0}.move-dialog .move-option{overflow-wrap:anywhere}.share-dialog>.dialog__actions{padding-top:var(--space-2);background:var(--color-elevated);position:sticky;bottom:0}.share-dialog .dialog__title{overflow-wrap:anywhere}@media (max-width:767px){.dialog.picker{width:100%}}.sidebar{gap:var(--space-4);flex-direction:column;min-height:100%;display:flex}.sidebar__section{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__heading{margin:var(--space-2) 0 0;padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.sidebar__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding-inline-end:var(--space-1);display:flex}.sidebar__heading--toggle{align-items:center;gap:var(--space-1);width:100%;min-height:var(--touch-target);color:var(--color-text-muted);font:inherit;font-size:var(--text-small);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;margin:0;font-weight:600;display:flex}.sidebar__heading--toggle:hover{color:var(--color-text)}.sidebar-nav--bottom{margin-top:auto}.settings-nav{padding:var(--space-3) 0}.sidebar-nav a.is-over,.folder-row.is-over{outline:2px dashed var(--color-accent);outline-offset:-2px}.sidebar__footer{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-small);flex-direction:column;display:flex}.sidebar__settings{color:var(--color-text-muted);min-height:var(--touch-target);align-items:center;text-decoration:none;display:flex}.folder-tree{gap:var(--space-half);flex-direction:column;display:flex}.folder-list{margin:0;padding:0;list-style:none}.folder-tree{--folder-toggle:32px}.folder-row .icon-button,.folder-row .icon-button__spacer{width:var(--folder-toggle)}.folder-tree .sidebar-nav a{padding-inline-start:calc(var(--folder-toggle) + var(--space-half))}.folder-row{align-items:center;gap:var(--space-half);min-height:var(--touch-target);border-radius:var(--radius-sm);padding-inline-end:var(--space-1);display:flex}.folder-row:hover{background:var(--color-accent-soft)}.folder-row.is-active{background:var(--color-accent-soft);font-weight:600}.folder-row__link{align-items:center;gap:var(--space-2);min-width:0;min-height:var(--touch-target);color:var(--color-text);touch-action:manipulation;flex:auto;text-decoration:none;display:flex}.folder-row__link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.icon-button:hover{color:var(--color-text);background:var(--color-accent-soft)}.icon-button[disabled]{opacity:.5;cursor:default}.icon-button[disabled]:hover{background:0 0}.icon-button__spacer{width:var(--touch-target);flex:none}.icon-button--labelled{width:var(--touch-target);color:var(--color-on-accent);background:var(--color-accent)}.icon-button--labelled:hover{color:var(--color-on-accent);background:var(--color-accent-hover)}.inline-name{min-width:0;min-height:var(--touch-target);margin:var(--space-half) 0;padding:0 var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-elevated);color:var(--color-text);font-size:var(--text-body);flex:auto}.sync-status{align-items:center;gap:var(--space-1) var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.sync-status__line{align-items:center;gap:var(--space-2);margin:0;display:flex}.sync-status__glyph{color:var(--color-text-muted);flex:none}.sync-status--synced .sync-status__glyph{color:var(--color-success)}.sync-status--saving .sync-status__glyph{color:var(--color-accent);animation:sync-status-spin var(--duration-spin) linear infinite}.sync-status--error,.sync-status--conflict,.sync-status--error .sync-status__glyph,.sync-status--conflict .sync-status__glyph{color:var(--color-danger)}.sync-status__toggle{min-height:var(--touch-target);padding:0 var(--space-1);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.sync-status__details{color:var(--color-text);flex:0 0 100%;margin:0}.sync-status__freshness{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--text-small);flex:0 0 100%;margin:0;display:flex}.sync-status__freshness-glyph{flex:none}.sync-status__freshness--live .sync-status__freshness-glyph{color:var(--color-success)}.sync-status__freshness--connecting .sync-status__freshness-glyph{color:var(--color-accent);animation:sync-status-spin var(--duration-spin) linear infinite}.sync-status__freshness--offline .sync-status__freshness-glyph{color:var(--color-text-muted)}@keyframes sync-status-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sync-status--saving .sync-status__glyph,.sync-status__freshness--connecting .sync-status__freshness-glyph{animation:none}}.list-header{z-index:1;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex;position:sticky;top:0}.list-header__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-title);flex:auto;margin:0;overflow:hidden}.list-header__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;margin-inline-start:auto;display:flex}.list-header__actions .select{text-overflow:ellipsis;flex:0 auto;min-width:0}.list-header__actions .button{flex:none}.select{min-height:var(--touch-target);padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated);color:var(--color-text);font-size:var(--text-small)}.note-list{margin:0;padding:0;list-style:none}.note-item{border-bottom:1px solid var(--color-border);touch-action:pan-y;position:relative;overflow:hidden}.note-item.is-selected,.note-item.is-checked{background:var(--color-accent-soft)}.note-row.note-row--select{align-items:center;gap:var(--space-3);cursor:pointer;flex-direction:row;padding-inline-end:var(--space-3)}.note-row__select-input{width:20px;height:20px;accent-color:var(--color-accent);flex:none;margin:0}.note-row__content{gap:var(--space-half);flex-direction:column;min-width:0;display:flex}.note-row{gap:var(--space-half);min-height:var(--touch-target);padding:var(--space-3) calc(var(--touch-target) + var(--space-2)) var(--space-3) var(--space-3);color:var(--color-text);touch-action:pan-y;transition:transform var(--duration-fast) ease-out;flex-direction:column;text-decoration:none;display:flex;position:relative}.note-item.is-swiping .note-row{background:var(--color-bg);transition:none}.note-row.is-pulsing{animation:note-pulse var(--duration-base) var(--ease-ios)}@keyframes note-pulse{0%{background-color:var(--color-accent-soft)}to{background-color:#0000}}.note-item.is-entering>.note-row{animation:note-enter var(--duration-base) var(--ease-ios)}@keyframes note-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.note-row.is-pulsing,.note-item.is-entering>.note-row{animation:none}}.note-item__swipe{padding:0 var(--space-3);color:var(--color-on-accent);background:var(--color-accent);pointer-events:none;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.note-item__swipe--left{background:var(--color-danger);justify-content:flex-end}.note-item__swipe.is-armed{filter:brightness(1.15)}.note-row:hover{background:var(--color-accent-soft)}.note-row__title{align-items:center;gap:var(--space-1);min-width:0;font-weight:600;display:flex}.note-row__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-row__pin{color:var(--color-accent);display:inline-flex}.note-row__excerpt{-webkit-line-clamp:2;color:var(--color-text-muted);font-size:var(--text-small);-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.note-row__date{color:var(--color-text-muted);font-size:var(--text-caption)}.note-item__menu{top:var(--space-1);right:var(--space-1);position:absolute}.list-footer{padding:var(--space-3);justify-content:center;display:flex}.workspace{gap:var(--space-3);flex-direction:column;width:100%;max-width:72ch;min-height:100%;margin:0 auto;display:flex}.editor-bar{align-items:center;gap:var(--space-2);min-height:var(--touch-target);font-size:var(--text-small);display:flex}.breadcrumb{flex:auto;min-width:0;overflow:hidden}.breadcrumb ol{gap:var(--space-1);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";margin-inline-end:var(--space-1)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.editor-bar__status{color:var(--color-text-muted);white-space:nowrap;margin:0}.notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent-soft);font-size:var(--text-small);margin:0}.editor-frame{flex-direction:column;flex:1 0 auto;display:flex}.editor-frame--toolbar{padding-bottom:calc(var(--space-1) * 2 + var(--touch-target) + var(--safe-bottom) + 1px)}.note-editor{width:100%;min-height:60vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--line-height-body);resize:none;background:0 0;border:0;outline:none;flex:auto;padding:0}.home-menu{gap:var(--space-3);flex-direction:column;display:flex}.menu{z-index:60;min-width:200px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);box-shadow:var(--shadow-menu)}.menu__item{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.menu__item[data-highlighted]{background:var(--color-accent-soft)}.menu__item--danger{color:var(--color-danger)}.menu__separator{height:1px;margin:var(--space-1) 0;background:var(--color-border)}.dialog-overlay{z-index:70;background:var(--color-overlay);position:fixed;inset:0}.dialog{z-index:71;gap:var(--space-3);width:min(420px, calc(100vw - 2 * var(--space-4)));max-height:80vh;padding:max(var(--space-5), var(--safe-top)) max(var(--space-5), var(--safe-right)) max(var(--space-5), var(--safe-bottom)) max(var(--space-5), var(--safe-left));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-elevated);box-shadow:var(--shadow-overlay);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog--wide{width:min(480px, calc(100vw - 2 * var(--space-4)))}@keyframes dialog-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:767px){.dialog,.dialog--wide{width:100%;max-height:85vh;padding-bottom:calc(var(--space-5) + var(--safe-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:dialog-sheet-in var(--duration-base) var(--ease-ios);top:auto;bottom:0;left:0;transform:none}}.dialog__title{font-size:var(--text-title);margin:0}.dialog__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.button--danger{color:var(--color-on-accent);background:var(--color-danger);border-color:var(--color-danger)}.button--danger:disabled{opacity:.5}.move-list{gap:var(--space-half);flex-direction:column;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.move-option{width:100%;min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.move-option:hover:not(:disabled){background:var(--color-accent-soft)}.move-option:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.move-option--current{font-weight:600}.toaster{left:50%;bottom:calc(var(--safe-bottom) + var(--space-4));z-index:80;align-items:center;gap:var(--space-2);width:min(480px, calc(100vw - 2 * var(--space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);box-shadow:var(--shadow-menu);font-size:var(--text-small);pointer-events:auto;display:flex}.toast>span{flex:auto}.toast__action{min-height:var(--touch-target);color:var(--color-accent);font-weight:600}.toast__close{min-width:var(--touch-target);min-height:var(--touch-target);padding:0}.topbar__back{align-items:center;gap:var(--space-1);text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:reduce){.toast,.folder-row,.note-row{transition:none}}.trash-group__title{margin:var(--space-4) 0 var(--space-1);font-size:var(--text-small);color:var(--color-text-muted);font-weight:600}.note-item__restore{min-height:var(--touch-target);margin-inline-end:var(--space-1)}.input{box-sizing:border-box;width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-elevated);color:var(--color-text);font:inherit;font-size:var(--text-body)}.input:focus-visible,.quick-open__option:focus-visible,.version-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sidebar__hint{padding:0 var(--space-3);font-size:var(--text-small);margin:0}.tag-list{margin:0;padding:0;list-style:none}.tag-row{align-items:center;gap:var(--space-1);min-height:var(--touch-target);padding-inline-end:var(--space-2);display:flex}.tag-row__toggle{min-width:var(--touch-target);min-height:var(--touch-target);flex:none}.tag-row__spacer{width:var(--touch-target);flex:none}.tag-row__link{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text);overflow-wrap:anywhere;flex:1;text-decoration:none;display:flex}.tag-row__link[aria-current=page]{color:var(--color-accent);font-weight:600}.tag-row__count{color:var(--color-text-muted);font-size:var(--text-small)}.tag-pill{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-text);font-size:var(--text-small);display:inline-block}.quick-open{max-height:70vh;top:12vh;transform:translate(-50%)}.quick-open__panel{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.quick-open__status{color:var(--color-text-muted);font-size:var(--text-small);margin:0}.quick-open__list{gap:var(--space-half);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.quick-open__option{gap:var(--space-half);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;display:flex}.quick-open__option.is-active{background:var(--color-surface)}.quick-open__title{font-weight:600}.quick-open__detail{font-size:var(--text-small);overflow-wrap:anywhere}mark{background:var(--color-accent-soft);color:inherit;border-radius:2px;padding:0 1px}.search-view{gap:var(--space-3);padding:var(--space-4);flex-direction:column;max-width:72ch;margin-inline:auto;display:flex}.search-view__title{font-size:var(--text-heading);margin:0}.search-view__form{gap:var(--space-2);flex-direction:column;display:flex}.search-view__option{align-items:center;gap:var(--space-2);min-height:var(--touch-target);display:inline-flex}.search-view__status{font-size:var(--text-small);margin:0}.search-results{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.search-hit{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-elevated);overflow-wrap:anywhere;flex-direction:column;text-decoration:none;display:flex}.search-hit__title{font-weight:600}.search-hit__snippet{color:var(--color-text-muted);font-size:var(--text-small)}.search-hit__meta{align-items:center;gap:var(--space-2);font-size:var(--text-small);flex-wrap:wrap;display:flex}.badge{padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.backlinks{gap:var(--space-2);width:100%;max-width:72ch;margin:var(--space-5) auto 0;padding:var(--space-4) var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.backlinks__title{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:600;display:flex}.backlinks__count{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface);letter-spacing:normal}.backlinks__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.backlinks__item{gap:var(--space-half);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);overflow-wrap:anywhere;flex-direction:column;text-decoration:none;display:flex}.backlinks__item:hover{background:var(--color-surface)}.backlinks__snippet,.backlinks__time{font-size:var(--text-small)}.sheet{z-index:71;width:min(880px,100vw);height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:var(--color-elevated);border-inline-start:1px solid var(--color-border);box-shadow:var(--shadow-sheet);flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden}.sheet__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.sheet__title{font-size:var(--text-title);margin:0}.sheet__body{flex-direction:column;flex:1;min-height:0;display:flex}.sheet__versions,.sheet__detail{gap:var(--space-3);padding:var(--space-4);flex-direction:column;min-height:0;display:flex;overflow:auto}.sheet__versions{border-bottom:1px solid var(--color-border);max-height:40%}.sheet__detail{flex:1}.sheet__footer{padding-top:var(--space-2);background:var(--color-elevated);justify-content:flex-end;display:flex;position:sticky;bottom:0}.version-list{gap:var(--space-half);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.version-item{gap:var(--space-half);width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.version-item:hover{background:var(--color-surface)}.version-item.is-selected{background:var(--color-accent-soft)}.version-item__time,.version-item__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.version-item__reason,.version-item__meta{font-size:var(--text-small)}.via-badge{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-text);font-size:var(--text-small);white-space:nowrap;display:inline-block}.via-badge--other,.via-badge--system{background:var(--color-surface)}.compare{gap:var(--space-3);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.compare legend{width:100%;color:var(--color-text-muted);font-size:var(--text-small);padding:0}.compare__option{align-items:center;gap:var(--space-2);min-height:var(--touch-target);display:inline-flex}.diff{gap:var(--space-2);flex-direction:column;display:flex}.diff__summary{font-size:var(--text-small);margin:0}.diff__lines{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-small);margin:0;padding:0;line-height:1.5;list-style:none;overflow:hidden}.diff__line{gap:var(--space-2);padding:var(--space-1) var(--space-2);display:flex}.diff__line+.diff__line{border-top:1px solid var(--color-border)}.diff__line--add{background:var(--color-success-soft)}.diff__line--remove{background:color-mix(in srgb, var(--color-danger) 14%, transparent);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--color-danger) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--color-danger) 60%, transparent)}.diff__sign{width:1ch;color:var(--color-text-muted);flex:none}.diff__text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.settings__links{gap:var(--space-1);flex-direction:column;display:flex}.settings__link{min-height:var(--touch-target);color:var(--color-accent);align-items:center;text-decoration:none;display:flex}.settings-page{gap:var(--space-3);max-width:720px;padding:var(--space-4);flex-direction:column;margin-inline:auto;display:flex}.settings-page h1{font-size:var(--text-heading);margin:0}.settings-page__back a{min-height:var(--touch-target);color:var(--color-accent);align-items:center;display:inline-flex}@media (min-width:768px){.settings-page__back{display:none}}.settings-page__actions{justify-content:flex-start;display:flex}.token-list,.activity-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.token-row,.activity-row{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);flex-direction:column;display:flex}.token-row__main,.activity-row__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.token-row__name,.activity-row__action{overflow-wrap:anywhere;font-weight:600}.token-row__prefix{color:var(--color-text-muted)}.token-row__meta{gap:var(--space-2) var(--space-3);font-size:var(--text-small);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;display:grid}.token-row__meta dt{font-weight:600}.token-row__meta dd{margin:0}.token-row .button{align-self:flex-start}.activity-row__meta{gap:var(--space-2) var(--space-3);font-size:var(--text-small);flex-wrap:wrap;display:flex}.activity-filter{align-items:center;gap:var(--space-2);min-height:var(--touch-target);display:inline-flex}.token-form{gap:var(--space-3);flex-direction:column;display:flex}.token-form__field{gap:var(--space-1);flex-direction:column;display:flex}.token-form__scopes{gap:var(--space-1);border:0;flex-direction:column;margin:0;padding:0;display:flex}.token-form__scopes legend{margin-bottom:var(--space-1);font-weight:600}.token-form__check{align-items:center;gap:0 var(--space-2);min-height:var(--touch-target);grid-template-columns:auto 1fr;display:grid}.token-form__check .muted{font-size:var(--text-small);grid-column:2}.token-reveal__value{font-family:var(--font-mono);font-size:var(--text-small)}.push-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);flex-direction:column;display:flex;position:relative}.push-card__close{top:var(--space-1);position:absolute;inset-inline-end:var(--space-1)}.push-card__title{font-size:var(--text-title);margin:0;padding-inline-end:var(--touch-target)}.push-card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.push-card__note{margin:0}.push-card__steps{gap:var(--space-2);flex-direction:column;margin:0;padding-left:0;list-style:none;display:flex}.push-card__steps li{align-items:flex-start;gap:var(--space-2);display:flex}.push-card__icon{width:24px;height:24px;color:var(--color-text);flex:none}.app-logo{border-radius:var(--radius-sm);object-fit:contain;flex:none;width:32px;height:32px}.capture-code{font-family:var(--font-mono);font-size:var(--text-small);overflow-wrap:anywhere}.capture-code--block{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:pre-wrap;margin:0;overflow-x:auto}.capture-reveal{gap:var(--space-2);flex-direction:column;display:flex}@media (max-width:767px){.sheet{width:100vw;inset:0}.sheet__versions{max-height:35%}.quick-open{width:calc(100vw - 2 * var(--space-3));top:4vh}}@media (min-width:720px){.sheet__body{flex-direction:row}.sheet__versions{border-bottom:0;border-inline-end:1px solid var(--color-border);width:40%;max-height:none}}@media (prefers-reduced-motion:reduce){.version-item,.quick-open__option{transition:none}}.share-dialog .share-section+.share-section{margin-top:var(--space-4)}.share-section__title{margin:0 0 var(--space-2);font-size:var(--text-small);font-weight:600}.share-add{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.share-add__field{gap:var(--space-1);font-size:var(--text-small);flex-direction:column;flex:14rem;display:flex}.share-list{gap:var(--space-2);margin:var(--space-2) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.share-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.share-row__who{overflow-wrap:anywhere;flex:10rem;min-width:0}.share-badge{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-small);display:inline-flex}.share-badge--shared{padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.shared-section{margin-top:var(--space-3)}.shared-owner__name{margin:var(--space-2) 0 0;padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--text-small);font-weight:600}.shared-section .folder-row .share-badge{flex-shrink:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fbfaf8;--color-surface:#f4f2ee;--color-sidebar:#f1efea;--color-elevated:#fff;--color-text:#26221f;--color-text-muted:#6b645e;--color-border:#e2ddd6;--color-control-border:#8a827b;--color-accent:#b5391b;--color-accent-hover:#a83618;--color-accent-soft:#faebe6;--color-on-accent:#fff;--color-danger:#b42318;--color-focus:#b5391b;--color-success:#2f6e47;--color-success-soft:#e3f1e7;--color-overlay:#26221f59;--shadow-menu:0 8px 24px #00000029;--shadow-sheet:0 0 24px #0000002e;--shadow-overlay:0 16px 48px #00000040;--font-sans:system-ui, -apple-system, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-caption:12px;--text-small:14px;--text-body:17px;--text-title:17px;--text-heading:1.4rem;--line-height-body:1.6;--space-half:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--touch-target:44px;--sidebar-width:240px;--list-width:320px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--duration-fast:.15s;--duration-base:.22s;--duration-spin:1.2s;--ease-ios:cubic-bezier(.32, .72, 0, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1c1a19;--color-surface:#232020;--color-sidebar:#211e1d;--color-elevated:#2a2625;--color-text:#efeae5;--color-text-muted:#a39b94;--color-border:#3a3533;--color-control-border:#7a716b;--color-accent:#f58368;--color-accent-hover:#ffa08a;--color-accent-soft:#3d231c;--color-on-accent:#1c1a19;--color-danger:#ff8a7a;--color-focus:#f58368;--color-success:#6cbb86;--color-success-soft:#1f3a2a;--color-overlay:#0000008c;--shadow-menu:0 0 0 1px #ffffff0f, 0 10px 28px #0009;--shadow-sheet:0 0 0 1px #ffffff0d, 0 0 32px #00000080;--shadow-overlay:0 0 0 1px #ffffff12, 0 20px 56px #000000a6}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1c1a19;--color-surface:#232020;--color-sidebar:#211e1d;--color-elevated:#2a2625;--color-text:#efeae5;--color-text-muted:#a39b94;--color-border:#3a3533;--color-control-border:#7a716b;--color-accent:#f58368;--color-accent-hover:#ffa08a;--color-accent-soft:#3d231c;--color-on-accent:#1c1a19;--color-danger:#ff8a7a;--color-focus:#f58368;--color-success:#6cbb86;--color-success-soft:#1f3a2a;--color-overlay:#0000008c;--shadow-menu:0 0 0 1px #ffffff0f, 0 10px 28px #0009;--shadow-sheet:0 0 0 1px #ffffff0d, 0 0 32px #00000080;--shadow-overlay:0 0 0 1px #ffffff12, 0 20px 56px #000000a6}:root[data-accent=red-orange]{--color-accent:#b5391b;--color-accent-hover:#a83618;--color-accent-soft:#faebe6;--color-on-accent:#fff;--color-focus:#b5391b}:root[data-accent=blue]{--color-accent:#2456a6;--color-accent-hover:#1d4a8c;--color-accent-soft:#e7eef9;--color-on-accent:#fff;--color-focus:#2456a6}:root[data-accent=green]{--color-accent:#3a6b2a;--color-accent-hover:#2f5822;--color-accent-soft:#e8f2e4;--color-on-accent:#fff;--color-focus:#3a6b2a}:root[data-accent=teal]{--color-accent:#0f6b6b;--color-accent-hover:#0b5656;--color-accent-soft:#e2f1f0;--color-on-accent:#fff;--color-focus:#0f6b6b}:root[data-accent=purple]{--color-accent:#6a3fb0;--color-accent-hover:#573494;--color-accent-soft:#f0eaf9;--color-on-accent:#fff;--color-focus:#6a3fb0}:root[data-accent=rose]{--color-accent:#a8285a;--color-accent-hover:#8c1f4a;--color-accent-soft:#f9e7ef;--color-on-accent:#fff;--color-focus:#a8285a}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=red-orange]{--color-accent:#f58368;--color-accent-hover:#ffa08a;--color-accent-soft:#3d231c;--color-on-accent:#1c1a19;--color-focus:#f58368}:root:not([data-theme=light])[data-accent=blue]{--color-accent:#7aa8f0;--color-accent-hover:#a6c6f7;--color-accent-soft:#1d2a40;--color-on-accent:#1c1a19;--color-focus:#7aa8f0}:root:not([data-theme=light])[data-accent=green]{--color-accent:#7cc78a;--color-accent-hover:#a3dcab;--color-accent-soft:#1e3323;--color-on-accent:#1c1a19;--color-focus:#7cc78a}:root:not([data-theme=light])[data-accent=teal]{--color-accent:#5cc6c2;--color-accent-hover:#8ad9d6;--color-accent-soft:#17302f;--color-on-accent:#1c1a19;--color-focus:#5cc6c2}:root:not([data-theme=light])[data-accent=purple]{--color-accent:#b59cf0;--color-accent-hover:#cbb9f6;--color-accent-soft:#2a2140;--color-on-accent:#1c1a19;--color-focus:#b59cf0}:root:not([data-theme=light])[data-accent=rose]{--color-accent:#f286b0;--color-accent-hover:#f8a9c8;--color-accent-soft:#3a1f2b;--color-on-accent:#1c1a19;--color-focus:#f286b0}}:root[data-theme=dark][data-accent=red-orange]{--color-accent:#f58368;--color-accent-hover:#ffa08a;--color-accent-soft:#3d231c;--color-on-accent:#1c1a19;--color-focus:#f58368}:root[data-theme=dark][data-accent=blue]{--color-accent:#7aa8f0;--color-accent-hover:#a6c6f7;--color-accent-soft:#1d2a40;--color-on-accent:#1c1a19;--color-focus:#7aa8f0}:root[data-theme=dark][data-accent=green]{--color-accent:#7cc78a;--color-accent-hover:#a3dcab;--color-accent-soft:#1e3323;--color-on-accent:#1c1a19;--color-focus:#7cc78a}:root[data-theme=dark][data-accent=teal]{--color-accent:#5cc6c2;--color-accent-hover:#8ad9d6;--color-accent-soft:#17302f;--color-on-accent:#1c1a19;--color-focus:#5cc6c2}:root[data-theme=dark][data-accent=purple]{--color-accent:#b59cf0;--color-accent-hover:#cbb9f6;--color-accent-soft:#2a2140;--color-on-accent:#1c1a19;--color-focus:#b59cf0}:root[data-theme=dark][data-accent=rose]{--color-accent:#f286b0;--color-accent-hover:#f8a9c8;--color-accent-soft:#3a1f2b;--color-on-accent:#1c1a19;--color-focus:#f286b0}.accent-swatch{border-radius:var(--radius-pill);flex:none;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000026}.accent-swatch[data-accent=red-orange]{background:#b5391b}.accent-swatch[data-accent=blue]{background:#2456a6}.accent-swatch[data-accent=green]{background:#3a6b2a}.accent-swatch[data-accent=teal]{background:#0f6b6b}.accent-swatch[data-accent=purple]{background:#6a3fb0}.accent-swatch[data-accent=rose]{background:#a8285a}@media (prefers-contrast:more){:root:root{--color-text-muted:color-mix(in srgb, var(--color-text) 80%, var(--color-bg));--color-border:color-mix(in srgb, var(--color-text) 45%, var(--color-bg))}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0}h1,h2,h3{margin:0 0 var(--space-3);font-weight:600;line-height:1.25}h1{font-size:1.75rem}h2{font-size:var(--text-heading)}h3{font-size:var(--text-title)}p{margin:0 0 var(--space-3);max-width:72ch}a{color:var(--color-accent);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--color-accent-hover)}button,a,[role=button],[role=tab]{touch-action:manipulation}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-contrast:more){:focus-visible{outline-width:3px}}.button:active:not(:disabled),.button--primary:active:not(:disabled),.icon-button:active,.quick-button:active,.todo-check:active:not(:disabled),.tabbar a:active,.tabbar button:active,.sidebar-nav a:active,.note-row:active,.folder-row:active,.todo-row:active,.menu__item:active,.move-option:active:not(:disabled){opacity:.75;transition:transform var(--duration-fast) var(--ease-ios), opacity var(--duration-fast) var(--ease-ios);transform:scale(.97)}input,textarea,select{font:inherit;color:inherit;font-size:max(16px,1em)}input,textarea,select,button{min-height:var(--touch-target)}textarea{min-height:0}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);min-width:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--color-text);font:inherit;cursor:pointer;display:inline-flex}.button:hover{background:var(--color-surface)}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}.button--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button[disabled]{opacity:.5;cursor:default}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-elevated);color:var(--color-text);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.muted{color:var(--color-text-muted)}.placeholder{padding:var(--space-5);color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.shell{height:100%;min-height:0}.shell--desktop{grid-template-columns:var(--sidebar-width) var(--list-width) minmax(0, 1fr);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);display:grid}.shell--tablet{grid-template-columns:var(--list-width) minmax(0, 1fr);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);display:grid}.shell--mobile{height:100dvh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex}.pane{overscroll-behavior:contain;background:var(--color-bg);min-width:0;min-height:0;overflow:auto}.pane--sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-3)}.pane--list{border-right:1px solid var(--color-border);background:var(--color-surface)}.pane--editor{padding:var(--space-5)}.pane--mobile{padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--touch-target));flex:auto}.sidebar-nav{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav a{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);align-items:center;text-decoration:none;display:flex}.sidebar-nav a:hover{background:var(--color-accent-soft);color:var(--color-text)}.sidebar-nav a[aria-current=page]{background:var(--color-accent-soft);font-weight:600}.topbar{align-items:center;gap:var(--space-2);min-height:calc(var(--touch-target) + var(--space-2));padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg);display:flex;position:relative}.topbar__title{font-size:var(--text-title);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.topbar__leading{align-items:center;gap:var(--space-2);flex:none;margin-inline-end:var(--space-3);display:flex}.topbar>.topbar__title{flex:auto;min-width:0}.topbar .topbar__button{min-width:var(--touch-target);min-height:var(--touch-target);padding:0 var(--space-3);flex:none}.topbar .topbar__button--icon{width:var(--touch-target);padding:0}.topbar__status{min-width:0;font-size:var(--text-small);flex:none;margin-left:auto;display:flex}.topbar__status .sync-status{justify-content:flex-end}.topbar__status .sync-status__label,.topbar__status .sync-status__toggle-text{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar__status .sync-status__toggle{min-width:var(--touch-target);min-height:var(--touch-target);justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.topbar__status .sync-status__toggle:after{content:"";border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg)}.topbar__status .sync-status__toggle[aria-expanded=true]:after{margin-top:3px;transform:rotate(-135deg)}.topbar .sync-status__details{top:100%;right:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated);position:absolute}.tabbar{z-index:10;padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a,.tabbar button{justify-content:center;align-items:center;gap:var(--space-half);min-height:calc(var(--touch-target) + var(--space-2));padding:var(--space-1) 0;color:var(--color-text-muted);font:inherit;font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;flex-direction:column;text-decoration:none;display:flex}.tabbar [aria-current=page]{color:var(--color-accent);font-weight:600}.sidebar-overlay{z-index:50;background:var(--color-overlay);position:fixed;inset:0}.sidebar-overlay__panel{width:min(var(--sidebar-width), 85vw);padding:calc(var(--safe-top) + var(--space-4)) var(--space-3) var(--safe-bottom);background:var(--color-sidebar);border-right:1px solid var(--color-border);box-shadow:var(--shadow-sheet);overscroll-behavior:contain;position:fixed;top:0;bottom:0;left:0;overflow:auto}.sidebar-overlay__panel:focus{outline:none}@media (prefers-reduced-motion:no-preference){.sidebar-overlay__panel{animation:slide-in var(--duration-base) ease-out}}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.session-screen{justify-content:center;align-items:center;gap:var(--space-4);min-height:100dvh;padding:calc(var(--safe-top) + var(--space-5)) var(--space-5) calc(var(--safe-bottom) + var(--space-5));text-align:center;flex-direction:column;display:flex}.session-screen__brand{align-items:center;gap:var(--space-3);font-size:var(--text-heading);letter-spacing:-.01em;font-weight:700;display:flex}.session-screen__mark{border-radius:var(--radius-md);background:var(--color-accent);width:44px;height:44px;color:var(--color-on-accent);font-size:var(--text-heading);place-items:center;display:inline-grid}.settings{gap:var(--space-5);flex-direction:column;max-width:560px;display:flex}.settings__group{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.settings__group legend{margin-bottom:var(--space-2);font-weight:600}.settings__option{align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);display:flex}.settings__select{min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--color-text)}.form-error{color:var(--color-danger)}