:root{--bg:#14161a;--bg-elevated:#1b1e24;--surface:#21252c;--surface-hover:#2a2f38;--text:#e7e9ee;--text-muted:#9aa1ac;--text-faint:#676e7a;--border:#333844;--border-subtle:#262a31;--accent:#8a5cf6;--accent-hover:#a380f9;--accent-text-on:#14161a;--danger:#e5484d;--danger-hover:#ff6369;--focus-ring:#8a5cf6;--mood-unknown:#5c6370;--mood-red:#e5484d;--mood-yellow:#e8b339;--mood-green:#3fb950;--radius:6px;--radius-sm:4px;--shadow:0 2px 10px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-shell{grid-template:"header header""sidebar editor"1fr/320px 1fr;height:100vh;display:grid}.header{background:var(--bg-elevated);border-bottom:1px solid var(--border);grid-area:header;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.header__title{color:var(--text);margin:0;font-size:1.05rem;font-weight:600}.header__user{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.loading-screen{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.45rem .9rem;font-size:.9rem;transition:background-color .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text-on);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:var(--text)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface-hover)}.login-screen{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:min(360px,90vw);box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:2rem;display:flex}.login-form h1{color:var(--text);margin:0 0 .5rem;font-size:1.3rem}.login-form label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.login-form input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.55rem .7rem}.login-form__error{color:var(--danger);margin:0;font-size:.85rem}.entry-list{background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;grid-area:sidebar;min-height:0;display:flex}.entry-list__header{border-bottom:1px solid var(--border-subtle);padding:.85rem}.entry-list__new-btn{width:100%}.entry-list__body{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.entry-list__status{color:var(--text-muted);padding:1rem;font-size:.9rem}.entry-list__status--error{color:var(--danger)}.entry-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.6rem;padding:.7rem .85rem;display:flex}.entry-row:hover{background:var(--surface-hover)}.entry-row--selected{background:var(--surface);border-left:3px solid var(--accent)}.entry-row__title{text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex:1;font-size:.92rem;overflow:hidden}.entry-row__pin{color:var(--text-muted);flex-shrink:0}.entry-row__date{color:var(--text-faint);flex-shrink:0;font-size:.75rem}.entry-list__load-more{margin:.75rem}.mood-dot{border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;display:inline-block}.editor{background:var(--surface);flex-direction:column;grid-area:editor;min-height:0;display:flex}.editor__empty-state{color:var(--text-faint);background:var(--surface);grid-area:editor;justify-content:center;align-items:center;display:flex}.editor__titlebar{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.editor__title-input{color:var(--text);background:0 0;border:none;flex:1;padding:.25rem 0;font-size:1.15rem;font-weight:600}.editor__title-input::placeholder{color:var(--text-faint)}.editor__toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.editor__pin-toggle{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.editor__spacer{flex:1}.editor__error{color:var(--danger);padding:.5rem 1.25rem;font-size:.85rem}.md-toolbar{border-bottom:1px solid var(--border-subtle);gap:.35rem;padding:.5rem 1.25rem;display:flex}.md-toolbar__btn{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-muted);font-size:.9rem}.md-toolbar__btn:hover{background:var(--surface-hover);color:var(--text)}.editor__body{flex:1;min-height:0;display:flex}.editor__textarea{resize:none;color:var(--text);background:0 0;border:none;flex:1;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;line-height:1.6}.editor__preview{color:var(--text);flex:1;padding:1.25rem;line-height:1.6;overflow-y:auto}.editor__preview :first-child{margin-top:0}.mood-picker{gap:.35rem;display:flex}.mood-picker__btn{border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid #0000;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.8rem;display:flex}.mood-picker__btn:hover{background:var(--surface-hover)}.mood-picker__btn[aria-pressed=true]{border-color:var(--border);background:var(--surface-hover);color:var(--text)}