:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173a29;background:#f5f5ed;font-size:17px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:44px;border:1px solid #245c3b;border-radius:9px;padding:10px 16px;background:#245c3b;color:white;cursor:pointer;font-weight:650}button.secondary{background:#fffef8;border-color:#adbdac;color:#284c33}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4f9b64;outline-offset:3px}[hidden]{display:none!important}.timeline-brand{display:flex;gap:12px;align-items:center;max-width:1180px;margin:auto;padding:24px}.timeline-brand img{border-radius:10px}.timeline-brand strong{display:block;font-size:16px;letter-spacing:.05em}.timeline-brand span:not(.private-pill){display:block;font-size:12px;margin-top:4px}.private-pill{margin-left:auto;background:#e2eadc;padding:7px 12px;border-radius:20px;font-size:13px;white-space:nowrap}main{max-width:1120px;margin:auto;padding:24px 24px 70px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:750;color:#5d7f62}.timeline-intro{padding:5px 0 24px;border-bottom:1px solid #d9e1d2;margin-bottom:28px}.timeline-intro h1{font-size:clamp(29px,4vw,44px);font-weight:650;letter-spacing:-.035em;line-height:1.12;max-width:760px;margin:10px 0 17px}.timeline-intro p{line-height:1.5}.timeline-day{margin:26px 0 36px}.timeline-day h2{font-size:19px;display:flex;align-items:center;gap:10px;font-weight:650}.timeline-day h2:before{content:"";width:9px;height:9px;border-radius:50%;background:#367849}.timeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.timeline-card{margin:0;background:#fffef9;border:1px solid #dae2d4;border-radius:13px;overflow:hidden;min-width:0}.timeline-card button{display:block;text-align:left;width:100%;border:0;padding:0;background:transparent;color:inherit;font-weight:500;min-width:0}.timeline-card img{width:100%;height:220px;object-fit:cover;background:#e4e9df;display:block}.timeline-card figcaption{padding:15px;line-height:1.4;font-size:15px;overflow-wrap:anywhere}.timeline-card small{display:block;color:#60745e;font-size:12px;margin-top:7px}.timeline-footer{text-align:center;color:#64755f;font-size:13px;padding:40px 0 10px}dialog{background:#fffef9;color:#173a29;border:0;border-radius:16px;padding:20px;width:calc(100% - 24px);max-width:900px;max-height:calc(100dvh - 24px);overflow:auto}dialog::backdrop{background:#0d241cbb}.photo-top{position:sticky;top:-20px;background:#fffef9;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}.photo-top h2{font-size:19px;overflow-wrap:anywhere;margin:0;min-width:0}.photo-top button{flex-shrink:0}#photo-date{color:#657760;font-size:14px}.photo-canvas-wrap{display:flex;justify-content:center;background:#17281e;border-radius:12px;overflow:hidden;min-height:160px}#photo-canvas{display:block;max-width:100%;height:auto;max-height:56dvh;object-fit:contain;touch-action:none}.markup-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.markup-tools button{padding:8px 12px;font-size:14px;background:#eef2e8;color:#28432e;border-color:#d2ddcc}.markup-tools button[aria-pressed=true]{background:#245c3b;color:#fff}.markup-tools label{display:flex;align-items:center;gap:8px;font-size:14px}label{display:flex;flex-direction:column;gap:7px;margin:12px 0}input,textarea,select{border:1px solid #a7b99f;border-radius:8px;padding:10px;max-width:100%;background:white;color:#173a29;min-width:0}textarea{resize:vertical}#annotation-form{border-top:1px solid #d9e1d2;margin-top:20px;padding-top:5px}#annotation-form p,#photo-status{font-size:14px;line-height:1.5}#photo-status:empty{display:none}.photo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.visitor-note{padding:16px 0;border-top:1px solid #d9e1d2;margin-top:15px}.visitor-note p{white-space:pre-wrap;font-size:16px;line-height:1.5}.visitor-note small{color:#64755f}.visitor-note button{font-size:14px}.photo-load-error{font-size:14px;color:#875637;padding:12px} @media(max-width:700px){.timeline-brand{padding:18px 14px}.timeline-brand strong{font-size:14px}.timeline-brand span:not(.private-pill){font-size:10px}.private-pill{font-size:11px;padding:6px 8px}main{padding:12px 14px 50px}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.timeline-card img{height:155px}.timeline-card figcaption{padding:10px;font-size:14px}.timeline-card small{font-size:11px}dialog{padding:14px}.photo-top{top:-14px}.photo-actions button{flex:1 1 auto}.markup-tools{gap:6px}.markup-tools button{font-size:13px;padding:7px 9px}}@media(max-width:360px){.private-pill{display:none}.timeline-card img{height:132px}}