:root{--paper:#f5f3ed;--card:#fffefb;--ink:#233b34;--muted:#56655e;--accent:#24594c;--accent-hover:#174236;--line:#c9d2c9;--soft:#e7eee6;--error:#9c2929;font-size:24px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;min-height:48px;display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:.5rem .85rem;border:1px solid transparent;border-radius:.5rem;font-size:.8rem;font-weight:600;text-decoration:none;line-height:1.4}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--card);border-color:var(--line);color:var(--ink)}.secondary:hover{background:var(--soft)}.quiet{background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.danger{color:var(--error)}:focus-visible{outline:3px solid #a95316;outline-offset:4px}input,textarea,select{width:100%;border:1px solid #85998a;border-radius:.4rem;background:white;color:var(--ink);padding:.6rem .7rem;min-height:48px}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:#626b65;opacity:1}label{display:block;font-size:.85rem;margin-bottom:.25rem}h1,h2,p{margin-top:0}h1{font-size:1.65rem;font-weight:650;letter-spacing:-.035em;line-height:1.25}h2{font-size:1.05rem;font-weight:650;line-height:1.4;margin-bottom:.8rem}.small{font-size:.72rem}.muted{color:var(--muted)}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:700;margin-bottom:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:absolute;left:1rem;top:-100px;background:white;color:var(--ink);padding:.5rem;z-index:20}.skip-link:focus{top:.5rem}.topbar{max-width:1600px;margin:auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line)}.brand{display:flex;gap:.55rem;align-items:center;font-size:1rem;font-weight:650;text-decoration:none;color:var(--ink)}.brand img{flex-shrink:0}.header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.font-control{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.65rem}.font-control select{width:auto;max-width:12rem;font-size:.7rem;padding:.35rem .5rem}.connection{background:#fff0cd;color:#62470e;padding:.6rem 1rem;margin:0;font-size:.8rem;text-align:center}.status{max-width:1500px;margin:auto;padding:0 1.5rem;color:var(--accent);font-size:.8rem}.status:not(:empty){padding-top:.7rem}.login-panel{max-width:23rem;margin:2.5rem auto;padding:0 1rem}.login-panel h1{font-size:2.15rem}.intro{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem}.login-panel input{margin-bottom:.8rem}.login-panel .primary{width:100%;margin-top:.3rem}.error{color:var(--error);font-size:.8rem;white-space:pre-wrap}.error:empty{margin:0}.mobile-nav{max-width:1600px;display:flex;gap:.5rem;margin:auto;padding:.7rem 1.5rem;flex-wrap:wrap}.layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(230px, .85fr) minmax(0,2fr);gap:2rem;padding:1rem 1.5rem 2rem}.archive{border-right:1px solid var(--line);padding-right:1.2rem}.archive-heading{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.archive-heading h2{margin-bottom:.3rem}.days-list{display:grid;gap:.35rem;margin:1rem 0}.day-button{display:block;width:100%;text-align:left;background:transparent;color:var(--ink);border-color:transparent;padding:.7rem .8rem;overflow-wrap:anywhere}.day-button:hover{background:#eceee6}.day-button.active{background:var(--soft);border-color:#839d89}.day-date{display:block;font-size:.72rem;color:var(--muted);font-weight:500}.day-title{display:block;font-size:.9rem;margin:.12rem 0;font-weight:650}.day-meta{display:block;font-size:.64rem;font-weight:400;color:var(--muted)}main{min-width:0}.day-heading{margin:.2rem 0 1.2rem}.card{background:var(--card);border:1px solid #d7ddd3;border-radius:.75rem;padding:1.2rem;margin-bottom:1rem}.moods{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}fieldset{padding:0;border:0;margin:0}.mood-choice{position:relative;margin:0}.mood-choice span{display:flex;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:2rem;padding:.35rem .65rem;font-size:.75rem;gap:.35rem;cursor:pointer}.mood-choice input{position:absolute;opacity:0;width:1px;min-height:0}.mood-choice input:checked+span{background:var(--accent);color:white;border-color:var(--accent)}.mood-choice input:focus-visible+span{outline:3px solid #a95316;outline-offset:3px}.form-bottom{display:flex;gap:.7rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:.7rem}.form-bottom p{margin:0}.attachment-toolbar{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.6rem}.attachment-toolbar label{margin:0}.file-button:has(+input:focus-visible){outline:3px solid #a95316;outline-offset:4px}#record-status:not(:empty){margin:.6rem 0}.pending-files{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.pending-file{max-width:100%;border:1px solid var(--line);border-radius:.5rem;padding:.5rem;background:var(--paper)}.pending-file img{width:5rem;height:4rem;object-fit:cover;border-radius:.3rem}.pending-file audio{max-width:100%;width:12rem}.pending-file p{margin:0;font-size:.65rem;overflow-wrap:anywhere;max-width:12rem}.pending-file button{font-size:.65rem}.section-heading{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin:1.5rem 0 .5rem}.section-heading h2{margin:0}.entry-card{background:var(--card);padding:1.2rem;border:1px solid #d7ddd3;border-radius:.75rem;margin-bottom:1rem}.entry-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.7rem;flex-wrap:wrap}.entry-time{font-size:.7rem;color:var(--muted)}.entry-tools{display:flex;gap:.2rem;flex-wrap:wrap}.entry-tools button{font-size:.65rem;padding:.35rem .45rem}.entry-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:.7rem}.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.5rem;margin:.8rem 0}.photo-button{padding:0;background:transparent;width:100%;overflow:hidden;border-radius:.5rem}.photos img{display:block;width:100%;height:9rem;object-fit:cover}.audio-attachment{margin:.8rem 0}.audio-attachment audio{display:block;max-width:100%;width:100%}.audio-attachment figcaption{font-size:.7rem;color:var(--muted);overflow-wrap:anywhere}.empty-day{padding:1.2rem;border:1px dashed #a7b3a5;border-radius:.75rem;color:var(--muted);font-size:.85rem}.page-footer{padding:1rem .2rem}.edit-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}dialog{max-width:95vw;width:min(1000px,95vw);max-height:95dvh;border:0;border-radius:.5rem;padding:.7rem;background:var(--card)}dialog::backdrop{background:#13271ee0}dialog img{display:block;max-width:100%;max-height:75dvh;margin:.5rem auto;object-fit:contain}
@media(min-width:900px){#archive-button{display:none}}
@media(max-width:899px){.topbar{padding:.7rem .7rem;align-items:flex-start;flex-wrap:wrap}.brand{font-size:.9rem}.brand img{width:36px;height:36px}.header-actions{width:100%;justify-content:space-between}.font-control{font-size:.7rem}.layout{display:block;padding:.5rem .65rem 1rem}.archive{display:none;border:0;padding:.5rem 0}.show-archive .archive{display:block}.show-archive main{display:none}.mobile-nav{padding:.6rem .65rem}.card,.entry-card{padding:.8rem}.day-heading h1{font-size:1.4rem}.login-panel{margin:1.5rem auto}.login-panel h1{font-size:1.8rem}.status{padding-left:.7rem;padding-right:.7rem}.form-bottom .primary{width:100%}.moods{gap:.35rem}.mood-choice span{padding:.35rem .5rem}.attachment-toolbar{gap:.4rem}.attachment-toolbar .button,.attachment-toolbar button{flex:1 1 auto}.section-heading{flex-wrap:wrap}.photos img{height:8rem}}
@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s}}
.search-form{margin:1rem 0 1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.search-form input,.search-form select{font-size:.8rem;margin-bottom:.7rem;min-width:0}.search-actions{display:flex;flex-wrap:wrap;gap:.4rem}.search-actions button{flex:1}#search-summary:not(:empty){margin:.6rem 0 0;overflow-wrap:anywhere}.tags-label{margin-top:.7rem}#tags-help{margin:.35rem 0 .65rem}.entry-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.65rem 0}.tag-chip{background:var(--soft);border:1px solid var(--line);color:var(--accent);font-size:.75rem;border-radius:2rem;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}.tag-chip:hover{background:#d6e5d6}.search-match{border:2px solid var(--accent)}.search-match-label{color:var(--accent);font-weight:650;margin-bottom:.5rem}.edit-panel{margin-top:.7rem}
body{min-height:100dvh;display:flex;flex-direction:column}.topbar,#workspace,#status{width:100%}.cover-panel{width:100%;max-width:1600px;padding:0 1.5rem;margin:.65rem auto .2rem}.cover-panel img{display:block;width:100%;height:96px;object-fit:cover;object-position:center;border-radius:.65rem}.settings-footer{width:100%;max-width:1600px;margin:auto auto 0;padding:1rem 1.5rem;border-top:1px solid var(--line)}.settings-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem}.settings-actions .font-control{font-size:.75rem}.settings-actions select{font-size:.75rem}.photo-item{margin:0;min-width:0}.photo-pin{width:100%;font-size:.68rem;margin-top:.25rem;white-space:normal}.photo-pin[aria-pressed=true]{background:var(--soft);color:var(--accent)}
@media(max-width:899px){.cover-panel{padding:0 .65rem;margin-top:.4rem}.cover-panel img{height:72px}.settings-footer{padding:.8rem .65rem}.settings-actions{justify-content:flex-start}.settings-actions .font-control{width:100%;flex-wrap:wrap}}
.topbar{margin:0 auto;flex-shrink:0}#status{margin:0 auto}