:root{--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}:root,:root[data-theme=dark]{--bg: #14161a;--panel: #181b20;--elev: #1c1f25;--line: #262a31;--text: #e6e8eb;--muted: #9aa1ab;--accent: #e8a94a;--accent-ink: #14161a;--sel: #2b3340;--chip: #3a3224;--danger: #ff8a80;--ok: #7fd1a8;--warn: #f0c27a;color-scheme:dark}:root[data-theme=light]{--bg: #f6f4ef;--panel: #fbfaf6;--elev: #ffffff;--line: #dcd8cf;--text: #1d2024;--muted: #5d636c;--accent: #9a5d00;--accent-ink: #ffffff;--sel: #e8e2d3;--chip: #f1e6cf;--danger: #b3261e;--ok: #1f7a54;--warn: #8a4a00;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--font-sans);-webkit-text-size-adjust:100%}h1,h2{font-family:var(--font-serif);font-weight:600;margin:0 0 12px}h1{font-size:32px}h2{font-size:22px}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:13px}.pad{padding:4px 12px}.error{color:var(--danger);margin:8px 0}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;text-align:center;padding:24px}.logo{font-family:var(--font-serif);font-size:24px;font-weight:600;color:var(--accent);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--elev)}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.btn-danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:default}.full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:0;background:transparent}.icon-btn:hover{background:var(--sel)}.icon-btn.small{width:28px;height:28px}.link-btn{background:none;border:0;color:var(--accent);padding:8px;margin-top:4px}input,select{background:var(--elev);border:1px solid var(--line);border-radius:10px;min-height:40px;padding:0 12px;width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:13px;color:var(--muted)}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.auth-card .logo{font-size:32px}.shell{display:grid;grid-template-columns:288px minmax(0,1fr);grid-template-rows:56px minmax(0,1fr);height:100dvh}.topbar{grid-column:1 / 3;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--line)}.user{color:var(--muted);margin:0 4px}.sidebar{background:var(--panel);border-right:1px solid var(--line);overflow:auto}.main{overflow:auto;min-width:0}.bottomnav{display:none}.sidebar-inner{padding:12px 8px;display:flex;flex-direction:column;gap:4px;min-height:100%}.side-actions{display:flex;gap:8px;padding:0 4px 8px}.section-title{font:600 12px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 12px 6px;display:flex;align-items:center;gap:6px}.row{display:flex;align-items:center;gap:8px;min-height:34px;padding-right:8px;border-radius:8px;color:var(--text);width:100%}.row:hover{background:var(--sel)}.row.active{background:var(--sel);color:var(--text);font-weight:500}.row.selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}.row-main{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:none;border:0;text-align:left;min-height:34px}.menu-anchor{position:relative}.popmenu{position:absolute;right:0;top:30px;z-index:30;min-width:190px;background:var(--elev);border:1px solid var(--line);border-radius:10px;padding:4px;box-shadow:0 8px 24px #00000040}.popmenu button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:8px}.popmenu button:hover{background:var(--sel)}.popmenu .danger{color:var(--danger)}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:8px}.page{max-width:880px;margin:0 auto;padding:32px 24px}.stats{display:flex;gap:12px;margin:8px 0 20px}.stat{background:var(--elev);border:1px solid var(--line);border-radius:12px;padding:12px 18px;display:flex;flex-direction:column;min-width:110px}.stat strong{font:600 28px var(--font-serif)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.card{background:var(--elev);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;color:var(--text);min-height:96px}.card:hover{border-color:var(--muted)}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trash-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.trash-list li{display:flex;gap:8px;align-items:center;background:var(--elev);border:1px solid var(--line);border-radius:12px;padding:10px 12px;flex-wrap:wrap}.notepage{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100%}.notecol{overflow:auto;padding:28px 48px}.notecol-inner{max-width:760px;margin:0 auto}.note-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.title-input{flex:1;min-width:0;background:none;border:0;padding:0;font:600 38px/1.2 var(--font-serif);min-height:52px}.title-input:focus-visible{outline:none}.save-status{font-size:13px;color:var(--muted);white-space:nowrap}.save-status.saved:before,.save-status.saving:before,.save-status.dirty:before{content:"● "}.save-status.saved{color:var(--ok)}.save-status.dirty,.save-status.saving,.save-status.offline,.save-status.conflict{color:var(--warn)}.save-status.error{color:var(--danger)}.info-toggle{display:none}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--elev);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:14px}.banner.warn{border-color:var(--warn)}.banner-actions{display:flex;gap:8px;flex-wrap:wrap}.info{border-left:1px solid var(--line);background:var(--panel);overflow:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.info-head{display:flex;align-items:center;justify-content:space-between}.info-head h2{font-size:18px;margin:0}.info-close{display:none}.info section{margin-bottom:8px}.info .section-title{margin:12px 0 8px}.info select,.info .btn.full{margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--chip);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:13px}.chip button{background:none;border:0;color:inherit;padding:4px;display:inline-flex}.inline-form{margin-top:8px}.share-list{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:4px}.share-list li{display:flex;align-items:center;gap:6px}.share-form{display:grid;grid-template-columns:1fr auto;gap:6px}.share-form .btn{grid-column:1 / 3}.toolbar{display:flex;gap:4px;flex-wrap:wrap;position:sticky;top:-28px;background:var(--bg);padding:6px 0;z-index:3;border-bottom:1px solid var(--line);margin-bottom:8px}.tool{min-width:38px;min-height:38px;padding:0 8px;border-radius:8px;background:transparent;border:0;color:var(--muted);font-weight:600}.tool:hover{background:var(--sel);color:var(--text)}.cm-host{min-height:50vh}.cm-editor{background:transparent;font-size:16px}.cm-editor.cm-focused{outline:none}.cm-content{font-family:var(--font-sans);line-height:1.75;padding:4px 0 120px;caret-color:var(--accent)}.cm-cursor{border-left-color:var(--accent)!important}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground{background:var(--sel)!important}.cm-line{padding:0}.tok-h1{font:600 1.9em var(--font-serif)}.tok-h2{font:600 1.5em var(--font-serif)}.tok-h3{font:600 1.25em var(--font-serif)}.tok-h4{font-weight:600}.tok-strong{font-weight:700}.tok-em{font-style:italic}.tok-strike{text-decoration:line-through;color:var(--muted)}.tok-link,.tok-url{color:var(--accent)}.tok-quote{color:var(--muted);font-style:italic}.tok-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--elev);border-radius:4px}.tok-mark,.tok-hr{color:var(--muted)}.cm-notelink{color:var(--accent);background:var(--chip);border-radius:6px;padding:0 6px;cursor:pointer}.cm-tooltip{background:var(--elev)!important;border:1px solid var(--line)!important;border-radius:10px;color:var(--text);overflow:hidden}.cm-tooltip-autocomplete ul li[aria-selected]{background:var(--sel)!important;color:var(--text)!important}.cm-editor input.cm-task{width:18px;min-height:0;height:18px;padding:0;margin:0 8px 0 0;vertical-align:-3px;accent-color:var(--accent);cursor:pointer}.cm-task-done{color:var(--muted);text-decoration:line-through}.cm-table-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--elev)}.cm-table-widget{margin:8px 0}.cm-table-scroll{overflow-x:auto}.cm-table-widget table{border-collapse:collapse;width:100%}.cm-table-widget th,.cm-table-widget td{border:1px solid var(--line);padding:0;min-width:90px}.cm-table-widget th{background:var(--elev)}.cm-editor .cm-table-widget input.cm-cell{display:block;width:100%;min-height:0;height:auto;padding:7px 12px;border:0;border-radius:0;background:transparent;font:inherit;color:var(--text)}.cm-editor .cm-table-widget th input.cm-cell{font-weight:600}.cm-editor .cm-table-widget input.cm-cell:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--bg)}.cm-table-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;opacity:0;transition:opacity .15s}.cm-table-widget:hover .cm-table-actions,.cm-table-widget:focus-within .cm-table-actions{opacity:1}@media (hover: none){.cm-table-actions{opacity:1}}.cm-table-actions button{font-size:12px;padding:4px 10px;min-height:30px;border-radius:8px;border:1px solid var(--line);background:var(--elev);color:var(--muted)}.cm-table-actions button:hover{color:var(--text);border-color:var(--muted)}.page.wide{max-width:1180px}.dash-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;margin-bottom:8px;align-items:start}.dash-side{display:flex;flex-direction:column;gap:8px}.cards.one{grid-template-columns:1fr}.stat.storage{min-width:240px;flex:1;max-width:360px}.bar{height:6px;background:var(--line);border-radius:999px;margin-top:8px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}.folder-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:4px}.folder-list a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:var(--elev);border:1px solid var(--line);color:var(--text)}.folder-list a:hover{border-color:var(--muted)}.plain-list{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:2px}.calendar{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-head h2{margin:0;font-size:20px;text-transform:capitalize}.cal-nav{display:flex;align-items:center;gap:4px}.flip{display:inline-flex;transform:rotate(180deg)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-wd{text-align:center;font-size:12px;color:var(--muted);padding:4px 0}.cal-day{position:relative;min-height:44px;border-radius:10px;border:1px solid transparent;background:var(--elev);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.cal-day.dim{opacity:.45}.cal-day.level-1{background:color-mix(in srgb,var(--accent) 16%,var(--elev))}.cal-day.level-2{background:color-mix(in srgb,var(--accent) 32%,var(--elev))}.cal-day.level-3{background:color-mix(in srgb,var(--accent) 52%,var(--elev))}.cal-day.today{border-color:var(--accent);font-weight:700}.cal-day.selected{outline:2px solid var(--accent);outline-offset:1px}.cal-day .dot{width:6px;height:6px;border-radius:50%;background:var(--text)}.cal-legend{margin:8px 0 0}.cal-day-panel{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.cal-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cal-day-head h3{margin:0;font-family:var(--font-serif);font-size:18px;text-transform:capitalize}.cal-day-panel .section-title{margin:12px 0 6px}.event-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.event-list li{display:flex;align-items:center;gap:8px}.event{flex:1;text-align:left;display:flex;flex-direction:column;background:var(--elev);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.event:hover{border-color:var(--muted)}.check{display:flex;align-items:center;gap:8px;margin-bottom:12px}.check input{width:auto;min-height:0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.graph-wrap{display:flex;flex-direction:column;height:100%}.graph-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line)}.graph-bar h1{margin:0;font-size:22px}.graph-canvas{flex:1;min-height:320px;background:var(--bg);touch-action:none}.topsearch{flex:1;max-width:520px;margin-left:16px}.searchbox{position:relative;display:flex;align-items:center;gap:8px;background:var(--elev);border:1px solid var(--line);border-radius:10px;padding:0 12px;color:var(--muted)}.searchbox:focus-within{border-color:var(--accent)}.search-input{border:0;background:transparent;min-height:36px;padding:0;flex:1;color:var(--text)}.search-input:focus-visible{outline:none}.search-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:var(--elev);border:1px solid var(--line);border-radius:12px;padding:4px;box-shadow:0 12px 32px #0000004d;max-height:70vh;overflow:auto;color:var(--text)}.search-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:10px 12px}.search-item.active{background:var(--sel)}.search-item.all{color:var(--accent);font-weight:600}mark{background:var(--chip);color:var(--accent);border-radius:3px;padding:0 2px}.search-overlay{position:fixed;top:0;left:0;right:0;z-index:70;padding:8px;background:var(--bg);border-bottom:1px solid var(--line)}.result-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.result{display:flex;flex-direction:column;gap:2px;background:var(--elev);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text)}.result:hover{border-color:var(--muted)}a.chip{text-decoration:none}.cm-editor img.cm-image{display:block;max-width:100%;max-height:520px;border-radius:8px;margin:6px 0;cursor:pointer}.cm-editor a.cm-filechip{display:inline-block;background:var(--elev);border:1px solid var(--line);border-radius:8px;padding:2px 10px;color:var(--accent)}.cm-editor a.cm-filechip:before{content:"↓ "}.sync-badge{font-size:13px;color:var(--muted);white-space:nowrap}.sync-badge.off{color:var(--warn);font-weight:600}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:60;max-width:min(420px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:8px;background:var(--elev);border:1px solid var(--warn);border-radius:12px;padding:12px 14px;box-shadow:0 8px 24px #0000004d}.toast>span{flex:1}.overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;width:100%;max-width:400px}.dialog h2{font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media (max-width: 1100px){.notepage{grid-template-columns:minmax(0,1fr)}.info{position:fixed;right:0;top:56px;bottom:0;width:min(340px,100%);z-index:15;transform:translate(100%);transition:transform .2s}.info.open{transform:none}.info-toggle,.info-close{display:inline-flex}.notecol{padding:20px 24px}}@media (max-width: 800px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr) auto}.topbar{grid-column:1;padding:0 8px 0 16px}.user{display:none}.sidebar{position:fixed;top:52px;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:20;border:0;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.row,.row-main{min-height:44px}.bottomnav{display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:21}.bn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;background:none;border:0;color:var(--muted);font-size:12px}.bn:hover{color:var(--text)}.info{top:52px;bottom:calc(60px + env(safe-area-inset-bottom))}.notecol{padding:14px 16px}.title-input{font-size:28px}.note-head{flex-wrap:wrap}.save-status{order:3;width:100%}.toolbar{top:-14px;overflow-x:auto;flex-wrap:nowrap}.page{padding:20px 16px}.toasts{bottom:calc(76px + env(safe-area-inset-bottom));right:8px}.topsearch{display:none}.dash-grid{grid-template-columns:minmax(0,1fr)}.cal-day{min-height:40px}.bottomnav{grid-template-columns:repeat(4,1fr)}h1{font-size:26px}}