:root{color-scheme:light;--ink: #2c1c10;--paper: #fbf3e7;--accent: #a8562e;--muted: #6b5644}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.screen{min-height:100%;padding:2rem 1.5rem}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem}h1{margin:0;font-size:1.5rem}p{margin:0}.centered p{max-width:32ch}.muted{color:var(--muted);font-size:.9rem}.button{display:inline-block;margin-top:.5rem;padding:.75rem 1.5rem;background:var(--accent);color:var(--paper);border:none;border-radius:999px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer}.button:disabled{opacity:.6;cursor:default}.error{color:#a3341f;font-size:.9rem}.capture{max-width:40rem;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.85rem;font-weight:600;color:var(--muted)}.field input[type=text],.field input[type=date],.field textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #d9c6ae;border-radius:.5rem;padding:.6rem .75rem;resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.chip{font:inherit;font-size:.85rem;padding:.35rem .8rem;background:#fff;border:1px solid #d9c6ae;border-radius:999px;cursor:pointer;color:var(--ink)}.dropzone{border:2px dashed #d9c6ae;border-radius:.75rem;padding:1.5rem;text-align:center;cursor:pointer;color:var(--muted)}.thumbnails{display:flex;flex-wrap:wrap;gap:.6rem}.thumbnail{position:relative;width:5rem;height:5rem}.thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:.4rem}.thumbnail .remove{position:absolute;top:-.4rem;right:-.4rem;width:1.4rem;height:1.4rem;border-radius:50%;border:none;background:var(--ink);color:var(--paper);cursor:pointer;line-height:1}.update-banner{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1rem;background:var(--ink);color:var(--paper);font-size:.9rem}.update-banner-button{font:inherit;font-weight:600;padding:.3rem .9rem;border-radius:999px;border:1px solid var(--paper);background:transparent;color:var(--paper);cursor:pointer}.app-shell{display:flex;flex-direction:column;height:100%}.app-content{flex:1;overflow-y:auto}.nav{flex-shrink:0;display:flex;border-top:1px solid #d9c6ae;background:#fff}.nav-item{flex:1;padding:.85rem;text-align:center;background:none;border:none;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}.nav-item.active{color:var(--accent)}.browse{max-width:40rem;margin:0 auto}.month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.month-header h1{font-size:1.25rem}.month-nav{font:inherit;font-size:1.4rem;line-height:1;background:none;border:1px solid #d9c6ae;border-radius:50%;width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.day-tile{position:relative;aspect-ratio:1;border-radius:.5rem;border:1px solid #d9c6ae;background-color:#fff;background-size:cover;background-position:center;padding:0;cursor:pointer;overflow:hidden}.day-tile.empty{border:none;cursor:default}.day-tile.future{opacity:.4;cursor:default}.day-number{position:absolute;top:.25rem;left:.35rem;font-size:.75rem;font-weight:600;color:var(--ink);text-shadow:0 1px 2px rgba(255,255,255,.8)}.day-dot{position:absolute;bottom:.3rem;right:.3rem;width:.4rem;height:.4rem;border-radius:50%;background:var(--accent)}.day-detail{max-width:40rem;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.day-detail-header{display:flex;align-items:baseline;gap:1rem}.day-detail-header h1{font-size:1.25rem}.link-button{font:inherit;font-size:.85rem;background:none;border:none;color:var(--accent);cursor:pointer;padding:0}.link-button:disabled{opacity:.5;cursor:default}.notes{display:flex;flex-direction:column;gap:.9rem}.note textarea,.new-note textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d9c6ae;border-radius:.5rem;padding:.6rem .75rem;resize:vertical}.note-actions{display:flex;gap:.75rem;align-items:center;margin-top:.35rem}.button.small{padding:.4rem 1rem;font-size:.85rem}.note-actions .button.small{margin-top:0}.photo-section h2{font-size:1rem;margin-bottom:.6rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.75rem}.photo-tile{position:relative;border-radius:.5rem;overflow:hidden;background:#fff;border:1px solid #d9c6ae}.photo-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#efe3d1;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.03em}.photo-actions{display:flex;align-items:center;justify-content:space-between;padding:.3rem;gap:.2rem}.photo-actions button{flex:1;font-size:.95rem;line-height:1;padding:.3rem 0;background:none;border:none;border-radius:.3rem;color:var(--ink);cursor:pointer}.photo-actions button:disabled{opacity:.35;cursor:default}.hero-toggle.active{color:var(--accent)}