:root{--color-bg: #F8F5F0;--color-text: #1A1A1A;--color-text-secondary: #8A8075;--color-surface: #F0EDE8;--color-surface-raised: #EAE6E0;--color-border: #E2DDD8;--color-accent: #C4832A;--color-accent-muted: #E8D5B0;--color-accent-text: #8A5010;--color-danger: #C0392B;--color-danger-muted: #FDECEA;--font-body: "iA Writer Duo S", "Courier New", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.3;--leading-normal: 1.6;--leading-loose: 1.85;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--measure: 680px;--nav-height: 64px;--header-height: 52px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: .28s ease-out;--transition-slow: .45s ease-out;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04)}[data-theme=dark]{--color-bg: #161412;--color-text: #E8E4DF;--color-text-secondary: #7A7268;--color-surface: #201D1A;--color-surface-raised: #2A2622;--color-border: #302C28;--color-accent: #D4923A;--color-accent-muted: #3A2A14;--color-accent-text: #D4923A;--color-danger: #E05545;--color-danger-muted: #2A1210;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 6px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100%;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{height:100%;min-height:100dvh}::selection{background-color:var(--color-accent-muted);color:var(--color-text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:var(--font-ui);font-size:var(--text-base);cursor:pointer;border:none;background:none;color:inherit;line-height:1;transition:opacity var(--transition)}button:active{opacity:.75}.app{display:flex;flex-direction:column;height:100dvh;max-width:var(--measure);margin:0 auto;position:relative}.app__main{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.app-loading{display:flex;align-items:center;justify-content:center;height:100dvh;background:var(--color-bg)}.app-loading__logo{font-family:Georgia,serif;font-size:4rem;font-weight:700;color:var(--color-accent);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.folder-setup{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-8);background:var(--color-bg)}.folder-setup__inner{text-align:center;max-width:380px}.folder-setup__logo{font-family:Georgia,serif;font-size:4rem;font-weight:700;color:var(--color-accent);margin-bottom:var(--space-4)}.folder-setup__title{font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-6)}.folder-setup__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-loose);margin-bottom:var(--space-4)}.folder-setup__button{display:inline-block;margin-top:var(--space-6);padding:var(--space-4) var(--space-8);background:var(--color-accent);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;transition:background var(--transition)}.folder-setup__button:hover{background:var(--color-accent-text)}.bottom-nav{display:flex;border-top:1px solid var(--color-border);background:var(--color-bg);height:var(--nav-height);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0);transition:opacity .5s ease}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--color-text-secondary);transition:color var(--transition);padding:var(--space-2) 0}.bottom-nav__tab--active{color:var(--color-accent)}.bottom-nav__label{font-size:var(--text-xs);font-weight:500;letter-spacing:.02em}.write-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.write-view__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:opacity .5s ease;flex-shrink:0;min-height:var(--header-height)}.write-view__date{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary)}.write-view__status{display:flex;align-items:center;gap:var(--space-2)}.write-view__saving{font-size:var(--text-xs);color:var(--color-text-secondary)}.write-view__error{font-size:var(--text-sm);color:var(--color-danger);font-weight:700;cursor:help}.write-view__done{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.write-area{flex:1;position:relative;overflow:hidden}.write-area__render{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-6) var(--space-5);font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-text);white-space:pre-wrap;word-break:break-word;overflow:hidden;pointer-events:none}.write-area__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--space-6) var(--space-5);border:none;outline:none;resize:none;background:transparent;font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-loose);color:transparent;caret-color:var(--color-text);overflow-y:auto;overflow-x:hidden}.write-area__input::placeholder{color:var(--color-text-secondary);opacity:.5}.md-mark{color:var(--color-text-secondary);opacity:.35;font-weight:400;font-style:normal}.md-heading{font-weight:700;color:var(--color-accent)}.write-view__footer{flex-shrink:0;display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.timeline-view{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.timeline-view__header{display:flex;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:var(--header-height)}.timeline-view__title{flex:1;font-size:var(--text-lg);font-weight:600}.timeline-view__refresh{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);padding:var(--space-2);border-radius:var(--radius-sm)}.timeline-view__fab{position:absolute;bottom:calc(var(--nav-height) + var(--space-5));right:var(--space-5);width:52px;height:52px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #c4832a73;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);z-index:10}.timeline-view__fab:hover{background:var(--color-accent-text);box-shadow:0 6px 18px #c4832a80}.timeline-view__fab:active{transform:scale(.94);box-shadow:0 2px 8px #c4832a59}.timeline-view__list{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.timeline-view__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-secondary);padding:var(--space-8);text-align:center}.timeline-view__new-btn{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border-radius:var(--radius-lg);font-weight:600}.entry-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--transition),transform var(--transition);border:1px solid transparent}.entry-card:hover{background:var(--color-surface-raised)}.entry-card:active{transform:scale(.99)}.entry-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.entry-card__date{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.entry-card__badge{display:flex;align-items:center;color:var(--color-text-secondary)}.entry-card__badge svg{width:15px;height:15px}.entry-card__preview{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.entry-card__preview--empty{color:var(--color-text-secondary);font-style:italic}.entry-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.entry-view__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:var(--header-height)}.entry-view__back{font-size:var(--text-xl);color:var(--color-accent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0}.entry-view__date{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.entry-view__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.entry-view__saving{font-size:var(--text-xs);color:var(--color-text-secondary)}.entry-view__error-badge{font-size:var(--text-sm);color:var(--color-danger);font-weight:700}.entry-view__action-btn{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.entry-view__body{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-5)}.entry-view__body--editing{display:flex;flex-direction:column;overflow:hidden;padding:0}.entry-view__textarea{width:100%;height:100%;border:none;outline:none;resize:none;background:transparent;font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-text);caret-color:var(--color-accent)}.entry-view__photo-section{flex-shrink:0;display:flex;flex-direction:column}.entry-view__photo-toolbar{display:flex;align-items:center;padding:var(--space-2) var(--space-4) var(--space-1)}.entry-view__footer{flex-shrink:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.entry-view__delete-trigger{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition)}.entry-view__delete-trigger:hover{color:var(--color-danger)}.entry-view__delete-confirm{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.entry-view__delete-msg{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary)}.entry-view__delete-btn{font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.entry-view__delete-btn--danger{background:var(--color-danger);color:#fff}.entry-view__loading,.entry-view__error{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--text-base)}.photo-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) var(--space-4);flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.photo-strip::-webkit-scrollbar{display:none}.photo-strip--entry{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.photo-strip__item{position:relative;flex-shrink:0;border:none;background:none;padding:0;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden}.photo-strip__item--pending{opacity:.7}.photo-strip__thumb{width:80px;height:80px;object-fit:cover;display:block;border-radius:var(--radius-lg)}.photo-strip__pending-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-accent);border-radius:50%;border:1.5px solid var(--color-bg)}.photo-strip__remove{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition);padding:0}.photo-strip__item:hover .photo-strip__remove,.photo-strip__item:focus-within .photo-strip__remove{opacity:1}@media (hover: none){.photo-strip__remove{opacity:1}}.exif-prompt{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap}.exif-prompt__text{flex:1;font-size:var(--text-sm);color:var(--color-text);min-width:180px}.exif-prompt__btn{font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text)}.exif-prompt__btn--yes{background:var(--color-accent);color:#fff}.write-view__photo-toolbar{display:flex;align-items:center;padding:var(--space-2) var(--space-4) var(--space-3)}.photo-add-btn{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);transition:opacity .5s ease,background var(--transition),color var(--transition)}.photo-add-btn:hover{background:var(--color-surface-raised);color:var(--color-text)}.photo-add-btn__icon{width:18px;height:18px;flex-shrink:0}.photo-add-btn__label{font-weight:500}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;cursor:zoom-out}.lightbox__img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg)}.reverie-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.reverie-view--slideshow{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.reverie-view__title{font-size:var(--text-lg);font-weight:600}.reverie-view__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;gap:var(--space-4)}.reverie-view__message{font-size:var(--text-base);color:var(--color-text)}.reverie-view__submessage{font-size:var(--text-sm);color:var(--color-text-secondary)}.reverie-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-6);gap:var(--space-3);opacity:0;transition:opacity .45s ease-out}.reverie-slide--visible{opacity:1}.reverie-slide__year{font-size:var(--text-sm);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em}.reverie-slide__date{font-size:var(--text-sm);color:var(--color-text-secondary)}.reverie-slide__photo-wrap{margin:var(--space-3) 0}.reverie-photo{width:100%;max-height:240px;object-fit:cover;border-radius:var(--radius-lg);display:block}.reverie-slide__preview{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.reverie-dots{position:absolute;bottom:var(--space-5);left:0;right:0;display:flex;justify-content:center;gap:var(--space-2)}.reverie-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);transition:background var(--transition)}.reverie-dot--active{background:var(--color-accent)}.settings-view{display:flex;flex-direction:column;height:100%;overflow-y:auto}.settings-view__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.settings-view__title{font-size:var(--text-lg);font-weight:600}.settings-section{padding:var(--space-5);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.settings-section__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.settings-section__value{font-size:var(--text-base);color:var(--color-text)}.settings-section__detail{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.settings-section__btn{align-self:flex-start;font-size:var(--text-sm);color:var(--color-accent);font-weight:500;padding:var(--space-2) 0}.settings-section__code{font-family:var(--font-mono, "Menlo", "Consolas", monospace);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-raised);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);align-self:flex-start;word-break:break-all}.appearance-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.appearance-toggle__btn{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border-right:1px solid var(--color-border);transition:background var(--transition),color var(--transition)}.appearance-toggle__btn:last-child{border-right:none}.appearance-toggle__btn--active{background:var(--color-accent);color:#fff}[data-write-chrome-hidden] .write-view__header{opacity:0}[data-write-chrome-hidden] .bottom-nav{opacity:0;pointer-events:none}[data-write-chrome-hidden] .write-view__footer .photo-add-btn{opacity:.15}[data-write-chrome-hidden] .write-area__input{scrollbar-width:none}[data-write-chrome-hidden] .write-area__input::-webkit-scrollbar{display:none}.write-area__input{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}@font-face{font-family:iA Writer Duo S;src:url(/fonts/iAWriterDuoS-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:iA Writer Duo S;src:url(/fonts/iAWriterDuoS-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:iA Writer Duo S;src:url(/fonts/iAWriterDuoS-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:iA Writer Duo S;src:url(/fonts/iAWriterDuoS-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}.prose{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-text);max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.prose p{margin-bottom:1em}.prose p:last-child{margin-bottom:0}.prose strong,.prose b{font-weight:700}.prose em,.prose i{font-style:italic}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-ui);font-weight:600;line-height:var(--leading-tight);color:var(--color-text);margin-top:1.5em;margin-bottom:.5em}.prose h1{font-size:var(--text-xl)}.prose h2{font-size:var(--text-lg)}.prose h3{font-size:var(--text-base)}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1em}.prose li{margin-bottom:.25em}.prose blockquote{border-left:3px solid var(--color-accent-muted);padding-left:1em;color:var(--color-text-secondary);font-style:italic;margin:1em 0}.prose code{font-family:var(--font-body);font-size:.9em;background:var(--color-surface);padding:.1em .3em;border-radius:var(--radius-sm)}.prose pre{background:var(--color-surface);padding:1em;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1em}.prose pre code{background:none;padding:0}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}