@font-face{font-family:Cloister Black;src:url(/fonts/CloisterBlack.ttf)format("truetype");font-display:swap}:root{--bg:#1a140e;--surface:#251c12;--gold:#b8893f;--gold-dim:#856029;--text:#e6d6b6;--text-dim:#998260;--border:#382a1a;--font-logo:"Old English Text MT", "Cloister Black", serif;--font-display:"Cormorant Garamond", serif;--font-body:"Kaisei Decol", serif}@media (prefers-color-scheme:light){:root{--bg:#ece0c8;--surface:#f2e9d4;--gold:#8a5a2b;--gold-dim:#a8794a;--text:#3a2c18;--text-dim:#8a7550;--border:#cbb990}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}#root{flex-direction:column;min-height:100%;display:flex}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.03em;flex:1;justify-content:center;align-items:center;padding:.75rem 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.nav-item--active{color:var(--gold)}.home{flex-direction:column;align-items:center;gap:2.5rem;padding:3rem 0 2rem;display:flex}.home-title{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold);text-align:center;font-size:1.7rem;font-style:italic;font-weight:600;line-height:1.5}.home-cards{flex-direction:column;gap:1rem;width:100%;display:flex}.home-card{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s;display:flex;position:relative}.home-card:before{content:"❦";background:var(--bg);color:var(--gold-dim);padding:0 .35rem;font-size:.85rem;transition:color .2s;position:absolute;top:-.6rem;left:.7rem}.home-card:hover{border-color:var(--gold-dim)}.home-card:hover:before{color:var(--gold)}.home-card-label{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold);font-size:1.25rem;font-weight:600}.home-card-desc{color:var(--text-dim);font-size:.8rem}.log-page{flex-direction:column;gap:0;padding-top:1.5rem;display:flex}.log-no-key{color:var(--text-dim);text-align:center;padding:.5rem 0 1rem;font-size:.85rem}.log-form{flex-direction:column;gap:.75rem;padding:.5rem 0 1.25rem;display:flex}.log-textarea{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);resize:none;border-radius:4px;outline:none;padding:.75rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s}.log-textarea:focus{border-color:var(--gold-dim)}.log-textarea::placeholder{color:var(--text-dim)}.log-textarea:disabled{opacity:.4;cursor:not-allowed}.log-form-footer{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.error{color:#c05040;font-size:.85rem}.submit-btn{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:3px;padding:.4rem 1rem;font-size:.9rem;transition:background .2s,color .2s}.submit-btn:hover:not(:disabled){background:var(--gold-dim);color:var(--bg)}.submit-btn:disabled{opacity:.35;cursor:not-allowed}.entries{flex-direction:column;gap:1.5rem;padding:1rem 0 2rem;display:flex}.empty{color:var(--text-dim);text-align:center;padding:2rem 0;font-size:.9rem}.month-group{flex-direction:column;gap:.75rem;display:flex}.month-label{background:var(--bg);font-family:var(--font-body);color:var(--gold);letter-spacing:.1em;border-bottom:1px solid var(--border);z-index:10;padding:.5rem 0 .25rem;font-size:.95rem;position:sticky;top:0}.week-divider{text-align:center;color:var(--gold-dim);margin:.4rem 0;font-size:.85rem;position:relative}.week-divider span{z-index:1;background:var(--bg);padding:0 .7rem;position:relative}.week-divider:before{content:"";border-top:1px solid var(--border);position:absolute;top:50%;left:12%;right:12%}.entry-group{flex-direction:column;gap:.3rem;display:flex}.entry-date{color:var(--gold-dim);letter-spacing:.05em;font-size:.78rem}.entry-body{font-family:var(--font-body);color:var(--text);cursor:pointer;border-radius:3px;padding:.1rem 0;font-size:.95rem;line-height:1.7;transition:color .2s}.entry-body:hover{color:var(--gold)}.entry-edit{flex-direction:column;gap:.4rem;display:flex}.entry-textarea{background:var(--surface);border:1px solid var(--gold-dim);width:100%;color:var(--text);resize:none;border-radius:4px;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.95rem;line-height:1.5}.entry-edit-actions{justify-content:flex-end;gap:.5rem;display:flex}.entry-cancel-btn,.entry-save-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:.2rem .7rem;font-size:.8rem;transition:color .2s,border-color .2s}.entry-save-btn{border-color:var(--gold-dim);color:var(--gold)}.entry-cancel-btn:hover{color:var(--text);border-color:var(--text-dim)}.entry-save-btn:hover:not(:disabled){background:var(--gold-dim);color:var(--bg)}.entry-save-btn:disabled{opacity:.35;cursor:not-allowed}.goodnight{justify-content:center;align-items:center;padding:4rem 0;display:flex}.goodnight-msg{color:var(--text-dim);letter-spacing:.1em;font-size:.9rem}.settings{flex-direction:column;gap:1.5rem;padding-top:1.5rem;display:flex}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.settings-label{color:var(--text-dim);letter-spacing:.05em;font-size:.78rem}.key-display{justify-content:space-between;align-items:center;display:flex}.key-mask{color:var(--gold-dim);letter-spacing:.15em;font-size:.9rem}.key-actions,.key-edit{gap:.5rem;display:flex}.key-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;flex:1;padding:.4rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.key-input:focus{border-color:var(--gold-dim)}.key-edit-btn,.key-save-btn,.key-clear-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:.2rem .7rem;font-size:.8rem;transition:color .2s,border-color .2s}.key-save-btn{border-color:var(--gold-dim);color:var(--gold)}.key-edit-btn:hover{color:var(--text);border-color:var(--text-dim)}.key-save-btn:hover{background:var(--gold-dim);color:var(--bg)}.key-clear-btn:hover{color:#c05040;border-color:#c05040}.settings-saved{color:var(--gold);letter-spacing:.05em;font-size:.8rem}.app{flex-direction:column;width:100%;min-height:100%;display:flex}.app-header{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.app-header-title{font-family:var(--font-logo);color:var(--gold);letter-spacing:.08em;font-size:1.5rem;font-weight:400;line-height:1;text-decoration:none}.main-content{flex:1;width:100%;max-width:480px;margin:0 auto;padding:0 1rem 5rem}.page-title{font-family:var(--font-display);color:var(--gold);letter-spacing:.05em;padding:1.25rem 0 1rem;font-size:1.6rem;font-weight:600}.divider{background:var(--border);height:1px}