.journal-page{padding-bottom:15px;overflow-wrap:anywhere}.journal-page .page-heading{padding-bottom:18px}.journal-page .page-heading h1{font-size:40px}
.echo-letter{display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;padding:25px 0 27px;margin:0 0 32px;border-top:1px solid #d4dcc8;border-bottom:1px solid #d4dcc8}
.echo-letter-label{color:#869775;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:5px}.echo-letter-label>span{font:12px var(--serif);letter-spacing:2px}.echo-letter-label small{font:8px Georgia;letter-spacing:1.5px;color:#a0a78e}.echo-letter-label svg{margin-bottom:3px}
.echo-letter-copy{min-width:0}.echo-letter blockquote{font:23px/1.9 var(--serif);letter-spacing:.5px;color:#586c50;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.echo-letter-meta{font:10px/1.9 var(--sans);color:#98a08b;margin:8px 0 13px}.echo-letter-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.echo-letter-actions button{font-size:10px}.echo-write{border-bottom:1px solid #bdc9ab;color:#557449;padding:4px 0;display:inline-flex;align-items:center;gap:6px}.echo-shuffle{margin-left:auto}
.journal-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.journal-tools .filters{flex-wrap:wrap}.journal-tools .filter{font-size:10px;padding:8px 12px}.journal-tools .search-field{min-width:185px}.journal-tools .search-field input{width:150px}.journal-book-filter{font-size:11px;color:#879477;margin:-7px 0 18px;display:flex;gap:12px;align-items:center}.journal-book-filter button{text-decoration:underline}
.journal-book{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);background:#eeefe3;border:1px solid #d8decb;border-radius:4px 8px 8px 4px;box-shadow:0 10px 25px #5763430b,inset 0 0 0 4px #f6f5eb;min-height:610px}
.journal-index{padding:28px 20px 25px;background:linear-gradient(90deg,#e9ecdf88,#f0f0e680);border-right:1px solid #cfd6c0;min-width:0;position:relative}.journal-index:after{content:"";position:absolute;top:0;bottom:0;right:-10px;width:10px;background:linear-gradient(90deg,#65744c0d,transparent);pointer-events:none;z-index:1}.journal-index-title{padding:0 8px 21px;border-bottom:1px solid #d8ddcd}.journal-index-title>span{font:8px Georgia;letter-spacing:2px;color:#a1a88f}.journal-index-title h2{font:22px/1.5 var(--serif);letter-spacing:2px;font-weight:400;color:#64785a;margin:8px 0 4px}.journal-index-title small{font-size:9px;color:#9aa48a}
.journal-entry-list{margin:0 0 19px}.journal-entry{display:block;text-align:left;width:100%;position:relative;padding:16px 9px;border-bottom:1px solid #dce0d2;transition:background .2s;color:#849077;min-width:0}.journal-entry.active{background:#dce4d060}.journal-entry.active:before{content:"";position:absolute;left:-20px;top:12px;bottom:12px;width:3px;background:#899e76}.journal-entry-date{display:block;font:9px Georgia;letter-spacing:1px;color:#a1a98f;margin-bottom:7px}.journal-entry strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:13px/1.85 var(--serif);font-weight:400;color:#7d8c70;overflow-wrap:anywhere}.journal-entry.active strong{color:#405e3d}.journal-entry small{display:block;font-size:8px;line-height:1.8;color:#a0a88f;margin-top:6px}.journal-entry:hover{background:#e0e6d55c}.journal-index>.text-button{font-size:10px}.journal-index-empty{font:12px/2 var(--serif);color:#9aa68b;padding:24px 8px}
.journal-sheet{position:relative;min-width:0;padding:29px clamp(25px,4vw,60px) 28px;background:linear-gradient(90deg,#dedfd31c,transparent 4%,#ffffff30 97%,#cdd1bd25),#faf9f0;outline-offset:4px;border-radius:0 8px 8px 0;animation:journal-open .3s ease-out}
.journal-sheet-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #e0e3d5;color:#a4ab94;font:8px/1.8 Georgia,var(--serif);letter-spacing:1.5px}.journal-sheet-top>span:last-child{font:9px/1.8 var(--sans);letter-spacing:.5px;white-space:nowrap}.journal-bookmark{position:absolute;top:0;right:41px;width:15px;height:46px;background:#b4c0a3a6;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);box-shadow:1px 1px 1px #75866422;opacity:.7}.journal-entry-heading{margin:29px 0 24px}.journal-kind{font-size:9px;letter-spacing:1px;color:#a2ab91}.journal-entry-heading h2{font:28px/1.65 var(--serif);letter-spacing:1px;font-weight:400;color:#4f6849;margin:9px 0 7px;overflow-wrap:anywhere}.journal-entry-heading>p{font:10px/1.8 var(--sans);color:#9ca68c}
.journal-source{padding:12px 0 13px 17px;border-left:2px solid #cbd5bd;margin:0 0 25px;color:#95a187}.journal-source small{font-size:8px;letter-spacing:1px;color:#adb49d}.journal-source blockquote{font:14px/2 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.journal-prose{color:#6d7e61;font:15px/2.3 var(--serif);letter-spacing:.4px;overflow-wrap:anywhere}.journal-prose p{white-space:pre-wrap}.journal-lead{font-size:20px;line-height:2.1;color:#536c4c;margin-bottom:24px}.journal-reflection{padding:16px 0 20px;background:repeating-linear-gradient(transparent 0,transparent 33.5px,#dbe2ce70 34px,transparent 34.5px);background-position:0 43px}.journal-reflection>span{display:block;font:8px/1.8 var(--sans);letter-spacing:2px;color:#acb49b;margin-bottom:11px}.journal-reflection p{line-height:34.5px}
.journal-action{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:16px 0;border-top:1px dashed #d5ddc8;border-bottom:1px dashed #d5ddc8;color:#81966c;font:13px/1.9 var(--serif);margin:18px 0 10px;overflow-wrap:anywhere}.journal-action>svg{flex-shrink:0;margin-top:5px}.journal-action>span{min-width:0}.journal-action small{display:block;font:9px/1.9 var(--sans);color:#a2ae91;margin-bottom:4px}.journal-action.done{color:#ab9260}.journal-action.done small{color:#b3a37c}
.journal-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;margin-top:23px;border-top:1px solid #dfe4d2}.journal-sheet-footer>div{display:flex;gap:18px}.journal-sheet-footer .text-button{font-size:9px;color:#97a186}.journal-sheet-footer [aria-pressed="true"]{color:#b59c65}.journal-continue{display:flex;align-items:center;gap:7px;font:12px var(--serif);color:#627f50;padding:8px 0}.journal-blank{padding:67px 0 80px;text-align:center;color:#9aa78d}.journal-blank>span{font:8px Georgia;letter-spacing:2px}.journal-blank>svg{display:block;margin:38px auto 20px;opacity:.6}.journal-blank h2{font:25px/1.8 var(--serif);font-weight:400;color:#7b906e}.journal-blank p{font:13px/2.1 var(--serif);margin:15px 0 25px}
.journal-home-list{border-top:1px solid #cfd8c0}.journal-home-entry{display:grid;grid-template-columns:70px minmax(0,1fr) 20px;gap:22px;width:100%;text-align:left;padding:22px 5px 22px 0;border-bottom:1px solid #dce2d0;align-items:start}.journal-home-date{font:14px/1.8 Georgia;color:#a2ad93;padding-top:6px}.journal-home-entry h3{font:20px/1.8 var(--serif);font-weight:400;color:#637b57;margin-bottom:5px;overflow-wrap:anywhere}.journal-home-entry p{font:12px/2 var(--serif);color:#95a187;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-home-entry small{font-size:8px;color:#a9b198;display:block;margin-top:8px}.journal-home-entry>svg{margin-top:10px;color:#9baa8a}.journal-home-entry:hover h3{color:#3e653b}
.thought-editor{background:#faf9f0}.thought-editor textarea[name="quote"]{font:17px/34px var(--serif);color:#526c4b;background:repeating-linear-gradient(transparent 0,transparent 33px,#dce3cf80 33.5px,transparent 34px);background-origin:content-box;min-height:240px}.thought-editor #note-source-label textarea{font:13px/1.9 var(--serif);color:#97a386}
.journal-home-entry h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@keyframes journal-open{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.journal-book{grid-template-columns:170px minmax(0,1fr)}.journal-index{padding-left:15px;padding-right:15px}.journal-entry.active:before{left:-15px}.journal-sheet{padding:25px 26px}.journal-entry-heading h2{font-size:25px}.journal-sheet-top{flex-wrap:wrap;gap:6px}.journal-bookmark{right:22px;opacity:.4}.journal-page .page-heading h1{font-size:34px}.echo-letter{grid-template-columns:85px minmax(0,1fr);gap:20px}.echo-letter blockquote{font-size:21px}.journal-tools .search-field{min-width:170px}}
@media(max-width:680px){.journal-page .page-heading{gap:16px;align-items:flex-start}.journal-page .page-heading h1{font-size:32px}.journal-page .page-heading>.button{padding:9px 12px;font-size:10px}.echo-letter{grid-template-columns:1fr;gap:13px;padding:20px 0;margin-bottom:25px}.echo-letter-label{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0}.echo-letter-label svg{width:15px;height:15px;margin:0}.echo-letter-label small{margin-left:auto}.echo-letter blockquote{font-size:21px}.echo-letter-actions{gap:12px}.echo-shuffle{margin-left:0}.journal-tools{display:block}.journal-tools .filters{margin-bottom:15px}.journal-tools .search-field{width:100%}.journal-tools .search-field input{width:100%}.journal-book{grid-template-columns:1fr;min-height:0}.journal-index{border-right:0;border-bottom:1px solid #d0d8c1;padding:20px}.journal-index:after{display:none}.journal-index-title{padding:0 0 13px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.journal-index-title h2{font-size:19px;order:-1;margin:0}.journal-index-title>span{display:none}.journal-index-title small{margin-left:auto}.journal-entry-list{display:flex;gap:12px;overflow:auto;padding:13px 0;margin:0;scroll-snap-type:x proximity}.journal-entry{flex:0 0 190px;scroll-snap-align:start;border:0;border-right:1px solid #d7decb;padding:9px 14px 9px 5px}.journal-entry.active:before{left:0;top:9px;bottom:9px;width:2px}.journal-entry.active{background:transparent;padding-left:13px}.journal-index>.text-button{margin-top:4px}.journal-sheet{padding:24px 23px 25px;border-radius:0 0 6px 6px}.journal-entry-heading{margin:25px 0 20px}.journal-entry-heading h2{font-size:25px}.journal-lead{font-size:21px}.journal-sheet-footer{gap:10px}.journal-prose{font-size:15px}.journal-blank{padding:40px 0}.journal-home-entry{grid-template-columns:45px minmax(0,1fr) 15px;gap:13px;padding:18px 0}.journal-home-date{font-size:12px}.journal-home-entry h3{font-size:18px}.journal-home-entry p{font-size:12px}.nav-button{width:25%}}
@media(prefers-reduced-motion:reduce){.journal-sheet{animation:none}.journal-entry{transition:none}}