:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--text:#111827;--timestamp:#94a3b8;--placeholder:#b6c0cf;--day:#64748b;--faint:#eef2f7;--error:#b45353;--time-column:64px;--row-gap:20px}*{box-sizing:border-box}html{min-height:100%}body{background:var(--background);min-height:100%;color:var(--text);text-rendering:optimizelegibility;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}button,input{font:inherit}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}button{cursor:pointer}.page{width:min(100% - 40px,620px);margin:0 auto;padding:68px 0 96px}.page.with-topbar{padding-top:104px}.topbar{z-index:10;border-bottom:1px solid var(--faint);min-height:48px;padding-top:env(safe-area-inset-top);background:#fff;position:fixed;inset:0 0 auto}.topbar-inner{justify-content:space-between;align-items:baseline;gap:20px;width:min(100% - 40px,620px);min-height:48px;margin:0 auto;padding:11px 0 10px;display:flex}.topbar-actions{align-items:center;gap:4px;margin-right:-10px;display:flex}.identity{align-items:baseline;gap:10px;min-width:0;display:flex}.brand{color:var(--text);margin:0;font-size:13px;font-weight:500;line-height:1.3}.user{min-width:0;color:var(--timestamp);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.3;overflow:hidden}.login{align-content:center;min-height:100vh;display:grid}.login h1{color:var(--text);margin:0 0 22px;font-size:36px;font-weight:500;line-height:1.1}.login p{max-width:34rem;color:var(--day);margin:0 0 28px}.auth-form{max-width:30rem}.auth-fields{gap:12px;display:grid}.auth-actions{color:var(--timestamp);align-items:baseline;gap:18px;margin-top:18px;font-size:12px;display:flex}input{width:100%;color:var(--text);background:0 0;border:0;border-radius:0;outline:none}input::placeholder{color:var(--placeholder)}input{min-height:28px;padding:0}.button{min-height:28px;color:var(--text);background:0 0;border:0;padding:0}.button:hover{color:var(--day)}.button.subtle{min-height:auto;color:var(--timestamp);white-space:nowrap;font-size:12px;line-height:1.3}.topbar-button,.icon-button{min-width:40px;min-height:40px}.topbar-button{padding:0 10px}.icon-button{color:var(--timestamp);background:0 0;border:0;place-items:center;padding:0;display:grid}.icon-button:hover,.icon-button[aria-pressed=true],.button.subtle:hover{color:var(--text)}.message{min-height:20px;color:var(--error);margin-top:10px;font-size:13px}.page-message{color:var(--timestamp);margin:-34px 0 34px}.setup{max-width:100%;color:var(--timestamp);margin:28px 0 0;padding:0;font-size:13px;line-height:1.7;overflow-x:auto}.notes{margin-top:0}.search-row{margin:-12px 0 34px}.search-input{color:#1f2937;min-height:40px;font-size:14.5px;font-weight:400;line-height:1.55}.search-input::-webkit-search-cancel-button{appearance:none}.empty-search{color:var(--timestamp);margin:0;font-size:14px;line-height:1.55}.search-highlight{color:inherit;background:#fef3c7;border-radius:2px;padding:0 1px}.day{margin-top:32px}.day:first-child{margin-top:0}.day h2{border-top:1px solid var(--faint);color:var(--day);letter-spacing:0;margin:0 0 13px;padding-top:18px;font-size:14px;font-weight:400}.note{grid-template-columns:var(--time-column) minmax(0, 1fr);column-gap:var(--row-gap);align-items:baseline;padding:3px 0;display:grid}.time{color:var(--timestamp);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55}.content,.composer-input{color:#1f2937;font-size:14.5px;font-weight:400;line-height:1.55}.content{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.composer-row{cursor:text;margin-top:5px}.composer-input{height:22.5px;min-height:22.5px;padding:0}.composer-input::placeholder{color:var(--placeholder)}.note.saving .content{color:#4b5563}.note.failed .content{color:var(--error)}.note-status{color:var(--error);font-size:13px}@media (max-width:560px){:root{--time-column:56px;--row-gap:12px}body{font-size:15px}.page{width:min(100% - 32px,620px);padding:38px 0 72px}.page.with-topbar{padding-top:calc(82px + env(safe-area-inset-top))}.topbar-inner{align-items:center;width:min(100% - 32px,620px);padding:6px 0}.brand,.content,.composer-input,.search-input{font-size:14px}.identity{min-width:0;display:block}.user{margin-top:1px}.topbar-actions{flex:none}.day{margin-top:30px}.note{padding:2px 0}.search-row{margin:-10px 0 30px}}