:root{--bg:#f7f4ee;--pn:#efeae0;--tx:#26221c;--mu:#6b6458;--ac:#8a3b12;--ln:#ddd5c6;--ok:#2f6b3a;--er:#b3261e;--ed:#fffdf8;--ed-font:Georgia,serif;--ed-size:18px;--ed-lh:1.7;--ed-width:68ch;box-sizing:border-box;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#1b1916;--pn:#23201c;--tx:#e8e2d6;--mu:#a39a8b;--ac:#e0935f;--ln:#38332c;--ok:#7bc489;--er:#f2837b;--ed:#201d19}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--tx);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100%;display:flex}.pad{padding:24px}.mu{color:var(--mu);font-size:13px}header{border-bottom:1px solid var(--ln);background:var(--pn);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}h1{color:var(--ac);margin:0;font:600 16px Georgia,serif}.ttl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:80px;overflow:hidden}button{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--ln);cursor:pointer;border-radius:6px;min-height:38px;padding:6px 10px}button:disabled{opacity:.45;cursor:default}button.pri{background:var(--ac);color:var(--bg);border-color:var(--ac)}button.danger{background:var(--er);color:#fff;border-color:var(--er)}button[aria-pressed=true]{background:var(--ln)}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}input:not([type=checkbox]){font:inherit;color:inherit;background:var(--bg);border:1px solid var(--ln);border-radius:6px;width:100%;padding:8px}main{flex:1;grid-template-columns:290px 1fr;min-height:0;display:grid}main.lib{width:100%;max-width:720px;margin:0 auto;padding:20px;display:block;overflow:auto}.row{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.row.l{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:0 0 12px}.card{border:1px solid var(--ln);background:var(--pn);border-radius:8px;align-items:center;gap:8px;margin:8px 0;padding:10px 12px;display:flex}.card b{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.binder{border-right:1px solid var(--ln);background:var(--pn);flex-direction:column;gap:8px;padding:8px;display:flex;overflow:auto}.acts{flex-wrap:wrap;gap:4px;display:flex}.acts button{min-height:34px;padding:4px 8px}.binder ul{margin:0;padding-left:14px;list-style:none}nav>ul{padding-left:0}.nd{text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:6px 8px;display:block}.nd.sel{background:var(--ln);font-weight:600}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.tb{border-bottom:1px solid var(--ln);flex-wrap:wrap;gap:4px;padding:6px 12px;display:flex}.tb button{min-width:38px;padding:4px 8px}.ed{background:var(--ed);flex:1;overflow:auto}.ed .tiptap{min-height:100%;padding:24px max(16px,calc((100% - var(--ed-width))/2));font-family:var(--ed-font);font-size:var(--ed-size);line-height:var(--ed-lh);outline:none}.tiptap blockquote{border-left:3px solid var(--ln);color:var(--mu);margin-left:0;padding-left:14px}.empty{color:var(--mu);text-align:center;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}footer{border-top:1px solid var(--ln);background:var(--pn);color:var(--mu);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px;font-size:13px;display:flex}footer button{min-height:28px}.st.saved{color:var(--ok)}.st.error{color:var(--er);font-weight:600}dialog{background:var(--bg);color:var(--tx);border:1px solid var(--ln);border-radius:10px;width:min(460px,92vw)}dialog::backdrop{background:#00000073}dialog h3{margin:0 0 6px;font-family:Georgia,serif}.menu{display:none}@media (width<=760px){button,.acts button,.nd{min-height:44px}.menu{display:inline-block}main{grid-template-columns:1fr}main.lib{display:block}.binder{z-index:5;width:85%;max-width:340px;padding-top:calc(8px + env(safe-area-inset-top,0px));position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:2px 0 12px #0000004d}.binder.open{transform:none}}@media (prefers-reduced-motion:no-preference){.binder{transition:transform .2s}}.off h4{margin:14px 0 4px}.off p{margin:6px 0}.off .good{color:var(--ok)}.off .warn{color:var(--er)}.off code{background:var(--pn);border-radius:4px;padding:0 4px}.banner{border:1px solid var(--ac);background:var(--pn);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.banner span{flex:1;min-width:200px}.tabs{border-bottom:1px solid var(--ln);gap:4px;padding:6px 12px 0;display:flex}.tabs button{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;min-height:34px}.tabs button[aria-selected=true]{background:var(--ed);box-shadow:inset 0 2px 0 var(--ac);font-weight:600}.insp{border-bottom:1px solid var(--ln);background:var(--pn);padding:6px 12px}.insp summary{cursor:pointer;min-height:28px}.insp textarea,.blk{width:100%;display:block}textarea,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--ln);border-radius:6px;padding:6px}textarea{width:100%;margin:4px 0 8px}.view{flex:1;padding:12px;overflow:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cardx{border:1px solid var(--ln);border-top:5px solid var(--ln);background:var(--pn);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.cardx.sel{outline:2px solid var(--ac)}.ct{text-align:left;background:0 0;border:0;min-height:0;padding:0;font-weight:600}.syn{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.chip{background:var(--ln);border-radius:10px;padding:1px 8px}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{border-bottom:1px solid var(--ln);text-align:left;vertical-align:top;padding:4px 8px}tr.sel{background:var(--pn)}td.syn{max-width:360px;font-size:13px;display:table-cell}.nd.inl{width:auto;display:inline-block}.tg{min-height:28px;color:var(--ac);background:0 0;border:0;padding:0 8px}:root[data-theme=light]{--bg:#f7f4ee;--pn:#efeae0;--tx:#26221c;--mu:#6b6458;--ac:#8a3b12;--ln:#ddd5c6;--ok:#2f6b3a;--er:#b3261e;--ed:#fffdf8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1b1916;--pn:#23201c;--tx:#e8e2d6;--mu:#a39a8b;--ac:#e0935f;--ln:#38332c;--ok:#7bc489;--er:#f2837b;--ed:#201d19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=sepia]{--bg:#f1e7d0;--pn:#e8dcc0;--tx:#433422;--mu:#7a6a52;--ac:#8a3b12;--ln:#d6c7a5;--ok:#2f6b3a;--er:#b3261e;--ed:#f8f0dc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tabs{align-items:flex-end}.tabs .sp{flex:1}.splitbtn,.refp{display:none}.wr{flex:1;min-height:0;display:flex}.wr>.col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.refp{border-left:1px solid var(--ln);flex-direction:column;flex:1;min-width:0;min-height:0}@media (width>=900px){.splitbtn{display:inline-block}.refp{display:flex}}.app.focus header,.app.focus footer,.app.focus .binder,.app.focus .tabs,.app.focus .insp,.app.focus .refp{display:none}.app.focus main{grid-template-columns:1fr}.exitfocus{top:calc(8px + env(safe-area-inset-top,0px));z-index:9;opacity:.65;position:fixed;right:12px}.exitfocus:hover,.exitfocus:focus-visible{opacity:1}.set label{justify-content:space-between;align-items:center;gap:8px;margin:10px 0;display:flex}.set input[type=range]{width:55%}.sub{border-bottom:0;padding:0 0 8px}.panel{border:1px solid var(--ln);background:var(--pn);border-radius:8px;margin-bottom:12px;padding:10px}.panel h4{margin:12px 0 4px}.two{grid-template-columns:minmax(200px,280px) 1fr;gap:16px;display:grid}.rowf{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.rowf input:not([type=checkbox]){flex:1;width:auto;min-width:120px}.stl{margin:0;padding:0;list-style:none}.stl li{margin:4px 0}.btn{border:1px solid var(--ln);background:var(--bg);cursor:pointer;border-radius:6px;align-items:center;min-height:38px;padding:6px 10px;display:inline-flex}@media (width<=760px){.two{grid-template-columns:1fr}.btn{min-height:44px}}.tabs,.card{flex-wrap:wrap}.card b{overflow-wrap:anywhere;flex:140px;min-width:0}.fcard b{flex:100%}dialog{max-height:90vh;overflow:auto}dialog.wide{width:min(820px,96vw)}.good{color:var(--ok)}.warn{color:var(--er)}.diff{white-space:pre-wrap;max-height:45vh;line-height:1.7;overflow:auto}ins{background:color-mix(in srgb,var(--ok) 25%,transparent);text-decoration:underline}del{background:color-mix(in srgb,var(--er) 22%,transparent);text-decoration:line-through}.ins{color:var(--ok)}.del{color:var(--er)}