:root{--bg:#020d1a;--node-bg:#0a1e2e;--node-border:#0af;--node-glow:#00aaff4d;--node-title:#adf;--node-notes:#59b;--sidebar-bg:#030e1c;--sidebar-border:#0a2a3e;--accent:#0af;--text:#adf;--text-muted:#59b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;height:100dvh;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.sidebar.svelte-129hoe0{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;width:220px;min-width:220px;height:100vh;display:flex;overflow:hidden}@media (width<=768px){.sidebar.svelte-129hoe0{z-index:50;height:100dvh;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open.svelte-129hoe0{transform:translate(0)}}.new-project-btn.svelte-129hoe0{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:4px;margin:12px;padding:8px 12px;font-size:13px;transition:background .15s}.new-project-btn.svelte-129hoe0:hover{background:#00aaff1a}.project-list.svelte-129hoe0{flex:1;padding:4px 0;list-style:none;overflow-y:auto}.project-item.svelte-129hoe0{padding:0}.project-link.svelte-129hoe0{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;padding:8px 16px;font-size:13px;text-decoration:none;transition:color .15s,background .15s;display:block;overflow:hidden}.project-item.active.svelte-129hoe0 .project-link:where(.svelte-129hoe0){color:var(--text);background:#00aaff14}.project-link.svelte-129hoe0:hover{color:var(--text);background:#ffffff0a}.rename-input.svelte-129hoe0{border:1px solid var(--accent);width:calc(100% - 32px);color:var(--text);background:#0a2a3e;border-radius:3px;margin:4px 16px;padding:4px 8px;font-size:13px}.context-menu.svelte-129hoe0{border:1px solid var(--sidebar-border);z-index:1000;background:#0a1e2e;border-radius:4px;min-width:120px;position:fixed;box-shadow:0 4px 16px #00000080}.context-menu.svelte-129hoe0 button:where(.svelte-129hoe0){width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;display:block}.context-menu.svelte-129hoe0 button:where(.svelte-129hoe0):hover{background:#ffffff0f}.context-menu.svelte-129hoe0 button.danger:where(.svelte-129hoe0){color:#f66}.color-item.svelte-129hoe0{color:var(--text);cursor:default;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13px;display:flex}.color-item.svelte-129hoe0:hover{background:#ffffff0f}.color-item.svelte-129hoe0 input[type=color]:where(.svelte-129hoe0){cursor:pointer;background:0 0;border:none;border-radius:3px;width:24px;height:20px;padding:0}.app-shell.svelte-12qhfyh{height:100vh;display:flex;overflow:hidden}.main-area.svelte-12qhfyh{flex:1;position:relative;overflow:hidden}.hamburger-btn.svelte-12qhfyh{color:#ccc;cursor:pointer;z-index:30;touch-action:none;background:#0a1e2e;border:1px solid #0a3a5e;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:none;position:absolute;top:12px;left:12px}.sidebar-backdrop.svelte-12qhfyh{z-index:40;background:#020d1a99;display:none;position:fixed;inset:0}@media (width<=768px){.hamburger-btn.svelte-12qhfyh{display:flex}.sidebar-backdrop.svelte-12qhfyh{display:block}}