:root{--bg: #fafafa;--surface: #ffffff;--surface-2: #f3f3f3;--border: #e4e4e7;--text: #18181b;--muted: #71717a;--accent: #2563eb;--danger: #dc2626;--ok: #16a34a;--warning: #f59e0b;--off: #a1a1aa;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #09090b;--surface: #18181b;--surface-2: #27272a;--border: #27272a;--text: #fafafa;--muted: #a1a1aa;--accent: #60a5fa}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit;background:transparent}.loading-shell{display:grid;place-items:center;height:100%}.loading-text{color:var(--muted);font-size:32px}.signin-shell{display:grid;place-items:center;height:100%;padding:24px}.signin-card{width:min(360px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.signin-title{margin:0 0 8px;font-size:24px;font-weight:600;text-align:center}.signin-input{border:1px solid var(--border);border-radius:8px;padding:10px 12px}.signin-input:focus{outline:none;border-color:var(--accent)}.signin-error{color:var(--danger);font-size:14px}.signin-submit{background:var(--accent);color:#fff;border-radius:8px;padding:10px 12px;font-weight:500}.signin-submit:disabled{opacity:.6;cursor:progress}.signin-toggle{color:var(--muted);font-size:14px;padding:4px}.list-shell{height:100%;display:flex;flex-direction:column;position:relative;max-width:720px;margin:0 auto}.list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.list-title{margin:0;font-size:18px;font-weight:600}.indicator-button{width:32px;height:32px;display:grid;place-items:center;border-radius:8px}.indicator-button:hover{background:var(--surface-2)}.list-main{flex:1;overflow:auto}.list-loading,.list-empty{padding:64px 20px;text-align:center;color:var(--muted)}.notes{list-style:none;padding:0;margin:0}.note-row{padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title time" "snippet snippet";gap:4px 12px}.note-row:hover{background:var(--surface-2)}.note-row-title{grid-area:title;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row-time{grid-area:time;color:var(--muted);font-size:13px;white-space:nowrap}.note-row-snippet{grid-area:snippet;color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:28px;line-height:1;box-shadow:0 4px 14px #00000026}.sync-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.sync-dot-ok{background:var(--ok)}.sync-dot-loading{background:var(--warning)}.sync-dot-off{background:var(--off)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:10}.modal-card{background:var(--surface);border-radius:12px;padding:20px;min-width:280px;display:flex;flex-direction:column;gap:16px}.modal-text{margin:0;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border)}.modal-btn:hover{background:var(--surface-2)}.modal-btn-primary{background:var(--accent);color:#fff;border-color:transparent}.editor-shell{height:100%;display:flex;flex-direction:column;max-width:860px;margin:0 auto}.editor-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.editor-icon-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-size:18px}.editor-icon-btn:hover{background:var(--surface-2)}.editor-delete:hover{background:#dc26261f;color:var(--danger)}.editor-title{flex:1;border:0;padding:6px 4px;font-size:18px;font-weight:500}.editor-title:focus{outline:none}.editor-main{flex:1;overflow:auto}.editor-loading{padding:64px;text-align:center;color:var(--muted)}.cm-host,.cm-host .cm-editor{height:100%}.cm-host .cm-content{padding:16px}.cm-host .cm-gutters{display:none}.md-preview{padding:24px;line-height:1.6;font-size:16px}.md-preview h1,.md-preview h2,.md-preview h3{margin-top:1.4em;margin-bottom:.4em}.md-preview h1{font-size:1.75em}.md-preview h2{font-size:1.4em}.md-preview h3{font-size:1.15em}.md-preview p{margin:.6em 0}.md-preview ul,.md-preview ol{padding-left:1.4em}.md-preview code{font-family:ui-monospace,Menlo,monospace;background:var(--surface-2);padding:2px 4px;border-radius:4px;font-size:.92em}.md-preview pre{background:var(--surface-2);padding:12px;border-radius:8px;overflow:auto}.md-preview pre code{background:transparent;padding:0}.md-preview blockquote{border-left:3px solid var(--border);margin:.6em 0;padding:0 .8em;color:var(--muted)}.md-preview a{color:var(--accent)}