:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1d1d1f;--muted:#6e6e73;--line:#e4e4e7;--line-soft:#efeff1;--panel:#f4f4f6;--selected:#eaf1ff;--accent:#2f6fdb;--danger:#d93a3a;--code-fg:#b2427a;--code-bg:#f4f4f6;--ok:#2e9e5b;--wait:#d18b00;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "D2Coding", monospace;--header-h:52px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161618;--fg:#ececee;--muted:#9a9aa0;--line:#2c2c30;--line-soft:#222226;--panel:#212124;--selected:#1f2a3d;--accent:#7aa7ff;--danger:#ff6464;--code-fg:#f08cc0;--code-bg:#232327;--ok:#52c483;--wait:#e6a93a}}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer}.app{height:100dvh;display:flex;overflow:hidden}.list-pane{flex-direction:column;flex:1;min-width:0;display:flex}.app.wide .list-pane{border-right:1px solid var(--line);flex:0 0 340px}.note-pane{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.app.narrow .note-pane{z-index:10;position:fixed;inset:0}.spacer{flex:1}.btn{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:9px;height:36px;padding:0 12px;font-size:14px}.btn:active{background:var(--panel)}.btn.icon{border:0;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:grid}.btn.primary{color:var(--accent)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn[aria-pressed=true]{background:var(--panel)}@media (hover:hover){.btn:hover{background:var(--panel)}.btn.danger:hover{background:var(--danger)}}.list-header,.pane-header{height:var(--header-h);flex:none;align-items:center;gap:8px;padding:0 8px 0 16px;display:flex}.pane-header{border-bottom:1px solid var(--line-soft);padding:0 12px 0 4px}.list-header h1{margin:0;font-size:20px;font-weight:700}.sync{font:inherit;color:var(--muted);background:var(--panel);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 8px;font-size:12px;display:inline-flex}.sync-dot{background:var(--muted);border-radius:50%;width:7px;height:7px}.sync-ok .sync-dot{background:var(--ok)}.sync-wait .sync-dot{background:var(--wait)}.sync-warn{color:var(--danger)}.sync-warn .sync-dot{background:var(--danger)}.search{flex:none;padding:4px 12px 8px}.search input{background:var(--panel);width:100%;height:38px;color:var(--fg);font:inherit;border:0;border-radius:10px;outline:none;padding:0 12px;font-size:16px}.search input:focus-visible{box-shadow:0 0 0 2px var(--accent)}.tag-bar{scrollbar-width:none;flex-shrink:0;gap:6px;padding:0 12px 8px;display:flex;overflow-x:auto}.tag-bar::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--bg);height:30px;color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:15px;flex-shrink:0;align-items:center;gap:5px;padding:0 10px;font-size:13px;display:inline-flex}.chip-count{color:var(--muted);font-size:12px}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--selected);color:var(--accent)}@media (hover:hover){.chip:hover{background:var(--panel)}.chip[aria-pressed=true]:hover{background:var(--selected)}}.preview .tag{color:var(--accent);background:var(--selected);cursor:pointer;border-radius:4px;padding:0 3px}.preview .tag:focus-visible{outline:2px solid var(--accent)}.list-meta{color:var(--muted);flex:none;padding:0 16px 6px;font-size:12.5px}.list-scroll{contain:strict;flex:1;min-height:0;overflow-y:auto}.row-wrap{position:absolute;top:0;left:0;right:0}.row{border:0;border-bottom:1px solid var(--line-soft);text-align:left;background:0 0;flex-direction:column;justify-content:center;gap:4px;width:100%;height:100%;padding:0 16px;display:flex}.row:active,.row[aria-current=true]{background:var(--selected)}@media (hover:hover){.row:hover:not([aria-current=true]){background:var(--panel)}}.row-title,.row-sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.row-title{font-size:15.5px;font-weight:600}.row-sub{color:var(--muted);font-size:13.5px}.row-time{margin-right:8px}.empty{white-space:pre-line;text-align:center;color:var(--muted);margin:48px 24px;font-size:14px;line-height:1.6}.pane-body{flex:1;min-height:0;position:relative}.editor-wrap,.preview-wrap{position:absolute;inset:0}.editor-host{height:100%}.editor-host .cm-content{margin:0 auto}.pane-empty{color:var(--muted);text-align:center;flex:1;place-items:center;padding:24px;font-size:14px;display:grid}.preview-wrap{overflow-y:auto}.preview,.preview-empty{overflow-wrap:anywhere;max-width:760px;margin:0 auto;padding:16px 16px 40vh;font-size:16px;line-height:1.7}.preview-empty{color:var(--muted)}.preview>:first-child{margin-top:0}.preview h1,.preview h2,.preview h3,.preview h4{margin:1.4em 0 .5em;line-height:1.35}.preview h1{font-size:1.5em}.preview h2{font-size:1.3em}.preview h3{font-size:1.12em}.preview p,.preview ul,.preview ol,.preview blockquote,.preview pre,.preview table{margin:0 0 .9em}.preview ul,.preview ol{padding-left:1.4em}.preview a{color:var(--accent)}.preview code{font-family:var(--font-mono);background:var(--code-bg);color:var(--code-fg);border-radius:5px;padding:.1em .35em;font-size:.9em}.preview pre{background:var(--code-bg);border-radius:10px;padding:12px 14px;overflow-x:auto}.preview pre code{color:inherit;background:0 0;padding:0;font-size:.86em}.preview blockquote{border-left:3px solid var(--line);color:var(--muted);padding-left:12px}.preview hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}.preview table{border-collapse:collapse;display:block;overflow-x:auto}.preview th,.preview td{border:1px solid var(--line);padding:6px 10px}.preview img{max-width:100%}.pane-title{margin:0 0 0 4px;font-size:17px;font-weight:700}.pane-title.wide{margin-left:12px}.pane-scroll{flex:1;min-height:0;overflow-y:auto}.account{max-width:440px;margin:0 auto;padding:20px 20px 48px}.account h2{margin:0 0 8px;font-size:20px}.account-note,.account-hint{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.6}.account-hint{margin:12px 0 0;font-size:13px}.account-note code{font-family:var(--font-mono);background:var(--code-bg);border-radius:5px;padding:1px 5px;font-size:12.5px}.account-warn,.account-error{border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:14px;line-height:1.5}.account-warn{background:color-mix(in srgb, var(--wait) 14%, transparent)}.account-error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.signin label{color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.signin input{border:1px solid var(--line);background:var(--bg);width:100%;height:46px;color:var(--fg);font:inherit;border-radius:10px;outline:none;margin-top:6px;padding:0 12px;font-size:16px;display:block}.signin input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.btn.primary-fill{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;height:46px;margin-top:4px;font-size:15px;font-weight:600}.btn.primary-fill:disabled{opacity:.5;cursor:default}@media (hover:hover){.btn.primary-fill:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}}.account-email{word-break:break-all;margin:0 0 16px;font-size:15px}.account-stats{border-top:1px solid var(--line-soft);margin:28px 0 0;padding-top:8px}.account-stats>div{justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.account-stats span{color:var(--muted)}.account-stats strong{font-weight:500}.account-stats .account-error{margin-top:4px}.btn.sync-now{margin:8px 0 4px}