:root{--capture-composer-height: 0px;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:.42rem 0 calc(var(--capture-composer-height) + 1.45rem + env(safe-area-inset-bottom))}.masthead{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:0 0 .22rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:#866640}.section-heading h2{margin:0;font-size:clamp(1.34rem,3.2vw,1rem);line-height:.95}.entry-card{border:1px solid rgba(78,54,27,.18);background:#fffbf4c7;box-shadow:0 14px 36px #5d44220f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.capture-composer{position:fixed;left:50%;bottom:0;z-index:20;width:min(920px,calc(100vw - 2rem));padding:.42rem 0 max(.42rem,env(safe-area-inset-bottom));background:#f2ede2eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(78,54,27,.11);transform:translate(-50%)}.capture-composer form,.entry-ai{display:grid;gap:.28rem}label{font-size:.95rem;font-weight:700}textarea,input[type=file],input[type=search]{width:100%;border-radius:10px;border:1px solid rgba(78,54,27,.2);padding:.52rem .7rem;background:#fffdf8}input[type=search]{min-height:34px}textarea{resize:vertical}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}.composer-row{display:grid;grid-template-columns:minmax(0,7fr) auto;gap:.12rem;align-items:center}.composer-row textarea{min-height:34px;max-height:7rem;padding:.38rem .62rem;overflow:auto;line-height:1.25;resize:none;transition:min-height .14s ease,border-color .14s ease,box-shadow .14s ease}.composer-row textarea:focus{min-height:4rem;outline:none;border-color:#4e361b5c;box-shadow:0 0 0 3px #8a6b471f}.composer-actions{display:flex;gap:.12rem;align-items:stretch}.composer-button{min-height:34px;height:34px;padding:.34rem .5rem;font-size:.88rem;white-space:nowrap}.composer-attach{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;cursor:pointer}.composer-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-ready{margin:0;color:#5f5140;font-size:.9rem;overflow-wrap:anywhere}.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:.7rem;padding:.58rem .72rem}.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:.7rem;padding:.48rem .6rem}.photo-preview img{width:56px;height:56px;border-radius:12px;object-fit:cover}.stream-panel{display:grid;gap:.34rem;border-radius:12px;border:1px solid rgba(78,54,27,.14);background:#fffbf44d;padding:.5rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:0}.section-heading p{margin:0;color:#272019ad;font-size:.9rem}.section-kicker,.detail-label{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;color:#866640}.search-panel{display:grid;gap:.65rem;margin:.85rem 0 0}.filter-panel{display:grid;gap:.12rem}.filter-group{display:grid;gap:.1rem}.filter-label{margin:0;font-size:.58rem;font-weight:500;color:#5c4b39ad;text-transform:uppercase;letter-spacing:.055em}.entry-list{display:grid;gap:.34rem}.entry-card{border-radius:9px;padding:.46rem .54rem;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.entry-card-clickable{cursor:pointer}.entry-card-clickable:hover{border-color:#4e361b47;background:#fffdf8e0;box-shadow:0 16px 40px #5d442217}.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:.48rem;font-size:.76rem;color:#695945}.entry-meta-badges{display:flex;flex-wrap:wrap;gap:.22rem;min-width:0}.entry-meta-date{white-space:nowrap;font-size:.72rem;color:#7b6a56}.entry-raw{margin:10px 0 0;font-size:.96rem;font-weight:500;line-height:1.3;color:#2b2118}.entry-body{margin-top:.3rem}.entry-ai strong,.entry-processing strong{color:#241b13;font-weight:800;margin:0 0 10px}.entry-ai p,.entry-processing p{color:#62513f}.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:.38rem}.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:.2rem .48rem;font-size:.68rem;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:.3rem}.filter-row{display:flex;flex-wrap:wrap;gap:.22rem}.filter-pill{min-height:27px;padding:.24rem .52rem;border:1px solid rgba(78,54,27,.14);background:#efe1c5ad;color:#4f3a22;box-shadow:none}.filter-pill-active{background:#3f2d17;border-color:#3f2d17;color:#fff7eb}.view-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.16rem;padding:.16rem;border-radius:10px;border:1px solid rgba(78,54,27,.14);background:#f4ede094}.view-toggle-button{width:100%;min-height:29px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.24rem .58rem;background:transparent;color:#5e4a34;box-shadow:none}.view-toggle-button-active{background:#2f2318;color:#fff7eb}.view-toggle-button-active .nav-badge{background:#fff7eb2e;color:#fff7eb}.stream-message{margin:0;color:#82684e;font-size:.92rem}.today-groups{display:grid;gap:.9rem}.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;z-index:30;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-sheet-deleting{opacity:.88}.detail-delete-confirm{margin:0 0 .9rem;padding:.8rem .9rem;border-radius:16px;border:1px solid rgba(138,59,47,.22);background:#ffefebd1;display:grid;gap:.65rem}.detail-delete-confirm p{margin:0;color:#5a2d24;font-size:.95rem}.detail-delete-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.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-actions{display:inline-flex;align-items:center;gap:.6rem}.danger-icon-button{min-width:44px;min-height:44px;padding:.55rem;border-radius:999px;background:#8a3b2f;color:#fff7eb;font-size:1.05rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.danger-button{background:#8a3b2f;color:#fff7eb}.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:.65rem}.capture-header,.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-composer,.entry-card,.detail-sheet{padding-left:.95rem;padding-right:.95rem}.capture-composer{width:min(100vw - 1rem,920px)}.masthead{padding-bottom:.55rem}.composer-row{grid-template-columns:minmax(0,1fr) auto;gap:.1rem}.composer-actions{display:flex;gap:.1rem}.composer-button,.composer-attach{width:auto;min-width:0;padding-left:.42rem;padding-right:.42rem;font-size:.84rem}.filter-row{gap:.28rem}.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}}