:root{color:#202c3a;--ink:#202c3a;--muted:#6f756f;--paper:#fffdf9;--paper-deep:#f0e9de;--line:#ded6c9;--sage:#657b6d;--sage-dark:#465f54;--terracotta:#b76b55;--danger:#a64d45;--focus:#c26f54;--shadow:0 18px 50px #342a1e14;background:#f7f3ec;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{background:#f7f3ec}body{min-width:320px;min-height:100dvh;margin:0}button,input,textarea{font:inherit}button,.button,a{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.page{width:min(100%,1120px);margin:auto;padding:1.25rem clamp(1rem,4vw,3rem) 4rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0 2.5rem;display:flex}.brand{align-items:center;gap:.8rem;display:flex}.brand-mark{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--terracotta);background:var(--paper);border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.eyebrow{color:var(--sage-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font:700 .7rem/1.2 system-ui,sans-serif}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,6vw,3rem);line-height:.95}h2{letter-spacing:-.035em;margin-bottom:1.2rem;font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.1}.card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:.7rem}.journal-grid{grid-template-columns:minmax(0,1fr) 17.5rem;align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.journal-main{min-width:0}.composer{margin-bottom:3.5rem;padding:clamp(1.2rem,3vw,2rem)}.composer-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.quiet-mark{color:var(--terracotta);font-size:1.6rem;line-height:1}.stack{gap:1rem;display:grid}label{gap:.5rem;display:grid}label span:not(.sr-only){color:var(--ink);font:700 .78rem/1.2 system-ui,sans-serif}label,.filter-form{min-width:0;min-inline-size:0}textarea,input{box-sizing:border-box;width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;min-width:0;border:1px solid var(--line);min-inline-size:0;color:var(--ink);background:#fffefa;border-radius:.4rem;padding:.8rem .9rem}textarea{resize:vertical;min-height:9rem;line-height:1.6}textarea::placeholder{color:#989a92}.actions,.filter-form,.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.primary,.secondary,.logout,.delete{border:1px solid #0000;border-radius:.35rem;min-height:44px;padding:.7rem 1rem;font:700 .78rem/1 system-ui,sans-serif}.primary{color:#fffdf9;background:var(--sage-dark);border-color:var(--sage-dark)}.primary:hover{background:#354b41}.secondary{color:var(--ink);background:var(--paper-deep);border-color:var(--line)}.logout{color:var(--sage-dark);border-color:var(--line);background:0 0}.hint,.intro,.side-note{color:var(--muted);font:.85rem/1.5 system-ui,sans-serif}.filter{padding:1.2rem}.filter h2{font-size:1.25rem}.filter-form{align-items:end}.filter-form label{flex:100%}.clear-filter{color:var(--sage-dark);text-underline-offset:3px;font:.75rem system-ui,sans-serif}.side-note{margin:1.2rem .2rem}.section-heading{align-items:end;margin-bottom:1.15rem}.section-heading h2{margin:0}.entry-count{color:var(--muted);font:.78rem system-ui,sans-serif}.entries{gap:1.4rem;display:grid}.entry{grid-template-columns:3px minmax(0,1fr);gap:1rem;display:grid}.entry-rule{background:var(--terracotta);border-radius:3px}.entry-content{border-bottom:1px solid var(--line);padding:.1rem 0 1.25rem}.entry-meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:1rem;font:.76rem system-ui,sans-serif;display:flex}.entry-meta time{color:var(--ink);font-weight:700}.entry p{white-space:pre-wrap;margin:.8rem 0 1rem;font-size:1.08rem;line-height:1.65}.entry form{justify-content:flex-end;display:flex}.delete{color:var(--danger);background:0 0;padding:.35rem .5rem}.empty{border-top:1px solid var(--line);padding:1.5rem 0 2rem}.empty-icon{color:var(--terracotta);margin-bottom:.7rem;font-size:1.8rem;display:block}.empty p:not(.hint){margin-bottom:.4rem;font-size:1.1rem}.error{color:var(--danger);background:#a64d4514;border-radius:.35rem;margin:0;padding:.7rem;font:.85rem system-ui,sans-serif}.login-shell{place-items:center;min-height:100dvh;display:grid}.login-card{width:min(100%,27rem);padding:clamp(1.4rem,5vw,2.5rem)}.login-card h1{margin-bottom:.7rem}.login-card .intro{margin-bottom:2rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=44rem){.page{padding-top:1rem}.topbar{padding-bottom:2rem}.journal-grid{grid-template-columns:1fr;gap:2.5rem}.journal-side{order:-1}.journal-side .side-note{display:none}.filter{box-shadow:none}.composer{margin-bottom:2.5rem}}@media (width<=34rem){.actions{align-items:stretch}.actions .hint{flex:100%}.actions .primary,.filter-form .secondary{width:100%}}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.page-locked>.journal-grid{visibility:hidden}.privacy-overlay{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#202c3ad1;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.privacy-overlay [role=dialog]{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:1rem;outline:none;width:min(100%,24rem);padding:1.25rem;box-shadow:0 18px 50px #0003}.privacy-brand{color:var(--terracotta);font-size:1.8rem}.privacy-overlay h2{margin:.5rem 0 .4rem}.privacy-overlay p{color:var(--muted);font:.9rem/1.45 system-ui,sans-serif}.pin-indicators{justify-content:center;gap:.7rem;margin:1.2rem 0 .7rem;display:flex}.pin-indicators span{border:2px solid var(--line);border-radius:50%;width:.9rem;height:.9rem}.pin-indicators span.filled{border-color:var(--sage-dark);background:var(--sage-dark)}.privacy-error{min-height:1.3rem;color:var(--danger)!important}.privacy-hint{min-height:1.3rem}.keypad{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem;display:grid}.keypad button{border:1px solid var(--line);background:var(--paper-deep);min-height:3.25rem;color:var(--ink);border-radius:.7rem;font-weight:700}.keypad button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.privacy-form-hidden{display:none}.privacy-settings-backdrop{z-index:19;background:#202c3a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.privacy-settings{gap:1rem;width:min(100%,28rem);padding:1.4rem;display:grid}.privacy-settings h2{margin:0}.privacy-settings label{color:var(--ink);font:700 .78rem/1.2 system-ui,sans-serif}.privacy-settings select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:.4rem;margin-top:.45rem;padding:.7rem}.shake{animation:.22s ease-in-out diary-pin-shake}@keyframes diary-pin-shake{0%,to{transform:translate(0)}25%{transform:translate(-.35rem)}75%{transform:translate(.35rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}