:root{--bg: #16181d;--bg-soft: #1e2127;--fg: #e6e7ea;--fg-dim: #8b8f99;--accent: #7aa2f7;--border: #2a2e37;--pending: #d7a86e;--synced: #6fcf7f;--danger: #f7768e;--mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg: #fbfbfa;--bg-soft: #ffffff;--fg: #1d2026;--fg-dim: #6b7280;--accent: #3b5bdb;--border: #e2e4e9;--pending: #b8862f;--synced: #2e9e44;--danger: #d63b56}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:15px;line-height:1.5}#app{max-width:760px;margin:0 auto;padding:1.5rem 1rem 4rem}#signed-out{display:flex;justify-content:center;padding-top:25vh}#signin-btn{font-family:inherit;font-size:1rem;padding:.75rem 1.25rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--fg);cursor:pointer}#signin-btn:hover{border-color:var(--accent)}#bar{display:flex;align-items:flex-start;gap:.6rem;position:sticky;top:0;background:var(--bg);padding:.5rem 0 .75rem;z-index:2}#entry-input{flex:1;font-family:inherit;font-size:1.05rem;color:var(--fg);background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:.65rem .8rem;resize:none;overflow:hidden;line-height:1.4}#entry-input:focus{outline:none;border-color:var(--accent)}#entry-input::placeholder{color:var(--fg-dim)}#sync-dot{flex:none;width:10px;height:10px;margin-top:.95rem;border-radius:50%;background:var(--synced);transition:background .2s ease}#sync-dot.saving{background:var(--fg-dim)}.day{margin-top:1.25rem}.day-header{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim);margin:0 0 .4rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.entry{display:flex;align-items:baseline;gap:.75rem;padding:.15rem 0}.entry .time{flex:none;color:var(--accent);font-variant-numeric:tabular-nums}.entry .text{flex:1;white-space:pre-wrap;word-break:break-word}.entry.pending .text{color:var(--fg-dim)}.entry .delete{flex:none;visibility:hidden;font-family:inherit;font-size:1rem;line-height:1;width:1.4rem;height:1.4rem;border:none;border-radius:4px;background:transparent;color:var(--danger);cursor:pointer}.entry:hover .delete,.entry:focus-within .delete,.entry .delete:focus{visibility:visible}.entry .delete:hover{background:var(--bg-soft)}.empty{color:var(--fg-dim);margin-top:1.5rem}#foot{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}#load-more,#signout-btn{font-family:inherit;font-size:.85rem;padding:.4rem .75rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--fg-dim);cursor:pointer}#load-more:hover,#signout-btn:hover{color:var(--fg);border-color:var(--accent)}