:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dcddde;background:#1e1e1e;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 250px;height:100%;background:#1e1e1e}.sidebar,.backlinks{min-width:0;background:#242424;border-color:#363636;border-style:solid}.sidebar{display:flex;flex-direction:column;border-width:0 1px 0 0}.backlinks{overflow:auto;padding:18px 14px;border-width:0 0 0 1px}.brand-row{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px}.brand-row strong{flex:1;font-size:15px}.app-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#7652b7,#4d357d);color:#fff;font-weight:800;box-shadow:0 12px 32px #0005}.app-mark.small{width:32px;height:32px;border-radius:10px;box-shadow:none}.icon-button,.toolbar button,.backlinks button,.logout{border:1px solid #444;border-radius:7px;background:#2c2c2c;cursor:pointer}.icon-button{width:32px;height:32px;font-size:20px}.search{margin:0 12px 10px;padding:9px 10px;border:1px solid #414141;border-radius:7px;outline:none;color:#eee;background:#191919}.search:focus,.login-card input:focus{border-color:#8767c8;box-shadow:0 0 0 2px #8767c833}.note-list{flex:1;overflow:auto;padding:2px 7px 12px}.note-item{display:flex;flex-direction:column;width:100%;padding:9px 10px;border:0;border-radius:6px;text-align:left;background:transparent;cursor:pointer}.note-item:hover,.note-item.active{background:#333}.note-item.active{color:#e8ddff}.note-item span{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.note-item small,.title-block span,.backlinks small{overflow:hidden;margin-top:3px;color:#929292;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.note-item em{display:-webkit-box;overflow:hidden;margin-top:5px;color:#aaa;font-size:11px;font-style:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.logout{margin:8px 12px 12px;padding:8px;color:#aaa}.workspace{display:grid;grid-template-rows:58px minmax(0,1fr) 30px;min-width:0}.toolbar{display:flex;align-items:center;gap:20px;padding:8px 14px;border-bottom:1px solid #363636;background:#242424}.title-block{display:flex;flex:1;flex-direction:column;min-width:0}.title-block strong,.title-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-actions{display:flex;gap:6px}.toolbar button{padding:7px 11px}.toolbar button:hover,.backlinks button:hover,.logout:hover{background:#393939}.toolbar button.selected{border-color:#7652b7;background:#4d357d}.toolbar button.danger{color:#ffb3b3}.toolbar button:disabled{cursor:default;opacity:.45}.content-area{min-height:0}.editor{width:100%;height:100%;resize:none;padding:28px clamp(24px,7vw,110px);border:0;outline:none;color:#e7e7e7;background:#1e1e1e;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.75;-moz-tab-size:2;tab-size:2}.preview{height:100%;overflow:auto;padding:32px clamp(24px,8vw,120px) 80px;line-height:1.75}.preview>*{max-width:860px;margin-right:auto;margin-left:auto}.preview h1,.preview h2,.preview h3{color:#f1f1f1;line-height:1.25}.preview h1,.preview h2{padding-bottom:.25em;border-bottom:1px solid #3b3b3b}.preview a{color:#b99bea;text-decoration:none}.preview a:hover{text-decoration:underline}.preview code{border-radius:4px;background:#2b2b2b}.preview :not(pre)>code{padding:.15em .35em}.preview pre{overflow:auto;padding:16px;border:1px solid #383838;border-radius:8px;background:#181818}.preview blockquote{margin-left:0;padding-left:16px;border-left:3px solid #7652b7;color:#aaa}.preview img{max-width:100%}.statusbar{display:flex;justify-content:space-between;padding:6px 12px;border-top:1px solid #363636;color:#888;background:#242424;font-size:11px}.backlinks h2{margin:8px 5px 10px;color:#aaa;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.backlinks h2:not(:first-child){margin-top:28px}.backlinks button{display:flex;flex-direction:column;width:100%;margin-bottom:6px;padding:9px;text-align:left}.muted{padding:6px 10px;color:#777;font-size:12px}.empty-state{display:grid;height:100%;place-content:center;text-align:center;color:#777}.empty-state h2{margin:0;color:#aaa;font-size:30px}.login-shell{display:grid;height:100%;place-items:center;background:radial-gradient(circle at 50% 30%,#3d2d5f 0,transparent 34%),#171717}.login-card{display:flex;width:min(380px,calc(100% - 36px));flex-direction:column;align-items:stretch;gap:14px;padding:34px;border:1px solid #3e3e3e;border-radius:14px;background:#242424;box-shadow:0 24px 80px #0008}.login-card .app-mark{align-self:center}.login-card h1,.login-card p{margin:0;text-align:center}.login-card p{color:#999;font-size:13px}.login-card input,.login-card button{padding:11px 12px;border:1px solid #444;border-radius:8px}.login-card input{outline:none;color:#eee;background:#181818}.login-card button{background:#65469f;cursor:pointer}@media(max-width:980px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.backlinks{display:none}}@media(max-width:680px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.toolbar{align-items:flex-start;height:auto;flex-direction:column}.workspace{grid-template-rows:auto minmax(0,1fr) 30px}.toolbar-actions{width:100%;overflow-x:auto}}