:root{--bg: #121212;--side: #0b0b0b;--panel: #191919;--fg: #e6e6e6;--dim: #7d7d7d;--border: #262626;--hover: rgba(255, 255, 255, .05);--active: rgba(255, 255, 255, .1);--active-line: rgba(255, 255, 255, .035);--selection: rgba(96, 142, 219, .4);--match: rgba(255, 255, 255, .28);--caret: #f2f2f2;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--editor-pad: 22px;--line: 18px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font:13px/1.4 var(--sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.icon{width:28px;height:28px;border-radius:5px;color:var(--dim);font-size:16px;line-height:1;flex:none}.icon:hover{background:var(--hover);color:var(--fg)}.grow{flex:1;min-width:0}#app{position:fixed;inset:0 0 auto;height:var(--height, 100dvh);display:flex}#sidebar{width:220px;flex:none;display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--border);padding-left:env(safe-area-inset-left)}.sidebar-closed #sidebar{display:none}#sidebar header,#sidebar footer{display:flex;align-items:center;gap:8px;padding:8px;flex:none}#sidebar header{padding-top:calc(8px + env(safe-area-inset-top))}#sidebar footer{border-top:1px solid var(--border);padding:8px 12px calc(8px + env(safe-area-inset-bottom));color:var(--dim);font-size:12px}#status{flex:1;display:flex;align-items:center;gap:7px;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none}[data-status=synced] .dot{background:#4caf78}[data-status=syncing] .dot{background:#d9a441}[data-status=error] .dot{background:#e5534b}#account{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account:hover{color:var(--fg)}#list{flex:1;overflow-y:auto;padding:0 6px 8px;overscroll-behavior:contain}.note{display:flex;align-items:center;height:26px;padding:0 4px 0 10px;border-radius:5px;color:var(--fg);text-decoration:none;cursor:default;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.note span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note .untitled{color:var(--dim)}.note.active{background:var(--active)}.note .delete{visibility:hidden;width:22px;height:22px;border-radius:4px;color:var(--dim);font-size:15px;flex:none}.note .delete:hover{background:var(--hover);color:var(--fg)}.note.active .delete{visibility:visible}@media(hover:hover){.note:hover:not(.active){background:var(--hover)}.note:hover .delete{visibility:visible}}main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}#bar{display:none}#editor{flex:1;min-height:0;font-size:13px;font-variant-ligatures:none;padding-right:env(safe-area-inset-right)}#show-sidebar{display:none;position:absolute;top:8px;right:12px;z-index:5;opacity:.55}#show-sidebar:hover{opacity:1}.sidebar-closed #show-sidebar{display:block}#empty{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg)}#empty button,#login button[type=submit]{padding:8px 16px;border-radius:6px;background:var(--fg);color:var(--bg);font-weight:600}#backdrop{display:none}@media(max-width:700px){:root{--editor-pad: 16px;--line: 21px}#sidebar{position:absolute;z-index:20;inset:0 auto 0 0;width:min(82vw,320px)}body:not(.sidebar-closed) #backdrop{display:block;position:absolute;inset:0;z-index:10;background:#0000008c}#hide-sidebar,.sidebar-closed #show-sidebar{display:none}#bar{display:flex;align-items:center;gap:6px;flex:none;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) 6px calc(8px + env(safe-area-inset-left));border-bottom:1px solid var(--border);color:var(--dim)}#bar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}#bar-status{margin:0 4px}#bar .icon,#sidebar .icon{width:36px;height:36px;font-size:19px}#editor{font-size:15px}.note{height:40px;font-size:15px}.note .delete{width:32px;height:32px;font-size:18px}#sidebar footer{font-size:13px}}#login{width:min(300px,calc(100vw - 48px));margin:22vh auto 0;display:flex;flex-direction:column;gap:10px}#login h1{margin:0 0 8px;font:600 16px var(--mono)}#login input{font:16px var(--sans);padding:9px 11px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--fg);outline:none}#login input:focus{border-color:#555}#login button[type=submit]{padding:10px;font-size:14px}#login button:disabled{opacity:.6}#login .link{color:var(--dim);align-self:center}#login .link:hover{color:var(--fg)}#login-error{margin:0;min-height:1.4em;color:#e5736c;text-align:center}