:root{--paper:#f3ecdd;--panel:#faf6ec;--line:#3c322829;--text:#1b1a22;--dim:#7a6e60;--accent:#1f3f9e;--danger:#c23b22;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{height:100vh;color:var(--text);background:var(--paper) repeating-linear-gradient(transparent 0 33px, #7896c82e 33px 34px);flex-direction:column;margin:0;display:flex}button,input,select{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px 10px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.ghost{background:0 0}button.danger:hover{border-color:var(--danger);color:var(--danger)}input:focus,select:focus{border-color:var(--accent);outline:none}header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#faf6ecd9;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex}.brand{letter-spacing:.02em;font:italic 500 26px Cormorant Garamond,serif}#ask-form{flex:1;gap:6px;min-width:280px;display:flex}#ask{flex:1;min-width:0}#status{color:var(--dim);font-size:13px}#status.err{color:var(--danger)}.to-notebook{color:#5b3a1e;font:19px Caveat,cursive;text-decoration:none}.to-notebook:hover{text-decoration:underline}.seg{border:1px solid var(--line);border-radius:9px;display:flex;overflow:hidden}.seg button{color:var(--dim);background:0 0;border:0;border-radius:0}.seg button+button{border-left:1px solid var(--line)}.seg button.on{color:var(--accent);background:#1f3f9e1a}main{flex:1;min-height:0;display:flex}#views{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 12px;display:flex}.grow{flex:1}.panes{flex:1;min-height:0;display:grid}main[data-layout=graph] .panes{grid-template-rows:1fr}main[data-layout=graph] #table-wrap{display:none}main[data-layout=table] .panes{grid-template-rows:1fr}main[data-layout=table] #graph{display:none}main[data-layout=both] .panes{grid-template-rows:3fr 2fr}main[data-layout=both] #table-wrap{border-top:1px solid var(--line)}#graph{background:radial-gradient(circle,#3c32281f 1px,#0000 1px) 0 0/24px 24px;min-width:0;min-height:0;position:relative;overflow:hidden}#table-wrap{background:#faf6ecb3;min-height:0;overflow:auto}#define{position:relative}#define summary{cursor:pointer;color:var(--dim);padding:5px 4px;list-style:none}#define[open] summary{color:var(--accent)}#define-form{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:6px;width:320px;padding:10px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 12px 30px -14px #140c0680}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--dim);background:var(--panel);-webkit-user-select:none;user-select:none;font-weight:500;position:sticky;top:0}th.sortable{cursor:pointer}th.sortable:hover{color:var(--accent)}th,td{border-bottom:1px solid var(--line);padding:6px 12px}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.on{background:#b07a121f}.mono,.chip{font-family:ui-monospace,Menlo,monospace;font-size:12px}#details{z-index:2;background:var(--panel);border-left:1px solid var(--line);flex:none;width:min(460px,42vw);padding:14px 18px 30px;position:relative;overflow:auto;box-shadow:-10px 0 30px -24px #140c0699}#details[hidden]{display:none}.hint{color:var(--dim)}.note-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.type{color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border-radius:999px;padding:1px 9px;font-size:13px}.chip{color:var(--dim);background:0 0;padding:2px 8px}.saving{color:var(--dim);font-size:12px}#details[data-saving] .saving:after{content:attr(data-saving)}#details .saving:after{content:""}.ref{background:0 0;border-color:#0000;width:100%;padding:2px 0;font:italic 500 28px Cormorant Garamond,serif;display:block}.ref:focus{border-color:#0000;border-bottom-color:var(--accent);border-radius:0}.fields{gap:12px;margin-top:8px;display:grid}.field{color:var(--dim);gap:4px;font-size:13px;display:grid}.field input{color:var(--text);font-size:15px}.open-page{color:#5b3a1e;font:20px Caveat,cursive;text-decoration:none}.open-page:hover{text-decoration:underline}.be-bar{gap:6px;margin-bottom:8px;display:flex}.editor .tiptap{border:1px solid var(--line);background:#fffdf7;border-radius:10px;outline:none;min-height:220px;padding:12px 14px;font-size:16px}.editor .tiptap:focus{border-color:#1f3f9e59}.editor .tiptap p{margin:0 0 .6em}.editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--dim);float:left;pointer-events:none;height:0}.mention{color:var(--accent);cursor:pointer;background:#1f3f9e1a;border-radius:4px;padding:0 4px}.mention:hover{background:#1f3f9e33}.links{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.links .label{color:var(--dim);margin-bottom:4px;font-size:13px}.links ul{margin:0 0 10px;padding:0;list-style:none}.links li{align-items:center;gap:6px;display:flex}.links .link{text-align:left;background:0 0;border:0;border-radius:8px;flex:1;align-items:baseline;gap:8px;min-width:0;padding:3px 6px;display:flex}.links .link:hover{background:#b07a121f}.links .link span:last-child{color:var(--c);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.links .rel{color:var(--dim);white-space:nowrap;font-size:12px}.links .cut{color:var(--dim);opacity:0;border:0;font-size:12px}.links li:hover .cut{opacity:1}.link-form{gap:6px;display:flex}.link-form input:first-child{flex:1;min-width:0}.link-form .rel-in{width:90px}.pad-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.swatch.on{border-color:var(--text)}.pad-bar button.on:not(.swatch){border-color:var(--accent);color:var(--accent)}.pad{aspect-ratio:8/5;touch-action:none;cursor:crosshair;border:1px solid var(--line);background:#fffdf7 radial-gradient(circle,#3c32281a 1px,#0000 1px) 0 0/20px 20px;border-radius:10px;width:100%;display:block}@media (width<=800px){main{flex-direction:column}#details{border-left:0;border-top:1px solid var(--line);width:auto;max-height:55vh}}