@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap");*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:Inter,sans-serif;background:#f6f7f9;color:#12141a}button,input,textarea{font-family:inherit}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border-bottom:1px solid #e4e7ec;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px;color:#12141a}.topbar-link{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12.5px;color:#5b6472;text-decoration:none;border:1px solid #e4e7ec;padding:6px 12px;border-radius:8px;background:#fff;cursor:pointer}.topbar-link:hover{border-color:#0e7fd1;color:#0e7fd1}.body-row{display:flex;flex:1 1;min-height:0;position:relative}.sidebar{width:270px;background:#fff;border-right:1px solid #e4e7ec;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 53px);position:-webkit-sticky;position:sticky;top:53px;overflow-y:auto}.main{flex:1 1;min-width:0}.tree-category{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#5b6472;font-weight:600;cursor:pointer;border-radius:6px}.tree-category:hover{background:#f6f7f9}.tree-section{width:100%;display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 8px;font-size:13px;color:#12141a;font-weight:500;cursor:pointer;border-radius:6px;text-align:left}.tree-section:hover{background:#f6f7f9}.tree-topic{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 8px;font-size:13px;color:#5b6472;cursor:pointer;border-radius:6px}.tree-topic:hover{background:#f6f7f9;color:#12141a}.tree-topic-active{background:#e6f1fb;color:#0e7fd1;font-weight:500}.icon-btn{border:none;background:transparent;color:#8a8f99;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#f0f1f4;color:#12141a}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn-danger:hover{background:#fcebeb;color:#a32d2d}.mobile-only,.sidebar-scrim{display:none}.code-block{display:flex;background:#12141a;border-radius:10px;overflow:hidden;margin:16px 0;font-family:JetBrains Mono,monospace;font-size:13px}.code-gutter{padding:14px 10px;color:#5b6472;background:#181a21;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.6}.code-content{margin:0;padding:14px 16px;color:#e4e7ec;overflow-x:auto;line-height:1.6;white-space:pre}.block-card{border:1px solid #e4e7ec;border-radius:10px;padding:10px 12px;margin-bottom:10px;background:#fff}.block-toolbar{gap:10px;margin-bottom:8px}.block-kind,.block-toolbar{display:flex;align-items:center}.block-kind{gap:5px;font-size:11.5px;font-family:JetBrains Mono,monospace;color:#8a8f99;text-transform:uppercase;letter-spacing:.03em}.add-block-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.add-block-btn{display:flex;align-items:center;gap:6px;border:1px solid #e4e7ec;background:#fff;padding:7px 12px;border-radius:8px;font-size:12.5px;color:#12141a;cursor:pointer}.add-block-btn:hover{border-color:#0e7fd1;color:#0e7fd1}.add-block-btn-small{font-size:12px;padding:5px 10px;margin:4px 0 10px}.admin-node{margin-bottom:2px}.admin-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:-webkit-grab;cursor:grab}.admin-row:hover{background:#f6f7f9}.admin-row-category{font-family:JetBrains Mono,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:#12141a}.admin-row-section{font-size:13px;font-weight:500;color:#12141a;margin-left:10px}.admin-row-topic{font-size:13px;color:#5b6472;margin-left:24px}.admin-row-topic-active{background:#e6f1fb}.admin-title{flex:1 1}.admin-topic-select{flex:1 1;text-align:left;background:none;border:none;padding:0;color:inherit;font-size:13px;cursor:pointer}.admin-actions{display:flex;gap:2px;opacity:0}.admin-row:hover .admin-actions{opacity:1}.admin-input{flex:1 1;border:1px solid #0e7fd1;border-radius:5px;padding:3px 6px;font-size:13px;outline:none}.admin-drag-handle{display:flex;align-items:center;justify-content:center;color:#5b6472;width:20px;height:20px;border-radius:6px;flex-shrink:0;background:#f3f5f7;border:1px solid #e4e7ec;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.admin-row:hover .admin-drag-handle{background:#eaf2fb;border-color:#cfe3f8;color:#0e7fd1}.admin-row-dragging{opacity:.5;background:#f0f1f4;cursor:-webkit-grabbing;cursor:grabbing}.admin-row-drop-target{background:#e6f1fb;border-radius:6px;box-shadow:inset 0 0 0 2px #0e7fd1}.save-pill{display:flex;align-items:center;gap:5px;color:#8a8f99}.error-pill,.save-pill{font-size:11.5px;font-family:JetBrains Mono,monospace}.error-pill{color:#a32d2d}textarea:focus{outline:1px solid #0e7fd1;border-radius:6px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f7f9}.login-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:32px;width:320px}.login-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:18px;margin:0 0 4px}.login-sub{font-size:13px;color:#5b6472;margin:0 0 20px}.login-input{width:100%;padding:10px 12px;border:1px solid #e4e7ec;border-radius:8px;font-size:14px;margin-bottom:12px;outline:none}.login-input:focus{border-color:#0e7fd1}.login-btn{width:100%;padding:10px 12px;border:none;border-radius:8px;background:#12141a;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.login-btn:hover{background:#0e7fd1}.login-error{font-size:12.5px;color:#a32d2d;margin:-4px 0 12px}@media (max-width:720px){.mobile-only{display:flex}.sidebar{position:fixed;top:53px;bottom:0;left:0;height:calc(100vh - 53px);transform:translateX(-100%);transition:transform .2s ease;z-index:20;box-shadow:2px 0 12px rgba(0,0,0,.08)}.sidebar-open{transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:53px 0 0 0;background:rgba(18,20,26,.35);z-index:10}}