:root{color-scheme:light;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at top left,rgba(214,169,102,.18),transparent 32%),linear-gradient(180deg,#f4f1e8,#ece5d8);color:#272019}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}button,textarea,input{font:inherit}.app-shell{width:min(920px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 7rem}.hero{padding:1rem 0 2rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:#866640}.hero h1,.section-heading h2{margin:0;font-size:clamp(2.1rem,5vw,3.8rem);line-height:.95}.hero-copy{width:min(580px,100%);font-size:1.05rem;line-height:1.6;color:#5b4c3b}.capture-panel,.entry-card{border:1px solid rgba(78,54,27,.16);background:#fffbf4db;box-shadow:0 20px 60px #5d442214;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.capture-panel{border-radius:24px;padding:1.35rem;margin-bottom:2rem}.capture-panel form,.entry-ai{display:grid;gap:.8rem}.capture-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.capture-hint{margin:.35rem 0 0;color:#695945;line-height:1.5}label{font-size:.95rem;font-weight:700}textarea,input[type=file],input[type=search]{width:100%;border-radius:16px;border:1px solid rgba(78,54,27,.18);padding:.9rem 1rem;background:#fffdf8}button{width:fit-content;border:0;border-radius:999px;padding:.85rem 1.3rem;background:#222;color:#fff7eb;cursor:pointer;min-height:44px;transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease,box-shadow .14s ease}button:hover:not(:disabled){box-shadow:0 0 0 1px #4e361b14}button:active:not(:disabled){box-shadow:inset 0 1px 2px #27201924}button:disabled{opacity:.6;cursor:wait}.secondary-button{background:#efe1c5;color:#3b2b16}.recording-button{background:#8a3b2f;color:#fff7eb}.voice-status,.entry-processing,.photo-preview{border-radius:18px;border:1px solid rgba(78,54,27,.12);background:#f4ede0a6}.voice-status,.entry-processing{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem}.voice-status p,.entry-processing p,.photo-preview p{margin:0;color:#695945;line-height:1.5}.waveform{display:flex;align-items:end;gap:.22rem;min-height:2.2rem}.waveform-compact{min-height:1.1rem}.waveform-bar{width:.28rem;height:.8rem;border-radius:999px;background:linear-gradient(180deg,#9a6d38,#5f4630);animation:waveform-bounce 1s ease-in-out infinite}.waveform-bar:nth-child(2){animation-delay:.12s}.waveform-bar:nth-child(3){animation-delay:.24s}.waveform-bar:nth-child(4){animation-delay:.36s}.waveform-bar:nth-child(5){animation-delay:.48s}.waveform-bar:nth-child(6){animation-delay:.6s}.photo-preview{display:flex;align-items:center;gap:.9rem;padding:.85rem}.photo-preview img{width:84px;height:84px;border-radius:16px;object-fit:cover}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.section-kicker,.detail-label{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;color:#866640}.search-panel{display:grid;gap:.95rem;margin-bottom:1.15rem}.filter-panel{display:grid;gap:.85rem}.filter-group{display:grid;gap:.45rem}.filter-label{margin:0;font-size:.82rem;font-weight:700;color:#695945;text-transform:uppercase;letter-spacing:.08em}.entry-list{display:grid;gap:.9rem}.entry-card{border-radius:22px;padding:1rem 1rem 1.05rem}.entry-card-clickable{cursor:pointer}.entry-card-clickable:focus-visible{outline:2px solid #8a6b47;outline-offset:3px}.entry-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;font-size:.88rem;color:#695945}.entry-meta-badges{display:flex;flex-wrap:wrap;gap:.45rem;min-width:0}.entry-meta-date{white-space:nowrap;font-size:.84rem;color:#7b6a56}.entry-preview{margin:.7rem 0 0;font-size:1.05rem;line-height:1.5}.entry-raw{margin:0;font-size:1.05rem;line-height:1.6}.entry-body{margin-top:.7rem}.entry-body-with-image{display:grid;grid-template-columns:96px 1fr;gap:.9rem;align-items:start}.entry-image-inline{width:96px;height:96px;border-radius:18px;object-fit:cover;border:1px solid rgba(78,54,27,.08)}.entry-image-inline-secondary{margin-top:.3rem}.entry-audio{width:100%;margin:.75rem 0 0;border-radius:18px}.entry-actions{display:flex;justify-content:flex-end;margin-top:.8rem}.processing-pulse{width:.8rem;height:.8rem;border-radius:50%;background:#8a6b47;animation:pulse 1.2s ease-in-out infinite;flex-shrink:0}.pill,.tag{display:inline-flex;align-items:center;border-radius:999px;padding:.34rem .72rem;font-size:.78rem;line-height:1.2}.pill{border:1px solid rgba(78,54,27,.12);background:#efe1c594;color:#5a4731;text-transform:capitalize}.tag{border:1px solid rgba(78,54,27,.08);background:#f2ecdf;color:#5f5140}.entry-type-note{margin:0;color:#695945;text-transform:capitalize;font-size:.92rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-row{display:flex;flex-wrap:wrap;gap:.55rem}.filter-pill{min-height:40px;padding:.58rem .92rem;border:1px solid rgba(78,54,27,.12);background:#efe1c5ad;color:#4f3a22;box-shadow:none}.filter-pill-active{background:#3f2d17;border-color:#3f2d17;color:#fff7eb}.today-groups{display:grid;gap:1.25rem}.hour-group{display:grid;gap:.75rem}.hour-heading{display:flex;justify-content:space-between;align-items:center;color:#695945}.hour-heading h3{margin:0;font-size:1rem}.empty-state{margin:0;padding:1.2rem;border-radius:18px;border:1px solid rgba(78,54,27,.12);background:#f4ede0a6;color:#695945}.bottom-nav{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);width:min(920px,calc(100vw - 2rem));display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;padding:.65rem;border-radius:24px;border:1px solid rgba(78,54,27,.16);background:#fffbf4eb;box-shadow:0 20px 60px #5d442229;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-tab{width:100%;min-height:48px;justify-content:center;display:inline-flex;align-items:center;gap:.55rem;background:transparent;color:#5e4a34}.nav-tab-active{background:#2f2318;color:#fff7eb}.nav-label{font-weight:700}.nav-badge{min-width:1.7rem;padding:.2rem .5rem;border-radius:999px;background:#efe1c5eb;color:#3b2b16;font-size:.8rem;text-align:center}.nav-tab-active .nav-badge{background:#fff7eb2e;color:#fff7eb}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#2720196b;animation:fade-in .14s ease-out}.detail-sheet{width:min(920px,100%);height:min(100vh,100%);overflow:auto;border-radius:28px 28px 0 0;border:1px solid rgba(78,54,27,.16);background:#fffbf4fa;box-shadow:0 24px 80px #27201938;padding:1.1rem 1.1rem 1.35rem;animation:sheet-rise .16s ease-out}.detail-header,.detail-content,.detail-block{display:grid;gap:.75rem}.detail-header{grid-template-columns:auto 1fr;align-items:start;margin-bottom:.9rem}.detail-header h2{margin:0;font-size:clamp(1.4rem,4vw,2rem)}.detail-content{gap:.85rem}.detail-block{padding:.9rem 1rem;border-radius:20px;background:#f4ede0b3}.detail-text{margin:0;line-height:1.6;color:#3f3428;white-space:pre-wrap;word-break:break-word}.detail-text-capitalize{text-transform:capitalize}.detail-image{width:100%;max-height:360px;object-fit:cover;border-radius:20px}.error-text{color:#9e3127;margin:0}@keyframes waveform-bounce{0%,to{height:.8rem;opacity:.5}50%{height:2rem;opacity:1}}@keyframes pulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1.15);opacity:1}}@keyframes sheet-rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.app-shell{width:min(100vw - 1rem,920px);padding-top:1rem}.capture-header,.section-heading,.entry-body-with-image,.detail-header{grid-template-columns:1fr;display:grid;align-items:flex-start}.entry-meta,.photo-preview,.entry-processing,.voice-status{flex-direction:column;align-items:flex-start}.capture-panel,.entry-card,.detail-sheet{padding-left:.95rem;padding-right:.95rem}.filter-row{gap:.45rem}.filter-pill,.pill,.tag{max-width:100%}.entry-meta-date{white-space:normal}.entry-image-inline,.photo-preview img,.detail-image{width:100%;height:auto;max-width:none}.entry-actions{justify-content:flex-start}.bottom-nav{width:calc(100vw - 1rem);bottom:.5rem}}