/* Little Days 2.0 — a quiet home for growing memories. */
.post-video{background:#29352e}.video-placeholder{display:block;width:100%;height:100%;background:linear-gradient(145deg,#637e6c,#2a3b32)}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#15271b77;color:#fff;pointer-events:none;backdrop-filter:blur(4px)}.video-play .icon{width:19px;height:19px;fill:#fff;stroke-width:1}.video-duration{position:absolute;right:7px;bottom:7px;color:#fff;background:#14251c99;border-radius:5px;padding:4px 6px;font-size:10px;letter-spacing:.5px}.compose-photo video{width:100%;height:100%;object-fit:cover;background:#29352e}.compose-photo .video-play{width:29px;height:29px}.media-size{position:absolute;bottom:0;left:0;right:0;padding:5px;background:#18302399;color:#fff;font-size:9px;text-align:center;pointer-events:none}.media-help{font-size:10px;line-height:1.9;color:var(--muted);margin:-5px 0 17px}#compose-meter{display:block;width:100%;height:7px;accent-color:var(--green);margin:10px 0 5px;border:0;border-radius:10px;overflow:hidden}#compose-meter[hidden],#compose-cancel[hidden]{display:none}#compose-cancel{font-size:11px;padding:8px 0;color:var(--green)}.viewer-video{max-width:100%;max-height:calc(100dvh - 170px);width:auto;min-width:250px;background:#111}.post-actions button{min-height:36px}
main[data-view="today"]{max-width:1080px}.journal-section{max-width:800px;margin:38px auto 0}.journal-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}.journal-section-heading .eyebrow{font-size:9px;letter-spacing:2px;display:block;margin-bottom:9px}.journal-section-heading h2{font-size:22px;letter-spacing:.5px}.journal-section-heading p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:10px}.journal-total{display:inline-block;vertical-align:middle;font-size:10px;font-weight:400;letter-spacing:0;background:var(--green-soft);color:var(--green);padding:5px 8px;border-radius:7px;margin-left:10px}.journal-write{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--green);padding:12px 15px;border:1px solid var(--line);background:var(--surface);border-radius:12px;white-space:nowrap}.journal-write .icon{width:17px;height:17px}.journal-avatar{display:inline-grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#e3ead7,#e9dfc7);color:#7b8d68;font-size:17px;font-weight:600;flex-shrink:0}.journal-avatar img{width:100%;height:100%;object-fit:cover}.journal-avatar.large{width:88px;height:88px;font-size:34px;box-shadow:0 0 0 5px var(--surface),0 0 0 6px var(--line)}.header-avatar{padding:0!important;border-radius:50%;width:40px;height:40px;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);background:var(--green-soft)}.header-avatar .journal-avatar{width:100%;height:100%;font-size:15px}.journal-compose-shortcut{display:flex;align-items:center;gap:13px;padding:17px 21px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.journal-compose-shortcut>button:first-child{display:flex;flex:1;min-width:0;align-items:center;gap:14px;text-align:left;padding:0}.journal-compose-shortcut>button:first-child>span:last-child{font-size:12px;color:var(--muted);line-height:1.7}.journal-compose-shortcut .icon-button{color:#879a78;background:var(--green-soft);border-radius:12px;width:38px;height:38px}.journal-filters{display:flex;gap:8px;padding:20px 0 18px;overflow-x:auto;scrollbar-width:none}.journal-filters::-webkit-scrollbar{display:none}.journal-filters button{font-size:11px;color:var(--muted);padding:9px 14px;border-radius:25px;white-space:nowrap;flex-shrink:0}.journal-filters button.active{background:var(--green);color:white}.post-list{display:flex;flex-direction:column;gap:20px}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:25px 27px;box-shadow:0 5px 20px #4e644b04;scroll-margin-top:90px}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:19px}.post-heading{flex:1;min-width:0}.post-heading b{font-size:13px;font-weight:600;color:var(--ink);display:block}.post-heading>span{display:block;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.post-heading i{font-style:normal;padding:0 6px;color:#bac3b1}.post-menu-button{align-self:flex-start;color:#9aa58e}.post-text{font-size:14px;line-height:2;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:.2px}.post-text.collapsed{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.post-expand{padding:8px 0 0;color:var(--green);font-size:12px}.post-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:18px;max-width:620px;overflow:hidden;border-radius:12px}.post-photo{padding:0;display:block;overflow:hidden;background:var(--green-soft);aspect-ratio:1;border-radius:5px;position:relative}.post-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.post-photo:hover img{transform:scale(1.035)}.post-photos.count-1{grid-template-columns:minmax(0,1fr);max-width:440px}.post-photos.count-1 .post-photo{aspect-ratio:4/3;max-height:420px}.post-photos.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.post-photos.count-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.post-tags span{font-size:10px;color:#87996d;background:var(--green-soft);padding:5px 9px;border-radius:6px}.post-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.post-footer time{font-size:10px;color:var(--muted);line-height:1.7;flex:1;min-width:0}.post-actions{display:flex;gap:22px}.post-actions button{display:flex;align-items:center;gap:6px;padding:4px 0;color:#8a9682;font-size:10px;white-space:nowrap;min-height:30px}.post-actions .icon{width:17px;height:17px}.post-actions button:hover{color:var(--green)}.post-actions .is-liked{color:#cf8f88}.post-actions .is-liked .icon{fill:#eac1b957;stroke:#ca8b84}.feed-load-more{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:var(--surface);color:var(--green);border-radius:13px;padding:14px 20px;margin:23px auto 0;font-size:12px}.feed-load-more .icon{width:14px;height:14px;transform:rotate(90deg)}.feed-end{text-align:center;font-size:10px;color:#a1ac97;padding:30px 10px 12px;letter-spacing:1px}.journal-empty{border:1px dashed #d8e1d0;background:var(--surface);border-radius:22px;min-height:260px;padding:35px 20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-journal-art{display:grid;place-items:center;width:64px;height:64px;background:var(--green-soft);color:#91a27c;border-radius:22px;transform:rotate(-6deg);margin-bottom:22px}.empty-journal-art .icon{width:30px;height:30px}.journal-empty h3{font-size:16px;color:#798a6c;font-weight:500;line-height:1.8}.journal-empty p{font-size:11px;color:var(--muted);line-height:1.9;margin:10px 0 20px;max-width:320px}.journal-empty>.icon{color:var(--muted);margin-bottom:15px}.journal-empty .button{font-size:11px}.journal-back{margin:0 0 20px}.feed-skeleton{background:var(--surface);border-radius:20px;padding:26px}.feed-skeleton>div{height:15px;margin:12px 0;background:linear-gradient(90deg,var(--line),var(--bg),var(--line));background-size:200% 100%;border-radius:6px;animation:skeleton 1.5s ease infinite}.feed-skeleton>div:first-child{width:40%;height:34px}.feed-skeleton>div:last-child{height:190px}.sidebar-publish{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:white;border-radius:13px;padding:14px;width:100%;font-size:12px;margin-top:25px}.sidebar-publish .icon{width:18px;height:18px}.account-profile{text-align:center;padding:7px 0 26px;border-bottom:1px solid var(--line);margin-bottom:10px}.account-avatar{display:inline-block;position:relative;padding:5px;margin-bottom:15px}.account-avatar>.icon{position:absolute;right:0;bottom:3px;width:26px;height:26px;background:var(--green);color:white;padding:6px;border-radius:50%;box-sizing:border-box}.account-profile h3{font-size:21px;margin-bottom:9px}.account-profile p{font-size:11px;line-height:1.8;color:var(--muted)}.account-profile .text-button{margin-top:8px}.account-menu{display:flex;flex-direction:column}.account-menu>button{display:flex;align-items:center;gap:14px;padding:18px 0;text-align:left;border-bottom:1px solid var(--line);width:100%;min-height:68px}.account-menu>button:last-child{border-bottom:0}.account-menu>button>.icon{color:#8a9d7b;width:21px;height:21px}.account-menu>button>.icon:last-child{width:14px;height:14px;color:#b1bba6}.account-menu>button>div{flex:1}.account-menu b{font-size:13px;font-weight:500;display:block}.account-menu small{font-size:11px;color:var(--muted);display:block;margin-top:7px;line-height:1.7}.account-menu .menu-danger,.account-menu .menu-danger>.icon{color:#b97c7c}.account-menu .menu-danger small{color:#b99c98}.composer-sheet{max-width:560px}.composer-byline{display:flex;align-items:center;gap:12px;margin-bottom:22px}.composer-byline>div{flex:1}.composer-byline b{display:block;font-size:12px;font-weight:500}.composer-byline>div>span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.composer-image-count{font-size:9px;color:var(--muted)}.composer-text{display:block;width:100%;min-height:155px;border:0;resize:vertical;padding:0;background:transparent;color:var(--ink);font-size:15px;line-height:1.9;outline:none!important}.composer-text::placeholder{color:#a3ac9a}.compose-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:9px 0 20px}.compose-photo{aspect-ratio:1;overflow:hidden;position:relative;border-radius:11px;background:var(--line)}.compose-photo img{width:100%;height:100%;object-fit:cover}.compose-photo>button{position:absolute;top:5px;right:5px;background:#26362d88;display:grid;place-items:center;border:1px solid #ffffffaa;color:white;width:24px;height:24px;border-radius:50%;padding:4px}.compose-photo>button .icon{width:13px;height:13px}.compose-photo-add{aspect-ratio:1;background:var(--bg);border:1px dashed #d7dfce;border-radius:11px;color:#91a17d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.compose-photo-add .icon{width:27px;height:27px}.compose-photo-add span{font-size:10px;color:var(--muted)}.compose-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:23px}.compose-tags button{font-size:10px;padding:7px 9px;border-radius:8px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}.compose-tags button.active{background:var(--green-soft);border-color:#b8cba8;color:var(--green)}.composer-metadata{gap:12px}.composer-metadata .field{font-size:10px}.composer-metadata input{font-size:12px;padding:11px 10px}.compose-progress{font-size:11px;color:var(--green);line-height:1.7;margin-top:14px}.compose-progress:empty{display:none}.composer-bottom{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-top:15px}.composer-bottom>span{color:var(--muted);font-size:9px;line-height:1.6}.composer-bottom button{font-size:9px;white-space:nowrap}.photo-failed{position:absolute;bottom:0;left:0;right:0;padding:7px 3px;text-align:center;font-size:9px;color:#fff;background:#b36f6fcc}.avatar-crop-frame{width:236px;height:236px;margin:15px auto 25px;border-radius:50%;box-shadow:0 0 0 10px var(--bg),0 0 0 11px var(--line);overflow:hidden}.avatar-crop-frame canvas{display:block;width:100%;height:100%;touch-action:none;cursor:move;background:var(--line)}.avatar-zoom{display:flex;align-items:center;gap:14px;width:260px;max-width:100%;margin:30px auto;color:var(--muted)}.avatar-zoom input{min-width:0;flex:1;accent-color:var(--green)}.avatar-zoom .icon{width:17px;height:17px}.comments-list{max-height:320px;overflow:auto;margin-bottom:22px;overscroll-behavior:contain}.comments-empty{padding:24px 0;text-align:center;font-size:12px;color:var(--muted);line-height:1.9}.comment-row{display:flex;gap:10px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}.comment-avatar{width:29px;height:29px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:12px;border-radius:50%;flex-shrink:0}.comment-row>div:nth-child(2){flex:1;min-width:0}.comment-row b{font-size:11px;color:var(--green);font-weight:500}.comment-row p{font-size:12px;line-height:1.8;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-row small{font-size:9px;color:var(--muted);display:block;margin-top:7px}.comment-row .icon-button{width:25px;height:25px}.comment-row .icon-button .icon{width:12px;height:12px}#image-viewer{margin:0;padding:0;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#152019fa;color:#fff;overflow:hidden}#image-viewer::backdrop{background:#152019}#image-viewer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:75px 40px 90px}.viewer-toolbar{position:absolute;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#e0e7da;font-size:12px;z-index:1}.viewer-toolbar .icon-button{color:#e0e7da;width:42px;height:42px}.viewer-image{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.viewer-navigation{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:30px;color:#c9d5c0;font-size:11px}.viewer-navigation .icon-button{background:#ffffff12;color:#e8efdf;width:42px;height:42px}.viewer-navigation .icon-button:disabled{opacity:.2;cursor:default}.dark .journal-avatar{background:linear-gradient(135deg,#4d5b40,#5a513b);color:#ced9b8}.dark .post-tags span{color:#a6bd95}.dark .journal-empty{border-color:var(--line)}.dark .composer-text::placeholder{color:#81927b}.dark .post-actions button{color:#a3b197}.dark .post-actions .is-liked{color:#db9b95}.dark .compose-tags button.active{border-color:#647b56}.dark .journal-compose-shortcut .icon-button{color:#a7bd92}.dark .feed-end{color:#7d8e73}
@keyframes skeleton{to{background-position:-200% 0}}
@media(max-width:760px){main[data-view="today"]{padding-bottom:115px}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:9px}.nav-publish{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:0;margin-top:-25px;position:relative}.nav-publish>span{display:grid;place-items:center;width:52px;height:52px;border-radius:19px;background:var(--green);color:#fff;border:5px solid var(--surface);box-shadow:0 4px 15px #3850391a;box-sizing:border-box;width:55px;height:55px}.nav-publish .icon{width:25px;height:25px}.nav-publish small{font-size:8px;color:var(--green);letter-spacing:1px}.bottom-item{font-size:10px;gap:5px;min-height:43px}.bottom-item.active::before{top:-9px}.journal-section{margin-top:27px}.journal-section-heading{gap:10px;margin-bottom:19px}.journal-section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:8px}.journal-section-heading h2{font-size:18px;letter-spacing:.3px}.journal-section-heading p{font-size:10px;margin-top:9px;max-width:240px}.journal-total{font-size:8px;padding:4px 6px;margin-left:6px}.journal-write{padding:9px 10px;border-radius:10px;font-size:10px;gap:5px;min-width:36px}.journal-write span{display:none}.journal-write .icon{width:17px;height:17px}.journal-compose-shortcut{padding:14px;border-radius:16px;gap:8px}.journal-compose-shortcut>button:first-child{gap:10px}.journal-compose-shortcut>button:first-child>span:last-child{font-size:11px}.journal-avatar{width:36px;height:36px;font-size:15px}.journal-compose-shortcut .icon-button{width:32px;height:32px;border-radius:10px}.journal-filters{gap:4px;padding:18px 0 16px}.journal-filters button{font-size:10px;padding:8px 11px}.post-list{gap:15px}.post-card{padding:19px 17px;border-radius:18px}.post-header{gap:10px;margin-bottom:15px}.post-heading b{font-size:12px}.post-heading>span{font-size:9px;margin-top:6px}.post-menu-button{width:25px;height:25px}.post-text{font-size:14px;line-height:1.95;letter-spacing:0}.post-expand{font-size:11px}.post-photos{gap:4px;margin-top:15px;border-radius:9px}.post-photo{border-radius:3px}.post-photos.count-1{max-width:100%}.post-photos.count-1 .post-photo{aspect-ratio:1.1;max-height:350px}.post-tags{gap:6px;margin-top:13px}.post-tags span{font-size:9px;padding:4px 7px}.post-footer{gap:8px;padding-top:13px;margin-top:16px;align-items:center;flex-wrap:wrap}.post-footer time{font-size:9px;min-width:45px}.post-actions{gap:15px}.post-actions button{font-size:9px;gap:4px;min-height:30px}.post-actions .icon{width:16px;height:16px}.feed-end{font-size:9px;padding:25px 0;letter-spacing:.3px}.feed-load-more{font-size:11px;padding:13px 18px}.journal-empty{padding:30px 17px;border-radius:18px;min-height:245px}.journal-empty h3{font-size:14px}.journal-empty p{font-size:11px;max-width:245px}.journal-empty .button{font-size:11px}.header-avatar{width:36px!important;height:36px!important}.header-avatar .journal-avatar{font-size:14px}.account-profile{padding:4px 0 21px}.account-profile h3{font-size:21px}.account-menu>button{padding:17px 0}.account-menu b{font-size:13px}.account-menu small{font-size:11px}.composer-sheet{max-width:none;padding-left:23px;padding-right:23px}.composer-byline{gap:10px;margin-bottom:20px}.composer-text{font-size:16px;line-height:1.9;min-height:145px}.composer-byline b{font-size:12px}.composer-byline>div>span{font-size:10px}.compose-photo-grid{gap:8px}.compose-photo{border-radius:9px}.compose-photo-add{border-radius:9px}.compose-tags{gap:6px}.compose-tags button{font-size:10px;padding:7px 9px}.composer-metadata{grid-template-columns:1fr}.composer-metadata .field{font-size:11px}.composer-metadata input{font-size:16px;padding:12px}.composer-bottom>span{font-size:9px;max-width:210px}.account-menu>button>.icon{width:20px;height:20px}.comments-list{max-height:250px}.comment-row p{font-size:13px}.comment-row b{font-size:12px}.avatar-crop-frame{width:220px;height:220px}.viewer-toolbar{padding:0 14px}.viewer-navigation{bottom:calc(20px + env(safe-area-inset-bottom));gap:25px;font-size:10px}#image-viewer-content{padding:70px 0 90px}.viewer-image{border-radius:0}.feed-skeleton{padding:20px}.feed-skeleton>div:last-child{height:160px}.hero+.journal-section{margin-top:26px}}
@media(max-width:370px){.post-card{padding:17px 14px}.post-actions{gap:11px}.post-actions button{font-size:8px}.journal-filters button{padding:8px 9px;font-size:9px}.journal-section-heading h2{font-size:16px}.journal-section-heading p{font-size:9px}.journal-compose-shortcut>button:first-child>span:last-child{font-size:10px}.journal-total{font-size:8px;margin-left:5px}.post-heading>span{font-size:8px}.nav-publish>span{width:53px;height:53px}.composer-sheet{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.feed-skeleton>div,.post-photo img{animation:none!important;transition:none!important}}

.journal-section{scroll-margin-top:90px}.journal-archive-tools{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:10px;margin:0 0 20px}.journal-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--surface);min-width:0}.journal-search>.icon{width:16px;height:16px;color:var(--muted);flex-shrink:0}.journal-search input{width:100%;min-width:0;background:none;border:0;color:var(--ink);font-size:12px;padding:13px 0;outline:none}.journal-search button{font-size:11px;color:var(--green);white-space:nowrap;padding:8px 0}.journal-archive-tools select{width:100%;min-width:0;font-size:11px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);color:var(--ink)}.feed-result-hint{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:-4px 0 17px;font-size:11px;color:var(--muted)}.feed-result-hint>span{overflow-wrap:anywhere}.feed-month{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;letter-spacing:1px;padding:7px 3px 0}.feed-month i{height:1px;background:var(--line);flex:1}.feed-updates{display:block;width:100%;padding:12px;border-radius:12px;background:var(--green-soft);border:1px solid var(--line);color:var(--green);font-size:12px;margin:0 0 16px}.feed-load-error{text-align:center;color:var(--muted);font-size:11px;margin-top:18px;line-height:1.8}
@media(max-width:700px){.journal-archive-tools{grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:17px}.journal-search input{font-size:16px;padding:12px 0}.journal-archive-tools select{font-size:12px;padding:11px}.feed-month{font-size:10px;padding-top:4px}.feed-result-hint{font-size:10px}.feed-updates{font-size:11px}.journal-search button{font-size:11px}}

.storage-summary{text-align:center;padding:18px 10px 25px}.storage-summary>.icon{width:32px;height:32px;color:var(--green);margin-bottom:15px}.storage-summary h3{font-size:17px}.storage-summary p{font-size:12px;color:var(--muted);line-height:1.9;margin:12px auto 0;max-width:330px}.storage-facts>p{display:flex;gap:20px;justify-content:space-between;line-height:1.8;padding:15px 0;border-top:1px solid var(--line);font-size:11px}.storage-facts>p>b{font-weight:500;white-space:nowrap}.storage-facts>p>span{color:var(--muted);text-align:right}