:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fcfbf8;--ink:#1c1b1a;--ink-2:#55524e;--ink-3:#6b675f;--accent:#b4552d;--banner-bg:#f4efe9;--line:#e5e1da;--font-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Consolas", monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171614;--ink:#e8e4de;--ink-2:#b5afa6;--ink-3:#9c958c;--accent:#d17b52;--banner-bg:#2a2723;--line:#2e2b27}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171614;--ink:#e8e4de;--ink-2:#b5afa6;--ink-3:#9c958c;--accent:#d17b52;--banner-bg:#2a2723;--line:#2e2b27}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:15px}button{font-family:var(--font-mono);background:var(--paper);min-height:44px;color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:2px;padding:8px 12px;font-size:12px}button:hover{border-color:var(--ink-3)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent)}.frame{height:100%;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:2px;width:232px;padding:12px 8px;display:flex;overflow-y:auto}.brand{font-family:var(--font-mono);letter-spacing:.04em;padding:4px 8px 10px;font-size:13px;font-weight:700}.note{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px;display:flex}.note.active{background:var(--banner-bg)}.note .t{font-family:var(--font-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.note .m{font-family:var(--font-mono);color:var(--ink-3);font-size:10px}.new{text-align:left;color:var(--ink-2);background:0 0;border:none;margin-top:auto;padding:10px 8px 2px}.empty-list{color:var(--ink-3);padding:8px;font-size:12px}.editor{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 16px;display:flex}.topbar .btn{min-height:44px}.spacer{flex:1}.saved{font-family:var(--font-mono);color:var(--ink-3);opacity:0;font-size:11px;transition:opacity .2s}.saved-visible{opacity:1}.editor textarea{resize:none;color:var(--ink);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;width:100%;max-width:72ch;margin:0 auto;padding:28px 40px;font-size:16px;line-height:1.9}.banner{background:var(--banner-bg);border-bottom:1px solid var(--line);color:var(--ink);align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:flex}.banner input{font-family:var(--font-mono);flex:1;min-height:32px;font-size:11px}.hint{color:var(--ink-3);padding:6px 16px 0;font-size:11px}.notfound{flex-direction:column;align-items:flex-start;gap:16px;padding:80px 40px;display:flex}.notfound h1{font-size:18px;font-weight:600}.undo-toast{background:var(--ink);color:var(--paper);font-family:var(--font-mono);z-index:10;border-radius:2px;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.undo-toast button{color:var(--accent);background:0 0;border:none;min-height:44px;padding:0 8px;font-size:12px}