:root{--ink:#26353a;--muted:#6f7a7b;--paper:#f4efe5;--card:#fffaf1;--sea:#173f46;--sun:#dd8b45;--sky:#9dc5c2;--line:#d9d2c6;--danger:#9b3c32;--shadow:0 16px 46px rgba(23,63,70,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#e7f0ec 0,transparent 380px) no-repeat,var(--paper)}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(18px,calc((100vw - 1040px)/2));border-bottom:1px solid rgba(23,63,70,.14)}h1,h2{font-family:Georgia,serif}h1{margin:0;font-size:1.8rem}h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;margin:.2rem 0}.eyebrow{font-size:.68rem;letter-spacing:.18em;font-weight:850;color:#557b79;margin:0 0 .35rem}a{color:var(--sea)}main{width:min(1040px,calc(100% - 28px));margin:34px auto 90px}.hero{min-height:65vh;display:grid;place-items:center;text-align:center}.hero>div{max-width:720px}.hero p:not(.eyebrow){color:var(--muted);font-size:1.2rem}.primary,button{border:0;border-radius:999px;padding:.76rem 1.08rem;font:inherit;font-weight:780;cursor:pointer}.primary{background:var(--sea);color:#fff;text-decoration:none;display:inline-block}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.toolbar{margin-bottom:30px}.search{display:grid;gap:6px;font-size:.75rem;font-weight:750}.search input{max-width:520px}.timeline{position:relative;padding-left:42px}.timeline::before{content:'';position:absolute;left:13px;top:8px;bottom:0;width:2px;background:var(--sky)}.day{position:relative;margin-bottom:34px}.day::before{content:'';position:absolute;left:-36px;top:5px;width:14px;height:14px;border:4px solid var(--paper);border-radius:50%;background:var(--sun);box-shadow:0 0 0 2px var(--sun)}.day-heading{font-family:Georgia,serif;font-size:1.35rem;margin:0 0 12px}.memory{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,260px);gap:18px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;text-align:left;color:var(--ink);box-shadow:var(--shadow);margin-bottom:14px}.memory.no-photo{grid-template-columns:1fr}.memory h3{font-family:Georgia,serif;font-size:1.55rem;margin:.2rem 0}.memory p{white-space:pre-wrap;margin:.5rem 0;color:var(--muted)}.place{color:#3c6968;font-size:.8rem;font-weight:750}.memory-photo{width:100%;height:180px;object-fit:cover;border-radius:15px;background:#dbe3df}.memory-badges{display:flex;gap:7px;flex-wrap:wrap;font-size:.72rem;margin-top:12px}.badge{background:#e8efea;border-radius:999px;padding:.25rem .6rem}.empty{text-align:center;color:var(--muted);padding:70px 20px}dialog{width:min(800px,calc(100% - 18px));max-height:calc(100vh - 18px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:28px;padding:26px}dialog::backdrop{background:rgba(12,32,35,.72);backdrop-filter:blur(4px)}form{display:grid;gap:16px}.dialog-head,.section-title{display:flex;align-items:start;justify-content:space-between;gap:15px}.dialog-head>button{font-size:1.7rem;padding:.4rem .8rem;background:var(--card)}label{display:grid;gap:6px;font-size:.78rem;font-weight:780}input,textarea{width:100%;border:1px solid #b9b5ad;border-radius:11px;background:#fff;padding:.78rem;font:inherit;color:var(--ink)}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prompts,.photos,.recorder,#transcript-section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.prompts button{background:#e6eeea;color:var(--sea);margin:4px 5px 4px 0;text-align:left;font-size:.78rem}.prompts button.selected{background:var(--sea);color:#fff}.section-title h3{margin:0}.section-title p,.recorder p,#transcription-status{color:var(--muted);font-size:.76rem;margin:.3rem 0}.photo-picker{display:inline-block;background:var(--sea);color:#fff;border-radius:999px;padding:.7rem 1rem;cursor:pointer;white-space:nowrap}.photo-picker input{display:none}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.photo-item{position:relative}.photo-item img{width:100%;height:150px;object-fit:cover;border-radius:12px}.photo-item button{position:absolute;right:6px;top:6px;padding:.4rem .55rem;background:rgba(15,25,27,.8);color:#fff}.record-controls{display:flex;gap:8px;flex-wrap:wrap}.record-controls button{background:#e6ece9}.record-controls #record{color:#a3342f}.form-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center}.form-actions>button:not(.primary):not(.danger){background:transparent}.danger{background:#f3ded8;color:var(--danger)}#message{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--sea);color:#fff;padding:.75rem 1rem;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;z-index:5}#message.show{opacity:1}@media(max-width:650px){header{padding:15px}.welcome{align-items:center}.timeline{padding-left:28px}.timeline::before{left:7px}.day::before{left:-27px}.memory{grid-template-columns:1fr}.memory-photo{height:210px;grid-row:1}.two{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-item img{height:130px}dialog{padding:18px}.form-actions{position:sticky;bottom:-18px;background:var(--paper);padding:12px 0 calc(12px + env(safe-area-inset-bottom));grid-template-columns:auto 1fr auto}.form-actions .primary{grid-column:3}.form-actions>button[data-close]{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}