: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;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:.5rem;border:1px solid #d9c6ae;background:#fff;padding:.3rem;cursor:pointer;overflow:hidden}.day-tile.empty{border:none;cursor:default}.day-tile.future{opacity:.4;cursor:default}.day-number{font-size:.75rem;font-weight:600;color:var(--ink)}.day-icons{display:flex;align-items:center;gap:.25rem;color:var(--muted)}.day-icon{display:flex;align-items:center;gap:.1rem}.day-icon-count{font-size:.65rem;font-weight:600;line-height:1}.day-icon-hero{color:var(--accent);font-size:.75rem;line-height:1}.day-icon-warning{display:inline-flex;align-items:center;justify-content:center;width:.9rem;height:.9rem;border-radius:50%;background:var(--accent);color:var(--paper);font-size:.6rem;font-weight:700;line-height:1}.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{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d9c6ae;border-radius:.5rem;padding:.6rem .75rem;resize:vertical}.note textarea:disabled{opacity:.6}.note-actions{display:flex;gap:.75rem;align-items:center;margin-top:.35rem}.button.small{padding:.4rem 1rem;font-size:.85rem}.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)}.pill-toggle{display:inline-flex;border:1px solid #d9c6ae;border-radius:999px;overflow:hidden;margin-bottom:1rem}.pill-toggle button{font:inherit;font-size:.85rem;padding:.45rem 1rem;background:#fff;border:none;color:var(--muted);cursor:pointer}.pill-toggle button.active{background:var(--accent);color:var(--paper);font-weight:600}.lookback{max-width:64rem;margin:0 auto}.lookback h1{font-size:1.5rem;margin-bottom:1rem}.lookback-picker{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.lookback-picker label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--muted)}.lookback-picker input[type=date]{font:inherit;color:var(--ink);background:#fff;border:1px solid #d9c6ae;border-radius:.5rem;padding:.5rem .65rem}.lookback-picker .button.small{margin-top:0}.lookback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin:1rem 0 1.5rem}.lookback-card{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #d9c6ae;border-radius:.75rem;overflow:hidden;padding:0;cursor:pointer}.lookback-card.highlight{grid-column:span 2}.lookback-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.lookback-card.highlight img{aspect-ratio:16 / 9}.lookback-card-placeholder{width:100%;aspect-ratio:1;background:#efe3d1}.lookback-card.highlight .lookback-card-placeholder{aspect-ratio:16 / 9}.lookback-card-body{display:flex;flex-direction:column;gap:.15rem;padding:.85rem}.lookback-card-date{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.03em}.lookback-card-location{font-size:.8rem;color:var(--muted)}.lookback-card-title{font-weight:700;color:var(--ink)}.lookback-card-preview{font-size:.85rem;color:var(--muted);margin-top:.3rem;line-height:1.4}.settings{max-width:32rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.settings-section h2{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem}.settings-section a{color:var(--accent);font-weight:600;text-decoration:none}.settings-section a:hover{text-decoration:underline}.settings-locations{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.deck-builder{max-width:40rem;margin:0 auto}.deck-builder h1{font-size:1.5rem;margin-bottom:.5rem}.deck-builder>.muted{margin-bottom:1.25rem}.deck-resume{background:#fff;border:1px solid #d9c6ae;border-radius:.75rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}.deck-resume-actions{display:flex;align-items:center;gap:1rem}.deck-resume-actions .button.small{margin-top:0}.deck-building-warning{margin-top:.5rem}.deck-progress{margin-top:1rem}.deck-progress-bar{width:100%;height:.5rem;border-radius:999px;background:#efe3d1;overflow:hidden;margin-top:.5rem}.deck-progress-fill{height:100%;background:var(--accent);transition:width .2s ease}.deck-result{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.deck-result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.deck-result-list a{color:var(--accent);font-weight:600;text-decoration:none}.deck-result-list a:hover{text-decoration:underline}