#allView{padding-top:28px;padding-bottom:80px;animation:all-view-fade .2s ease both}.all-view-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 23px}.all-view-heading h1{font:500 22px var(--sans);margin:0;color:var(--ink)}.all-total{font:400 13px var(--sans);color:var(--ink-3)}.all-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.all-toolbar .category-filters{max-width:calc(100% - 220px)}.all-search{display:flex;align-items:center;gap:10px;color:var(--ink-3);flex:none}.all-search input{border:0;background:none;color:var(--ink);font:400 13px var(--sans);width:180px;outline:0}.all-search input::placeholder{color:var(--ink-3)}.all-search-toggle{display:none}.all-month{margin-bottom:38px}.all-month>h2{display:flex;align-items:baseline;gap:12px;font:500 17px var(--sans);color:var(--ink-2);margin:0 0 20px}.all-month>h2 small{font:400 12px var(--sans);color:var(--ink-3)}.all-month-grid{display:grid;grid-template-columns:repeat(var(--all-columns,5),minmax(0,1fr));gap:var(--all-gap,28px);align-items:start}.all-column{min-width:0;display:flex;flex-direction:column;gap:28px}.all-note{--text:var(--ink,#2a2925);--sub:var(--ink-3,#8c897f);--rule:var(--line,#d9d5cc);position:relative;min-width:0;width:100%;padding:15px 15px 12px;border-radius:2px;background:var(--paper);color:var(--text);box-shadow:var(--shadow-paper);--all-height-limit:520px;overflow:hidden;cursor:grab;transition:opacity .2s,box-shadow .2s}.all-note.is-dark{--paper:#23221f;--text:#f3f2ee;--sub:#a9a79f;--rule:#3e3d39}.all-note-head{display:flex;justify-content:space-between;gap:6px;align-items:center;position:relative;min-height:18px}.all-note-head>.source{min-width:0;max-width:100%;font:400 11px var(--sans);color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;gap:5px;flex:1}.all-note-head .source-logo,.all-note-head .source-logo img,.all-note-head .source-logo svg{width:14px!important;height:14px!important}.all-note-head .note-actions{position:absolute;right:0;top:-3px;display:flex;opacity:0;transform:translateX(8px);background:var(--paper);transition:opacity .2s,transform .2s;padding-left:5px;gap:2px}.all-note:hover .note-actions,.all-note:focus-within .note-actions{opacity:1;transform:translateX(0)}.all-note .note-action{display:grid;place-items:center;width:24px;height:24px;padding:0;background:transparent;border:0;color:var(--sub);border-radius:6px}.all-note .note-action:hover{background:#2a292509;color:var(--text)}.all-note.is-dark .note-action:hover{background:#ffffff1a}.all-card-cover{position:relative;width:100%;margin-top:10px;overflow:hidden;border-radius:4px;flex:none;background:#2a29250a}.all-card-cover>.note-art,.all-card-cover>.journal-photo{height:100%!important;width:100%;margin:0!important;border-radius:4px;padding:0;display:block;aspect-ratio:auto!important;position:relative;background:transparent}.all-card-cover img,.all-card-cover video,.all-card-cover .note-image-frame{width:100%;height:100%;display:block;object-fit:cover}.all-card-cover .note-image-frame{aspect-ratio:auto!important}.all-card-cover svg{max-width:100%;max-height:100%}.all-note-title{margin-top:10px}.all-note-title .open-note{font:500 14px/20px var(--sans)!important;color:var(--text);padding:0;background:none;border:0;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-decoration:none;max-height:60px;overflow-wrap:anywhere}.all-note-title .open-note:hover{text-decoration:underline;text-underline-offset:3px}.all-note-author{font:400 11px/17px var(--sans);color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.all-note-reflection{font:400 13px/21px var(--sans);color:var(--sub);padding-top:10px;margin-top:10px;border-top:1px solid var(--rule);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;max-height:95px}.all-note-body{font:400 13px/21px var(--sans);color:var(--text);display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;max-height:168px}.all-note-date{font:400 10px/16px var(--sans);color:var(--sub);margin-top:11px;padding-right:18px}.all-note>.note-share-corner{position:absolute;right:0;bottom:0}.all-note .note-category-tags{margin-top:9px}.all-empty{text-align:center;padding:100px 16px;color:var(--ink-3)}.all-empty h2{font:400 15px var(--sans);margin:0 0 8px;color:var(--ink-2)}.all-empty p{font:400 12px var(--sans);margin:0}
@keyframes all-view-fade{from{opacity:0}to{opacity:1}}
@media(max-width:700px){#allView{padding-top:20px;padding-bottom:60px}.all-view-heading{margin-bottom:18px;gap:9px}.all-view-heading h1{font-size:20px}.all-total{font-size:12px}.all-search-toggle{display:grid;place-items:center;margin-left:auto;border:0;background:none;color:var(--ink-3);padding:5px}.all-toolbar{display:block;margin-bottom:26px}.all-toolbar .category-filters{max-width:100%}.all-search{display:none;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#2a292508}.all-search input{width:100%;font-size:12px}.search-open .all-search{display:flex}.all-month>h2{font-size:15px;margin-bottom:15px;gap:9px}.all-month>h2 small{font-size:11px}.all-column{gap:16px}.all-month{margin-bottom:28px}.all-note{padding:12px 11px 10px;--all-height-limit:400px}.all-note-head>.source{font-size:9px;line-height:14px}.all-note-title .open-note{font-size:13px!important;line-height:19px!important;max-height:57px}.all-note-author{font-size:10px;line-height:15px}.all-note-reflection{font-size:12px;line-height:19px;-webkit-line-clamp:3;max-height:68px;margin-top:8px;padding-top:8px}.all-note-body{font-size:12px;line-height:20px;-webkit-line-clamp:6;max-height:120px}.all-note-date{font-size:9px;margin-top:9px}.all-note .note-category-tags{gap:3px;font-size:9px}.all-note .note-category-tags>span{padding:2px 5px}.all-card-cover{margin-top:8px}.all-month-grid{gap:12px}.all-note-head .note-actions{display:none}}
@media(prefers-reduced-motion:reduce){#allView{animation:none}.all-note-head .note-actions,.all-note{transition:none}}

.all-note:hover .note-actions,.all-note:focus-within .note-actions,.all-note:hover .note-actions .note-action,.all-note:focus-within .note-actions .note-action{pointer-events:auto}

.all-note-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Claude 2026-11-08: the filter strip sits exactly where the desk's strip is; no extra page title */
@media(min-width:701px){#allView{padding-top:16px}.all-view-heading{display:none}}

/* 2026-11-11 Claude: one continuous masonry (no month headings) and live input/output stats beside search. */
.all-continuous{margin-bottom:38px}
/* First row lines up with the desk's first row of notes. */
@media(min-width:701px){.all-continuous{padding-top:19px}}
.all-toolbar-end{display:flex;align-items:center;gap:22px;flex:none;min-width:0}
.all-stats{display:flex;align-items:baseline;gap:26px;padding-left:22px;border-left:1px solid var(--line,#d9d5cc);white-space:nowrap}
.all-stat{display:inline-flex;align-items:baseline;gap:7px;color:var(--ink-3,#8c897f);font:400 12px var(--sans)}
.all-stat strong{font:500 26px/1 var(--sans);color:var(--ink,#2a2925);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.all-stat-unit{font-size:11px}
@media(max-width:1100px){.all-stats{gap:18px;padding-left:16px}.all-stat strong{font-size:21px}}
@media(max-width:700px){.all-view-heading .all-total{display:none}.all-toolbar-end{display:block}.all-stats{justify-content:flex-start;gap:20px;margin-top:14px;padding-left:0;border-left:0}.all-stat strong{font-size:19px}}

/* Continuity (2026-11-11): leaving cards fade at their old spot inside the masonry. */
.all-groups{position:relative}