:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--muted:#767676;--border:#e2e2e2;--accent:#2b6cb0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--fg:#eee;--muted:#999;--border:#2c2c2c;--accent:#5b9bd5}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}input,textarea,button{font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-content{flex:1;padding-bottom:6.5rem;overflow-y:auto}.page{max-width:640px;margin:0 auto;padding:1rem 1rem 2rem}.page h1{margin-bottom:1rem;font-size:1.4rem}.empty-page{color:var(--muted);text-align:center;padding:2rem 1rem}.bottom-nav{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));border:1px solid var(--border);background:var(--bg);z-index:10;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .6rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.bottom-nav a{color:var(--muted);border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .85rem;font-size:.68rem;font-weight:500;display:flex}.bottom-nav a.active{color:var(--accent)}.nav-icon{width:22px;height:22px}.new-entry-button{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 .2rem;display:flex;box-shadow:0 4px 10px #2b6cb066;color:#fff!important}.new-entry-button .nav-icon{width:24px;height:24px}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.login-page form{flex-direction:column;gap:.6rem;width:100%;max-width:320px;display:flex}.login-page input,.login-page button{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:.7rem .8rem}.login-page button{background:var(--accent);color:#fff;border:none;font-weight:600}.error{color:#c0392b;font-size:.9rem}.entry-card{border-bottom:1px solid var(--border);gap:.75rem;padding:.75rem 0;display:flex}.entry-card .media-thumb{object-fit:cover;background:var(--border);border-radius:8px;flex-shrink:0;width:56px;height:56px}.entry-card-date{color:var(--muted);font-size:.8rem}.entry-card-line{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.on-this-day-group h2{color:var(--muted);margin:1.2rem 0 .4rem;font-size:1rem}.search-form{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.search-form input,.search-form button{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:.6rem .7rem}.search-dates{align-items:center;gap:.5rem;display:flex}.search-dates input{flex:1}.entry-editor{flex-direction:column;gap:.8rem;display:flex}.entry-editor label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.entry-editor input,.entry-editor textarea{border:1px solid var(--border);background:var(--bg);color:var(--fg);resize:vertical;border-radius:8px;padding:.6rem .7rem}.template-sections{flex-direction:column;gap:1rem;display:flex}.template-section{flex-direction:column;gap:.4rem;display:flex}.section-heading{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:color-mix(in srgb, var(--border) 60%, transparent);border-radius:999px;align-self:flex-start;padding:.35rem .8rem;font-size:.75rem;font-weight:700}.next-section-button{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:none;border-radius:999px;align-self:flex-start;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.link-button{color:var(--accent);text-align:left;background:0 0;border:none;align-self:flex-start;padding:0}.attach-button{border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.5rem .9rem;display:inline-block}.media-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin-top:.6rem;display:grid}.media-grid-item{aspect-ratio:1;position:relative}.media-grid-item img,.media-grid-item video,.media-grid-item .media-thumb{object-fit:cover;border-radius:8px;width:100%;height:100%}.media-grid-item button{color:#fff;background:#0009;border:none;border-radius:50%;width:22px;height:22px;line-height:1;position:absolute;top:4px;right:4px}.save-button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.8rem;font-weight:600}.entry-detail-header{margin-bottom:1rem}.entry-detail-date{font-weight:600}.entry-detail-location{color:var(--muted);font-size:.9rem}.entry-detail-media{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.media-thumb.full{object-fit:contain;border-radius:8px;width:100%;max-height:70vh}.entry-detail-body{white-space:pre-wrap;line-height:1.5}.entry-detail-actions{gap:1rem;margin-top:1.5rem;display:flex}.entry-detail-actions button{color:#c0392b;background:0 0;border:none;padding:0}.settings-button{top:calc(.75rem + env(safe-area-inset-top));z-index:10;background:var(--bg);border:1px solid var(--border);width:2.4rem;height:2.4rem;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;right:.75rem;box-shadow:0 2px 8px #0000001f}.settings-page{flex-direction:column;gap:.75rem;padding-top:3.5rem;display:flex}.settings-link{border:1px solid var(--border);text-align:left;background:var(--bg);color:var(--fg);border-radius:10px;padding:.9rem 1rem;font-weight:500;display:block}.settings-logout{color:#c0392b;width:100%}.export-page{flex-direction:column;gap:.9rem;padding-top:3.5rem;display:flex}.export-description{color:var(--muted);line-height:1.5}.export-warning{color:var(--muted);background:color-mix(in srgb, var(--border) 40%, transparent);border-radius:8px;padding:.7rem .9rem;font-size:.85rem}.export-status{font-size:.9rem;font-weight:500}.manual-page{padding-top:3.5rem}.manual-text{white-space:pre-wrap;margin-top:1rem;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.5}.load-more{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:8px;margin-top:1rem;padding:.7rem}