:root{--bg: #000000;--panel: #121218;--text: #ffffff;--muted: #b7b7c3;--primary: #7b29e8;--accent: #02a7c5;--border: rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{height:100%;display:flex;flex-direction:column;margin:0}#root{flex:1;display:flex;flex-direction:column}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 80% -20%,#1b2235,#0b0b0f 60%)}.container{max-width:1200px;margin:0 auto;padding:24px}.brand-header{padding:16px 24px 0;display:flex;justify-content:center;position:relative}.brand-logo{max-width:220px;width:60%;height:auto}@media (min-width: 768px){.brand-logo{width:220px}}.site-footer{margin-top:auto;padding:20px 16px 40px;border-top:1px solid var(--border);text-align:center}.site-footer .powered-by{margin:10px 0 8px;color:#eaeaea;font-size:14px}.powered-logo{display:block;margin:0 auto;max-width:180px;width:60%;height:auto;opacity:.95}@media (min-width: 768px){.powered-logo{width:180px}}.inline{display:inline-flex;align-items:center;gap:8px}.grid{display:grid;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}.hr{height:1px;background:var(--border);margin:14px 0}.small{font-size:12px;color:var(--muted)}.btn{cursor:pointer;border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-weight:600;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease,background .2s ease,border-color .2s ease;background:#17171e;color:#e8e8f4}.btn.primary{background:var(--primary);color:#fff;border-color:transparent}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000040}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn.muted{background:transparent;color:var(--muted);border-color:var(--border)}.input label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}.input input,.input textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0f0f16;color:var(--text)}pre.json{background:#0c0c12;color:#e8e8ff;border:1px solid var(--border);border-radius:12px;padding:12px;overflow:auto;font-size:12px}.panel{background:linear-gradient(180deg,#121218c7,#121218b8);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 8px 22px #00000047}.panel-title{font-weight:700;margin:0 0 10px;color:#fff}.main{display:grid;grid-template-columns:280px 1fr 340px;gap:16px;margin-top:16px}@media (max-width: 1200px){.main{grid-template-columns:280px 1fr}.rightbar{grid-column:1 / -1}}@media (max-width: 800px){.main{grid-template-columns:1fr}}.sidebar .panel-title{font-weight:700;letter-spacing:.2px;margin:0 0 10px;color:#fff}.sidebar .section{padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.sidebar .section:first-of-type{border-top:0;padding-top:0}.metrics{display:grid;gap:8px;margin-top:12px}.sidebar .field{margin:10px 0 14px}.sidebar .field label{display:block;margin:0 0 6px;font-size:12px;color:var(--muted);letter-spacing:.2px}.sidebar .select{position:relative}.sidebar .select select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:10px 38px 10px 12px;background:linear-gradient(180deg,#121218c7,#121218ad),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='white' opacity='0.9'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 12px center;color:var(--text);outline:none;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);box-shadow:inset 0 1px #ffffff0d;transition:border-color .15s ease,box-shadow .2s ease,background .2s ease}.sidebar .select select:hover{border-color:#ffffff2e}.sidebar .select select:focus{border-color:#7b29e88c;box-shadow:0 0 0 2px #7b29e840,inset 0 1px #ffffff14}.sidebar .select select:disabled{opacity:.65;cursor:not-allowed}.canvas-wrap{display:grid;place-items:center}.brain-hero{position:relative;width:min(70vmin,560px);height:min(70vmin,560px);display:grid;place-items:center}.brain-core{width:54%;height:54%;border-radius:999px;border:1px solid var(--border);background:radial-gradient(60% 60% at 50% 45%,#7b29e873,#02a7c540),radial-gradient(30% 30% at 40% 60%,rgba(123,41,232,.55),transparent),#0c0c12;box-shadow:0 0 40px #7b29e866,inset 0 0 30px #02a7c540;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.98);box-shadow:0 0 28px #7b29e859}50%{transform:scale(1.02);box-shadow:0 0 46px #02a7c573}}.ring{position:absolute;border-radius:999px;border:1px dashed rgba(255,255,255,.14)}.ring-1{width:76%;height:76%;animation:spin 16s linear infinite}.ring-2{width:92%;height:92%;animation:spin 24s linear infinite reverse}.ring-3{width:104%;height:104%;animation:spin 36s linear infinite;opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}.labels{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{background:#0a151e;border:1px solid var(--border);color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px}.chip.ok{color:#9be27a;border-color:#9be27a59}.chip.locked{color:#d1b6ff;opacity:.65}.modes .mode-row{padding:12px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px}.modes .mode-row.unlocked{background:#7b29e814}.modes .mode-row.locked{background:#ffffff08;opacity:.7}.modes .mode-row.review{background:#02a7c514}.modes .mode-title{font-weight:700;margin-bottom:4px}.modes .mode-note{font-size:12px;color:var(--muted)}.brain-dock{position:sticky;bottom:0;margin-top:12px;z-index:10}.dock{display:flex;gap:10px;justify-content:center;background:linear-gradient(180deg,#121218b8,#12121899);border:1px solid var(--border);border-radius:16px;padding:10px 12px;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);box-shadow:0 12px 26px #00000059}.dock .tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#17171e;color:#e8e8f4;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.dock .tab .icon{display:inline-flex;opacity:.95}.dock .tab:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000040}.dock .tab.muted{background:transparent;color:var(--muted)}.dock .tab.muted .icon{opacity:.7}.dock .tab.selected{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 12px 24px #7b29e859}.hamburger{display:none;position:absolute;left:16px;top:20px;width:34px;height:28px;padding:6px;border-radius:8px;border:1px solid var(--border);background:#121218b3;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.hamburger span{display:block;height:2px;margin:4px 0;background:#fff;opacity:.9}@media (max-width: 800px){.hamburger{display:block}}@media (max-width: 800px){.main{grid-template-columns:1fr}.sidebar{position:fixed;z-index:60;top:0;bottom:0;left:0;width:min(86%,360px);transform:translate(-110%);transition:transform .22s ease;border-right:1px solid var(--border);border-radius:0 16px 16px 0;overflow:auto;background:linear-gradient(180deg,#121218eb,#121218d6)}.sidebar.drawer-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;padding:12px 12px 8px;background:linear-gradient(180deg,#121218f5,#121218e0);border-bottom:1px solid rgba(255,255,255,.08);z-index:1;border-radius:0 16px 0 0}.drawer-close{border:1px solid var(--border);background:transparent;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50}.sidebar .field{margin:8px 0 12px}.sidebar .select select{padding:10px 36px 10px 12px}}.sidebar .select option{background:#0f0f16;color:#fff}.canvas-webgl{width:100%;height:100%;display:block}.brain-hero{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.canvas-wrap,.brain-hero{min-height:320px}.card[style*="position: absolute"]{box-shadow:0 18px 40px #00000059}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;display:grid;place-items:center}.modal{position:relative;width:min(720px,92vw);background:linear-gradient(180deg,#121218f5,#121218e6);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 56px #0000008c;padding:16px;z-index:9999}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.access-list{display:grid;gap:8px}.access-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);background:#0f0f16;border-radius:12px;padding:10px 12px}.access-row.owner{background:linear-gradient(180deg,#02a7c51a,#02a7c50a);border-color:#02a7c559}.access-email{font-size:14px}.access-role{display:flex;align-items:center;gap:8px}.access-role .role-select{width:auto;min-width:140px;color:var(--text);background:linear-gradient(180deg,#121218c7,#121218ad),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="white" opacity="0.9"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;background-color:#0c0c12;border:1px solid var(--border);border-radius:10px;padding:8px 28px 8px 12px;line-height:1.3;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);box-shadow:inset 0 1px #ffffff0d;transition:border-color .15s ease,box-shadow .2s ease,background .2s ease}.modal{color-scheme:dark}.modal .role-select{min-width:160px;color:var(--text);background:linear-gradient(180deg,#121218c7,#121218ad),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="white" opacity="0.9"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;background-color:#0c0c12;border:1px solid var(--border);border-radius:10px;padding:8px 28px 8px 12px;line-height:1.3;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);box-shadow:inset 0 1px #ffffff0d;transition:border-color .15s ease,box-shadow .2s ease,background .2s ease}.modal .role-select:hover{border-color:#ffffff2e}.modal .role-select:focus{border-color:#7b29e88c;box-shadow:0 0 0 2px #7b29e840,inset 0 1px #ffffff14}.modal .role-select option{background:#0f0f16;color:#fff}.range.dark{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:#ffffff1f;outline:none}.range.dark::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 4px #7b29e838;cursor:pointer}.range.dark::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 4px #7b29e838;cursor:pointer}.input-compact{background:#0f0f16;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px;outline:none;width:100%}.input-compact:focus{border-color:#7b29e88c;box-shadow:0 0 0 2px #7b29e840,inset 0 1px #ffffff14}.brain-hero,.canvas-wrap{position:relative;z-index:0}.canvas-webgl,.brain-hero canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0!important;pointer-events:none}.panel{position:relative;z-index:10}.rightbar{position:relative;z-index:20}